{"version":3,"sources":["webpack:///./src/components/Common/Chooser.vue?03b0","webpack:///./src/components/Stake/Stake.vue?f2e5","webpack:///./src/components/Common/Chooser.vue","webpack:///src/components/Common/Chooser.vue","webpack:///./src/components/Common/Chooser.vue?1a2d","webpack:///./src/components/Common/Chooser.vue?2da5","webpack:///./src/components/Common/ConnectButton.vue?722e","webpack:///./src/components/Common/DappTxBtn.vue","webpack:///./src/components/Common/SharedButton.vue","webpack:///src/components/Common/SharedButton.vue","webpack:///./src/components/Common/SharedButton.vue?c8de","webpack:///./src/components/Common/SharedButton.vue?940a","webpack:///src/components/Common/DappTxBtn.vue","webpack:///./src/components/Common/DappTxBtn.vue?3705","webpack:///./src/components/Common/DappTxBtn.vue?eb72","webpack:///./src/components/Common/ConnectButton.vue","webpack:///src/components/Common/ConnectButton.vue","webpack:///./src/components/Common/ConnectButton.vue?cf96","webpack:///./src/components/Common/ConnectButton.vue?0ae5","webpack:///./src/components/Stake/StakeGauge.vue?1a15","webpack:///./src/components/Stake/Stake.vue","webpack:///./src/components/Stake/StakeGauge.vue","webpack:///src/components/Stake/StakeGauge.vue","webpack:///./src/components/Stake/StakeGauge.vue?74f4","webpack:///./src/components/Stake/StakeGauge.vue?2413","webpack:///src/components/Stake/Stake.vue","webpack:///./src/components/Stake/Stake.vue?60ff","webpack:///./src/components/Stake/Stake.vue?b249","webpack:///./src/components/Common/ApproveButton.vue","webpack:///src/components/Common/ApproveButton.vue","webpack:///./src/components/Common/ApproveButton.vue?3252","webpack:///./src/components/Common/ApproveButton.vue?4acc"],"names":["render","_vm","this","_c","_self","staticClass","_l","routes","route","index","key","id","class","switch_active","activeRoute","on","$event","onClick","cb","_v","_s","text","staticRenderFns","name","props","components","data","parseInt","currentActive","computed","mapGetters","userConnectedWalletAddress","isActive","ethAmt","toWei","amount","methods","component","loading","attrs","_e","disabled","execTx","_t","big","$emit","type","Boolean","default","BN","config","ROUNDING_MODE","ROUND_DOWN","EXPONENTIAL_AT","SharedButton","ImageVue","ConnectButton","gasPrices","gasPrice","chosenGas","defaultGas","mounted","getCurrentGasPrices","watch","immediate","args","click","wrapTx","abiCall","argsArr","senderObj","send","from","maxFeePerGas","multipliedBy","toString","maxPriorityFeePerGas","hash","notifyHandler","once","error","notifyNotification","catch","finally","userAddress","handleConnect","slice","mapActions","setAddress","chooseCb","directives","rawName","value","Damount","expression","domProps","target","composing","isDeposit","get_wsgETH","onMAX","balance","ethTowsgETH","willGet","adminFee","otherBalance","gas","low","toFixed","updateGasCb","medium","high","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","enoughFundsInExitPool","enoughApproved","wsgETH","validator","getUserApprovedwsgEth","buttonText","genSubmit","showGauge","ethDeposited","contractEtherLimit","numOfValidators","contractDepositRatio","legendFormatter","currentValue","Intl","NumberFormat","format","slot","maxEthDepositOnContract","toLocaleString","setupGauge","window","ethereum","maxValidatorShares","call","currentValidatorShares","curValidatorShares","validatorPrice","costPerValidator","numValidators","dividedBy","calculateEthDepositted","calculateMaxEth","stakePerValidator","maxEthOnContract","ethDepositedToContract","v1","DECIMAL_PLACES","enableStaking","StakeGauge","ApprovalButton","Chooser","DappTxBtn","BNamount","EthBal","vEth2Bal","userApprovedVEth2","userApprovedwsgETH","gasLevels","validInput","txs","maxValShares","remaining","remainingByFee","contractBal","vEth2Price","sgETH","userWSGETHBal","wsgETHRedemptionPrice","lte","gte","eq","c","updateGas","amountCheck","minus","remainingSpaceInEpoch","adminFeeTotal","gt","lt","toggleMode","fn","depositAndStake","deposit","unstakeAndWithdraw","withdraw","walletAddress","request","method","params","veth2","balanceOf","wsgeth","getUserWsgETHBalance","_parse","n","toChecksumAddress","_address","getWsgETHRedemption","err","console","log","init","length","bal","vp","pricePerShare","userApproved","allowance","options","address","newValue","oldVal","isNaN","val","newVal","autoHide","genProps","wrappedCb","getApproved","ABI_token","approve","ABI_spender"],"mappings":"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","file":"js/chunk-0dd8144a.2916e2ed.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chooser.vue?vue&type=style&index=0&id=58d5de69&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stake.vue?vue&type=style&index=0&id=07ce1d42&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chooser\"},[_c('div',{staticClass:\"navbar\"},_vm._l((this.routes),function(route,index){return _c('button',{key:route.id,staticClass:\"switch\",class:{ switch_active: _vm.activeRoute == index },on:{\"click\":function($event){return _vm.onClick(index, route.cb)}}},[_c('span',[_vm._v(_vm._s(route.text))])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"chooser\">\n    <div class=\"navbar\">\n      <button\n        v-for=\"(route, index) in this.routes\"\n        :key=\"route.id\"\n        class=\"switch\"\n        :class=\"{ switch_active: activeRoute == index }\"\n        @click=\"onClick(index, route.cb)\"\n      >\n        <span>{{ route.text }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { toWei } from \"../../utils/common\";\nexport default {\n  name: \"Chooser\",\n  props: [\"routes\", \"currentActive\"],\n  components: {},\n  data() {\n    return {\n      activeRoute: parseInt(this.currentActive),\n    };\n  },\n\n  computed: {\n    ...mapGetters({ userConnectedWalletAddress: \"userAddress\" }),\n\n    isActive(index) {\n      return this.activeRoute == index;\n    },\n\n    ethAmt() {\n      return toWei(this.amount);\n    },\n  },\n  methods: {\n    onClick(index, cb) {\n      this.activeRoute = index;\n      return cb(index, this.routes);\n    },\n    async asyncOnClick(index, cb) {\n      this.activeRoute = index;\n      return await cb(index, this.routes);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.chooser {\n  /* background-color: rgb(15, 16, 19); */\n  height: 72px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 16px;\n}\n\n.navbar {\n  display: flex;\n  border: 1px solid #3c3c3c;\n  box-sizing: border-box;\n  border-radius: 100px;\n  width: 100%;\n}\n\n.switch {\n  height: 40px;\n  padding: 0 20px;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  border-color: transparent;\n  color: #fff;\n  border-radius: 100px;\n  line-height: 24px;\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-align: center;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n  user-select: none;\n  touch-action: manipulation;\n}\n\n.switch_active {\n  border: 2px solid rgb(37, 167, 219);\n  border-radius: 100px;\n  color: #fff;\n  cursor: pointer;\n  font-weight: bold;\n}\n\n.switch_active:hover,\n.switch:hover {\n  transform: scale(0.98);\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chooser.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chooser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Chooser.vue?vue&type=template&id=58d5de69&scoped=true\"\nimport script from \"./Chooser.vue?vue&type=script&lang=js\"\nexport * from \"./Chooser.vue?vue&type=script&lang=js\"\nimport style0 from \"./Chooser.vue?vue&type=style&index=0&id=58d5de69&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"58d5de69\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConnectButton.vue?vue&type=style&index=0&id=220c9c21&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',[(!_vm.userConnectedWalletAddress)?_c('ConnectButton'):(!_vm.loading)?_c('SharedButton',{attrs:{\"disabled\":_vm.disabled},on:{\"click\":_vm.execTx}},[_vm._t(\"default\")],2):(_vm.loading)?_c('p',[_c('ImageVue',{attrs:{\"src\":'loading.svg',\"size\":'45px'}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"px-6 py-3 text-xl font-semibold transition-all border-2 border-white rounded-full md:font-medium md:px-8 whitespace-nowrap\",class:{\n    'md:text-3xl': _vm.big,\n    'cursor-not-allowed text-gray-400 border-gray-400': _vm.disabled,\n    'bg-brand-primary hover:bg-transparent hover:text-brand-primary hover:border-brand-primary': !_vm.disabled\n  },attrs:{\"disabled\":_vm.disabled,\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('click')}}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    @click=\"$emit('click')\"\n    :disabled=\"disabled\"\n    class=\"px-6 py-3 text-xl font-semibold transition-all border-2 border-white rounded-full md:font-medium md:px-8 whitespace-nowrap\"\n    :class=\"{\n      'md:text-3xl': big,\n      'cursor-not-allowed text-gray-400 border-gray-400': disabled,\n      'bg-brand-primary hover:bg-transparent hover:text-brand-primary hover:border-brand-primary': !disabled\n    }\"\n    type=\"button\"\n  >\n    <slot />\n  </button>\n</template>\n<script>\nexport default {\n  name: \"Button\",\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    big: {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SharedButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SharedButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SharedButton.vue?vue&type=template&id=3b413b7a\"\nimport script from \"./SharedButton.vue?vue&type=script&lang=js\"\nexport * from \"./SharedButton.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <span>\n    <ConnectButton v-if=\"!userConnectedWalletAddress\" />\n    <SharedButton v-else-if=\"!loading\" @click=\"execTx\" :disabled=\"disabled\">\n      <slot />\n    </SharedButton>\n    <p v-else-if=\"loading\">\n      <ImageVue :src=\"'loading.svg'\" :size=\"'45px'\" />\n    </p>\n  </span>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport SharedButton from \"./SharedButton.vue\";\nimport {\n  notifyHandler,\n  notifyNotification,\n  getCurrentGasPrices,\n} from \"@/utils/common\";\nimport ImageVue from \"../Handlers/ImageVue.vue\";\nimport ConnectButton from \"./ConnectButton.vue\";\n\nimport BN from \"bignumber.js\";\nBN.config({ ROUNDING_MODE: BN.ROUND_DOWN });\nBN.config({ EXPONENTIAL_AT: 100 });\n\nexport default {\n  name: \"DappTxBtn\",\n  props: [\"click\", \"cb\", \"chosenGas\", \"defaultGas\", \"disabled\"],\n  components: { SharedButton, ImageVue, ConnectButton },\n  data() {\n    return {\n      gasPrices: {},\n      loading: false,\n    };\n  },\n\n  computed: {\n    ...mapGetters({ userConnectedWalletAddress: \"userAddress\" }),\n    gasPrice() {\n      return this.chosenGas\n        ? this.chosenGas\n        : this.gasPrices[this.defaultGas ? this.defaultGas : \"medium\"];\n    },\n  },\n\n  mounted: async function () {\n    this.gasPrices = await getCurrentGasPrices();\n  },\n\n  watch: {\n    userConnectedWalletAddress: {\n      immediate: true,\n      async handler() {\n        this.gasPrices = await getCurrentGasPrices();\n      },\n    },\n  },\n\n  methods: {\n    async execTx() {\n      this.loading = true;\n      let args = this.click();\n      await this.wrapTx(args.abiCall, args.argsArr, args.senderObj, args.cb);\n    },\n\n    async wrapTx(\n      abiCall = () => { },\n      argsArr = [],\n      senderObj = {},\n      cb = () => { }\n    ) {\n      // console.log(senderObj);\n      this.loading = true;\n      const chosenGas = this.gasPrice;\n\n      await abiCall(...argsArr)\n        .send({\n          // Transactions now handled in accordance EIP-1559\n          from: this.userConnectedWalletAddress,\n          maxFeePerGas: BN(chosenGas.maxFeePerGas)\n            .multipliedBy(1000000000)\n            .toString(),\n          maxPriorityFeePerGas: BN(chosenGas.maxPriorityFeePerGas)\n            .multipliedBy(1000000000)\n            .toString(),\n          ...senderObj,\n        })\n\n        .on(\"transactionHash\", function (hash) {\n          notifyHandler(hash);\n        })\n        .once(\"confirmation\", async () => {\n          this.error = false;\n          notifyNotification(\"Tx successful\", \"success\");\n          await cb();\n        })\n        .on(\"error\", () => {\n          this.error = true;\n        })\n        .catch(() => {\n          this.error = true;\n        })\n        .finally(() => {\n          this.loading = false;\n        });\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DappTxBtn.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DappTxBtn.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DappTxBtn.vue?vue&type=template&id=bc20b58e\"\nimport script from \"./DappTxBtn.vue?vue&type=script&lang=js\"\nexport * from \"./DappTxBtn.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"text-lg text-white btn-connect\",class:{ 'btn-animated': !_vm.userAddress },attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleConnect}},[(_vm.userAddress)?[_vm._v(\" \"+_vm._s(_vm.userAddress.slice(0, 4) + \"...\" + _vm.userAddress.slice(-4))+\" \")]:[_vm._v(\" Connect Wallet \")]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    type=\"button\"\n    class=\"text-lg text-white btn-connect\"\n    :class=\"{ 'btn-animated': !userAddress }\"\n    @click=\"handleConnect\"\n  >\n    <template v-if=\"userAddress\">\n      {{ userAddress.slice(0, 4) + \"...\" + userAddress.slice(-4) }}\n    </template>\n    <template v-else>\n      Connect Wallet\n    </template>\n  </button>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\";\n\nexport default {\n  computed: {\n    ...mapGetters({ userAddress: \"userAddress\" }),\n  },\n\n  methods: {\n    ...mapActions([\"setAddress\"]),\n\n    async handleConnect() {\n      if (!this.userAddress) {\n        await this.setAddress();\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.btn-connect {\n  padding: 0.5rem 1.5rem;\n  border: 3px double transparent;\n  border-radius: 80px;\n  background: linear-gradient(rgb(13, 14, 33), rgb(13, 14, 33)),\n    radial-gradient(\n      circle at left top,\n      rgb(250, 82, 160) 0%,\n      rgb(37, 167, 219) 100%\n    );\n  background-origin: border-box;\n  background-clip: padding-box, border-box;\n  background-size: 100% 100%;\n  transition: filter 0.5s ease-out;\n  white-space: nowrap;\n}\n\n.btn-animated {\n  animation: animatedButton 3s ease-out backwards infinite;\n}\n\n.btn-connect:hover {\n  -webkit-filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.7))\n    brightness(200%);\n  filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.7)) brightness(120%);\n}\n@keyframes animatedButton {\n  from {\n    background-position: 0px;\n  }\n\n  to {\n    background-position: 168.6px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConnectButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConnectButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ConnectButton.vue?vue&type=template&id=220c9c21&scoped=true\"\nimport script from \"./ConnectButton.vue?vue&type=script&lang=js\"\nexport * from \"./ConnectButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./ConnectButton.vue?vue&type=style&index=0&id=220c9c21&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"220c9c21\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StakeGauge.vue?vue&type=style&index=0&id=8b306794&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex_column stake\"},[_c('div',{staticClass:\"staker\"},[_c('Chooser',{attrs:{\"routes\":[\n        { text: 'Stake', cb: _vm.chooseCb },\n        { text: 'Unstake', cb: _vm.chooseCb },\n      ],\"currentActive\":0}}),_c('div',{staticClass:\"stakePage\"},[_c('div',{staticClass:\"sPElement input\"},[_c('div',{staticClass:\"inputBody\"},[_c('div',{staticClass:\"flex_row\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.Damount),expression:\"Damount\"}],staticClass:\"token-amount-input\",attrs:{\"inputmode\":\"decimal\",\"title\":\"Token Amount\",\"autocomplete\":\"off\",\"autocorrect\":\"off\",\"type\":\"text\",\"pattern\":\"^[0-9]*[.,]?[0-9]*$\",\"placeholder\":\"0.0\",\"minlength\":\"1\",\"maxlength\":\"39\",\"spellcheck\":\"false\",\"value\":\"\"},domProps:{\"value\":(_vm.Damount)},on:{\"input\":function($event){if($event.target.composing)return;_vm.Damount=$event.target.value}}}),_c('div',{staticClass:\"ant-col\"},[_vm._v(\" \"+_vm._s(_vm.isDeposit ? \" ETH\" : _vm.get_wsgETH ? \"wsgETH\" : \"sgETH\")+\" \")])]),_c('div',{staticClass:\"balance\",attrs:{\"id\":\"balance\"},on:{\"click\":_vm.onMAX}},[_vm._v(\" wallet: \"+_vm._s(_vm.balance)+\" \")]),_c('div',{class:_vm.isDeposit ? 'background2' : 'background3'})])]),_c('ImageVue',{staticClass:\"sPElement\",attrs:{\"src\":'down.png',\"size\":'30px'}}),_c('div',{staticClass:\"sPElement input\"},[_c('div',{staticClass:\"inputBody\"},[_c('div',{staticClass:\"flex_row\"},[_c('input',{staticClass:\"token-amount-input\",attrs:{\"inputmode\":\"decimal\",\"title\":\"Token Amount\",\"autocomplete\":\"off\",\"autocorrect\":\"off\",\"type\":\"text\",\"pattern\":\"^[0-9]*[.,]?[0-9]*$\",\"placeholder\":\"0.0\",\"minlength\":\"1\",\"maxlength\":\"39\",\"spellcheck\":\"false\",\"readonly\":\"\"},domProps:{\"value\":_vm.isDeposit\n                  ? _vm.get_wsgETH\n                    ? _vm.ethTowsgETH\n                    : (_vm.Damount / 32) * 32\n                  : _vm.get_wsgETH\n                  ? _vm.willGet\n                  : (_vm.Damount / 32) * (32 + _vm.adminFee)}}),_c('div',{staticClass:\"ant-col\"},[_vm._v(\" \"+_vm._s(_vm.isDeposit ? (_vm.get_wsgETH ? \"wsgETH\" : \"sgETH\") : \"ETH\")+\" \")])]),_c('div',{staticClass:\"balance\",attrs:{\"id\":\"balance\"},on:{\"click\":_vm.onMAX}},[_vm._v(\" wallet: \"+_vm._s(_vm.otherBalance)+\" \")]),_c('div',{class:_vm.isDeposit ? 'background3' : 'background2'})])]),_c('div',{attrs:{\"id\":\"gas\"}},[_c('span',{attrs:{\"id\":\"gas\"}},[_vm._v(\"Gas\")]),_c('Chooser',{attrs:{\"routes\":[\n            {\n              text: (\n                _vm.gas.low.maxFeePerGas + _vm.gas.low.maxPriorityFeePerGas\n              ).toFixed(1),\n              cb: _vm.updateGasCb,\n            },\n            {\n              text: (\n                _vm.gas.medium.maxFeePerGas + _vm.gas.medium.maxPriorityFeePerGas\n              ).toFixed(1),\n              cb: _vm.updateGasCb,\n            },\n            {\n              text: (\n                _vm.gas.high.maxFeePerGas + _vm.gas.high.maxPriorityFeePerGas\n              ).toFixed(1),\n              cb: _vm.updateGasCb,\n            },\n          ],\"currentActive\":1}})],1),_c('div',{staticClass:\"navbar s-toggle\"},[_c('span',{attrs:{\"id\":\"gas\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.get_wsgETH),expression:\"get_wsgETH\"}],attrs:{\"id\":\"get-wsgETH\",\"type\":\"checkbox\",\"name\":\"get-wsgETH\"},domProps:{\"checked\":Array.isArray(_vm.get_wsgETH)?_vm._i(_vm.get_wsgETH,null)>-1:(_vm.get_wsgETH)},on:{\"change\":function($event){var $$a=_vm.get_wsgETH,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.get_wsgETH=$$a.concat([$$v]))}else{$$i>-1&&(_vm.get_wsgETH=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.get_wsgETH=$$c}}}}),_c('label',{attrs:{\"for\":\"get-wsgETH\"}},[_vm._v(_vm._s(_vm.isDeposit ? \"Get\" : \"Use\")+\" Wrapped SgETH (interest bearing)\")])])]),(\n          !_vm.isDeposit &&\n            _vm.get_wsgETH &&\n            this.enoughFundsInExitPool &&\n            !this.enoughApproved\n        )?_c('ApprovalButton',{staticClass:\"StakeButton\",attrs:{\"ABI_token\":_vm.wsgETH,\"ABI_spender\":_vm.validator,\"amount\":this.Damount,\"cb\":this.getUserApprovedwsgEth}}):_c('dapp-tx-btn',{staticClass:\"StakeButton\",class:{\n          switch_active: _vm.buttonText == 'Unstake',\n        },attrs:{\"click\":_vm.genSubmit}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.buttonText)+\" \")])])],1)],1),_c('StakeGauge',{staticClass:\"gauge\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showGauge),expression:\"showGauge\"}],staticClass:\"gauge\"},[_c('div',{staticClass:\"explanation\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"SharedStaked SGEth\")]),_c('div',{staticClass:\"content\"},[_vm._v(\" Total of \"+_vm._s(_vm.ethDeposited)+\"ETH has been staked to SharedStake so far. \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.contractEtherLimit)+\"ETH is required (for \"+_vm._s(_vm.numOfValidators)+\" validators).\"),_c('br'),_vm._v(\" When ETH is deposited into the SharedDeposit contract, a Validator-Share-ETH2 / SharedStake Governed Ether token (SGEth) is minted. SGEth is then optionally wrapped into wsgETH to earn interest from validators. Redeemable for the deposited ETH. \")])]),_c('vep',{attrs:{\"loading\":_vm.loading,\"progress\":_vm.contractDepositRatio,\"legend-value\":_vm.ethDeposited,\"legendFormatter\":({ currentValue }) =>\n        new Intl.NumberFormat('en-US').format(currentValue),\"size\":220,\"thickness\":5,\"empty-thickness\":3,\"color\":\"rgb(37, 167, 219)\",\"color-fill\":\"#181818\",\"empty-color\":\"#181818\",\"empty-color-fill\":\"#181818\",\"lineMode\":\"in\",\"animation\":\"reverse 700 400\",\"fontSize\":\"2rem\",\"font-color\":\"white\"}},[_c('div',{staticClass:\"text-sm\",attrs:{\"slot\":\"legend-value\"},slot:\"legend-value\"},[_vm._v(\" / \"+_vm._s(_vm.maxEthDepositOnContract.toLocaleString(\"en-US\"))+\" \")]),_c('div',{staticClass:\"flex flex-row gap-2\",attrs:{\"slot\":\"legend-caption\"},slot:\"legend-caption\"},[_c('ImageVue',{attrs:{\"src\":'tokens/eth-logo.png',\"size\":'20px'}}),_c('div',{staticClass:\"blue\"},[_vm._v(\"ETH Staked\")])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"gauge\" v-show=\"showGauge\">\n    <div class=\"explanation\">\n      <div class=\"title\">SharedStaked SGEth</div>\n      <div class=\"content\">\n        Total of {{ ethDeposited }}ETH has been staked to SharedStake so far.\n        <br />\n        {{ contractEtherLimit }}ETH is required (for\n        {{ numOfValidators }} validators).<br />\n        When ETH is deposited into the SharedDeposit contract, a\n        Validator-Share-ETH2 / SharedStake Governed Ether token (SGEth) is\n        minted. SGEth is then optionally wrapped into wsgETH to earn interest\n        from validators. Redeemable for the deposited ETH.\n      </div>\n    </div>\n    <vep\n      :loading=\"loading\"\n      :progress=\"contractDepositRatio\"\n      :legend-value=\"ethDeposited\"\n      :legendFormatter=\"\n        ({ currentValue }) =>\n          new Intl.NumberFormat('en-US').format(currentValue)\n      \"\n      :size=\"220\"\n      :thickness=\"5\"\n      :empty-thickness=\"3\"\n      color=\"rgb(37, 167, 219)\"\n      color-fill=\"#181818\"\n      empty-color=\"#181818\"\n      empty-color-fill=\"#181818\"\n      lineMode=\"in\"\n      animation=\"reverse 700 400\"\n      fontSize=\"2rem\"\n      font-color=\"white\"\n \n    >\n      <div slot=\"legend-value\" class=\" text-sm\">\n        / {{ maxEthDepositOnContract.toLocaleString(\"en-US\") }}\n      </div>\n\n      <div slot=\"legend-caption\" class=\"flex flex-row gap-2\">\n        <ImageVue :src=\"'tokens/eth-logo.png'\" :size=\"'20px'\" />\n        <div class=\"blue\">ETH Staked</div>\n      </div>\n    </vep>\n  </div>\n</template>\n\n<script>\nimport ImageVue from \"../Handlers/ImageVue\";\nimport { validator } from \"@/contracts\";\nimport BN from \"bignumber.js\";\nBN.config({ ROUNDING_MODE: BN.ROUND_DOWN });\nBN.config({ EXPONENTIAL_AT: 100 });\n\nexport default {\n  components: { ImageVue },\n  data: () => ({\n    loading: true,\n    ethDeposited: 0,\n    maxEthDepositOnContract: 0,\n    contractEtherLimit: 0,\n    numOfValidators: 0,\n    showGauge: true,\n  }),\n  computed: {\n    contractDepositRatio() {\n      if (this.loading || this.maxEthDepositOnContract == 0) return 0;\n      return (this.ethDeposited * 100) / this.maxEthDepositOnContract;\n    },\n  },\n  async mounted() {\n    await this.setupGauge();\n  },\n  methods: {\n    async setupGauge() {\n      if (!window.ethereum) {\n        this.showGauge = false;\n        return;\n      }\n\n      let maxValidatorShares = await validator.methods\n        .maxValidatorShares()\n        .call();\n      let currentValidatorShares = await validator.methods\n        .curValidatorShares()\n        .call();\n      let validatorPrice = await validator.methods.costPerValidator().call();\n      this.numOfValidators = await validator.methods.numValidators().call();\n\n      maxValidatorShares = BN(maxValidatorShares)\n        .dividedBy(1e18)\n        .toFixed(2);\n      currentValidatorShares = BN(currentValidatorShares)\n        .dividedBy(1e18)\n        .toFixed(2);\n      validatorPrice = BN(validatorPrice)\n        .dividedBy(1e18)\n        .toFixed(2);\n\n      this.ethDeposited = this.calculateEthDepositted(\n        currentValidatorShares,\n        validatorPrice\n      );\n      this.maxEthDepositOnContract = this.calculateMaxEth(\n        maxValidatorShares,\n        validatorPrice\n      );\n      this.contractEtherLimit = this.numOfValidators * validatorPrice;\n      this.loading = false;\n    },\n    calculateMaxEth(maxValidatorShares, validatorPrice) {\n      // One validator currently costs 32.1ETH.\n      // We can calculate the max amount of ETH that can be depositted to contract\n      // as maxShares * validatorPrice / validatorStake.\n      const stakePerValidator = 32;\n      const maxEthOnContract =\n        (maxValidatorShares * validatorPrice) / stakePerValidator;\n\n      return maxEthOnContract;\n    },\n    calculateEthDepositted(currentValidatorShares, validatorPrice) {\n      // One validator currently costs 32.1ETH.\n      // We can calculate the amount of ETH depositted to contract\n      // as sharesMinted * validatorPrice / validatorStake.\n      const stakePerValidator = 32;\n      let ethDepositedToContract =\n        (currentValidatorShares * validatorPrice) / stakePerValidator;\n\n      const v1 = stakePerValidator * 500;\n      ethDepositedToContract += v1;\n      // To 2 decimal accuracy and cast it to number\n      return +ethDepositedToContract.toFixed(2);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.gauge {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.blue {\n  color: rgb(37, 167, 219);\n  font-size: 0.8em;\n}\n.timer {\n  font-size: 1.4rem;\n  padding: 0.4rem;\n  margin: 0.6rem;\n  background: #fafafa;\n  min-width: 10rem;\n  border: solid 0 transparent;\n  border-radius: 50%;\n  overflow: hidden;\n}\n.explanation {\n  max-width: 40%;\n  padding: 0 3rem;\n  text-align: left;\n}\n.title {\n  color: rgb(37, 167, 219);\n  font-size: 40px;\n}\n.content {\n  font-size: 15px;\n  color: #b3b3b3;\n}\n@media only screen and (max-width: 700px) {\n  .gauge {\n    flex-direction: column;\n  }\n  .explanation {\n    max-width: 90%;\n    margin-bottom: 1rem;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StakeGauge.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StakeGauge.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StakeGauge.vue?vue&type=template&id=8b306794&scoped=true\"\nimport script from \"./StakeGauge.vue?vue&type=script&lang=js\"\nexport * from \"./StakeGauge.vue?vue&type=script&lang=js\"\nimport style0 from \"./StakeGauge.vue?vue&type=style&index=0&id=8b306794&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8b306794\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"flex_column stake\">\n    <div class=\"staker\">\n      <Chooser\n        :routes=\"[\n          { text: 'Stake', cb: chooseCb },\n          { text: 'Unstake', cb: chooseCb },\n        ]\"\n        :currentActive=\"0\"\n      />\n\n      <div class=\"stakePage\">\n        <div class=\"sPElement input\">\n          <div class=\"inputBody\">\n            <div class=\"flex_row\">\n              <input\n                class=\"token-amount-input\"\n                inputmode=\"decimal\"\n                title=\"Token Amount\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                type=\"text\"\n                pattern=\"^[0-9]*[.,]?[0-9]*$\"\n                placeholder=\"0.0\"\n                minlength=\"1\"\n                maxlength=\"39\"\n                spellcheck=\"false\"\n                value=\"\"\n                v-model=\"Damount\"\n              />\n              <div class=\"ant-col\">\n                {{ isDeposit ? \" ETH\" : get_wsgETH ? \"wsgETH\" : \"sgETH\" }}\n              </div>\n            </div>\n            <div class=\"balance\" id=\"balance\" @click=\"onMAX\">\n              wallet: {{ balance }}\n            </div>\n            <div :class=\"isDeposit ? 'background2' : 'background3'\" />\n          </div>\n        </div>\n        <ImageVue class=\"sPElement\" :src=\"'down.png'\" :size=\"'30px'\" />\n        <div class=\"sPElement input\">\n          <div class=\"inputBody\">\n            <div class=\"flex_row\">\n              <input\n                class=\"token-amount-input\"\n                inputmode=\"decimal\"\n                title=\"Token Amount\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                type=\"text\"\n                pattern=\"^[0-9]*[.,]?[0-9]*$\"\n                placeholder=\"0.0\"\n                minlength=\"1\"\n                maxlength=\"39\"\n                spellcheck=\"false\"\n                :value=\"\n                  isDeposit\n                    ? get_wsgETH\n                      ? ethTowsgETH\n                      : (Damount / 32) * 32\n                    : get_wsgETH\n                    ? willGet\n                    : (Damount / 32) * (32 + adminFee)\n                \"\n                readonly\n              />\n              <div class=\"ant-col\">\n                {{ isDeposit ? (get_wsgETH ? \"wsgETH\" : \"sgETH\") : \"ETH\" }}\n              </div>\n            </div>\n            <div class=\"balance\" id=\"balance\" @click=\"onMAX\">\n              wallet: {{ otherBalance }}\n            </div>\n            <div :class=\"isDeposit ? 'background3' : 'background2'\" />\n          </div>\n        </div>\n\n        <div id=\"gas\">\n          <span id=\"gas\">Gas</span>\n          <!-- Updated Chooser to gas and tip in accordance to EIP-1559 -->\n          <Chooser\n            :routes=\"[\n              {\n                text: (\n                  gas.low.maxFeePerGas + gas.low.maxPriorityFeePerGas\n                ).toFixed(1),\n                cb: updateGasCb,\n              },\n              {\n                text: (\n                  gas.medium.maxFeePerGas + gas.medium.maxPriorityFeePerGas\n                ).toFixed(1),\n                cb: updateGasCb,\n              },\n              {\n                text: (\n                  gas.high.maxFeePerGas + gas.high.maxPriorityFeePerGas\n                ).toFixed(1),\n                cb: updateGasCb,\n              },\n            ]\"\n            :currentActive=\"1\" \n          />\n          <!-- Default to medium gas -->\n        </div>\n        <div class=\"navbar s-toggle\">\n          <span id=\"gas\">\n            <input\n              id=\"get-wsgETH\"\n              type=\"checkbox\"\n              name=\"get-wsgETH\"\n              v-model=\"get_wsgETH\"\n            />\n            <label for=\"get-wsgETH\"\n              >{{ isDeposit ? \"Get\" : \"Use\" }} Wrapped SgETH (interest\n              bearing)</label\n            >\n          </span>\n        </div>\n\n        <ApprovalButton\n          v-if=\"\n            !isDeposit &&\n              get_wsgETH &&\n              this.enoughFundsInExitPool &&\n              !this.enoughApproved\n          \"\n          :ABI_token=\"wsgETH\"\n          :ABI_spender=\"validator\"\n          :amount=\"this.Damount\"\n          :cb=\"this.getUserApprovedwsgEth\"\n          class=\"StakeButton\"\n        />\n        <dapp-tx-btn\n          v-else\n          class=\"StakeButton\"\n          :class=\"{\n            switch_active: buttonText == 'Unstake',\n          }\"\n          :click=\"genSubmit\"\n        >\n          <span>\n            {{ buttonText }}\n          </span>\n        </dapp-tx-btn>\n\n        <!-- <div class=\"notification\" v-if=\"isDeposit\">\n          <a\n            v-if=\"!enoughFundsInExitPool\"\n            href=\"https://curve.fi/factory/49\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"notification\"\n          >\n            Buy on Curve Pool ↗\n          </a>\n        </div>\n        <div class=\"notification\" v-else>\n          <a\n            v-if=\"!enoughFundsInExitPool\"\n            href=\"https://curve.fi/factory/49\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"notification\"\n          >\n            Check out Curve if exit pool is low ↗\n          </a>\n        </div> -->\n        <!-- <div class=\"notification\" v-if=\"!isDeposit\">\n          *Protocol fee refund is <span class=\"underline\">currently</span>\n          <a\n            href=\"https://snapshot.page/#/sharedstake.eth/proposal/QmdGJMwRHtTSFVsxufj7TKPK8G1zqwBbk8YuHfrqbWEsGd\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            disabled↗</a\n          >\n        </div> -->\n      </div>\n    </div>\n    <StakeGauge class=\"gauge\" />\n  </div>\n</template>\n\n<script>\nimport BN from \"bignumber.js\";\nBN.config({ ROUNDING_MODE: BN.ROUND_DOWN });\nBN.config({ DECIMAL_PLACES: 5 })\nBN.config({ EXPONENTIAL_AT: 100 });\nimport { mapGetters } from \"vuex\";\n\nimport { validator, sgETH, wsgETH } from \"@/contracts\";\n\nimport ImageVue from \"../Handlers/ImageVue\";\nimport StakeGauge from \"./StakeGauge\";\nimport ApprovalButton from \"../Common/ApproveButton.vue\";\nimport Chooser from \"../Common/Chooser.vue\";\nimport DappTxBtn from \"../Common/DappTxBtn.vue\";\nimport { toChecksumAddress } from \"../../utils/common\";\nimport { getCurrentGasPrices } from \"@/utils/common.js\";\nconst enableStaking = true;\n\nexport default {\n  components: { ImageVue, StakeGauge, ApprovalButton, Chooser, DappTxBtn },\n  data: () => ({\n    buttonText: enableStaking ? \"Enter an amount\" : \"Currently disabled\",\n    BNamount: BN(0),\n    Damount: \"\",\n    isDeposit: true,\n    get_wsgETH: true, // should be true; default state is users get yield bearing staked eth and dont need to worry about staking sgETH\n    EthBal: BN(0),\n    vEth2Bal: BN(0),\n    userApprovedVEth2: BN(0),\n    userApprovedwsgETH: BN(0),\n    balance: 0,\n    otherBalance: 0,\n    // Update gas object structure for EIP-1559\n    gas: {\n      low: { maxFeePerGas: 0, maxPriorityFeePerGas: 0 },\n      medium: { maxFeePerGas: 0, maxPriorityFeePerGas: 0 },\n      high: { maxFeePerGas: 0, maxPriorityFeePerGas: 0 },\n    },\n    chosenGas: { maxFeePerGas: 0, maxPriorityFeePerGas: 0 },\n    gasLevels: [\"low\", \"medium\", \"high\"], // Required to index Chooser update\n    validInput: true,\n    txs: [],\n    maxValShares: 0,\n    remaining: BN(0),\n    remainingByFee: BN(0),\n    loading: true,\n    adminFee: 0,\n    contractBal: 0,\n    vEth2Price: BN(0),\n    sgETH: sgETH,\n    validator: validator,\n    wsgETH: wsgETH,\n    userWSGETHBal: BN(0),\n    wsgETHRedemptionPrice: BN(0),\n  }),\n  mounted: async function() {\n    // Polling blocknative gas API\n    this.gas = await getCurrentGasPrices();\n    this.chosenGas = this.gas.medium;\n    this.loading = false;\n    // console.log(\"chosenGas\", this.chosenGas);\n    await this.mounted();\n  },\n  computed: {\n    ...mapGetters({ userAddress: \"userAddress\" }),\n    enoughFundsInExitPool() {\n      return this.BNamount.lte(this.contractBal);\n    },\n    enoughApproved() {\n      return this.userApprovedwsgETH.gte(this.BNamount);\n    },\n    willGet() {\n      if (this.BNamount.eq(0)) return 0;\n      let c = this.BNamount.multipliedBy(\n        this.wsgETHRedemptionPrice.dividedBy(1e18)\n      )\n        .dividedBy(1e18)\n        .toFixed(6);\n      return c;\n    },\n    ethTowsgETH() {\n      if (this.BNamount.eq(0)) return 0;\n      let c = this.BNamount.multipliedBy(1e18)\n        .dividedBy(this.wsgETHRedemptionPrice)\n        .dividedBy(1e18)\n        .toFixed(6);\n      return c;\n    },\n  },\n  methods: {\n    async chooseCb(index) {\n      this.isDeposit = index > 0 ? false : true;\n      await this.mounted();\n    },\n    updateGasCb(index) {\n      // Handle Chooser with EIP-1559 update\n      this.updateGas(this.gasLevels[index]);\n    },\n    updateGas(gas) {\n      this.chosenGas = this.gas[gas]; // Updated EIP-1559 gas object structure\n      this.amountCheck(true);\n    },\n    async onMAX() {\n      if (this.isDeposit) {\n        let gas = this.chosenGas;\n        let BNamount = this.EthBal.minus(\n          BN(\n            // sum both fees together for EIP-1559\n            (gas.maxPriorityFeePerGas + gas.maxFeePerGas) * 200000 * 1000000000\n          )\n        );\n        let remaining = await validator.methods.remainingSpaceInEpoch().call();\n        this.remaining = BN(remaining);\n        if (this.remaining.eq(0)) {\n          this.amountCheck();\n          return;\n        }\n        if (this.remaining.gte(BNamount) || !this.isDeposit) {\n          this.BNamount = BN(BNamount);\n        } else {\n          this.BNamount = BN(this.remaining);\n        }\n        this.Damount = this.BNamount.dividedBy(1e18);\n      } else {\n        let remainingByFee = await validator.methods.adminFeeTotal().call();\n        if (remainingByFee > 10)\n          this.remainingByFee = BN(remainingByFee).multipliedBy(320);\n        else {\n          this.remainingByFee = BN(0);\n        }\n        this.BNamount = this.vEth2Bal;\n        if (this.BNamount.gt(this.remainingByFee)) {\n          this.BNamount = this.remainingByFee;\n        }\n        if (this.BNamount.gt(this.contractBal)) {\n          this.BNamount = this.contractBal;\n        }\n        this.Damount = this.BNamount.dividedBy(1e18);\n        if (this.BNamount.multipliedBy(100).lt(BN(this.balance).multipliedBy(100))) {\n          this.Damount = BN(this.balance);\n        }\n      }\n    },\n    toggleMode() {\n      this.isDeposit = !this.isDeposit;\n    },\n    genSubmit() {\n      // console.log(\"Disabled due to vulnerabilities\")\n      // if (this.isDeposit || this.buttonText == \"Stake\") return;\n      if (!(this.buttonText == \"Stake\" || this.buttonText == \"Unstake\"))\n        return {};\n\n      let fn = validator.methods;\n      // Transactions now handled in accordance EIP-1559\n      let senderObj = {\n        maxFeePerGas: BN(this.chosenGas.maxFeePerGas)\n          .multipliedBy(1000000000)\n          .toString(),\n        maxPriorityFeePerGas: BN(this.chosenGas.maxPriorityFeePerGas)\n          .multipliedBy(1000000000)\n          .toString(),\n      };\n      // Debug senderObj sent to BappTxBtn.vue\n      // console.log(senderObj);\n\n      let args = [];\n\n      if (!this.isDeposit) {\n        if (this.get_wsgETH) {\n          fn = fn.unstakeAndWithdraw;\n          args = [this.BNamount.toString(), this.userAddress];\n        } else {\n          fn = fn.withdraw;\n          args = [this.BNamount.toString()];\n        }\n      } else {\n        senderObj.value = this.BNamount.toString();\n        senderObj.gas = 200000;\n        if (this.get_wsgETH) {\n          fn = fn.depositAndStake;\n        } else {\n          fn = fn.deposit;\n        }\n      }\n      return {\n        abiCall: fn,\n        argsArr: args,\n        senderObj: senderObj,\n        cb: async () => {\n          this.loading = false;\n          await this.mounted();\n        },\n      };\n    },\n\n    async mounted() {\n      //balances\n      try {\n        let walletAddress = this.userAddress;\n        let amount = await window.ethereum.request({\n          method: \"eth_getBalance\",\n          params: [walletAddress, \"latest\"],\n        });\n\n        this.EthBal = BN(amount);\n        let veth2 = await sgETH.methods.balanceOf(walletAddress).call();\n        let wsgeth = await this.getUserWsgETHBalance();\n        this.vEth2Bal = BN(veth2);\n        let _parse = (n) =>\n          BN(n)\n            .dividedBy(1e18)\n            .toFixed(6);\n\n        if (this.isDeposit) {\n          this.balance = _parse(amount);\n          this.otherBalance = this.get_wsgETH ? _parse(wsgeth) : _parse(veth2);\n        } else {\n          this.balance = this.get_wsgETH ? _parse(wsgeth) : _parse(veth2);\n          this.otherBalance = BN(amount)\n            .dividedBy(1e18)\n            .toFixed(6);\n        }\n        let remaining = await validator.methods.remainingSpaceInEpoch().call();\n        this.remaining = BN(remaining);\n        let remainingByFee = await validator.methods.adminFeeTotal().call();\n        this.remainingByFee = BN(remainingByFee).multipliedBy(320);\n\n        let contractBal = await window.ethereum.request({\n          method: \"eth_getBalance\",\n          params: [toChecksumAddress(validator._address), \"latest\"],\n        });\n\n        this.contractBal = BN(contractBal);\n        await this.getUserApprovedwsgEth();\n        await this.getWsgETHRedemption();\n        // this.vEth2Price = await vEth2Price();\n        this.loading = false;\n        this.amountCheck(true);\n      } catch (err) {\n        this.buttonText = \"Connect to wallet ↗\";\n        console.log(\"Error mounting\", err);\n      }\n    },\n    amountCheck(init) {\n      if (init && this.Damount == 0) return;\n      if (this.userAddress == null) {\n        this.validInput = false;\n        this.buttonText = \"Connect to wallet ↗\";\n        return;\n      }\n      if (this.remaining.eq(0) && this.isDeposit) {\n        this.validInput = false;\n        this.buttonText = \"Contract is Full\";\n        return;\n      }\n      if (this.BNamount.gt(this.remaining) && this.isDeposit) {\n        this.validInput = false;\n        this.buttonText = \"Amount is too big\";\n        return;\n      }\n      if (this.Damount[this.Damount.length - 1] === \".\") {\n        this.validInput = false;\n        this.buttonText = \"waiting...\";\n        return;\n      }\n      if (this.Damount <= 0) {\n        this.validInput = false;\n        return;\n      }\n      this.validInput = this.isDeposit\n        ? this.EthBal.minus(\n            // Accounting for EIP-1559 gas and priority fees\n            BN(\n              // Adjusted for EIP-1559\n              (this.chosenGas.maxPriorityFeePerGas +\n                this.chosenGas.maxFeePerGas) *\n                200000 *\n                1000000000\n            )\n          ).gte(this.BNamount)\n        : this.get_wsgETH\n        ? BN(this.userWSGETHBal).gte(this.BNamount)\n        : this.vEth2Bal.gte(this.BNamount);\n      if (!this.validInput) {\n        this.buttonText = \"Insufficient balance\";\n        return;\n      }\n      if (!this.enoughFundsInExitPool && !this.isDeposit) {\n        this.validInput = false;\n        this.buttonText = \"Not enough funds in Exit Pool\";\n        return;\n      }\n      if (this.validInput) {\n        this.buttonText = this.isDeposit ? \"Stake\" : \"Unstake\";\n      }\n    },\n    async getUserWsgETHBalance() {\n      let bal = await wsgETH.methods.balanceOf(this.userAddress).call();\n      this.userWSGETHBal = bal;\n      return bal;\n    },\n    async getWsgETHRedemption() {\n      let vp = await wsgETH.methods.pricePerShare().call();\n      this.wsgETHRedemptionPrice = BN(vp);\n    },\n    async getUserApprovedwsgEth() {\n      let userApproved = await wsgETH.methods\n        .allowance(this.userAddress, validator.options.address)\n        .call();\n      this.userApprovedwsgETH = BN(userApproved);\n    },\n  },\n  watch: {\n    Damount: function(newValue, oldVal) {\n      if (newValue.length > 40) {\n        this.Damount = oldVal;\n        this.amountCheck();\n        return;\n      }\n      if (newValue[newValue.length - 1] == 0) {\n        this.Damount = newValue;\n        this.BNamount = BN(this.Damount).multipliedBy(1e18);\n        this.amountCheck();\n        return;\n      }\n      if (\n        newValue[newValue.length - 1] === \".\" &&\n        newValue[newValue.length - 2] !== \".\"\n      ) {\n        this.Damount = newValue;\n        // this.BNamount =    BN(0);\n        this.amountCheck();\n        return;\n      }\n      if (isNaN(newValue)) {\n        this.Damount = this.BNamount.dividedBy(1e18).toString();\n        return;\n      }\n      if (!newValue) {\n        this.Damount = 0;\n      } else {\n        this.Damount = newValue;\n      }\n      this.BNamount = BN(this.Damount).multipliedBy(1e18);\n      this.Damount = this.BNamount.dividedBy(1e18).toString();\n      this.amountCheck();\n    },\n    get_wsgETH: async function() {\n      await this.mounted();\n    },\n    isDeposit: function(val) {\n      let balance = val ? this.EthBal : this.vEth2Bal;\n      this.balance = balance.dividedBy(1e18).toFixed(6);\n      let otherBalance = val ? this.vEth2Bal : this.EthBal;\n      this.otherBalance = otherBalance.dividedBy(1e18).toFixed(6);\n      this.Damount = \"\";\n      \n      this.buttonText = enableStaking ? \"Enter an amount\" : \"Currently disabled\";\n      // this.buttonText = \"Enter an amount\";\n\n      // this.buttonText = \"Currently disabled\";\n    },\n    validInput: function(val) {\n      if (!val) {\n        if (this.Damount == 0) {\n          this.buttonText = \"Enter an amount\";\n        }\n        if (this.Damount < 0) {\n          this.buttonText = \"input is too small\";\n          return;\n        }\n      // this.buttonText = \"Currently disabled\";\n      }\n      if (val) {\n        if (this.isDeposit) this.buttonText = \"Stake\";\n        else this.buttonText = \"Unstake\";\n      }\n    },\n    async userAddress(newVal) {\n      if (newVal) {\n        this.buttonText = \"Enter an amount\";\n        // this.buttonText = \"Currently disabled\";\n        await this.mounted();\n      } else {\n        this.buttonText = \"Connect to wallet ↗\";\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.stake {\n  padding-top: 120px;\n  padding-bottom: 80px;\n  background-image: url(bg-1.png);\n  background-repeat: no-repeat;\n  background-position: center;\n  min-height: 800px;\n}\n.staker {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  max-width: 375px;\n  width: 100%;\n  background-color: #181818;\n  height: 90%;\n  max-height: 716px;\n  overflow: visible;\n  box-shadow: 0 0 50px rgb(0 0 0 / 10%);\n  border-radius: 2px;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  min-height: 634px;\n}\n.navbar {\n  display: flex;\n  border: 1px solid #3c3c3c;\n  box-sizing: border-box;\n  border-radius: 100px;\n}\n#gas {\n  padding: 0 5px;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n}\n.stakePage {\n  width: calc(100% - 20px);\n  padding: 10px;\n  height: calc(80% - 20px);\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr 0.2fr 1fr 0.5fr;\n  gap: 0px 0px;\n  grid-template-areas:\n    \".\"\n    \".\"\n    \".\";\n  justify-content: center;\n  align-items: center;\n}\n.sPElement {\n  align-self: center;\n  justify-self: center;\n  color: #fff;\n}\n.input {\n  border-radius: 4px;\n  width: 100%;\n  height: 180px;\n  max-width: 362px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgb(15, 16, 19);\n  border: none;\n  font-weight: 500;\n}\n.inputBody {\n  position: relative;\n  height: 100%;\n  padding: 0 0 0 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n}\n.StakeButton {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #3c3c3c;\n  box-sizing: border-box;\n  background-color: rgb(15, 16, 19);\n  color: #fff;\n  padding: 0 20px;\n  font-size: 16px;\n  border-radius: 100px;\n  line-height: 24px;\n  box-shadow: 0 2px 0 rgb(0 0 0 / 2%);\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n  border-radius: 100px;\n}\n.switch_active {\n  border: 2px solid rgb(37, 167, 219);\n  border-radius: 100px;\n  color: #fff;\n  cursor: pointer;\n  font-weight: bold;\n}\n.switch_active:hover,\n.switch:hover {\n  transform: scale(0.98);\n}\n.balance {\n  margin-top: 8px;\n  font-size: 12px;\n  line-height: 20px;\n  text-align: center;\n  letter-spacing: 0.3px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: underline;\n  z-index: 10;\n  cursor: pointer;\n  font-weight: bolder;\n}\n.token-amount-input {\n  box-sizing: border-box;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  font-variant: tabular-nums;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  display: inline-block;\n  width: 70%;\n  padding: 4px 11px;\n  color: #fff;\n  background-color: transparent;\n  outline-width: 0;\n  font-size: 34px;\n  line-height: 40px;\n  text-align: right;\n  height: 40px;\n  padding-bottom: 0;\n  text-overflow: ellipsis;\n  border-radius: 2px;\n  border: none;\n  touch-action: manipulation;\n}\n.ant-col {\n  box-sizing: border-box;\n  display: block;\n  box-sizing: border-box;\n  width: 50%;\n}\n.background3,\n.background2 {\n  background-image: url(Eth.png);\n  position: absolute;\n  z-index: 0;\n  width: 200%;\n  height: 200%;\n  top: -50%;\n  left: -50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  mask-image: radial-gradient(\n    circle,\n    rgba(0, 0, 0, 1) 20%,\n    rgba(0, 0, 0, 0.4) 60%\n  );\n  opacity: 0.05;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.background3 {\n  background-image: url(vEth2.png);\n}\n.notification {\n  width: 90%;\n  padding: 0 5% 5% 5%;\n  text-align: center;\n  color: tomato;\n  font-size: 16px;\n}\n.underline {\n  text-decoration: underline;\n}\n.gauge {\n  padding-top: 1rem;\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stake.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stake.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Stake.vue?vue&type=template&id=07ce1d42&scoped=true\"\nimport script from \"./Stake.vue?vue&type=script&lang=js\"\nexport * from \"./Stake.vue?vue&type=script&lang=js\"\nimport style0 from \"./Stake.vue?vue&type=style&index=0&id=07ce1d42&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"07ce1d42\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',[(_vm.autoHide ? !_vm.enoughApproved : true)?_c('dapp-tx-btn',{attrs:{\"click\":_vm.genProps,\"cb\":_vm.wrappedCb}},[_c('span',[_vm._v(\"Approve\")])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span>\n    <dapp-tx-btn\n      v-if=\"autoHide ? !enoughApproved : true\"\n      :click=\"genProps\"\n      :cb=\"wrappedCb\"\n    >\n      <span>Approve</span>\n    </dapp-tx-btn>\n  </span>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport DappTxBtn from \"../Common/DappTxBtn.vue\";\n\nimport BN from \"bignumber.js\";\nimport { toWei } from \"../../utils/common\";\nBN.config({ ROUNDING_MODE: BN.ROUND_DOWN });\nBN.config({ EXPONENTIAL_AT: 100 });\n\nexport default {\n  name: \"ApprovalButton\",\n  props: [\"ABI_spender\", \"ABI_token\", \"amount\", \"cb\", \"autoHide\"],\n  components: { DappTxBtn },\n  data() {\n    return {\n      userApproved: BN(0),\n    };\n  },\n\n  mounted: async function() {\n    await this.getApproved();\n  },\n\n  watch: {\n    userConnectedWalletAddress: {\n      immediate: true,\n      async handler() {\n        await this.getApproved();\n      },\n    },\n  },\n\n  computed: {\n    ...mapGetters({ userConnectedWalletAddress: \"userAddress\" }),\n\n    enoughApproved() {\n      return this.userApproved.gte(this.amount);\n    },\n\n    ethAmt() {\n      if (!this.amount) return 0;\n      return toWei(this.amount);\n    },\n  },\n\n  methods: {\n    genProps() {\n      return {\n        abiCall: this.ABI_token.methods.approve,\n        argsArr: [this.ABI_spender.options.address, this.ethAmt],\n        cb: this.wrappedCb,\n      };\n    },\n\n    async wrappedCb() {\n      await this.getApproved();\n      await this.cb();\n    },\n\n    async getApproved() {\n      let userApproved = await this.ABI_token.methods\n        .allowance(\n          this.userConnectedWalletAddress,\n          this.ABI_spender.options.address\n        )\n        .call();\n      this.userApproved = BN(userApproved);\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApproveButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApproveButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApproveButton.vue?vue&type=template&id=230127cc\"\nimport script from \"./ApproveButton.vue?vue&type=script&lang=js\"\nexport * from \"./ApproveButton.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}