{"version":3,"sources":["webpack:///./src/assets/img/Ellipse.jpg","webpack:///./src/components/PaymentInstructions.vue?64cb","webpack:///./src/assets/img/bb.jpg","webpack:///./src/assets/img/picpay.jpg","webpack:///./src/components/CopyQrCodeString.vue","webpack:///src/components/CopyQrCodeString.vue","webpack:///./src/components/CopyQrCodeString.vue?b745","webpack:///./src/components/CopyQrCodeString.vue?2ef4","webpack:///./src/components/CopyQrCodeString.vue?6329","webpack:///./src/views/QrCodePayFinalize.vue?fde6","webpack:///./src/components/CopyButton.vue","webpack:///src/components/CopyButton.vue","webpack:///./src/components/CopyButton.vue?9422","webpack:///./src/components/CopyButton.vue?1320","webpack:///./src/views/QrCodePayFinalize.vue","webpack:///./src/components/PaymentInstructions.vue","webpack:///src/components/PaymentInstructions.vue","webpack:///./src/components/PaymentInstructions.vue?8f16","webpack:///./src/components/PaymentInstructions.vue?deb0","webpack:///src/views/QrCodePayFinalize.vue","webpack:///./src/views/QrCodePayFinalize.vue?79e6","webpack:///./src/views/QrCodePayFinalize.vue?be48","webpack:///./src/components/CopyButton.vue?9d6b","webpack:///./src/assets/img/icons/copy--white.svg","webpack:///./src/assets/img/icons/copy--blue.svg","webpack:///./src/assets/img/mercadoPago.jpg","webpack:///./src/assets/img/icons/arrow-down-blue.svg","webpack:///./src/assets/img/plus.jpg","webpack:///./src/helpers/isMobile.js","webpack:///./src/assets/img/bradesco.jpg"],"names":["module","exports","render","_vm","this","_c","_self","qrCodeString","staticClass","_v","_s","showMore","substring","attrs","on","toggleShowMore","copyText","_e","staticRenderFns","components","CopyButton","props","type","String","default","required","methods","navigator","clipboard","writeText","data","component","class","copied","titleString","handleCopyClick","directives","name","rawName","value","expression","domProps","$ml","get","require","_this","$emit","setTimeout","qrCodeImage","_l","items","item","key","staticStyle","ellipseImg","plusImg","computed","bbImg","bradescoImg","mercadoPagoImg","picpayImg","CopyQrCodeString","PaymentInstructions","CieloLayout","concat","store","state","qrCodePayment","Response","QrCodeBase64Image","QrCodeString","beforeRouteEnter","to","from","next","preorder","TransactionIsFinalized","beforeRouteLeave","isMobile","size","arguments","length","undefined","window","matchMedia","matches"],"mappings":"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","file":"js/chunk-76f76f37.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Ellipse.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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!./PaymentInstructions.vue?vue&type=style&index=0&id=508ea3dc&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/bb.jpg\";","module.exports = __webpack_public_path__ + \"img/picpay.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.qrCodeString)?_c('div',{staticClass:\"copy-qrcode\"},[_c('span',{staticClass:\"text-break\"},[_vm._v(\"\\n        \"+_vm._s(_vm.showMore ? _vm.qrCodeString : _vm.qrCodeString.substring(0, 50))+\"\\n        \"),_c('a',{staticClass:\"show-more\",attrs:{\"href\":\"#!\"},on:{\"click\":_vm.toggleShowMore}},[_vm._v(_vm._s(_vm.showMore ? 'Ver menos' : 'Ver tudo'))])]),_c('CopyButton',{attrs:{\"title-string\":_vm.qrCodeString},on:{\"click-copy\":_vm.copyText}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"qrCodeString\" class=\"copy-qrcode\">\r\n        <span class=\"text-break\">\r\n            {{ showMore ? qrCodeString : qrCodeString.substring(0, 50) }}\r\n            <a class=\"show-more\" href=\"#!\" @click=\"toggleShowMore\">{{ showMore ? 'Ver menos' : 'Ver tudo' }}</a>\r\n        </span>\r\n\r\n        <CopyButton\r\n            :title-string=\"qrCodeString\"\r\n            @click-copy=\"copyText\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport CopyButton from '@/components/CopyButton.vue';\r\n\r\nexport default {\r\n  components: {\r\n    CopyButton\r\n  },\r\n  props: {\r\n    qrCodeString: {\r\n      type: String,\r\n      default: '',\r\n      required: false,\r\n    },\r\n\r\n  },\r\n  methods: {\r\n    toggleShowMore() {\r\n      this.showMore = !this.showMore;\r\n    },\r\n\r\n    copyText() {\r\n      if (navigator.clipboard) {\r\n        navigator.clipboard.writeText(this.qrCodeString);\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      showMore: false,\r\n    };\r\n  }\r\n};\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.copy-qrcode {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.copy-link {\r\n  color: #0774E7;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n}\r\n\r\n.qrcode-btn {\r\n  display: flex;\r\n  height: 48px;\r\n  padding: 8px 16px;\r\n\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  border-radius: 8px;\r\n  border: 1px solid #0774E7;\r\n  background: #FFF;\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    width: 100%;\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n.show-more {\r\n  color: #0774E7;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 20px;\r\n  text-decoration-line: underline;\r\n}\r\n\r\n.copy-btn {\r\n    @media screen and (max-width: 1024px) {\r\n        width: 100%;\r\n    }\r\n}\r\n</style>\r\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!./CopyQrCodeString.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!./CopyQrCodeString.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CopyQrCodeString.vue?vue&type=template&id=35f89e0c&scoped=true&\"\nimport script from \"./CopyQrCodeString.vue?vue&type=script&lang=js&\"\nexport * from \"./CopyQrCodeString.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CopyQrCodeString.vue?vue&type=style&index=0&id=35f89e0c&prod&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  \"35f89e0c\",\n  null\n  \n)\n\nexport default component.exports","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/dist/cjs.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!./CopyQrCodeString.vue?vue&type=style&index=0&id=35f89e0c&prod&lang=scss&scoped=true&\"","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/dist/cjs.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!./QrCodePayFinalize.vue?vue&type=style&index=0&id=a14f6d76&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"copy-btn\",class:{ copied: _vm.copied },attrs:{\"title\":_vm.titleString},on:{\"click\":_vm.handleCopyClick}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.copied),expression:\"!copied\"}],domProps:{\"textContent\":_vm._s(_vm.$ml.get('copyCode'))}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.copied),expression:\"copied\"}],domProps:{\"textContent\":_vm._s(_vm.$ml.get('copied'))}}),_c('img',{staticClass:\"copy-icon\",attrs:{\"src\":require(\"@/assets/img/icons/copy--blue.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}}),_c('img',{staticClass:\"copy-icon copy-icon--hover\",attrs:{\"src\":require(\"@/assets/img/icons/copy--white.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <button\r\n        class=\"copy-btn\"\r\n        :class=\"{ copied: copied }\"\r\n        :title=\"titleString\"\r\n        @click=\"handleCopyClick\"\r\n    >\r\n        <span\r\n            v-show=\"!copied\"\r\n            v-text=\"$ml.get('copyCode')\"\r\n        />\r\n        <span\r\n            v-show=\"copied\"\r\n            v-text=\"$ml.get('copied')\"\r\n        />\r\n\r\n        <img class=\"copy-icon\" src=\"@/assets/img/icons/copy--blue.svg\" alt=\"\" tabindex=\"-1\" />\r\n        <img class=\"copy-icon copy-icon--hover\" src=\"@/assets/img/icons/copy--white.svg\" alt=\"\" tabindex=\"-1\" />\r\n    </button>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        data() {\r\n            return {\r\n                copied: false,\r\n            };\r\n        },\r\n        props: {\r\n            titleString: {\r\n                type: String,\r\n                default: '',\r\n            },\r\n        },\r\n        methods: {\r\n            handleCopyClick() {\r\n              this.$emit('click-copy');\r\n              this.copied = true;\r\n              setTimeout(() => {\r\n                  this.copied = false;\r\n              }, 3000);\r\n            },\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .copy-btn {\r\n        background-color: transparent;\r\n        color: #0774E7;\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        border: 1px solid #0774E7;\r\n        border-radius: 8px;\r\n        padding: 8px 16px;\r\n        transition: all ease 0.3s;\r\n        min-width: 208px;\r\n\r\n        span {\r\n            margin-right: 8px;\r\n        }\r\n\r\n        .copy-icon {\r\n            opacity: 1;\r\n            position: relative;\r\n            height: auto;\r\n            transition: all ease 0.3s;\r\n\r\n            &--hover {\r\n                opacity: 0;\r\n                position: absolute;\r\n                height: 0;\r\n            }\r\n        }\r\n\r\n        &:hover,\r\n        &.copied {\r\n            background-color: #0774E7;\r\n            color: white;\r\n\r\n            .copy-icon {\r\n                opacity: 0;\r\n                position: absolute;\r\n                height: 0;\r\n\r\n                &--hover {\r\n                  opacity: 1;\r\n                  position: relative;\r\n                  height: auto;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>","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!./CopyButton.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!./CopyButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CopyButton.vue?vue&type=template&id=29111136&scoped=true&\"\nimport script from \"./CopyButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CopyButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CopyButton.vue?vue&type=style&index=0&id=29111136&prod&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  \"29111136\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CieloLayout',[_c('div',{staticClass:\"payment-success\"},[_c('h4',{staticClass:\"payment-success-title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('qrcodeTitle'))}}),_c('CopyQrCodeString',{attrs:{\"qr-code-string\":_vm.qrCodeString}}),_c('div',{staticClass:\"payment-success-card-img\"},[_c('img',{staticClass:\"qr-code-image\",attrs:{\"src\":_vm.qrCodeImage,\"alt\":_vm.$ml.get('altQrCode'),\"tabindex\":\"0\"}})]),_c('div',{staticClass:\"payment-success-card\"},[_c('PaymentInstructions'),_c('div',{staticClass:\"cielo-pay-ad\"},[_c('span',{attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('mobileAppAvailable'))}})]),_c('div',{staticClass:\"cielo-pay-ad\",attrs:{\"id\":\"cieloLinkTarget\"}},[_c('span',{attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('qrcodeInstruction'))}}),_c('a',{attrs:{\"href\":\"https://cielo.com.br/qrcode\",\"target\":\"blank\",\"tabindex\":\"0\"}},[_vm._v(\"https://cielo.com.br/qrcode\")])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"default-instructions\"},[_c('span',{staticClass:\"default-instructions-title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('textInstructionPayment'))}}),_c('span',{staticClass:\"default-instructions-blue\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('textInstructionPayment2'))}}),_c('div',[_vm._l((_vm.items),function(item,key){return _c('div',{key:key,staticClass:\"d-inline-block\",staticStyle:{\"margin\":\"5px 5px 0px 0px\"}},[_c('img',{staticStyle:{\"width\":\"50px\",\"height\":\"50px\"},attrs:{\"src\":item}})])}),_c('a',{staticClass:\"d-inline-block\",staticStyle:{\"margin-top\":\"5px\",\"cursor\":\"pointer\"},attrs:{\"href\":\"#cieloLinkTarget\"}},[_c('img',{staticStyle:{\"width\":\"50px\",\"height\":\"50px\"},attrs:{\"src\":_vm.ellipseImg,\"alt\":\"\",\"tabindex\":\"-1\"}}),_c('img',{staticStyle:{\"position\":\"relative\",\"right\":\"29px\"},attrs:{\"src\":_vm.plusImg,\"alt\":\"\",\"tabindex\":\"-1\"}})])],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"default-instructions\">\r\n        <span class=\"default-instructions-title\" v-text=\"$ml.get('textInstructionPayment')\" tabindex=\"0\" />\r\n\r\n        <span class=\"default-instructions-blue\" v-text=\"$ml.get('textInstructionPayment2')\" tabindex=\"0\" />\r\n\r\n        <div>\r\n            <div class=\"d-inline-block\" style=\"margin: 5px 5px 0px 0px;\" :key=\"key\" v-for=\"(item, key) in items\">\r\n                <img style=\"width: 50px; height: 50px;\" :src=\"item\" />\r\n            </div>\r\n            <a class=\"d-inline-block\" style=\"margin-top: 5px; cursor: pointer;\" href=\"#cieloLinkTarget\">\r\n                <img style=\"width: 50px; height: 50px;\" :src=\"ellipseImg\" alt=\"\" tabindex=\"-1\" />\r\n                <img style=\"position: relative; right: 29px;\" :src=\"plusImg\" alt=\"\" tabindex=\"-1\" />\r\n            </a>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport bbImg from '@/assets/img/bb.jpg';\r\nimport bradescoImg from '@/assets/img/bradesco.jpg';\r\nimport ellipseImg from '@/assets/img/Ellipse.jpg';\r\nimport mercadoPagoImg from '@/assets/img/mercadoPago.jpg';\r\nimport picpayImg from '@/assets/img/picpay.jpg';\r\nimport plusImg from '@/assets/img/plus.jpg';\r\n\r\nexport default {\r\n  computed: {\r\n    items() {\r\n      return [\r\n        bbImg,\r\n        bradescoImg,\r\n        mercadoPagoImg,\r\n        picpayImg\r\n      ];\r\n    },\r\n    ellipseImg() { return ellipseImg; },\r\n    plusImg() { return plusImg; }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.default-instructions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n}\r\n\r\n.default-instructions-blue {\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n  color: #5C6A7B;\r\n}\r\n\r\n.default-instructions-title {\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  color: #2F363E;\r\n}\r\n</style>","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!./PaymentInstructions.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!./PaymentInstructions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentInstructions.vue?vue&type=template&id=508ea3dc&scoped=true&\"\nimport script from \"./PaymentInstructions.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentInstructions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentInstructions.vue?vue&type=style&index=0&id=508ea3dc&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  \"508ea3dc\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <CieloLayout>\r\n        <div class=\"payment-success\">\r\n            <h4 class=\"payment-success-title\" v-text=\"$ml.get('qrcodeTitle')\" tabindex=\"0\" />\r\n            <CopyQrCodeString :qr-code-string=\"qrCodeString\" />\r\n            <div class=\"payment-success-card-img\">\r\n                <img :src=\"qrCodeImage\" class=\"qr-code-image\" :alt=\"$ml.get('altQrCode')\" tabindex=\"0\" />\r\n            </div>\r\n\r\n            <div class=\"payment-success-card\">\r\n                <PaymentInstructions />\r\n\r\n                <div class=\"cielo-pay-ad\">\r\n                    <span v-text=\"$ml.get('mobileAppAvailable')\" tabindex=\"0\" />\r\n                </div>\r\n\r\n                <div id=\"cieloLinkTarget\" class=\"cielo-pay-ad\">\r\n                    <span v-text=\"$ml.get('qrcodeInstruction')\" tabindex=\"0\" />\r\n                    <a href=\"https://cielo.com.br/qrcode\" target=\"blank\" tabindex=\"0\">https://cielo.com.br/qrcode</a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </CieloLayout>\r\n</template>\r\n\r\n<script>\r\n\r\nimport CopyQrCodeString from '@/components/CopyQrCodeString';\r\nimport store from '@/store';\r\nimport PaymentInstructions from '@/components/PaymentInstructions';\r\nimport CieloLayout from '@/components/layout/CieloLayout.vue';\r\n\r\nexport default {\r\n  components: {\r\n    CopyQrCodeString,\r\n    PaymentInstructions,\r\n    CieloLayout\r\n  },\r\n\r\n  computed: {\r\n    qrCodeImage: function () {\r\n      return `data:image/png;base64, ${store.state.qrCodePayment.Response.QrCodeBase64Image}`;\r\n    },\r\n\r\n    qrCodeString: function () {\r\n      return store.state.qrCodePayment.Response.QrCodeString;\r\n    },\r\n  },\r\n\r\n  beforeRouteEnter(to, from, next) {\r\n    if (!store.state.preorder.TransactionIsFinalized)\r\n      return next(false);\r\n\r\n    next();\r\n  },\r\n\r\n  beforeRouteLeave(to, from, next) {\r\n    if (to.name == 'PaymentSuccess')\r\n      next();\r\n    else\r\n      next(false);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.payment-success {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.payment-success-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding-top: 12px;\r\n}\r\n\r\n.payment-success-title {\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  color: #2F363E;\r\n  margin: 0 0 0 0;\r\n}\r\n\r\n.payment-success-card-img {\r\n  display: flex;\r\n  padding: 40px 0px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  border-radius: 8px;\r\n  background: #EFF1F3;\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    background: none;\r\n    padding: 0px;\r\n  }\r\n}\r\n\r\n.qr-code-image {\r\n  width: 300px;\r\n  max-width: 90%;\r\n}\r\n\r\n.cielo-pay-ad {\r\n\r\n  span {\r\n    color: #5C6A7B;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 500;\r\n    line-height: 20px\r\n  }\r\n}\r\n</style>\r\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!./QrCodePayFinalize.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!./QrCodePayFinalize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QrCodePayFinalize.vue?vue&type=template&id=a14f6d76&scoped=true&\"\nimport script from \"./QrCodePayFinalize.vue?vue&type=script&lang=js&\"\nexport * from \"./QrCodePayFinalize.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QrCodePayFinalize.vue?vue&type=style&index=0&id=a14f6d76&prod&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  \"a14f6d76\",\n  null\n  \n)\n\nexport default component.exports","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/dist/cjs.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!./CopyButton.vue?vue&type=style&index=0&id=29111136&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/copy--white.svg\";","module.exports = __webpack_public_path__ + \"img/copy--blue.svg\";","module.exports = __webpack_public_path__ + \"img/mercadoPago.jpg\";","module.exports = __webpack_public_path__ + \"img/arrow-down-blue.svg\";","module.exports = \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAHAAgDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+vH/hC/2lv+Gv/wC0P+FwfCf7J/wpPPn/APChvEP/ACLP/Cz/ADv+EZ8v/hf/AJn9u+X8/wDwlmz+z/4f+EY3cV/QP9s+Gv8AxCL6v/qhxX7X/XS3J/r5l/8AyM/9WOT+0ub/AFA5fqHNp/ZN/rHX+1Lan4R/Y/iJ/wARX+sf618L+y/1P+P/AFIx/wDyLf8AWTn/ALN5f9eub67y6/2pb2HT+zb6AP/Z\"","export function isMobile(size = '767') {\r\n    return window.matchMedia(`(max-width:${size}px)`).matches;\r\n} ","module.exports = __webpack_public_path__ + \"img/bradesco.jpg\";"],"sourceRoot":""}