{"version":3,"sources":["webpack:///./src/views/Paymentnew/assets/pin.svg","webpack:///./src/views/Paymentnew/assets/done.svg","webpack:///./src/views/Paymentnew/style.css?83f5","webpack:///./src/views/Paymentnew/components/payment-second-section.vue?2b55","webpack:///src/views/Paymentnew/components/payment-second-section.vue","webpack:///./src/views/Paymentnew/components/payment-second-section.vue?9dbf","webpack:///./src/views/Paymentnew/components/payment-second-section.vue","webpack:///./src/views/Paymentnew/assets/copy.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","amount","attrs","copied","on","copyAmount","_e","availableCoins","value","$event","$emit","_m","open","directives","name","rawName","expression","domProps","target","composing","promocode","cancel","submit","staticRenderFns","components","PaymentSelect","props","cryptoAmount","String","Number","Array","data","copyTimeout","opened","methods","navigator","clipboard","writeText","setTimeout","document","documentElement","style","overflow","computed","beforeUnmount","clearTimeout","component"],"mappings":"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","file":"js/63542021/chunk-544ac8f2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/pin.e144b43b.svg\";","module.exports = __webpack_public_path__ + \"img/done.8ea8f1e3.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!./style.css?vue&type=style&index=0&id=94b020f6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.$t(\"payment.section2\")))]),_c('section',{staticClass:\"section payment-currency-section\"},[_c('p',{staticClass:\"amount-label\"},[_vm._v(_vm._s(_vm.$t(\"payment.amountToBeSent\")))]),_c('div',{staticClass:\"amount-input\"},[_c('span',[_vm._v(_vm._s(_vm.amount))]),_c('button',{staticClass:\"copy copy-1\",attrs:{\"disabled\":_vm.copied},on:{\"click\":_vm.copyAmount}},[(!_vm.copied)?_c('img',{attrs:{\"src\":require(\"../assets/copy.svg\"),\"alt\":\"copy\"}}):_vm._e(),(!_vm.copied)?_c('span',[_vm._v(_vm._s(_vm.$t(\"payment.copy\")))]):_vm._e(),(_vm.copied)?_c('img',{attrs:{\"src\":require(\"../assets/done.svg\"),\"alt\":\"checkmark\"}}):_vm._e()])]),_c('p',{staticClass:\"amount-label\"},[_vm._v(_vm._s(_vm.$t(\"payment.currency\")))]),_c('div',[_c('payment-select',{attrs:{\"options\":_vm.availableCoins,\"value\":_vm.value},on:{\"input\":function($event){return _vm.$emit('input', $event)}}})],1),_c('div',{staticClass:\"note\"},[_vm._m(0),_c('p',[_vm._v(_vm._s(_vm.$t(\"payment.note\")))])])]),_c('section',{staticClass:\"section choosePayment\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t(\"payment.promocodeButton\"))+\" \")]),_c('button',{on:{\"click\":_vm.open}},[_vm._v(_vm._s(_vm.$t(\"payment.addPromo\")))])]),(_vm.opened)?_c('div',{staticClass:\"payment-modal\"},[_c('div',{staticClass:\"payment-modal-body\"},[_c('p',{staticClass:\"payment-modal-title pomocode-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"payment.promocodePlaceholder\"))+\" \")]),_c('p',{staticClass:\"amount-label\"},[_vm._v(_vm._s(_vm.$t(\"payment.promocodeButton\")))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.promocode),expression:\"promocode\"}],staticClass:\"amount-input\",domProps:{\"value\":(_vm.promocode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.promocode=$event.target.value}}}),_c('div',{staticClass:\"payment-modal-controls\"},[_c('button',{staticClass:\"outlined-button\",on:{\"click\":_vm.cancel}},[_vm._v(\" \"+_vm._s(_vm.$t(\"payment.cancel\"))+\" \")]),_c('button',{staticClass:\"button\",attrs:{\"disabled\":!_vm.promocode},on:{\"click\":_vm.submit}},[_vm._v(\" \"+_vm._s(_vm.$t(\"payment.submit\"))+\" \")])])])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"note-icon\"},[_c('img',{attrs:{\"alt\":\"note\",\"src\":require(\"../assets/pin.svg\")}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h3 class=\"section-title\">{{ $t(\"payment.section2\") }}</h3>\n    <section class=\"section payment-currency-section\">\n      <p class=\"amount-label\">{{ $t(\"payment.amountToBeSent\") }}</p>\n      <div class=\"amount-input\">\n        <span>{{ amount }}</span>\n        <button class=\"copy copy-1\" @click=\"copyAmount\" :disabled=\"copied\">\n          <img v-if=\"!copied\" src=\"../assets/copy.svg\" alt=\"copy\" />\n          <span v-if=\"!copied\">{{ $t(\"payment.copy\") }}</span>\n          <img v-if=\"copied\" src=\"../assets/done.svg\" alt=\"checkmark\" />\n        </button>\n      </div>\n      <p class=\"amount-label\">{{ $t(\"payment.currency\") }}</p>\n      <div>\n        <payment-select\n          :options=\"availableCoins\"\n          v-bind:value=\"value\"\n          @input=\"$emit('input', $event)\"\n        />\n      </div>\n      <div class=\"note\">\n        <div class=\"note-icon\">\n          <img alt=\"note\" src=\"../assets/pin.svg\" />\n        </div>\n        <p>{{ $t(\"payment.note\") }}</p>\n      </div>\n    </section>\n    <section class=\"section choosePayment\">\n      <p>\n        {{ $t(\"payment.promocodeButton\") }}\n      </p>\n      <button @click=\"open\">{{ $t(\"payment.addPromo\") }}</button>\n    </section>\n    <div v-if=\"opened\" class=\"payment-modal\">\n      <div class=\"payment-modal-body\">\n        <p class=\"payment-modal-title pomocode-title\">\n          {{ $t(\"payment.promocodePlaceholder\") }}\n        </p>\n        <p class=\"amount-label\">{{ $t(\"payment.promocodeButton\") }}</p>\n        <input class=\"amount-input\" v-model=\"promocode\" />\n        <div class=\"payment-modal-controls\">\n          <button class=\"outlined-button\" @click=\"cancel\">\n            {{ $t(\"payment.cancel\") }}\n          </button>\n          <button class=\"button\" @click=\"submit\" :disabled=\"!promocode\">\n            {{ $t(\"payment.submit\") }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {\n    PaymentSelect: () => import(\"./payment-select.vue\"),\n  },\n\n  props: {\n    cryptoAmount: [String, Number],\n    availableCoins: Array,\n    value: [String, null],\n  },\n\n  data() {\n    return {\n      copyTimeout: null,\n      opened: false,\n      promocode: \"\",\n    };\n  },\n\n  methods: {\n    copyAmount() {\n      navigator.clipboard.writeText(this.amount);\n      this.copyTimeout = setTimeout(() => {\n        this.copyTimeout = null;\n      }, 1000);\n    },\n\n    open() {\n      this.promocode = \"\";\n      document.documentElement.style.overflow = \"hidden\";\n      this.opened = true;\n    },\n\n    cancel() {\n      document.documentElement.style.overflow = \"\";\n      this.opened = false;\n    },\n\n    submit() {\n      this.$emit(\"applyPromocode\", this.promocode);\n      document.documentElement.style.overflow = \"\";\n      this.opened = false;\n    },\n  },\n\n  computed: {\n    amount() {\n      return this.cryptoAmount;\n    },\n    copied() {\n      return this.copyTimeout !== null;\n    },\n  },\n\n  beforeUnmount() {\n    if (this.copyTimeout) {\n      clearTimeout(this.copyTimeout);\n    }\n  },\n};\n</script>\n\n<style scoped src=\"../style.css\"></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!./payment-second-section.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!./payment-second-section.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payment-second-section.vue?vue&type=template&id=94b020f6&scoped=true&\"\nimport script from \"./payment-second-section.vue?vue&type=script&lang=js&\"\nexport * from \"./payment-second-section.vue?vue&type=script&lang=js&\"\nimport style0 from \"../style.css?vue&type=style&index=0&id=94b020f6&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  \"94b020f6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/copy.0cd8a676.svg\";"],"sourceRoot":""}