{"version":3,"file":"Recaptcha.04e60ae2.js","sources":["../../../app/javascript/components/Recaptcha.vue?vue&type=template&lang.js","../../../app/javascript/components/Recaptcha.vue"],"sourcesContent":["\n<div id=\"recaptcha-container\">\n    <div id=\"grecaptcha\"></div>\n    <div class=\"reset-container\" v-if=\"resetOption\">\n        <button @click=\"resetRecaptcha()\">¿reCAPTCHA no funciona? Reiniciar</button>\n    </div>\n</div>\n","<template>\n    <div id=\"recaptcha-container\">\n        <div id=\"grecaptcha\"></div>\n        <div class=\"reset-container\" v-if=\"resetOption\">\n            <button @click=\"resetRecaptcha()\">¿reCAPTCHA no funciona? Reiniciar</button>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        scale: {\n            type: Number,\n            default: 1,\n            required: false\n        },\n        resetOption: {\n            type: Boolean,\n            default: false,\n            required: false\n        }\n    },\n    mounted() {\n        this.renderRecaptcha()\n        this.setStyles()\n    },\n    methods: {\n        renderRecaptcha() {\n            grecaptcha.render('grecaptcha', {\n                'sitekey': this.$config['RECAPTCHA_SITE_KEY'],\n                'callback': this.onVerify,\n                'theme': 'light',\n                'size': 'normal'\n            })\n        },\n        onVerify(token) {\n            this.$emit('verifyRecaptcha', token)\n        },\n        setStyles() {\n            let container = document.querySelector('#recaptcha-container')\n            container.style.transform = `scale(${this.scale})`\n            container.style.transformOrigin = '0 0'\n            container.style.webkitTransform = `scale(${this.scale})`\n            container.style.webkitTransformOrigin = '0 0'\n        },\n        resetRecaptcha() {\n            grecaptcha.reset()\n        }\n    }\n}\n</script>\n\n<style scoped>\n#recaptcha-container .reset-container {\n    display: flex;\n    justify-content: center;\n}\n\n#recaptcha-container .reset-container button {\n    background: none;\n    border: none;\n    color: #007bff;\n    cursor: pointer;\n    font-size: 12px;\n    margin-top: 5px;\n    outline: none;\n    padding: 0;\n    text-decoration: underline;\n}\n</style>"],"names":["render","_vm","_h","_c","$event","staticRenderFns","__vue2_script","token","container"],"mappings":"oDAAA,IAAIA,EAAS,UAAY,CAAC,IAAIC,EAAI,KAASC,EAAGD,EAAI,eAAmBE,EAAGF,EAAI,MAAM,IAAIC,EAAG,OAAOC,EAAG,MAAM,CAAC,MAAM,CAAC,GAAK,qBAAqB,CAAC,EAAE,CAACA,EAAG,MAAM,CAAC,MAAM,CAAC,GAAK,YAAY,CAAC,CAAC,EAAGF,EAAI,YAAaE,EAAG,MAAM,CAAC,YAAY,iBAAiB,EAAE,CAACA,EAAG,SAAS,CAAC,GAAG,CAAC,MAAQ,SAASC,EAAO,CAAC,OAAOH,EAAI,eAAgB,CAAA,CAAC,CAAC,EAAE,CAACA,EAAI,GAAG,mCAAmC,CAAC,CAAC,CAAC,CAAC,EAAEA,EAAI,GAAE,CAAE,CAAC,CAAC,EACjXI,EAAkB,CAAA,ECStB,MAAAC,EAAA,CACA,MAAA,CACA,MAAA,CACA,KAAA,OACA,QAAA,EACA,SAAA,EACA,EACA,YAAA,CACA,KAAA,QACA,QAAA,GACA,SAAA,EACA,CACA,EACA,SAAA,CACA,KAAA,gBAAA,EACA,KAAA,UAAA,CACA,EACA,QAAA,CACA,iBAAA,CACA,WAAA,OAAA,aAAA,CACA,QAAA,KAAA,QAAA,mBACA,SAAA,KAAA,SACA,MAAA,QACA,KAAA,QACA,CAAA,CACA,EACA,SAAAC,EAAA,CACA,KAAA,MAAA,kBAAAA,CAAA,CACA,EACA,WAAA,CACA,IAAAC,EAAA,SAAA,cAAA,sBAAA,EACAA,EAAA,MAAA,UAAA,SAAA,KAAA,KAAA,IACAA,EAAA,MAAA,gBAAA,MACAA,EAAA,MAAA,gBAAA,SAAA,KAAA,KAAA,IACAA,EAAA,MAAA,sBAAA,KACA,EACA,gBAAA,CACA,WAAA,MAAA,CACA,CACA,CACA"}