{"version":3,"sources":["webpack:///./src/layouts/InterfaceLayout/containers/SendCurrencyContainer/SendCurrencyContainer.vue?940d","webpack:///src/layouts/InterfaceLayout/containers/SendCurrencyContainer/SendCurrencyContainer.vue","webpack:///./src/layouts/InterfaceLayout/containers/SendCurrencyContainer/SendCurrencyContainer.vue?ed62","webpack:///./src/layouts/InterfaceLayout/containers/SendCurrencyContainer/SendCurrencyContainer.vue","webpack:///./src/layouts/InterfaceLayout/containers/SendCurrencyContainer/index.js","webpack:///./src/layouts/InterfaceLayout/components/CurrencyPicker/CurrencyPicker.vue?453c","webpack:///./src/layouts/InterfaceLayout/containers/SendCurrencyContainer/SendCurrencyContainer.vue?f638","webpack:///./src/layouts/InterfaceLayout/components/CurrencyPicker/CurrencyPicker.vue?19fc","webpack:///src/layouts/InterfaceLayout/components/CurrencyPicker/CurrencyPicker.vue","webpack:///./src/layouts/InterfaceLayout/components/CurrencyPicker/CurrencyPicker.vue?07a9","webpack:///./src/layouts/InterfaceLayout/components/CurrencyPicker/CurrencyPicker.vue","webpack:///./src/layouts/InterfaceLayout/components/CurrencyPicker/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","_v","_s","tokensWithBalance","on","$event","selectedCurrency","sendEntireBalance","directives","name","rawName","value","expression","domProps","target","composing","class","isValidAmount","errors","has","_e","newAdd","hexAddress","copyToClipboard","ref","oldAddress","isValidAddress","length","advancedExpand","isToken","data","isValidData","_f","gasLimit","isValidGasLimit","validInputs","submitTransaction","staticRenderFns","components","InterfaceContainerTitle","InterfaceBottomText","blockie","Blockie","CurrencyPicker","props","type","Array","default","getBalance","Function","highestGas","Number","address","computed","isValidDecimals","decimals","balanceDefault","symbol","network","txData","getTokenTransferABI","txValue","txTo","multiWatch","watch","estimateGas","methods","balance","contract","$refs","select","document","execCommand","component","open","token","openDropdown","search","_l","curr","idx","key","page","selectCurrency","currency","String","Boolean","abi","networkToken","name_long","localCurrency","filter","toLowerCase","includes","$emit","newVal","mounted"],"mappings":"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","file":"js/chunk-ac911610.19074d28.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"send-currency-container\"},[_c('interface-container-title',{attrs:{\"title\":_vm.$t('common.sendTx')}}),_c('div',{staticClass:\"send-form\"},[_c('div',{staticClass:\"form-block amount-to-address\"},[_c('div',{staticClass:\"amount\"},[_c('div',{staticClass:\"single-input-block\"},[_c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('interface.sendTxType')))])]),_c('currency-picker',{attrs:{\"currency\":_vm.tokensWithBalance,\"page\":'sendEthAndTokens',\"token\":true},on:{\"selectedCurrency\":function($event){_vm.selectedCurrency = $event}}})],1),_c('div',{staticClass:\"single-input-block\"},[_c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('interface.sendTxAmount')))]),_c('p',{staticClass:\"title-button prevent-user-select\",on:{\"click\":_vm.sendEntireBalance}},[_vm._v(\"Entire Balance\")])]),_c('div',{staticClass:\"the-form amount-number\"},[_c('input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('min_value:0'),expression:\"'min_value:0'\"},{name:\"model\",rawName:\"v-model\",value:(_vm.value),expression:\"value\"}],attrs:{\"type\":\"number\",\"placeholder\":\"Amount\",\"min\":\"0\",\"name\":\"value\"},domProps:{\"value\":(_vm.value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.value=$event.target.value}}}),_c('i',{class:[\n                !_vm.isValidAmount || _vm.errors.has('value') ? 'not-good' : '',\n                'fa fa-check-circle good-button'\n              ],attrs:{\"aria-hidden\":\"true\"}})]),(!_vm.isValidAmount || _vm.errors.has('value'))?_c('div',{staticClass:\"error-message-container\"},[_c('p',[_vm._v(_vm._s(_vm.$t('common.notAValidAmount')))])]):_vm._e()])]),_c('div',{staticClass:\"to-address\"},[_c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(\"\\n            \"+_vm._s(_vm.$t('interface.sendTxToAddr'))+\"\\n            \"),_c('p',[_vm._v(_vm._s(_vm.newAdd))]),_c('blockie',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isValidAddress),expression:\"isValidAddress\"}],staticClass:\"blockie-image\",attrs:{\"address\":_vm.hexAddress,\"size\":8,\"scale\":16,\"width\":\"32px\",\"height\":\"32px\"}})],1),_c('p',{staticClass:\"copy-button prevent-user-select\",on:{\"click\":function($event){return _vm.copyToClipboard('address')}}},[_vm._v(_vm._s(_vm.$t('common.copy')))])]),_c('div',{staticClass:\"the-form address-block\"},[_c('input',{directives:[{name:\"ens-resolver\",rawName:\"v-ens-resolver\",value:('address'),expression:\"'address'\"},{name:\"model\",rawName:\"v-model\",value:(_vm.oldAddress),expression:\"oldAddress\"}],ref:\"oldAddress\",attrs:{\"type\":\"text\",\"name\":\"name\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.oldAddress)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.oldAddress=$event.target.value}}}),_c('i',{class:[\n              _vm.isValidAddress && _vm.hexAddress.length !== 0 ? '' : 'not-good',\n              'fa fa-check-circle good-button'\n            ],attrs:{\"aria-hidden\":\"true\"}})])])])]),_c('div',{staticClass:\"send-form advanced\"},[_c('div',{staticClass:\"advanced-content\"},[_c('div',{staticClass:\"toggle-button-container\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('common.advanced')))]),_c('div',{staticClass:\"toggle-button\"},[_c('span',[_vm._v(_vm._s(_vm.$t('interface.dataGas')))]),_c('div',{staticClass:\"sliding-switch-white\"},[_c('label',{staticClass:\"switch\"},[_c('input',{attrs:{\"type\":\"checkbox\"},on:{\"click\":function($event){_vm.advancedExpand = !_vm.advancedExpand}}}),_c('span',{staticClass:\"slider round\"})])])])]),_c('div',{staticClass:\"input-container\",class:_vm.advancedExpand && 'input-container-open'},[_c('div',{staticClass:\"margin-container\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isToken),expression:\"!isToken\"}],staticClass:\"the-form user-input\"},[_c('p',[_vm._v(\"Add Data\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.data),expression:\"data\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Add Data (e.g. 0x7834f874g298hf298h234f)\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.data)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.data=$event.target.value}}}),_c('i',{class:[\n                _vm.isValidData ? '' : 'not-good',\n                'fa fa-check-circle good-button'\n              ],attrs:{\"aria-hidden\":\"true\"}})]),_c('div',{staticClass:\"the-form user-input\"},[_c('p',[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t('common.gasLimit'))))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gasLimit),expression:\"gasLimit\"}],attrs:{\"placeholder\":_vm.$t('common.gasLimit'),\"type\":\"number\",\"min\":\"0\",\"name\":\"\"},domProps:{\"value\":(_vm.gasLimit)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.gasLimit=$event.target.value}}}),_c('i',{class:[\n                _vm.isValidGasLimit ? '' : 'not-good',\n                'fa fa-check-circle good-button'\n              ],attrs:{\"aria-hidden\":\"true\"}})])])])])]),_c('div',{staticClass:\"submit-button-container\"},[_c('div',{class:[\n        _vm.validInputs ? '' : 'disabled',\n        'submit-button large-round-button-green-filled'\n      ],on:{\"click\":_vm.submitTransaction}},[_vm._v(_vm._s(_vm.$t('interface.sendTx')))]),_c('interface-bottom-text',{attrs:{\"link-text\":_vm.$t('interface.helpCenter'),\"question\":_vm.$t('interface.haveIssues'),\"link\":\"https://xinfin.network\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"send-currency-container\">\n    <interface-container-title :title=\"$t('common.sendTx')\"/>\n\n    <div class=\"send-form\">\n      <div class=\"form-block amount-to-address\">\n        <div class=\"amount\">\n          <div class=\"single-input-block\">\n            <div class=\"title\">\n              <h4>{{ $t('interface.sendTxType') }}</h4>\n            </div>\n            <currency-picker\n              :currency=\"tokensWithBalance\"\n              :page=\"'sendEthAndTokens'\"\n              :token=\"true\"\n              @selectedCurrency=\"selectedCurrency = $event\"\n            />\n          </div>\n          <div class=\"single-input-block\">\n            <div class=\"title\">\n              <h4>{{ $t('interface.sendTxAmount') }}</h4>\n              <p class=\"title-button prevent-user-select\" @click=\"sendEntireBalance\">Entire Balance</p>\n            </div>\n            <div class=\"the-form amount-number\">\n              <input\n                v-validate=\"'min_value:0'\"\n                v-model=\"value\"\n                type=\"number\"\n                placeholder=\"Amount\"\n                min=\"0\"\n                name=\"value\"\n              >\n              <i\n                :class=\"[\n                  !isValidAmount || errors.has('value') ? 'not-good' : '',\n                  'fa fa-check-circle good-button'\n                ]\"\n                aria-hidden=\"true\"\n              />\n            </div>\n            <div v-if=\"!isValidAmount || errors.has('value')\" class=\"error-message-container\">\n              <p>{{ $t('common.notAValidAmount') }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"to-address\">\n          <div class=\"title\">\n            <h4>\n              {{ $t('interface.sendTxToAddr') }}\n              <p>{{ newAdd }}</p>\n\n              <blockie\n                v-show=\"isValidAddress\"\n                :address=\"hexAddress\"\n                :size=\"8\"\n                :scale=\"16\"\n                width=\"32px\"\n                height=\"32px\"\n                class=\"blockie-image\"\n              />\n            </h4>\n\n            <p\n              class=\"copy-button prevent-user-select\"\n              @click=\"copyToClipboard('address')\"\n            >{{ $t('common.copy') }}</p>\n          </div>\n          <div class=\"the-form address-block\">\n            <input\n              v-ens-resolver=\"'address'\"\n              ref=\"oldAddress\"\n              v-model=\"oldAddress\"\n              type=\"text\"\n              name=\"name\"\n              autocomplete=\"off\"\n            >\n            <i\n              :class=\"[\n                isValidAddress && hexAddress.length !== 0 ? '' : 'not-good',\n                'fa fa-check-circle good-button'\n              ]\"\n              aria-hidden=\"true\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"send-form advanced\">\n      <div class=\"advanced-content\">\n        <div class=\"toggle-button-container\">\n          <h4>{{ $t('common.advanced') }}</h4>\n          <div class=\"toggle-button\">\n            <span>{{ $t('interface.dataGas') }}</span>\n            <!-- Rounded switch -->\n            <div class=\"sliding-switch-white\">\n              <label class=\"switch\">\n                <input type=\"checkbox\" @click=\"advancedExpand = !advancedExpand\">\n                <span class=\"slider round\"/>\n              </label>\n            </div>\n          </div>\n        </div>\n        <div :class=\"advancedExpand && 'input-container-open'\" class=\"input-container\">\n          <div class=\"margin-container\">\n            <div v-show=\"!isToken\" class=\"the-form user-input\">\n              <p>Add Data</p>\n              <input\n                v-model=\"data\"\n                type=\"text\"\n                placeholder=\"Add Data (e.g. 0x7834f874g298hf298h234f)\"\n                autocomplete=\"off\"\n              >\n              <i\n                :class=\"[\n                  isValidData ? '' : 'not-good',\n                  'fa fa-check-circle good-button'\n                ]\"\n                aria-hidden=\"true\"\n              />\n            </div>\n            <div class=\"the-form user-input\">\n              <p>{{ $t('common.gasLimit') | capitalize }}</p>\n              <input\n                v-model=\"gasLimit\"\n                :placeholder=\"$t('common.gasLimit')\"\n                type=\"number\"\n                min=\"0\"\n                name\n              >\n              <i\n                :class=\"[\n                  isValidGasLimit ? '' : 'not-good',\n                  'fa fa-check-circle good-button'\n                ]\"\n                aria-hidden=\"true\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"submit-button-container\">\n      <div\n        :class=\"[\n          validInputs ? '' : 'disabled',\n          'submit-button large-round-button-green-filled'\n        ]\"\n        @click=\"submitTransaction\"\n      >{{ $t('interface.sendTx') }}</div>\n      <interface-bottom-text\n        :link-text=\"$t('interface.helpCenter')\"\n        :question=\"$t('interface.haveIssues')\"\n        link=\"https://xinfin.network\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport InterfaceContainerTitle from '../../components/InterfaceContainerTitle';\nimport CurrencyPicker from '../../components/CurrencyPicker';\nimport InterfaceBottomText from '@/components/InterfaceBottomText';\nimport Blockie from '@/components/Blockie';\nimport EthTx from 'ethereumjs-tx';\nimport { Misc, Toast } from '@/helpers';\nimport BigNumber from 'bignumber.js';\nimport ethUnit from 'ethjs-unit';\nimport utils from 'web3-utils';\n\nexport default {\n  components: {\n    'interface-container-title': InterfaceContainerTitle,\n    'interface-bottom-text': InterfaceBottomText,\n    blockie: Blockie,\n    'currency-picker': CurrencyPicker\n  },\n  props: {\n    tokensWithBalance: {\n      type: Array,\n      default: function() {\n        return [];\n      }\n    },\n    getBalance: {\n      type: Function,\n      default: function() {}\n    },\n    highestGas: {\n      type: Number,\n      default: 0\n    }\n  },\n  data() {\n    return {\n      advancedExpand: false,\n      isValidAddress: false,\n      hexAddress: '',\n      address: '',\n      oldAddress: '',\n      value: '0',\n      gasLimit: '21000',\n      data: '',\n      selectedCurrency: ''\n    };\n  },\n  computed: {\n    ...mapGetters({\n      account: 'account',\n      gasPrice: 'gasPrice',\n      web3: 'web3',\n      network: 'network'\n    }),\n    isValidAmount() {\n      const txFee = new BigNumber(ethUnit.toWei(this.gasPrice, 'gwei')).times(\n        this.gasLimit || 0\n      );\n      const txFeeEth = ethUnit.fromWei(txFee, 'ether');\n\n      if (this.isToken) {\n        return (\n          new BigNumber(this.value).lte(this.selectedCurrency.balance) &&\n          new BigNumber(txFeeEth).lte(this.balanceDefault) &&\n          this.isValidDecimals\n        );\n      }\n      return (\n        new BigNumber(this.value).plus(txFeeEth).lte(this.balanceDefault) &&\n        this.isValidDecimals\n      );\n    },\n    isValidDecimals() {\n      const decimals = (this.value + '').split('.')[1];\n      if (!decimals) return true;\n      if (this.isToken) {\n        return decimals.length <= this.selectedCurrency.decimals;\n      }\n      return decimals.length <= 18;\n    },\n    isValidData() {\n      return Misc.validateHexString(this.data);\n    },\n    isValidGasLimit() {\n      return new BigNumber(this.gasLimit).gte(0);\n    },\n    balanceDefault() {\n      return new BigNumber(ethUnit.fromWei(this.account.balance, 'ether'));\n    },\n    validInputs() {\n      return (\n        this.isValidAmount &&\n        this.isValidAddress &&\n        (new BigNumber(this.gasLimit).gte(0) || this.gasLimit == -1) &&\n        Misc.validateHexString(this.data)\n      );\n    },\n    isToken() {\n      return this.selectedCurrency.symbol !== this.network.type.name;\n    },\n    txData() {\n      if (this.isToken) {\n        return this.getTokenTransferABI(\n          this.value,\n          this.selectedCurrency.decimals\n        );\n      }\n      return Misc.sanitizeHex(this.data);\n    },\n    txValue() {\n      if (this.isToken) {\n        return '0x00';\n      }\n      return Misc.sanitizeHex(ethUnit.toWei(this.value, 'ether').toString(16));\n    },\n    txTo() {\n      return this.isToken ? this.selectedCurrency.address : this.hexAddress;\n    },\n    newAdd() {\n     this.address = this.oldAddress.replace('xdc', '0x');\n     return \"\";\n    },\n    multiWatch() {\n      return (\n        this.value,\n        this.isValidAddress,\n        this.data,\n        this.selectedCurrency,\n        new Date().getTime() / 1000\n      );\n    }\n  },\n  watch: {\n    multiWatch: utils._.debounce(function() {\n      if (this.validInputs) this.estimateGas();\n    }, 500)\n  },\n  methods: {\n    sendEntireBalance() {\n      if (this.isToken) this.value = this.selectedCurrency.balance;\n      else\n        this.value =\n          this.balanceDefault > 0\n            ? this.balanceDefault.minus(\n                ethUnit.fromWei(\n                  new BigNumber(ethUnit.toWei(this.gasPrice, 'gwei'))\n                    .times(this.gasLimit)\n                    .toString(),\n                  'ether'\n                )\n              )\n            : 0;\n    },\n    getTokenTransferABI(amount, decimals) {\n      const jsonInterface = [\n        {\n          constant: false,\n          inputs: [\n            { name: '_to', type: 'address' },\n            { name: '_amount', type: 'uint256' }\n          ],\n          name: 'transfer',\n          outputs: [{ name: '', type: 'bool' }],\n          payable: false,\n          stateMutability: 'nonpayable',\n          type: 'function'\n        }\n      ];\n      const contract = new this.web3.eth.Contract(jsonInterface);\n      return contract.methods\n        .transfer(\n          this.hexAddress,\n          new BigNumber(amount).times(new BigNumber(10).pow(decimals)).toFixed()\n        )\n        .encodeABI();\n    },\n    async estimateGas() {\n      const coinbase = await this.web3.eth.getCoinbase();\n      const params = {\n        from: coinbase,\n        value: this.txValue,\n        to: this.txTo,\n        gasPrice: Misc.sanitizeHex(\n          ethUnit.toWei(this.gasPrice, 'gwei').toString(16)\n        ),\n        data: this.txData\n      };\n      this.web3.eth\n        .estimateGas(params)\n        .then(gasLimit => {\n          this.gasLimit = gasLimit;\n        })\n        .catch(err => {\n          this.gasLimit = -1;\n          Toast.responseHandler(err, Toast.ERROR);\n        });\n    },\n    async submitTransaction() {\n      window.scrollTo(0, 0);\n      try {\n        const coinbase = await this.web3.eth.getCoinbase();\n        const nonce = await this.web3.eth.getTransactionCount(coinbase);\n        const _tx = new EthTx({\n          nonce: Misc.sanitizeHex(new BigNumber(nonce).toString(16)),\n          gasPrice: Misc.sanitizeHex(\n            ethUnit.toWei(this.gasPrice, 'gwei').toString(16)\n          ),\n          gasLimit: Misc.sanitizeHex(new BigNumber(this.gasLimit).toString(16)),\n          to: this.txTo,\n          value: this.txValue,\n          data: this.txData,\n          chainId: this.network.type.chainID\n        });\n        const json = _tx.toJSON(true);\n        json.from = coinbase;\n        this.web3.eth.sendTransaction(json).catch(err => {\n          Toast.responseHandler(err, Toast.ERROR);\n        });\n      } catch (e) {\n        Toast.responseHandler(e, Toast.ERROR);\n      }\n    },\n    copyToClipboard(ref) {\n      this.$refs[ref].select();\n      document.execCommand('copy');\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import 'SendCurrencyContainer.scss';\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SendCurrencyContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SendCurrencyContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SendCurrencyContainer.vue?vue&type=template&id=4ed45650&scoped=true&\"\nimport script from \"./SendCurrencyContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./SendCurrencyContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SendCurrencyContainer.vue?vue&type=style&index=0&id=4ed45650&lang=scss&scoped=true&\"\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  \"4ed45650\",\n  null\n  \n)\n\nexport default component.exports","export { default } from './SendCurrencyContainer';\n","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CurrencyPicker.vue?vue&type=style&index=0&id=7f812414&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CurrencyPicker.vue?vue&type=style&index=0&id=7f812414&lang=scss&scoped=true&\"","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SendCurrencyContainer.vue?vue&type=style&index=0&id=4ed45650&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SendCurrencyContainer.vue?vue&type=style&index=0&id=4ed45650&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.openDropdown),expression:\"openDropdown\"}],staticClass:\"currency-picker-container\"},[_c('div',[_c('div',{class:[\n        _vm.open ? 'open' : '',\n        'dropdown-container',\n        _vm.token ? 'dropdown-text-container' : 'dropdown-text-container-white'\n      ],on:{\"click\":_vm.openDropdown}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.token),expression:\"token\"}]},[_vm._v(\"\\n        \"+_vm._s(_vm.selectedCurrency.symbol)+\"\\n        \"),_c('span',{staticClass:\"subname\"},[_vm._v(\"- \"+_vm._s(_vm.selectedCurrency.name))])]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.token),expression:\"!token\"}]},[_vm._v(_vm._s(_vm.selectedCurrency.name))]),_c('i',{class:['fa', _vm.open ? 'fa-angle-up' : 'fa-angle-down']})]),_c('div',{class:[_vm.open ? 'open' : 'hide', 'dropdown-item-container']},[_c('div',{staticClass:\"dropdown-search-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],attrs:{\"placeholder\":\"Search\"},domProps:{\"value\":(_vm.search)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value}}}),_c('i',{staticClass:\"fa fa-search\"})]),_c('div',{staticClass:\"item-container\"},_vm._l((_vm.localCurrency),function(curr,idx){return _c('div',{key:_vm.token\n              ? curr.name + idx + curr.symbol + _vm.page\n              : curr.name + _vm.page + idx,class:[\n            _vm.token\n              ? _vm.selectedCurrency.symbol === curr.symbol\n                ? 'selected'\n                : ''\n              : _vm.selectedCurrency.name === curr.name\n              ? 'selected'\n              : '',\n            'item'\n          ],on:{\"click\":function($event){return _vm.selectCurrency(curr)}}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.token),expression:\"token\"}]},[_vm._v(\"\\n            \"+_vm._s(curr.symbol)),_c('span',{staticClass:\"subname\"},[_vm._v(\" - \"+_vm._s(curr.name))])]),_c('p'),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.token),expression:\"!token\"}]},[_vm._v(_vm._s(curr.name))])])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\n  <div v-click-outside=\"openDropdown\" class=\"currency-picker-container\">\n    <div>\n      <div\n        :class=\"[\n          open ? 'open' : '',\n          'dropdown-container',\n          token ? 'dropdown-text-container' : 'dropdown-text-container-white'\n        ]\"\n        @click=\"openDropdown\"\n      >\n        <p v-show=\"token\">\n          {{ selectedCurrency.symbol }}\n          <span class=\"subname\">- {{ selectedCurrency.name }}</span>\n        </p>\n        <p v-show=\"!token\">{{ selectedCurrency.name }}</p>\n        <i :class=\"['fa', open ? 'fa-angle-up' : 'fa-angle-down']\" />\n      </div>\n      <div :class=\"[open ? 'open' : 'hide', 'dropdown-item-container']\">\n        <div class=\"dropdown-search-container\">\n          <input v-model=\"search\" placeholder=\"Search\" />\n          <i class=\"fa fa-search\" />\n        </div>\n        <div class=\"item-container\">\n          <div\n            v-for=\"(curr, idx) in localCurrency\"\n            :class=\"[\n              token\n                ? selectedCurrency.symbol === curr.symbol\n                  ? 'selected'\n                  : ''\n                : selectedCurrency.name === curr.name\n                ? 'selected'\n                : '',\n              'item'\n            ]\"\n            :key=\"\n              token\n                ? curr.name + idx + curr.symbol + page\n                : curr.name + page + idx\n            \"\n            @click=\"selectCurrency(curr)\"\n          >\n            <p v-show=\"token\">\n              {{ curr.symbol }}<span class=\"subname\"> - {{ curr.name }}</span>\n            </p>\n            <p />\n            <p v-show=\"!token\">{{ curr.name }}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nexport default {\n  props: {\n    currency: {\n      type: Array,\n      default: function() {\n        return [];\n      }\n    },\n    page: {\n      type: String,\n      default: ''\n    },\n    token: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      selectedCurrency: { name: 'Select an item', abi: '', address: '' },\n      open: false,\n      search: '',\n      abi: '',\n      address: ''\n    };\n  },\n  computed: {\n    ...mapGetters({\n      network: 'network'\n    }),\n    networkToken() {\n      return {\n        name: this.network.type.name_long,\n        symbol: this.network.type.name\n      };\n    },\n    localCurrency() {\n      if (this.search !== '') {\n        return this.currency.filter(curr => {\n          if (curr.name.toLowerCase().includes(this.search.toLowerCase())) {\n            return curr;\n          }\n        });\n      }\n      if (this.token) {\n        return [this.networkToken, ...this.currency];\n      }\n      return [\n        { name: 'Select an item', abi: '', address: '' },\n        ...this.currency\n      ];\n    }\n  },\n  watch: {\n    networkToken() {\n      if (this.token) this.selectedCurrency = this.networkToken;\n    },\n    selectedCurrency(newVal) {\n      this.$emit('selectedCurrency', newVal);\n    }\n  },\n  mounted() {\n    this.selectedCurrency =\n      this.token === true\n        ? this.networkToken\n        : { name: 'Select an item', abi: '', address: '' };\n  },\n  methods: {\n    openDropdown() {\n      this.open = !this.open;\n    },\n    selectCurrency(currency) {\n      this.openDropdown();\n      this.selectedCurrency = currency;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import 'CurrencyPicker.scss';\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CurrencyPicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CurrencyPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CurrencyPicker.vue?vue&type=template&id=7f812414&scoped=true&lang=html&\"\nimport script from \"./CurrencyPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./CurrencyPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CurrencyPicker.vue?vue&type=style&index=0&id=7f812414&lang=scss&scoped=true&\"\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  \"7f812414\",\n  null\n  \n)\n\nexport default component.exports","export { default } from './CurrencyPicker';\n"],"sourceRoot":""}