{"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/Stake/Unwrap.vue","webpack:///src/components/Stake/Unwrap.vue","webpack:///./src/components/Stake/Unwrap.vue?207d","webpack:///./src/components/Stake/Unwrap.vue?eae8","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"],"names":["render","_vm","this","_c","_self","staticClass","class","completed","_v","_s","step","title","staticRenderFns","props","type","Number","String","required","Boolean","default","component","attrs","routes","descr","userWalletIsConnected","inputTokenName","_e","depositStage","outputTokenName","userTokenBalance","div","decimalPlaces","toString","domProps","amount","on","$event","isNaN","parseFloat","target","value","handleFillMaxAmount","parseBN","userOutputTokenBalance","loading","userConnectedWalletAddress","userHasTokenBalance","stage","handleClick","BN","config","ROUNDING_MODE","ROUND_DOWN","EXPONENTIAL_AT","name","components","ImageVue","ConnectButton","Step","Chooser","DappTxBtn","data","error","dev","text","cb","routeClickCb","wsgETH","sgETH","ABI","watch","immediate","address","refreshBalances","computed","mapGetters","gt","userCanRequestWithdrawal","hasTokenBalance","amountFieldLowerThanMax","completedStepsCount","methods","index","$router","push","toLowerCase","abiCall","redeem","argsArr","toWei","n","getUserTokenBalance","getUserOutputTokenBalance","balanceOf","call","console","log","_l","route","key","id","switch_active","activeRoute","onClick","parseInt","currentActive","isActive","ethAmt","disabled","execTx","_t","big","$emit","SharedButton","gasPrices","gasPrice","chosenGas","defaultGas","mounted","getCurrentGasPrices","args","click","wrapTx","senderObj","send","from","maxFeePerGas","multipliedBy","maxPriorityFeePerGas","hash","notifyHandler","once","notifyNotification","catch","finally","userAddress","handleConnect","slice","mapActions","setAddress"],"mappings":"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","file":"js/chunk-068ef5b2.70487220.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:\"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 == 'Wrap' ? 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\":`${_vm.title} ${_vm.inputTokenName}`,\"completed\":this.completed,\"step\":\"1\"}})],1)]):_vm._e(),(this.depositStage)?_c('label',[_c('p',{staticClass:\"text-sm font-semibold text-gray-300 mb-0.5\"},[_vm._v(\" How much \"+_vm._s(_vm.inputTokenName)+\" would you unwrap 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\":this.userTokenBalance\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(\" \"+_vm._s(_vm.inputTokenName)+\" \")]),(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 \"+_vm._s(_vm.outputTokenName)+\" Balance: \"+_vm._s(_vm.parseBN(_vm.userOutputTokenBalance))+\" \")])]):_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)?_c('p',{staticClass:\"mt-2 text-sm font-semibold text-gray-200\"},[_vm._v(\" You need to have \"+_vm._s(_vm.inputTokenName)+\" tokens in your wallet in order to continue \"+_vm._s(_vm.outputTokenName)+\". \")]):(_vm.stage == 'depositStage')?_c('dapp-tx-btn',{attrs:{\"click\":_vm.handleClick}},[_c('span',[_vm._v(\" \"+_vm._s(this.title))])]):_vm._e()]],2):_vm._e()])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<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 == 'Wrap' ? 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=\"`${title} ${inputTokenName}`\"\n              :completed=\"this.completed\"\n              step=\"1\"\n            />\n          </aside>\n        </div>\n\n        <label v-if=\"this.depositStage\">\n          <p class=\"text-sm font-semibold text-gray-300 mb-0.5\">\n            How much {{ inputTokenName }} would you unwrap for\n            {{ 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=\"\n                this.userTokenBalance\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              {{ inputTokenName }}\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 {{ outputTokenName }} Balance:\n            {{ parseBN(userOutputTokenBalance) }}\n          </p>\n        </label>\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\"\n              class=\"mt-2 text-sm font-semibold text-gray-200\"\n            >\n              You need to have {{ inputTokenName }} tokens in your wallet in\n              order to continue {{ outputTokenName }}.\n            </p>\n\n            <dapp-tx-btn\n              v-else-if=\"stage == 'depositStage'\"\n              :click=\"handleClick\"\n            >\n              <span> {{ this.title }}</span>\n            </dapp-tx-btn>\n          </template>\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script>\nimport BN from \"bignumber.js\";\nimport { wsgETH, sgETH } from \"@/contracts\";\nimport { mapGetters } from \"vuex\";\nimport Step from \"@/components/Withdraw/Step.vue\";\nimport ConnectButton from \"../Common/ConnectButton.vue\";\nimport Chooser from \"../Common/Chooser.vue\";\nimport DappTxBtn from \"../Common/DappTxBtn.vue\";\n\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: \"Wrap\",\n  components: {\n    ImageVue,\n    ConnectButton,\n    Step,\n    Chooser,\n    DappTxBtn,\n  },\n\n  data() {\n    return {\n      amount: null,\n      userTokenBalance: BN(0),\n      userOutputTokenBalance: BN(0),\n      loading: false,\n      error: false,\n      dev: true, // change to true for log\n      completed: false, // Full process completed (in one session)\n      routes: [\n        { text: \"Wrap\", cb: this.routeClickCb },\n        { text: \"Unwrap\", cb: this.routeClickCb },\n      ],\n      wsgETH: wsgETH,\n      sgETH: sgETH,\n      ABI: wsgETH,\n      title: \"Unwrap\",\n      descr: \"Unwrap wsgETH to sgETH\",\n      outputTokenName: \"sgETH\",\n      inputTokenName: \"wsgETH\",\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          this.loading = true;\n          await this.refreshBalances();\n          this.loading = false;\n        }\n      },\n    },\n  },\n\n  computed: {\n    ...mapGetters({ userConnectedWalletAddress: \"userAddress\" }),\n\n    userHasTokenBalance() {\n      return this.userTokenBalance.gt(0);\n    },\n\n    userCanRequestWithdrawal() {\n      const hasTokenBalance = this.userHasTokenBalance;\n      return hasTokenBalance;\n    },\n\n    userWalletIsConnected() {\n      return this.userConnectedWalletAddress;\n    },\n\n    amountFieldLowerThanMax() {\n      return (\n        this.amount &&\n        this.amount <\n          this.userTokenBalance\n            .div(10 ** 18)\n            .decimalPlaces(6)\n            .toString()\n      );\n    },\n\n    depositStage() {\n      return this.userWalletIsConnected && this.userCanRequestWithdrawal;\n    },\n\n    completedStepsCount() {\n      return this.depositStage + 1;\n    },\n\n    stage() {\n      // need to improve this.\n      if (!this.userWalletIsConnected) return false;\n      return \"depositStage\";\n    },\n  },\n\n  methods: {\n    routeClickCb(index, routes) {\n      this.$router.push(`/${routes[index].text.toLowerCase()}`);\n    },\n\n    handleClick() {\n      return {\n        abiCall: this.wsgETH.methods.redeem,\n        argsArr: [\n          toWei(this.amount),\n          this.userConnectedWalletAddress,\n          this.userConnectedWalletAddress,\n        ],\n        cb: async () => {\n          await this.refreshBalances();\n        },\n      };\n    },\n\n    parseBN(n) {\n      return n\n        .div(10 ** 18)\n        .decimalPlaces(6)\n        .toString();\n    },\n\n    async refreshBalances() {\n      // called on mount / as cb\n      this.loading = true;\n      await this.getUserTokenBalance();\n      await this.getUserOutputTokenBalance();\n      this.loading = false;\n    },\n\n    async getUserTokenBalance() {\n      let userTokenBalance = await wsgETH.methods\n        .balanceOf(this.userConnectedWalletAddress)\n        .call();\n      this.userTokenBalance = BN(userTokenBalance);\n      if (this.dev) console.log(\"userTokenBalance\", userTokenBalance);\n      return userTokenBalance;\n    },\n\n    async getUserOutputTokenBalance() {\n      let userOutputTokenBalance = await sgETH.methods\n        .balanceOf(this.userConnectedWalletAddress)\n        .call();\n      this.userOutputTokenBalance = BN(userOutputTokenBalance);\n      if (this.dev) {\n        console.log(\"userOutputTokenBalance\", userOutputTokenBalance);\n      }\n      return userOutputTokenBalance;\n    },\n\n    handleFillMaxAmount() {\n      this.amount = this.userTokenBalance\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!./Unwrap.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!./Unwrap.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Unwrap.vue?vue&type=template&id=7586321f\"\nimport script from \"./Unwrap.vue?vue&type=script&lang=js\"\nexport * from \"./Unwrap.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","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"],"sourceRoot":""}