{"version":3,"sources":["webpack:///./src/components/global/HelexFileBase64.vue?79bf","webpack:///./src/views/Helexium/ConexionDian/config3Certificado.vue?79be","webpack:///./src/views/Helexium/ConexionDian/config3Certificado.vue","webpack:///./src/components/global/HelexFileBase64.vue","webpack:///src/components/global/HelexFileBase64.vue","webpack:///./src/components/global/HelexFileBase64.vue?8cdb","webpack:///./src/components/global/HelexFileBase64.vue?dea0","webpack:///src/views/Helexium/ConexionDian/config3Certificado.vue","webpack:///./src/views/Helexium/ConexionDian/config3Certificado.vue?6d9b","webpack:///./src/views/Helexium/ConexionDian/config3Certificado.vue?7f86"],"names":["render","_vm","this","_c","_self","_v","on","$event","preventDefault","submitEvent","apply","arguments","staticClass","attrs","model","value","certificado","callback","$$v","expression","password","staticRenderFns","ref","staticStyle","name","handleFileChange","class","ok","triggerFileInput","handleDrop","_s","fileName","file","stopPropagation","onCancel","props","type","String","default","data","base64","computed","pathAfterSaveInRemote","isSaveFile","pathCleaned","dotExtension","methods","$refs","fileInput","click","event","selectedFile","target","files","validateAndProcessFile","dataTransfer","reader","FileReader","_this","onload","result","split","$emit","onerror","error","readAsDataURL","$el","querySelector","component","components","HelexFileBase64"],"mappings":"kHAAA,W,yDCAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACF,EAAII,GAAG,iCAAiCF,EAAG,OAAO,CAACG,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBP,EAAIQ,YAAYC,MAAM,KAAMC,cAAc,CAACR,EAAG,MAAM,CAACS,YAAY,kBAAkB,CAACT,EAAG,MAAM,CAACS,YAAY,gBAAgBC,MAAM,CAAC,MAAQ,wBAAwB,CAACV,EAAG,QAAQ,CAACF,EAAII,GAAG,yBAAyBF,EAAG,kBAAkB,CAACU,MAAM,CAAC,GAAK,cAAc,SAAW,IAAIC,MAAM,CAACC,MAAOd,EAAIe,YAAaC,SAAS,SAAUC,GAAMjB,EAAIe,YAAYE,GAAKC,WAAW,kBAAkB,GAAGhB,EAAG,MAAM,CAACS,YAAY,gBAAgBC,MAAM,CAAC,MAAQ,0BAA0B,CAACV,EAAG,QAAQ,CAACU,MAAM,CAAC,IAAM,aAAa,CAACZ,EAAII,GAAG,2BAA2BF,EAAG,eAAe,CAACU,MAAM,CAAC,GAAK,WAAW,KAAO,WAAW,SAAW,IAAIC,MAAM,CAACC,MAAOd,EAAImB,SAAUH,SAAS,SAAUC,GAAMjB,EAAImB,SAASF,GAAKC,WAAW,eAAe,KAAKhB,EAAG,YAAY,CAACF,EAAII,GAAG,cAAc,MAE36BgB,EAAkB,GCFlBrB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACmB,IAAI,YAAYC,YAAY,CAAC,QAAU,QAAQV,MAAM,CAAC,KAAOZ,EAAIuB,KAAK,KAAO,QAAQlB,GAAG,CAAC,OAASL,EAAIwB,oBAAoBtB,EAAG,MAAM,CAACS,YAAY,WAAWc,MAAM,CAAE,IAAkB,IAAXzB,EAAI0B,GAAa,OAAqB,IAAX1B,EAAI0B,IAAgBrB,GAAG,CAAC,MAAQL,EAAI2B,iBAAiB,KAAO,SAASrB,GAAgC,OAAxBA,EAAOC,iBAAwBP,EAAI4B,WAAWnB,MAAM,KAAMC,YAAY,SAAW,SAASJ,GAAQA,EAAOC,kBAAmB,UAAY,SAASD,GAAQA,EAAOC,oBAAqB,CAACL,EAAG,MAAM,CAACS,YAAY,WAAWT,EAAG,MAAM,CAACS,YAAY,oBAAoB,CAACT,EAAG,IAAI,CAACS,YAAY,kCAAkCT,EAAG,OAAO,CAACF,EAAII,GAAGJ,EAAI6B,GAAG7B,EAAI8B,SAAU9B,EAAI8B,SAAW,uBAAwB9B,EAAI+B,KAAM7B,EAAG,MAAM,CAACS,YAAY,SAASC,MAAM,CAAC,MAAQ,sBAAsBP,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAO0B,kBAAyBhC,EAAIiC,SAASxB,MAAM,KAAMC,cAAc,CAACR,EAAG,OAAO,CAACF,EAAII,GAAG,SAASF,EAAG,YAE97BkB,EAAkB,GCAP,GACfc,MAAA,CACApB,MAAA,GACAS,KAAA,CACAY,KAAAC,OACAC,QAAA,KAGAC,OACA,OACAP,KAAA,KACAQ,OAAA,KACAT,SAAA,KACAJ,GAAA,OAGAc,SAAA,CACAC,wBACA,YAAAC,WACA,sCAAAC,YAAA,SAAAb,SAAA,KAAAc,aAEA,KAIAC,QAAA,CACAlB,mBACA,KAAAmB,MAAAC,UAAAC,SAEAxB,iBAAAyB,GACA,MAAAC,EAAAD,EAAAE,OAAAC,MAAA,GACAF,GACA,KAAAG,uBAAAH,IAGAtB,WAAAqB,GACA,MAAAC,EAAAD,EAAAK,aAAAF,MAAA,GACAF,GACA,KAAAG,uBAAAH,IAIAG,uBAAAtB,GAKA,GAFA,KAAAD,SAAAC,EAAAR,KACA,KAAAQ,OACAA,EAAA,CACA,MAAAwB,EAAA,IAAAC,WACAC,EAAA,KACAF,EAAAG,OAAA,SAAAT,GACAQ,EAAAlB,OAAAU,EAAAE,OAAAQ,OAAAC,MAAA,QACAH,EAAAI,MAAA,QAAAJ,EAAAlB,QACAkB,EAAA/B,IAAA,GAEA6B,EAAAO,QAAA,SAAAC,GAEAN,EAAA/B,IAAA,GAEA6B,EAAAS,cAAAjC,KAIAE,WACA,KAAAF,KAAA,KACA,KAAAQ,OAAA,KACA,KAAAT,SAAA,KACA,KAAAJ,GAAA,KACA,KAAAmC,MAAA,cACA,KAAAI,IAAAC,cAAA,sBAAApD,MAAA,QCvE0Y,I,wBCQtYqD,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCjBA,GACfC,WAAA,CACAC,mBAEAxB,QAAA,CACArC,cACA,SAAAO,cAAA,KAAAI,SAAA,OAEA,KAAAJ,YACA,KAAAI,WAKAmB,OACA,OACAvB,YAAA,KACAI,SAAA,QCnB4Z,ICQxZ,G,UAAY,eACd,EACApB,EACAqB,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-7924cf20.e2c45e01963e2c3f31f0.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelexFileBase64.vue?vue&type=style&index=0&id=6ff27be7&prod&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./config3Certificado.vue?vue&type=style&index=0&id=7516cf8e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',[_vm._v(\"Información del certificado\")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.submitEvent.apply(null, arguments)}}},[_c('div',{staticClass:\"wrapper-fields\"},[_c('div',{staticClass:\"wrapper-input\",attrs:{\"title\":\"Agregar certificado\"}},[_c('label',[_vm._v(\"Agregar certificado\")]),_c('HelexFileBase64',{attrs:{\"id\":\"certificate\",\"required\":\"\"},model:{value:(_vm.certificado),callback:function ($$v) {_vm.certificado=$$v},expression:\"certificado\"}})],1),_c('div',{staticClass:\"wrapper-input\",attrs:{\"title\":\"Clave del certificado\"}},[_c('label',{attrs:{\"for\":\"password\"}},[_vm._v(\"Clave del certificado\")]),_c('b-form-input',{attrs:{\"id\":\"password\",\"name\":\"password\",\"required\":\"\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1)]),_c('vs-button',[_vm._v(\"Guardar\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"name\":_vm.name,\"type\":\"file\"},on:{\"change\":_vm.handleFileChange}}),_c('div',{staticClass:\"dropzone\",class:{ 'ok' : _vm.ok === true, 'error' : _vm.ok === false  },on:{\"click\":_vm.triggerFileInput,\"drop\":function($event){$event.preventDefault();return _vm.handleDrop.apply(null, arguments)},\"dragover\":function($event){$event.preventDefault();},\"dragenter\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"hidden\"}),_c('div',{staticClass:\"content-dropzone\"},[_c('i',{staticClass:\"fas fa-cloud-upload-alt fa-1x\"}),_c('span',[_vm._v(_vm._s(_vm.fileName? _vm.fileName : 'Cargar archivo'))])]),(_vm.file)?_c('div',{staticClass:\"cancel\",attrs:{\"title\":\"Quitar certificado\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onCancel.apply(null, arguments)}}},[_c('span',[_vm._v(\"×\")])]):_c('div')])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\n\r\nexport default {\r\n  props: {\r\n    value: {},\r\n    name: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      file: null,\r\n      base64: null,\r\n      fileName: null,\r\n      ok: null\r\n    }\r\n  },\r\n  computed: {\r\n    pathAfterSaveInRemote() {\r\n      if (this.isSaveFile) {\r\n        return \"https://www.helexiumfiles.com/\" + this.pathCleaned + \"/\" + this.fileName + this.dotExtension;\r\n      } else {\r\n        return ''\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    triggerFileInput() {\r\n      this.$refs.fileInput.click();\r\n    },\r\n    handleFileChange(event) {\r\n      const selectedFile = event.target.files[0];\r\n      if (selectedFile) {\r\n        this.validateAndProcessFile(selectedFile);\r\n      }\r\n    },\r\n    handleDrop(event) {\r\n      const selectedFile = event.dataTransfer.files[0];\r\n      if (selectedFile) {\r\n        this.validateAndProcessFile(selectedFile);\r\n      }\r\n    },\r\n\r\n    validateAndProcessFile(file) {\r\n      // si pasa todas las validaciones\r\n      console.log(file);\r\n      this.fileName = file.name\r\n      this.file = file;\r\n      if (file) {\r\n        const reader = new FileReader();\r\n        const _this = this;\r\n        reader.onload = function (event) {\r\n          _this.base64 = event.target.result.split(',')[1];\r\n          _this.$emit(\"input\", _this.base64)\r\n          _this.ok = true\r\n        };\r\n        reader.onerror = function (error) {\r\n          console.error('Error al leer el archivo:', error);\r\n          _this.ok = false\r\n        };\r\n        reader.readAsDataURL(file);\r\n      }\r\n    },\r\n\r\n    onCancel() {\r\n      this.file = null\r\n      this.base64 = null\r\n      this.fileName = null\r\n      this.ok = null\r\n      this.$emit(\"input\", null)\r\n      this.$el.querySelector('input[type=\"file\"]').value = null;\r\n\r\n    }\r\n  },\r\n\r\n\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div >\r\n    <input :name=\"name\" @change=\"handleFileChange\" type=\"file\" ref=\"fileInput\" style=\"display: none\" />\r\n    <div class=\"dropzone\" :class=\"{ 'ok' : ok === true, 'error' : ok === false  }\" @click=\"triggerFileInput\" @drop.prevent=\"handleDrop\" @dragover.prevent\r\n      @dragenter.prevent>\r\n      <div class=\"hidden\"></div>\r\n      <div class=\"content-dropzone\">\r\n        <i class=\"fas fa-cloud-upload-alt fa-1x\"></i>\r\n        <span>{{ fileName? fileName : 'Cargar archivo'}}</span>\r\n      </div>\r\n      <div v-if=\"file\" @click.stop=\"onCancel\" class=\"cancel\" title=\"Quitar certificado\">\r\n        <span>&times;</span>\r\n      </div>\r\n      <div v-else></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.cancel {\r\n  width: 16px;\r\n  text-align: center;\r\n  box-shadow: inset 0 0 0 1px #1D375F;\r\n  border-radius: 50%;\r\n  transition: .3s;\r\n}\r\n.cancel span {\r\n  color: #1D375F;\r\n}\r\n.cancel:hover {\r\n  background-color: rgb(202, 89, 89);\r\n  box-shadow: inset 0 0 0 1px #fff;\r\n}\r\n\r\n\r\n.dropzone {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 6px 6px;\r\n  font-size: 14px;\r\n  border-radius: 3px;\r\n  background-color: #0C1A30;\r\n  color: #D5D6D7;\r\n  outline: none;\r\n  border: none;\r\n  box-shadow: 0 0 0 1px #1D375F;\r\n  transition: box-shadow .3s;\r\n  border: 2px dashed rgba(255, 255, 255, 0.1);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  position: relative;\r\n}\r\n\r\n.error {\r\n  background-color: rgb(202, 89, 89);\r\n}\r\n\r\n.ok {\r\n  background-color: rgb(40, 184, 128);\r\n}\r\n\r\n.dropzone:focus {\r\n  box-shadow: 0 0 0 2px #232c7c;\r\n}\r\n\r\nbody:not(.dark) .dropzone {\r\n  /* background-color: #445B8F;\r\n  box-shadow: 0 0 0 1px #798fc0; */\r\n}\r\n\r\nbody:not(.dark) .dropzone:focus {\r\n  /* box-shadow: 0 0 0 1px #232c7c; */\r\n}\r\n\r\n.dropzone:hover {\r\n  background-color: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.content-dropzone {\r\n  color: #D5D6D7;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: .5rem;\r\n}\r\n\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./HelexFileBase64.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/@vue/cli-plugin-babel/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!./HelexFileBase64.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HelexFileBase64.vue?vue&type=template&id=6ff27be7\"\nimport script from \"./HelexFileBase64.vue?vue&type=script&lang=js\"\nexport * from \"./HelexFileBase64.vue?vue&type=script&lang=js\"\nimport style0 from \"./HelexFileBase64.vue?vue&type=style&index=0&id=6ff27be7&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport HelexFileBase64 from '@/components/global/HelexFileBase64.vue';\r\nexport default {\r\n  components: {\r\n    HelexFileBase64\r\n  },\r\n  methods: {\r\n    submitEvent() {\r\n      if (!(this.certificado && this.password)) return \r\n      const fields = {\r\n        certificado: this.certificado,\r\n        password: this.password\r\n      }\r\n      console.log(fields);\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      certificado: null,\r\n      password: null\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <h3>Información del certificado</h3>\r\n    <form @submit.prevent=\"submitEvent\">\r\n      <div class=\"wrapper-fields\">\r\n        <div class=\"wrapper-input\" title=\"Agregar certificado\">\r\n          <label>Agregar certificado</label>\r\n          <HelexFileBase64 id=\"certificate\" required v-model=\"certificado\" />\r\n        </div>\r\n        <div class=\"wrapper-input\" title=\"Clave del certificado\">\r\n          <label for=\"password\">Clave del certificado</label>\r\n          <b-form-input id=\"password\" name=\"password\" required v-model=\"password\"></b-form-input>\r\n        </div>\r\n      </div>\r\n      <vs-button  >Guardar</vs-button>\r\n    </form>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.wrapper-input {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: .5rem;\r\n}\r\n\r\n.wrapper-fields {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1rem;\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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!./config3Certificado.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/@vue/cli-plugin-babel/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!./config3Certificado.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./config3Certificado.vue?vue&type=template&id=7516cf8e&scoped=true\"\nimport script from \"./config3Certificado.vue?vue&type=script&lang=js\"\nexport * from \"./config3Certificado.vue?vue&type=script&lang=js\"\nimport style0 from \"./config3Certificado.vue?vue&type=style&index=0&id=7516cf8e&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  \"7516cf8e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}