{"version":3,"sources":["webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue?c3a0","webpack:///src/components/templates/formComponentsExecute/QR_Reader.vue","webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue?711e","webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue","webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue?c6da"],"names":["render","_vm","this","_h","$createElement","_c","_self","qrReaderResult","_e","on","onDecode","onLoaded","staticRenderFns","name","components","StreamBarcodeReader","props","mounted","data","qrLoading","qrCode","methods","generateQRCode","_this","validations","qr_data_field","form","QRCode","toDataURL","errorCorrectionLevel","err","url","setTimeout","getValidUrl","includes","isValidHttpUrl","string","URL","_","protocol","isValidURL","re","test","text","console","log","concat","isFromTemplates","$set","key","$emit","isFromRelations","relationResultField","push","watch","handler","updatedData","$nextTick","immediate","deep","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAGJ,EAAIM,eAA6FN,EAAIO,KAAjFH,EAAG,sBAAsB,CAACI,GAAG,CAAC,OAASR,EAAIS,SAAS,OAAST,EAAIU,aAAsB,IACnNC,EAAkB,G,6HCQP,GACfC,KAAA,4CACAC,WAAA,CAAAC,4BACAC,MAAA,CACA,iBACA,kBACA,OACA,OACA,SACA,iBACA,kBAEA,kBACA,gBACA,uBAEAC,QAAA,aAGAC,KAAA,WACA,OACAC,WAAA,EACAC,OAAA,KACAb,eAAA,KAIAc,QAAA,CACAC,eAAA,eAAAC,EAAA,KACA,KAAAJ,WAAA,EACA,KAAAD,KAAAM,YAAAC,eAAA,KAAAC,MAAA,KAAAA,KAAA,KAAAR,KAAAM,YAAAC,gBAEAE,IAAAC,UAAA,KAAAF,KAAA,KAAAR,KAAAM,YAAAC,eAAA,CAAAI,qBAAA,eAAAC,EAAAC,GACA,GAAAD,EAAA,MAAAA,EACAP,EAAAH,OAAAW,KAEAC,YAAA,WACAT,EAAAJ,WAAA,IACA,OAGA,KAAAC,OAAA,KACAY,YAAA,WACAT,EAAAJ,WAAA,IACA,OAGAc,YAAA,SAAAF,GACA,OAAAA,EAAAG,SAAA,YAAAH,EAAAG,SAAA,YAEAH,EADA,WAAAA,GAGAI,eAAA,SAAAC,GACA,IAAAL,EACA,IACAA,EAAA,IAAAM,IAAAD,GACA,MAAAE,GACA,SAEA,gBAAAP,EAAAQ,UAAA,WAAAR,EAAAQ,UAEAC,WAAA,SAAAT,GACA,IAAAU,EAAA,kFACA,QAAAA,EAAAC,KAAAX,IAMArB,SAAA,SAAAiC,GACAC,QAAAC,IAAA,+BAAAC,OAAAH,IACA,KAAApC,eAAAoC,EACA,KAAAI,kBAEA,KAAAC,KAAA,KAAAtB,KAAA,KAAAR,KAAA+B,IAAAN,GACA,KAAAO,MAAA,iBAGA,KAAAC,kBAEA,KAAAC,oBAAAlB,SAAAS,IACA,KAAAS,oBAAAC,KAAAV,GAEA,KAAAO,MAAA,kBAKAvC,SAAA,WACAiC,QAAAC,IAAA,sCAGAS,MAAA,CAEA,MACAC,QAAA,SAAAC,GACA,KAAAC,WAAA,WACAb,QAAAC,IAAA,oBAAAW,KAMA,MACAE,WAAA,EACAC,MAAA,KClH8Y,I,wBCQ1YC,EAAY,eACd,EACA5D,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAgD,E,6CCnBf,Y","file":"js/chunk-46e19ce2.d4982ab6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.qrReaderResult)?_c('StreamBarcodeReader',{on:{\"decode\":_vm.onDecode,\"loaded\":_vm.onLoaded}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- <span > Result Value: {{ qrReaderResult }}</span> -->\n        <StreamBarcodeReader v-if=\"!qrReaderResult\" @decode=\"onDecode\" @loaded=\"onLoaded\"></StreamBarcodeReader>\n    </div>\n</template>\n<script>\nimport QRCode from 'qrcode';\nimport {StreamBarcodeReader}  from \"vue-barcode-reader\";\nexport default {\n    name: \"templates-formComponentsExecute-QR-READER\",\n    components: {StreamBarcodeReader},\n    props: [\n        \"isFromDocument\",\n        \"isFromTemplates\",\n        \"data\",\n        \"form\",\n        \"isView\",\n        \"fromRepeatable\",\n        \"checkIsDisabled\",\n\n        \"isFromRelations\",\n        \"allowMultiple\",\n        \"relationResultField\"\n    ],\n    mounted() {\n\n    },\n    data() {\n        return {\n            qrLoading: false,\n            qrCode: null,\n            qrReaderResult:''\n        };\n    },\n\n    methods: {\n        generateQRCode() {\n            this.qrLoading = true;\n            if (this.data.validations.qr_data_field && this.form && this.form[this.data.validations.qr_data_field]) {\n\n                QRCode.toDataURL(this.form[this.data.validations.qr_data_field], { errorCorrectionLevel: 'H' }, (err, url) => {\n                    if (err) throw err;\n                    this.qrCode = url;\n                });\n                setTimeout(() => {\n                    this.qrLoading = false;\n                }, 2000);\n            }\n            else {\n                this.qrCode = null\n                setTimeout(() => {\n                    this.qrLoading = false;\n                }, 2000);\n            }\n        },\n        getValidUrl(url) {\n            if (!url.includes(\"http://\") && !url.includes(\"https://\"))\n                return \"https://\" + url;\n            return url;\n        },\n        isValidHttpUrl(string) {\n            let url;\n            try {\n                url = new URL(string);\n            } catch (_) {\n                return false;\n            }\n            return url.protocol === \"http:\" || url.protocol === \"https:\";\n        },\n        isValidURL(url) {\n            let re = /[-a-zA-Z0-9@:%_+.~#?&//=]{2,256}\\.[a-z]{2,4}\\b(\\/[-a-zA-Z0-9@:%_+.~#?&//=]*)?/gi;\n            if (re.test(url)) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        onDecode(text) {\n            console.log(`Decode text from QR code is ${text}`);\n            this.qrReaderResult=text;\n            if(this.isFromTemplates)\n            {\n                this.$set(this.form, this.data.key, text);\n                this.$emit(\"before-close\");\n            }\n\n            if(this.isFromRelations)\n            {\n                if (!this.relationResultField.includes(text)) {\n                    this.relationResultField.push(text);\n                }\n                this.$emit(\"before-close\");\n            }\n\n            // this.visible = false;\n        },\n        onLoaded() {\n            console.log(`Ready to start scanning barcodes`)\n        },\n    },\n    watch: {\n\n        'form': {\n            handler(updatedData) {\n                this.$nextTick(() => {\n                    console.log(\"Updated Scan Data\",updatedData)\n                    // if(form[data.key])\n                    // {\n\n                    // }\n                    // this.generateQRCode(updatedData);\n                }, 1000);\n            }, immediate: true,\n            deep: true,\n        }\n    },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.sle {\n    -webkit-appearance: none;\n    background-color: #fff;\n    background-image: none;\n    border-radius: 4px;\n    border: 1px solid #dcdfe6;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    color: #606266;\n    display: inline-block;\n    font-size: inherit;\n    height: 32px;\n    line-height: 40px;\n    outline: 0;\n    padding: 0 15px;\n    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n    width: 100%;\n\n    &:hover {\n        border-color: #409EFF;\n        /* Change the border color on hover */\n    }\n\n    &:focus {\n        border-color: #409EFF;\n        /* Change the border color when focused */\n    }\n\n    &::placeholder {\n        color: #ccc;\n        /* Use your desired lighter gray color here */\n    }\n}\n\n.disabled-field {\n    background-color: #F5F7FA;\n    /* Set your preferred greyed-out color */\n    pointer-events: painted;\n    cursor: not-allowed;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./QR_Reader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./QR_Reader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./QR_Reader.vue?vue&type=template&id=28759206&scoped=true\"\nimport script from \"./QR_Reader.vue?vue&type=script&lang=js\"\nexport * from \"./QR_Reader.vue?vue&type=script&lang=js\"\nimport style0 from \"./QR_Reader.vue?vue&type=style&index=0&id=28759206&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"28759206\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./QR_Reader.vue?vue&type=style&index=0&id=28759206&prod&lang=scss&scoped=true\""],"sourceRoot":""}