{"version":3,"sources":["webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue","webpack:///src/components/templates/formComponentsExecute/QR_Reader.vue","webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue?6d2c","webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue?86fe","webpack:///./src/components/templates/formComponentsExecute/QR_Reader.vue?3a02"],"names":["render","_vm","this","_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","isFromEntityDataTable","$emit","isFromTemplates","$set","key","isFromRelations","relationResultField","push","console","log","watch","handler","updatedData","$nextTick","immediate","deep","component"],"mappings":"+JAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAGF,EAAII,eAA6FJ,EAAIK,KAAjFH,EAAG,sBAAsB,CAACI,GAAG,CAAC,OAASN,EAAIO,SAAS,OAASP,EAAIQ,aAAsB,IAEtLC,EAAkB,G,+KCWP,GACfC,KAAA,4CACAC,WAAA,CAAAC,4BACAC,MAAA,CACA,iBACA,kBACA,OACA,OACA,SACA,iBACA,kBAEA,kBACA,gBACA,sBACA,yBAEAC,QAAA,aACAC,KAAA,WACA,OACAC,WAAA,EACAC,OAAA,KACAb,eAAA,KAIAc,QAAA,CACAC,eAAA,eAAAC,EAAA,KACA,KAAAJ,WAAA,EAEA,KAAAD,KAAAM,YAAAC,eACA,KAAAC,MACA,KAAAA,KAAA,KAAAR,KAAAM,YAAAC,gBAEAE,IAAAC,UACA,KAAAF,KAAA,KAAAR,KAAAM,YAAAC,eACA,CAAAI,qBAAA,MACA,SAAAC,EAAAC,GACA,GAAAD,EAAA,MAAAA,EACAP,EAAAH,OAAAW,KAGAC,YAAA,WACAT,EAAAJ,WAAA,IACA,OAEA,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,EACA,kFACA,QAAAA,EAAAC,KAAAX,IAMArB,SAAA,SAAAiC,GACA,KAAAC,sBACA,KAAAC,MAAA,eAAAF,IAGA,KAAApC,eAAAoC,EACA,KAAAG,kBACA,KAAAC,KAAA,KAAArB,KAAA,KAAAR,KAAA8B,IAAAL,GACA,KAAAE,MAAA,iBAGA,KAAAI,kBACA,KAAAC,oBAAAhB,SAAAS,IACA,KAAAO,oBAAAC,KAAAR,GAEA,KAAAE,MAAA,mBAMAlC,SAAA,WACAyC,QAAAC,IAAA,sCAGAC,MAAA,CACA5B,KAAA,CACA6B,QAAA,SAAAC,GACA,KAAAC,WAAA,WACAL,QAAAC,IAAA,oBAAAG,KAMA,MAEAE,WAAA,EACAC,MAAA,KC9HgX,I,wBCQ5WC,EAAY,eACd,EACA1D,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAgD,E,6CCnBf","file":"js/chunk-5f3a2f30.482d6ca4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.qrReaderResult)?_c('StreamBarcodeReader',{on:{\"decode\":_vm.onDecode,\"loaded\":_vm.onLoaded}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- <span > Result Value: {{ qrReaderResult }}</span> -->\n    <StreamBarcodeReader\n      v-if=\"!qrReaderResult\"\n      @decode=\"onDecode\"\n      @loaded=\"onLoaded\"\n    ></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    \"isFromEntityDataTable\"\n  ],\n  mounted() {},\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 (\n        this.data.validations.qr_data_field &&\n        this.form &&\n        this.form[this.data.validations.qr_data_field]\n      ) {\n        QRCode.toDataURL(\n          this.form[this.data.validations.qr_data_field],\n          { errorCorrectionLevel: 'H' },\n          (err, url) => {\n            if (err) throw err;\n            this.qrCode = url;\n          }\n        );\n        setTimeout(() => {\n          this.qrLoading = false;\n        }, 2000);\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 =\n        /[-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      if(this.isFromEntityDataTable){\n        this.$emit('code-scanned', text);\n        return\n      }\n      this.qrReaderResult = text;\n      if (this.isFromTemplates) {\n        this.$set(this.form, this.data.key, text);\n        this.$emit('before-close');\n      }\n\n      if (this.isFromRelations) {\n        if (!this.relationResultField.includes(text)) {\n          this.relationResultField.push(text);\n        }\n        this.$emit('before-close');\n      }\n\n\n      // this.visible = false;\n    },\n    onLoaded() {\n      console.log(`Ready to start scanning barcodes`);\n    },\n  },\n  watch: {\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      },\n      immediate: true,\n      deep: true,\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  @media only screen and (max-width: 767px) {\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: 16px !important;\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}\n\n.disabled-field {\n  background-color: #f5f7fa;\n  border-color: #e4e7ed;\n  color: #c0c4cc;\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-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-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=a893b568&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=a893b568&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  \"a893b568\",\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/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/@vue/cli-service/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-loader/lib/index.js??vue-loader-options!./QR_Reader.vue?vue&type=style&index=0&id=a893b568&prod&lang=scss&scoped=true\""],"sourceRoot":""}