{"version":3,"sources":["webpack:///./src/components/Common/Chooser.vue?03b0","webpack:///./src/components/Withdraw/Step.vue","webpack:///src/components/Withdraw/Step.vue","webpack:///./src/components/Withdraw/Step.vue?e8f4","webpack:///./src/components/Withdraw/Step.vue?0188","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/Withdraw/RedemptionBase.vue","webpack:///./src/components/Common/SharedLink.vue","webpack:///src/components/Common/SharedLink.vue","webpack:///./src/components/Common/SharedLink.vue?5af1","webpack:///./src/components/Common/SharedLink.vue?b412","webpack:///./src/components/Withdraw/WithdrawalsFAQ.vue","webpack:///./src/components/Withdraw/QuestionAnswer.vue","webpack:///./src/components/Withdraw/QuestionAnswer.vue?7260","webpack:///src/components/Withdraw/WithdrawalsFAQ.vue","webpack:///./src/components/Withdraw/WithdrawalsFAQ.vue?625f","webpack:///./src/components/Withdraw/WithdrawalsFAQ.vue?c8d3","webpack:///src/components/Withdraw/RedemptionBase.vue","webpack:///./src/components/Withdraw/RedemptionBase.vue?438f","webpack:///./src/components/Withdraw/RedemptionBase.vue?9ee9","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/Withdraw/WithdrawalsFAQ.vue?7f23","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","class","completed","_v","_s","step","title","staticRenderFns","props","type","Number","String","required","Boolean","default","component","_l","routes","route","index","key","id","switch_active","activeRoute","on","$event","onClick","cb","text","name","components","data","parseInt","currentActive","computed","mapGetters","userConnectedWalletAddress","isActive","ethAmt","toWei","amount","methods","attrs","descr","userWalletIsConnected","depositStage","withdrawStage","outputTokenName","_e","stage","userVEth2Balance","div","decimalPlaces","toString","domProps","isNaN","parseFloat","target","value","handleFillMaxAmount","parseBN","outputTokenBalance","userDepositedVEth2","loading","userHasTokenBalance","ABI_vEth2","ABI","getUserApprovedVEth2","userInputIsInvalid","handleDepositVEth2","toLowerCase","contractHasEthAvailable","handleWithdrawEth","handleWithdrawVeth","ethAvailableForWithdrawal","contractVeth2Bal","totalRedeemed","to","_t","scopedSlots","_u","fn","proxy","userBal","veth2Bal","multipliedBy","minus","script","QuestionAnswer","BN","config","ROUNDING_MODE","ROUND_DOWN","EXPONENTIAL_AT","ImageVue","SharedLink","ConnectButton","Step","WithdrawalsFAQ","ApprovalButton","Chooser","DappTxBtn","userApprovedVEth2","virtualPrice","error","dev","routeClickCb","watch","immediate","address","refreshBalances","console","log","gt","userHasApprovedToken","_this$amount","gte","userCanRequestWithdrawal","hasApprovedToken","hasTokenBalance","contractCanFulfillOrder","userCanRedeemEth","amountFieldLowerThanMax","approvalStage","completedStepsCount","state","$router","push","abiCall","deposit","argsArr","redeem","withdraw","allowance","options","call","userVeth2Balance","balanceOf","userEntries","bal","sgETH","window","ethereum","request","method","params","n","getOutputTokenBalance","getUserTokenBalance","getUserDepositedVEth2","getContractVeth2Queue","getEthAvailableForWithdrawal","getTotalRedeemed","disabled","execTx","big","$emit","SharedButton","gasPrices","gasPrice","chosenGas","defaultGas","mounted","getCurrentGasPrices","args","click","wrapTx","senderObj","send","from","maxFeePerGas","maxPriorityFeePerGas","hash","notifyHandler","once","notifyNotification","catch","finally","userAddress","handleConnect","slice","mapActions","setAddress","autoHide","enoughApproved","genProps","wrappedCb","userApproved","getApproved","ABI_token","approve","ABI_spender"],"mappings":"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","file":"js/chunk-5c0b5416.07c01278.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\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex items-center gap-1 text-sm font-semibold whitespace-nowrap\"},[_c('span',{staticClass:\"flex items-center justify-center w-4 h-4 bg-gray-200 rounded-sm\",class:{\n      'bg-green-700 text-gray-100': _vm.completed,\n      'text-gray-900': !_vm.completed,\n    }},[_vm._v(\" \"+_vm._s(_vm.step)+\" \")]),_c('p',{class:{ 'line-through text-gray-400': _vm.completed }},[_vm._v(_vm._s(_vm.title))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex items-center gap-1 text-sm font-semibold whitespace-nowrap\">\n    <span\n      class=\"flex items-center justify-center w-4 h-4 bg-gray-200 rounded-sm\"\n      :class=\"{\n        'bg-green-700 text-gray-100': completed,\n        'text-gray-900': !completed,\n      }\"\n    >\n      {{ step }}\n    </span>\n    <p :class=\"{ 'line-through text-gray-400': completed }\">{{ title }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    step: {\n      type: [Number, String],\n      required: true,\n    },\n    title: {\n      type: String,\n      required: true,\n    },\n    completed: {\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!./Step.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!./Step.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Step.vue?vue&type=template&id=23a8dcb4\"\nimport script from \"./Step.vue?vue&type=script&lang=js\"\nexport * from \"./Step.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('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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"w-5/6 max-w-2xl pt-40 mx-auto\"},[_c('section',{staticClass:\"relative gap-4 p-6 my-10 text-white bg-gray-800 shadow-md rounded-xl\"},[_c('span',{staticClass:\"absolute p-1 px-3 text-sm font-bold text-gray-200 transform -translate-x-1/2 rounded-full opacity-95 left-1/2 -top-3 bg-brand-primary\"},[_vm._v(\"Beta\")]),_c('Chooser',{attrs:{\"routes\":this.routes,\"currentActive\":this.title == 'Rollover' ? 0 : 1}}),_c('div',{staticClass:\"flex flex-col items-center justify-center\"},[_c('header',{staticClass:\"pb-3 my-4 text-center\"},[_c('h1',{staticClass:\"text-3xl font-semibold\"},[_vm._v(\" \"+_vm._s(this.title)+\" \")]),_c('p',{staticClass:\"text-sm text-gray-300\"},[_vm._v(\" \"+_vm._s(this.descr)+\" \")])]),(_vm.userWalletIsConnected)?_c('div',{staticClass:\"pb-3 mb-6 border-b border-gray-700\"},[_c('aside',{staticClass:\"flex flex-wrap justify-center gap-3 md:gap-6\"},[_c('Step',{attrs:{\"title\":\"Approve vETH2\",\"completed\":this.depositStage || this.withdrawStage,\"step\":\"1\"}}),_c('Step',{attrs:{\"title\":\"Deposit vETH2\",\"completed\":this.withdrawStage || _vm.completed,\"step\":\"2\"}}),_c('Step',{attrs:{\"title\":`Redeem ${_vm.outputTokenName}`,\"completed\":_vm.completed,\"step\":\"3\"}})],1)]):_vm._e(),(_vm.completed)?_c('div',{staticClass:\"p-4 px-6 text-center bg-gray-700 border border-green-400 rounded-lg shadow-md\"},[_c('h2',{staticClass:\"mb-2 text-xl font-semibold\"},[_vm._v(\" You've successfully converted vETH2 into \"+_vm._s(_vm.outputTokenName)+\". \")]),_c('p',{staticClass:\"inline-block mx-auto mb-4 text-sm font-semibold text-gray-300 border-b border-gray-600\"},[_vm._v(\" Next steps \")]),_c('div',{staticClass:\"flex justify-center gap-6\"},[_c('SharedLink',{attrs:{\"to\":\"/stake\"}},[_vm._v(\" Stake ETH \")]),_c('SharedLink',{attrs:{\"to\":\"/wrap\"}},[_vm._v(\" Wrap sgETH \")]),_c('SharedLink',{attrs:{\"to\":\"/rollover\"}},[_c('span',{on:{\"click\":function($event){_vm.completed = false}}},[_vm._v(\" Rollover/Withdraw more vETH2 \")])])],1)]):(_vm.stage == 'depositStage' || _vm.stage == 'approvalStage')?_c('label',[_c('p',{staticClass:\"text-sm font-semibold text-gray-300 mb-0.5\"},[_vm._v(\" How much vETH2 would you like to redeem for \"+_vm._s(_vm.outputTokenName)+\"? \")]),_c('div',{staticClass:\"relative flex items-center gap-1 p-2 text-xl border border-gray-200 rounded-xl\"},[_c('input',{staticClass:\"max-w-xs ml-2 text-white bg-transparent border-none outline-none\",attrs:{\"placeholder\":'>0 to ' + \n              this.userVEth2Balance\n                .div(10 ** 18)\n                .decimalPlaces(6)\n                .toString()},domProps:{\"value\":_vm.amount},on:{\"input\":function($event){_vm.amount = isNaN(parseFloat($event.target.value))\n                ? 0\n                : $event.target.value}}}),_c('span',{staticClass:\"text-sm\"},[_vm._v(\" vETH2 \")]),(true)?_c('button',{staticClass:\"px-1 py-0.5 text-xs font-semibold bg-white rounded text-brand-primary\",on:{\"click\":_vm.handleFillMaxAmount}},[_vm._v(\" max \")]):_vm._e()]),_c('p',{staticClass:\"text-sm font-semibold text-gray-300 mb-0.5\"},[_vm._v(\" Current vETH2 Balance: \"+_vm._s(_vm.parseBN(_vm.userVEth2Balance))+\" \")]),_c('p',{staticClass:\"text-sm font-semibold text-gray-300 mb-0.5\"},[_vm._v(\" Current \"+_vm._s(_vm.outputTokenName)+\" Balance: \"+_vm._s(_vm.parseBN(_vm.outputTokenBalance))+\" \")])]):(_vm.withdrawStage)?_c('div',{staticClass:\"text-gray-200\"},[_c('p',{staticClass:\"text-sm font-semibold text-gray-300\"},[_vm._v(\" You have deposited \")]),_c('p',{staticClass:\"relative text-center\"},[_c('span',[_c('span',{staticClass:\"text-3xl font-semibold\"},[_vm._v(_vm._s(_vm.userDepositedVEth2 .div(10 ** 18) .decimalPlaces(6) .toString()))]),_c('span',{staticClass:\"inline-block ml-1 text-sm transform bottom-3 right-1\"},[_vm._v(\"vETH2\")])])]),_c('p',{staticClass:\"text-sm font-semibold text-gray-300\"},[_vm._v(\" You will receive \")]),_c('p',{staticClass:\"relative text-center\"},[_c('span',[_c('span',{staticClass:\"text-3xl font-semibold\"},[_vm._v(_vm._s(_vm.userDepositedVEth2 .div(1 / 1.08) .div(10 ** 18) .decimalPlaces(6) .toString()))]),_c('span',{staticClass:\"inline-block ml-1 text-sm transform bottom-3 right-1\"},[_vm._v(_vm._s(_vm.outputTokenName))])])])]):_vm._e(),(!_vm.completed)?_c('div',{staticClass:\"my-6\"},[(_vm.loading)?_c('p',[_c('ImageVue',{attrs:{\"src\":'loading.svg',\"size\":'45px'}})],1):(!_vm.userConnectedWalletAddress)?_c('ConnectButton'):[(!_vm.userHasTokenBalance && _vm.stage == 'approvalStage')?_c('p',{staticClass:\"mt-2 text-sm font-semibold text-gray-200\"},[_vm._v(\" You need to have vETH2 tokens in your wallet in order to withdraw \"+_vm._s(_vm.outputTokenName)+\". \")]):(_vm.stage == 'approvalStage')?_c('ApprovalButton',{attrs:{\"ABI_token\":this.ABI_vEth2,\"ABI_spender\":_vm.ABI,\"amount\":this.amount,\"cb\":_vm.getUserApprovedVEth2,\"disabled\":_vm.userInputIsInvalid}}):(_vm.stage == 'depositStage')?_c('dapp-tx-btn',{attrs:{\"click\":_vm.handleDepositVEth2,\"disabled\":_vm.userInputIsInvalid}},[_c('span',[_vm._v(\"Request \"+_vm._s(this.title.toLowerCase()))])]):(_vm.stage == 'withdrawStage')?_c('div',{staticClass:\"text-center\"},[(!_vm.contractHasEthAvailable)?_c('p',{staticClass:\"mb-2 text-sm font-medium text-gray-300\"},[_vm._v(\" The contract is replenishing its balance. \"),_c('br'),_vm._v(\" It can take up to 2 weeks to exit a validator and buffer balances. \"),_c('br'),_vm._v(\" Please check in again soon. \")]):_vm._e(),_c('dapp-tx-btn',{attrs:{\"disabled\":!_vm.contractHasEthAvailable,\"click\":_vm.handleWithdrawEth}},[_c('span',[_vm._v(\"Redeem for \"+_vm._s(_vm.outputTokenName))])]),_c('dapp-tx-btn',{attrs:{\"click\":_vm.handleWithdrawVeth}},[_c('span',[_vm._v(\"Withdraw your vETH2\")])])],1):_vm._e()]],2):_vm._e()]),_c('WithdrawalsFAQ',{attrs:{\"ethAvailableForWithdrawal\":_vm.ethAvailableForWithdrawal,\"veth2Bal\":_vm.contractVeth2Bal,\"userBal\":_vm.userVEth2Balance,\"totalRedeemed\":_vm.totalRedeemed}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{staticClass:\"px-4 py-2 text-sm font-semibold transition-all border border-white rounded-full hover:bg-gray-800\",attrs:{\"to\":_vm.to}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <router-link\n    :to=\"to\"\n    class=\"px-4 py-2 text-sm font-semibold transition-all border border-white rounded-full hover:bg-gray-800\"\n  >\n    <slot />\n  </router-link>\n</template>\n\n<script>\nexport default {\n  name: \"SharedLink\",\n  props: {\n    to: {\n      type: String,\n      required: true,\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!./SharedLink.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!./SharedLink.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SharedLink.vue?vue&type=template&id=49a1df18\"\nimport script from \"./SharedLink.vue?vue&type=script&lang=js\"\nexport * from \"./SharedLink.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('div',{staticClass:\"mt-10 text-white\"},[_c('h2',{staticClass:\"mb-4 text-2xl font-medium text-center\"},[_vm._v(\" Frequently Asked Questions \")]),_c('QuestionAnswer',{scopedSlots:_vm._u([{key:\"question\",fn:function(){return [_vm._v(\" How do I withdraw my staked ETH? \")]},proxy:true},{key:\"answer\",fn:function(){return [_vm._v(\" You can withdraw your staked ETH by following the steps: \"),_c('br'),_c('strong',[_vm._v(\"Step 1:\")]),_vm._v(\" Approve vETH2 (Please enter how much vETH2 you'd like to redeem) \"),_c('br'),_c('strong',[_vm._v(\"Step 2:\")]),_vm._v(\" Deposit vETH2 \"),_c('br'),_c('strong',[_vm._v(\"Step 3:\")]),_vm._v(\" Redeem (when there is ETH available) \"),_c('br'),_c('strong',[_vm._v(\"Note: You must deposit vETH2 first. ETH or tokens will then be buffered into the contract based on demand. \")]),_c('br'),_c('strong',[_vm._v(\"Note: You can at any point after deposit, choose to withdraw your vETH2 and use OTC or uniswap to sell for ETH. If you require a quicker flow. \")])]},proxy:true}])}),_c('QuestionAnswer',{scopedSlots:_vm._u([{key:\"question\",fn:function(){return [_vm._v(\" How much is vETH2 worth? (Redemption rate) \")]},proxy:true},{key:\"answer\",fn:function(){return [_vm._v(\" The rate is 1.08 i.e. 1 vETH2 = 1.08 ETH. \"),(_vm.userBal > 0)?_c('p',[_vm._v(\" OR \"+_vm._s(_vm.userBal.div(10 ** 18).decimalPlaces(6).toString())+\" vETH2 = \"+_vm._s(_vm.userBal.div(1 / 1.08).div(10 ** 18).decimalPlaces(6).toString())+\" ETH/sgETH \")]):_vm._e()]},proxy:true}])}),_c('QuestionAnswer',{scopedSlots:_vm._u([{key:\"question\",fn:function(){return [_vm._v(\" How much vETH2 is staked in this contract? \")]},proxy:true},{key:\"answer\",fn:function(){return [_vm._v(\" There is \"+_vm._s(_vm.veth2Bal.div(10 ** 18) .decimalPlaces(6) .toString())+\" vETH2 deposited here. Redeemable for \"+_vm._s(_vm.veth2Bal.div(1/1.08).div(10 ** 18) .decimalPlaces(6) .toString())+\" tokens. \"),_c('br'),_vm._v(\" From which \"+_vm._s(_vm.totalRedeemed.div(10 ** 18) .decimalPlaces(6).toString())+\" tokens have already been redeemed. \"),_c('br'),_vm._v(\" A total of \"+_vm._s((_vm.veth2Bal.multipliedBy(11).div(10) .minus(_vm.totalRedeemed) .minus(_vm.ethAvailableForWithdrawal) ).div(11) .multipliedBy(10) .div(10 ** 18) .decimalPlaces(6) .toString())+\" vETH2 is queued. (if the number is negative that means there's excess in the buffer) \")]},proxy:true}])}),_c('QuestionAnswer',{scopedSlots:_vm._u([{key:\"question\",fn:function(){return [_vm._v(\" How much can be withdrawn right now? \")]},proxy:true},{key:\"answer\",fn:function(){return [_vm._v(\" You can withdraw upto \"+_vm._s(_vm.ethAvailableForWithdrawal.div(10 ** 18) .decimalPlaces(6) .toString())+\" ETH buffered in the contract. Right now! \")]},proxy:true}])}),_c('QuestionAnswer',{scopedSlots:_vm._u([{key:\"question\",fn:function(){return [_vm._v(\" How long does it take to withdraw my ETH? \")]},proxy:true},{key:\"answer\",fn:function(){return [_vm._v(\" It takes at least 7-14 days to withdraw your ETH. This wait time may be longer if demand is high. As ETH is buffered in phases your personal wait time may be affected by other users redeeming before you. This is because the ETH you staked is locked in the Ethereum 2.0 deposit contract and validators need to have their withdrawal addresses changed, then exited wherein they enter the exit queue. \")]},proxy:true}])}),_c('QuestionAnswer',{scopedSlots:_vm._u([{key:\"question\",fn:function(){return [_vm._v(\" I don't see the veth2 I previously deposited \")]},proxy:true},{key:\"answer\",fn:function(){return [_vm._v(\" If you had deposited in the old withdrawals/rollover contract, you will have to use etherscan to manually retrieve/withdraw your vETH2 and redo the process. \"),_c('br'),_vm._v(\" You can find a howto in the \"),_c('a',{staticClass:\"link\",attrs:{\"href\":\"https://docs.sharedstake.finance/withdrawals/withdraw-veth2-via-etherscan\"}},[_vm._v(\"docs under Withdrawals at docs.sharedstake.finance\")])]},proxy:true}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"py-3 border-t border-gray-700\"},[_c('h3',{staticClass:\"mb-2 text-xl font-medium text-gray-300\"},[_vm._t(\"question\")],2),_c('p',{staticClass:\"pl-2 text-base text-gray-200\"},[_vm._t(\"answer\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./QuestionAnswer.vue?vue&type=template&id=1dd30afc\"\nvar script = {}\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  <div class=\"mt-10 text-white\">\n    <h2 class=\"mb-4 text-2xl font-medium text-center\">\n      Frequently Asked Questions\n    </h2>\n\n    <QuestionAnswer>\n      <template #question>\n        How do I withdraw my staked ETH?\n      </template>\n      <template #answer>\n        You can withdraw your staked ETH by following the steps:\n        <br />\n        <strong>Step 1:</strong> Approve vETH2 (Please enter how much vETH2 you'd like to redeem)\n        <br />\n        <strong>Step 2:</strong> Deposit vETH2\n        <br />\n        <strong>Step 3:</strong> Redeem (when there is ETH available)\n        <br />\n        <strong>Note: You must deposit vETH2 first. ETH or tokens will then be buffered into the contract based on\n          demand. </strong>\n          <br />\n        <strong>Note: You can at any point after deposit, choose to withdraw your vETH2 and use OTC or uniswap to sell for ETH. If you require a quicker flow. </strong>\n      </template>\n    </QuestionAnswer>\n\n    <QuestionAnswer>\n      <template #question>\n        How much is vETH2 worth? (Redemption rate)\n      </template>\n      <template #answer>\n        The rate is 1.08\n        i.e. 1 vETH2 = 1.08 ETH.\n        <p v-if=\"userBal > 0\">\n          OR\n          {{ userBal.div(10 ** 18).decimalPlaces(6).toString() }} vETH2 = {{ userBal.div(1 / 1.08).div(10 **\n            18).decimalPlaces(6).toString() }} ETH/sgETH\n        </p>\n      </template>\n    </QuestionAnswer>\n\n    <QuestionAnswer>\n      <template #question>\n        How much vETH2 is staked in this contract?\n      </template>\n      <template #answer>\n        There is {{\n          veth2Bal.div(10 ** 18)\n            .decimalPlaces(6)\n            .toString() }} vETH2 deposited here. \n        Redeemable for {{\n          veth2Bal.div(1/1.08).div(10 ** 18)\n            .decimalPlaces(6)\n            .toString()  }} tokens.\n        <br />\n        From which {{\n          totalRedeemed.div(10 ** 18)\n            .decimalPlaces(6).toString()\n        }} tokens have already been redeemed.\n        <br />\n        A total of {{\n          (veth2Bal.multipliedBy(11).div(10)\n            .minus(totalRedeemed)\n            .minus(ethAvailableForWithdrawal)\n          ).div(11)\n            .multipliedBy(10)\n            .div(10 ** 18)\n            .decimalPlaces(6)\n            .toString()\n        }} vETH2 is queued. (if the number is negative that means there's excess in the buffer)\n      </template>\n    </QuestionAnswer>\n\n    <QuestionAnswer>\n      <template #question>\n        How much can be withdrawn right now?\n      </template>\n      <template #answer>\n        You can withdraw upto {{\n          ethAvailableForWithdrawal.div(10 ** 18)\n            .decimalPlaces(6)\n            .toString() }} ETH buffered in the contract. Right now! \n      </template>\n    </QuestionAnswer>\n\n    <QuestionAnswer>\n      <template #question>\n        How long does it take to withdraw my ETH?\n      </template>\n      <template #answer>\n        It takes at least 7-14 days to withdraw your ETH. This wait time may be longer if demand is high. As ETH is buffered in phases your personal wait time may be affected by other users redeeming before you.\n        This is because the ETH you\n        staked is locked in the Ethereum 2.0 deposit contract and validators need to have their withdrawal addresses\n        changed, then exited wherein they enter the exit queue.\n      </template>\n    </QuestionAnswer>\n\n    <QuestionAnswer>\n      <template #question>\n        I don't see the veth2 I previously deposited\n      </template>\n      <template #answer>\n        If you had deposited in the old withdrawals/rollover contract, you will have to use etherscan to manually retrieve/withdraw \n        your vETH2 and redo the process. <br />\n        You can find a howto in the <a class=\"link\" href=\"https://docs.sharedstake.finance/withdrawals/withdraw-veth2-via-etherscan\">docs under Withdrawals at docs.sharedstake.finance</a>\n      </template>\n    </QuestionAnswer>\n  </div>\n</template>\n\n<script>\nimport QuestionAnswer from \"@/components/Withdraw/QuestionAnswer.vue\";\n\nexport default {\n  name: 'WithdrawalsFAQ',\n  components: { QuestionAnswer },\n  props: [\n    'ethAvailableForWithdrawal',\n    'totalRedeemed',\n    'veth2Bal',\n    'userBal'\n  ],\n}\n</script>\n\n\n<style scoped>\n.links {\n  color: blue !important;\n}\n</style>","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!./WithdrawalsFAQ.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!./WithdrawalsFAQ.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WithdrawalsFAQ.vue?vue&type=template&id=3486a3fc&scoped=true\"\nimport script from \"./WithdrawalsFAQ.vue?vue&type=script&lang=js\"\nexport * from \"./WithdrawalsFAQ.vue?vue&type=script&lang=js\"\nimport style0 from \"./WithdrawalsFAQ.vue?vue&type=style&index=0&id=3486a3fc&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  \"3486a3fc\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"w-5/6 max-w-2xl pt-40 mx-auto\">\n    <section\n      class=\"relative gap-4 p-6 my-10 text-white bg-gray-800 shadow-md rounded-xl\"\n    >\n      <span\n        class=\"absolute p-1 px-3 text-sm font-bold text-gray-200 transform -translate-x-1/2 rounded-full opacity-95 left-1/2 -top-3 bg-brand-primary\"\n        >Beta</span\n      >\n\n      <Chooser\n        :routes=\"this.routes\"\n        :currentActive=\"this.title == 'Rollover' ? 0 : 1\"\n      />\n\n      <div class=\"flex flex-col items-center justify-center\">\n        <header class=\"pb-3 my-4 text-center\">\n          <h1 class=\"text-3xl font-semibold\">\n            {{ this.title }}\n          </h1>\n          <p class=\"text-sm text-gray-300\">\n            {{ this.descr }}\n          </p>\n        </header>\n\n        <!-- Progress - show completed steps status -->\n        <div\n          class=\"pb-3 mb-6 border-b border-gray-700\"\n          v-if=\"userWalletIsConnected\"\n        >\n          <aside class=\"flex flex-wrap justify-center gap-3 md:gap-6\">\n            <Step\n              title=\"Approve vETH2\"\n              :completed=\"this.depositStage || this.withdrawStage\"\n              step=\"1\"\n            />\n            <Step\n              title=\"Deposit vETH2\"\n              :completed=\"this.withdrawStage || completed\"\n              step=\"2\"\n            />\n            <Step\n              :title=\"`Redeem ${outputTokenName}`\"\n              :completed=\"completed\"\n              step=\"3\"\n            />\n          </aside>\n        </div>\n\n        <div\n          v-if=\"completed\"\n          class=\"p-4 px-6 text-center bg-gray-700 border border-green-400 rounded-lg shadow-md\"\n        >\n          <h2 class=\"mb-2 text-xl font-semibold\">\n            You've successfully converted vETH2 into {{ outputTokenName }}.\n          </h2>\n          <p\n            class=\"inline-block mx-auto mb-4 text-sm font-semibold text-gray-300 border-b border-gray-600\"\n          >\n            Next steps\n          </p>\n          <div class=\"flex justify-center gap-6\">\n            <SharedLink to=\"/stake\">\n              Stake ETH\n            </SharedLink>\n            <SharedLink to=\"/wrap\">\n              Wrap sgETH\n            </SharedLink>\n            <SharedLink to=\"/rollover\">\n              <span @click=\"completed = false\">\n                Rollover/Withdraw more vETH2\n              </span>\n            </SharedLink>\n          </div>\n        </div>\n        <label v-else-if=\"stage == 'depositStage' || stage == 'approvalStage'\">\n          <p class=\"text-sm font-semibold text-gray-300 mb-0.5\">\n            How much vETH2 would you like to redeem for {{ outputTokenName }}?\n          </p>\n          <div\n            class=\"relative flex items-center gap-1 p-2 text-xl border border-gray-200 rounded-xl\"\n          >\n            <input\n              :value=\"amount\"\n              class=\"max-w-xs ml-2 text-white bg-transparent border-none outline-none\"\n              :placeholder=\"'>0 to ' + \n                this.userVEth2Balance\n                  .div(10 ** 18)\n                  .decimalPlaces(6)\n                  .toString()\n              \"\n              @input=\"\n                amount = isNaN(parseFloat($event.target.value))\n                  ? 0\n                  : $event.target.value\n              \"\n            />\n            <span class=\"text-sm\">\n              vETH2\n            </span>\n            <button\n              @click=\"handleFillMaxAmount\"\n              v-if=\"true\"\n              class=\" px-1 py-0.5 text-xs font-semibold bg-white rounded text-brand-primary\"\n            >\n              max\n            </button>\n          </div>\n          <p class=\"text-sm font-semibold text-gray-300 mb-0.5\">\n            Current vETH2 Balance: {{ parseBN(userVEth2Balance) }}\n          </p>\n          <p class=\"text-sm font-semibold text-gray-300 mb-0.5\">\n            Current {{ outputTokenName }} Balance:\n            {{ parseBN(outputTokenBalance) }}\n          </p>\n        </label>\n\n        <div v-else-if=\"withdrawStage\" class=\"text-gray-200\">\n          <!-- Show amount of user deposited veth2 -->\n          <p class=\"text-sm font-semibold text-gray-300\">\n            You have deposited\n          </p>\n          <p class=\"relative text-center\">\n            <span>\n              <span class=\"text-3xl font-semibold\">{{\n                userDepositedVEth2\n                  .div(10 ** 18)\n                  .decimalPlaces(6)\n                  .toString()\n              }}</span>\n              <span class=\"inline-block ml-1 text-sm transform bottom-3 right-1\"\n                >vETH2</span\n              >\n            </span>\n          </p>\n          <!-- Show amount user will get -->\n          <p class=\"text-sm font-semibold text-gray-300\">\n            You will receive\n          </p>\n          <p class=\"relative text-center\">\n            <span>\n              <span class=\"text-3xl font-semibold\">{{\n                userDepositedVEth2\n                  .div(1 / 1.08)\n                  .div(10 ** 18)\n                  .decimalPlaces(6)\n                  .toString()\n              }}</span>\n              <span\n                class=\"inline-block ml-1 text-sm transform bottom-3 right-1\"\n                >{{ outputTokenName }}</span\n              >\n            </span>\n          </p>\n        </div>\n\n        <!-- Action buttons -->\n        <div class=\"my-6\" v-if=\"!completed\">\n          <p v-if=\"loading\">\n            <ImageVue :src=\"'loading.svg'\" :size=\"'45px'\" />\n          </p>\n\n          <ConnectButton v-else-if=\"!userConnectedWalletAddress\" />\n\n          <template v-else>\n            <p\n              v-if=\"!userHasTokenBalance && stage == 'approvalStage'\"\n              class=\"mt-2 text-sm font-semibold text-gray-200\"\n            >\n              You need to have vETH2 tokens in your wallet in order to withdraw\n              {{ outputTokenName }}.\n            </p>\n\n            <ApprovalButton\n              v-else-if=\"stage == 'approvalStage'\"\n              :ABI_token=\"this.ABI_vEth2\"\n              :ABI_spender=\"ABI\"\n              :amount=\"this.amount\"\n              :cb=\"getUserApprovedVEth2\"\n              :disabled=\"userInputIsInvalid\"\n            />\n\n            <!-- -Temp conditional disable for rollover stages -->\n            <dapp-tx-btn\n              v-else-if=\"stage == 'depositStage'\"\n              :click=\"handleDepositVEth2\"\n              :disabled=\"userInputIsInvalid\" \n            >\n              <span>Request {{ this.title.toLowerCase() }}</span>\n            </dapp-tx-btn>\n\n            <div class=\"text-center\" v-else-if=\"stage == 'withdrawStage'\">\n              <p\n                v-if=\"!contractHasEthAvailable\"\n                class=\"mb-2 text-sm font-medium text-gray-300\"\n              >\n                The contract is replenishing its balance. <br />\n                It can take up to 2 weeks to exit a validator and buffer\n                balances. <br />\n                Please check in again soon.\n              </p>\n              <dapp-tx-btn\n                :disabled=\"!contractHasEthAvailable\"\n                :click=\"handleWithdrawEth\"\n              >\n                <span>Redeem for {{ outputTokenName }}</span>\n              </dapp-tx-btn>\n              <dapp-tx-btn\n                :click=\"handleWithdrawVeth\"\n              >\n                <span>Withdraw your vETH2</span>\n              </dapp-tx-btn>\n            </div>\n          </template>\n        </div>\n      </div>\n\n      <WithdrawalsFAQ\n        :ethAvailableForWithdrawal=\"ethAvailableForWithdrawal\"\n        :veth2Bal=\"contractVeth2Bal\"\n        :userBal=\"userVEth2Balance\"\n        :totalRedeemed=\"totalRedeemed\"\n      />\n    </section>\n  </div>\n</template>\n\n<script>\nimport BN from \"bignumber.js\";\nimport { vEth2 as ABI_vEth2, sgETH } from \"@/contracts\";\nimport { mapGetters } from \"vuex\";\nimport Step from \"@/components/Withdraw/Step.vue\";\nimport SharedLink from \"../Common/SharedLink.vue\";\nimport ConnectButton from \"../Common/ConnectButton.vue\";\nimport ApprovalButton from \"../Common/ApproveButton.vue\";\nimport Chooser from \"../Common/Chooser.vue\";\nimport DappTxBtn from \"../Common/DappTxBtn.vue\";\n\nimport WithdrawalsFAQ from \"./WithdrawalsFAQ.vue\";\nimport ImageVue from \"../Handlers/ImageVue.vue\";\nimport { toWei } from \"../../utils/common\";\n\n// Max unit is the maximum value that can be represented in Solidity\n// const MAX_UNIT = 2 ** 256 - 1;\n\nBN.config({ ROUNDING_MODE: BN.ROUND_DOWN });\nBN.config({ EXPONENTIAL_AT: 100 });\n\nexport default {\n  name: \"RedemptionBase\",\n  components: {\n    ImageVue,\n    SharedLink,\n    ConnectButton,\n    Step,\n    WithdrawalsFAQ,\n    ApprovalButton,\n    Chooser,\n    DappTxBtn,\n  },\n  props: [\n    \"ABI\",\n    \"title\",\n    \"descr\",\n    \"getEthAvailableForWithdrawal\",\n    \"ethAvailableForWithdrawal\",\n    'getTotalRedeemed',\n    'totalRedeemed',\n    \"outputTokenName\",\n  ],\n\n  data() {\n    return {\n      amount: null, // start off as null to render placeholder in input field as a user balance hint\n      userVEth2Balance: BN(0),\n      userApprovedVEth2: BN(0),\n      userDepositedVEth2: BN(0),\n      contractVeth2Bal: BN(0),\n      outputTokenBalance: BN(0),\n      virtualPrice: BN('1.1'),\n      loading: false,\n      error: false,\n      dev: false, // change to true for log\n      ABI_vEth2: ABI_vEth2,\n      completed: false, // Full process completed (in one session)\n      routes: [\n        { text: \"Rollover\", cb: this.routeClickCb },\n        { text: \"Withdraw\", cb: this.routeClickCb },\n      ],\n    };\n  },\n\n  watch: {\n    userConnectedWalletAddress: {\n      immediate: true,\n      async handler(address) {\n        // log the amount of veth2 the user has deposited for withdrawal\n        if (address) {\n          await this.refreshBalances();\n          if (this.dev)\n            console.log(\n              \"ethAvailableForWithdrawal: \",\n              this.ethAvailableForWithdrawal\n            );\n        }\n      },\n    },\n  },\n\n  computed: {\n    ...mapGetters({ userConnectedWalletAddress: \"userAddress\" }),\n\n    userHasTokenBalance() {\n      return this.userVEth2Balance.gt(0);\n    },\n\n    userHasApprovedToken() {\n      return (\n        this.userApprovedVEth2.gt(0) &&\n        this.userApprovedVEth2.gte(toWei(this.amount?.toString() || \"0\"))\n      );\n    },\n\n    userInputIsInvalid() {\n      return this.outputTokenName == 'sgETH' || !(\n          this.amount !== null &&\n          this.amount > 0\n        );\n    },\n\n    userCanRequestWithdrawal() {\n      const hasApprovedToken = this.userHasApprovedToken;\n      const hasTokenBalance = this.userHasTokenBalance;\n      return hasApprovedToken && hasTokenBalance;\n    },\n\n    userWalletIsConnected() {\n      return this.userConnectedWalletAddress;\n    },\n\n    contractCanFulfillOrder() {\n      return this.userCanRedeemEth && this.contractHasEthAvailable;\n    },\n\n    userCanRedeemEth() {\n      return this.userDepositedVEth2.gt(0);\n    },\n\n    contractHasEthAvailable() {\n      return (\n        this.ethAvailableForWithdrawal.gt(0) &&\n        this.ethAvailableForWithdrawal.gte(this.userDepositedVEth2.multipliedBy(this.virtualPrice))\n      );\n    },\n\n    amountFieldLowerThanMax() {\n      return (\n        this.amount &&\n        this.amount <\n          this.userVEth2Balance\n            .div(10 ** 18)\n            .decimalPlaces(6)\n            .toString()\n      );\n    },\n    approvalStage() {\n      return this.userWalletIsConnected && !this.userHasApprovedToken;\n    },\n    depositStage() {\n      return (\n        this.userWalletIsConnected &&\n        !this.userCanRedeemEth &&\n        this.userCanRequestWithdrawal\n      );\n    },\n    withdrawStage() {\n      return this.userWalletIsConnected && this.userCanRedeemEth;\n    },\n\n    completedStepsCount() {\n      return this.approvalStage + this.depositStage + this.withdrawStage + 1;\n    },\n\n    stage() {\n      if (!this.userWalletIsConnected) return false;\n      let state = {\n        approvalStage: this.approvalStage,\n        depositStage: this.depositStage,\n        withdrawStage: this.withdrawStage,\n      };\n      if (this.dev) console.log(\"State :\", state);\n      if (state.withdrawStage) return \"withdrawStage\";\n      if (state.depositStage && !state.approvalStage) return \"depositStage\";\n      return \"approvalStage\";\n    },\n  },\n\n  methods: {\n    routeClickCb(index, routes) {\n      this.$router.push(`/${routes[index].text.toLowerCase()}`);\n    },\n\n    handleDepositVEth2() {\n      return {\n        abiCall: this.ABI.methods.deposit,\n        argsArr: [toWei(this.amount)],\n        cb: this.refreshBalances,\n      };\n    },\n\n    handleWithdrawEth() {\n      return {\n        abiCall: this.ABI.methods.redeem,\n        argsArr: [],\n        cb: async () => {\n          this.completed = true; // Mark as completed in the UI - will reset on navigation.\n          await this.refreshBalances(); // update state to trigger next step\n        },\n      };\n    },\n    handleWithdrawVeth() {\n      return {\n        abiCall: this.ABI.methods.withdraw,\n        argsArr: [],\n        cb: async () => {\n          this.completed = true; // Mark as completed in the UI - will reset on navigation.\n          await this.refreshBalances(); // update state to trigger next step\n        },\n      };\n    },\n\n    async getUserApprovedVEth2() {\n      let userApprovedVEth2 = await ABI_vEth2.methods\n        .allowance(this.userConnectedWalletAddress, this.ABI.options.address)\n        .call();\n      this.userApprovedVEth2 = BN(userApprovedVEth2);\n      if (this.dev) console.log(\"userApprovedVEth2\", userApprovedVEth2);\n    },\n\n    async getUserTokenBalance() {\n      let userVeth2Balance = await ABI_vEth2.methods\n        .balanceOf(this.userConnectedWalletAddress)\n        .call();\n      this.userVEth2Balance = BN(userVeth2Balance);\n      if (this.dev) console.log(\"userVeth2Balance\", userVeth2Balance);\n      return userVeth2Balance;\n    },\n\n    async getUserDepositedVEth2() {\n      this.loading = true;\n      let userDepositedVEth2 = await this.ABI.methods\n        .userEntries(this.userConnectedWalletAddress)\n        .call();\n      this.userDepositedVEth2 = BN(userDepositedVEth2);\n      if (this.dev) console.log(\"userDepositedVEth2\", userDepositedVEth2);\n      this.loading = false;\n      return this.userDepositedVEth2;\n    },\n\n    async getContractVeth2Queue() {\n      let bal = await ABI_vEth2.methods\n        .balanceOf(this.ABI.options.address)\n        .call();\n      this.contractVeth2Bal = BN(bal);\n    },\n\n    async getOutputTokenBalance() {\n      let bal = 0;\n      if (this.outputTokenName.toLowerCase() == \"sgeth\") {\n        bal = await sgETH.methods\n          .balanceOf(this.userConnectedWalletAddress)\n          .call();\n      } else {\n        bal = await window.ethereum.request({\n          method: \"eth_getBalance\",\n          params: [this.userConnectedWalletAddress, \"latest\"],\n        });\n      }\n      this.outputTokenBalance = BN(bal);\n    },\n\n    parseBN(n) {\n      return n\n        .div(10 ** 18)\n        .decimalPlaces(6)\n        .toString();\n    },\n\n    async refreshBalances() {\n      await this.getOutputTokenBalance();\n      await this.getUserApprovedVEth2();\n      await this.getUserTokenBalance();\n\n      await this.getUserDepositedVEth2();\n      await this.getContractVeth2Queue();\n      await this.getEthAvailableForWithdrawal();\n      await this.getTotalRedeemed();\n    },\n\n    handleFillMaxAmount() {\n      this.amount = this.userVEth2Balance\n        .div(10 ** 18)\n        .decimalPlaces(6)\n        .toString();\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!./RedemptionBase.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!./RedemptionBase.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RedemptionBase.vue?vue&type=template&id=7fb5dc14\"\nimport script from \"./RedemptionBase.vue?vue&type=script&lang=js\"\nexport * from \"./RedemptionBase.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","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!./WithdrawalsFAQ.vue?vue&type=style&index=0&id=3486a3fc&prod&scoped=true&lang=css\"","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":""}