{"version":3,"sources":["webpack:///./src/views/Paymentnew/components/payment-qr.vue?1073","webpack:///src/views/Paymentnew/components/payment-qr.vue","webpack:///./src/views/Paymentnew/components/payment-qr.vue?40d0","webpack:///./src/views/Paymentnew/components/payment-qr.vue?85ff","webpack:///./src/views/Paymentnew/assets/done.svg","webpack:///./src/views/Paymentnew/components/payment-qr.vue?9f0f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","link","_v","_s","title","copied","on","copy","_e","$t","staticRenderFns","props","String","components","VueQr","data","copyTimeout","methods","navigator","clipboard","writeText","setTimeout","computed","beforeUnmount","clearTimeout","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAOP,EAAIQ,KAAK,KAAO,IAAI,OAAS,MAAM,GAAGJ,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,UAAUP,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIQ,MAAM,KAAKJ,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,SAAWP,EAAIY,QAAQC,GAAG,CAAC,MAAQb,EAAIc,OAAO,CAAGd,EAAIY,OAAgEZ,EAAIe,KAA5DX,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIgB,GAAG,wBAAkChB,EAAU,OAAEI,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,WAAyBP,EAAIe,YACjlBE,EAAkB,GCgBtB,G,oBAAA,CACEC,MAAO,CACLV,KAAMW,OACNR,MAAOQ,QAGTC,WAAY,CACVC,MAAO,WAAX,yDAGEC,KAVF,WAWI,MAAO,CACLC,YAAa,OAIjBC,QAAS,CACPV,KADJ,WACA,WACMW,UAAUC,UAAUC,UAAU1B,KAAKO,MACnCP,KAAKsB,YAAcK,YAAW,WAC5B,EAAR,mBACA,OAIEC,SAAU,CACRjB,OADJ,WAEM,OAA4B,OAArBX,KAAKsB,cAIhBO,cA/BF,WAgCQ7B,KAAKsB,aACPQ,aAAa9B,KAAKsB,gBClD0V,I,wBCQ9WS,EAAY,eACd,EACAjC,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,gCCnBfC,EAAOC,QAAU,IAA0B,yB,yDCA3C","file":"js/63542021/chunk-3a95f2a3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"root\"},[_c('div',{staticClass:\"qr-container\"},[_c('vue-qr',{attrs:{\"text\":_vm.link,\"size\":120,\"margin\":0}})],1),_c('div',{staticClass:\"qr-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"input\"},[_vm._v(\" \"+_vm._s(_vm.link)+\" \"),_c('button',{staticClass:\"copy\",attrs:{\"disabled\":_vm.copied},on:{\"click\":_vm.copy}},[(!_vm.copied)?_c('span',[_vm._v(_vm._s(_vm.$t(\"payment.copyLink\")))]):_vm._e(),(_vm.copied)?_c('img',{attrs:{\"src\":require(\"../assets/done.svg\")}}):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"root\">\n    <div class=\"qr-container\">\n      <vue-qr :text=\"link\" :size=\"120\" :margin=\"0\" />\n    </div>\n    <div class=\"qr-title\">{{ title }}</div>\n    <div class=\"input\">\n      {{ link }}\n      <button class=\"copy\" @click=\"copy\" :disabled=\"copied\">\n        <span v-if=\"!copied\">{{ $t(\"payment.copyLink\") }}</span>\n        <img v-if=\"copied\" src=\"../assets/done.svg\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    link: String,\n    title: String,\n  },\n\n  components: {\n    VueQr: () => import(\"vue-qr\"),\n  },\n\n  data() {\n    return {\n      copyTimeout: null,\n    };\n  },\n\n  methods: {\n    copy() {\n      navigator.clipboard.writeText(this.link);\n      this.copyTimeout = setTimeout(() => {\n        this.copyTimeout = null;\n      }, 1000);\n    },\n  },\n\n  computed: {\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>\n.root {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n}\n\n.qr-container {\n  padding: 20px;\n  border: 1px solid #ffffff1a;\n  border-radius: 8px;\n  background-color: #1f1e1e;\n  margin-bottom: 12px;\n}\n\n.input {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  min-height: 42px;\n  padding: 0 12px;\n  background: #ffffff0f;\n  color: #ffffff9a;\n  font-size: 13px;\n  border-radius: 8px;\n  border: 1px dashed #ffffff1a;\n  word-break: break-all;\n}\n\n.copy {\n  display: flex;\n  padding: 4px 8px;\n  border-radius: 4px;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  background-color: #ffffff1f;\n  font-size: 12px;\n  width: 70px;\n  height: 26px;\n  flex-shrink: 0;\n}\n\n.qr-title {\n  margin-bottom: 12px;\n  font-size: 13px;\n  color: #fff;\n}\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!./payment-qr.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-qr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payment-qr.vue?vue&type=template&id=87722112&scoped=true&\"\nimport script from \"./payment-qr.vue?vue&type=script&lang=js&\"\nexport * from \"./payment-qr.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payment-qr.vue?vue&type=style&index=0&id=87722112&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  \"87722112\",\n  null\n  \n)\n\nexport default component.exports","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!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payment-qr.vue?vue&type=style&index=0&id=87722112&scoped=true&lang=css&\""],"sourceRoot":""}