{"version":3,"sources":["webpack:///./src/views/ConfirmCharge.vue?15dc","webpack:///./src/views/ConfirmCharge.vue?8830","webpack:///src/views/ConfirmCharge.vue","webpack:///./src/views/ConfirmCharge.vue?419d","webpack:///./src/views/ConfirmCharge.vue?3a16"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","loading","_s","charge","amount","name","address","email","cp","phone","country","on","$event","preventDefault","confirmCharge","staticRenderFns","components","data","isRecurrent","extensionId","methods","$store","mounted","Object","assign","getters","router","push","component"],"mappings":"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","file":"js/confirmCharge.fd0546c7.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ConfirmCharge.vue?vue&type=style&index=0&id=4872fd49&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ConfirmCharge.vue?vue&type=style&index=0&id=4872fd49&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{attrs:{\"id\":\"confirm-charge\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"text-primary ml-1\"},[_vm._v(\"Confirmar la información\")]),(!_vm.loading)?_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"charge-data-row justify-center mt-2\"},[_c('div',{staticClass:\"charge-data-item charge-amount align-center\"},[_c('label',{staticClass:\"form-label text-center\",attrs:{\"for\":\"\"}},[_vm._v(\"Monto a Cobrar\")]),_c('p',{staticClass:\"amount-charge\"},[_vm._v(_vm._s(_vm.charge.amount))])])]),_c('div',{staticClass:\"charge-data-row\"},[_c('div',{staticClass:\"charge-data-item charge-user-info\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"\"}},[_vm._v(\"Nombre del Tarjetahabiente\")]),_c('p',[_vm._v(_vm._s(_vm.charge.name))])]),_c('div',{staticClass:\"charge-data-item charge-address\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"\"}},[_vm._v(\"Domicilio (Calle, Número y Colonia)\")]),_c('p',[_vm._v(_vm._s(_vm.charge.address))])])]),_c('div',{staticClass:\"charge-data-row\"},[_c('div',{staticClass:\"charge-data-item charge-email\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"\"}},[_vm._v(\"Correo eletrónico\")]),_c('p',[_vm._v(_vm._s(_vm.charge.email))])]),_c('div',{staticClass:\"charge-data-item charge-cp\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"\"}},[_vm._v(\"Código Postal\")]),_c('p',[_vm._v(_vm._s(_vm.charge.cp))])])]),_c('div',{staticClass:\"charge-data-row\"},[_c('div',{staticClass:\"charge-data-item charge-phone\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"\"}},[_vm._v(\"Teléfono\")]),_c('p',[_vm._v(_vm._s(_vm.charge.phone))])]),_c('div',{staticClass:\"charge-data-item charge-country\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"\"}},[_vm._v(\"País\")]),_c('p',[_vm._v(_vm._s(_vm.charge.country))])])]),_c('div',{staticClass:\"charge-data-actions\"},[_c('button',{staticClass:\"btn btn-primary btn-large\",on:{\"click\":function($event){$event.preventDefault();return _vm.confirmCharge()}}},[_vm._v(\" Continuar \")]),_c('router-link',{staticClass:\"btn btn-no-bg btn-large\",attrs:{\"to\":{ name: 'createCharge' }}},[_vm._v(\"Regresar\")])],1)]):_c('loading',[_vm._v(\" Espere mientras recopilamos el listado de cargos. \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section id=\"confirm-charge\">\n    <div class=\"container\">\n      <div class=\"text-primary ml-1\">Confirmar la información</div>\n\n      <div class=\"box\" v-if=\"!loading\">\n\n        <div class=\"charge-data-row justify-center mt-2\">\n          <div class=\"charge-data-item charge-amount align-center\">\n            <label for=\"\" class=\"form-label text-center\">Monto a Cobrar</label>\n            <p class=\"amount-charge\">{{ charge.amount }}</p>\n          </div>\n        </div>\n\n        <div class=\"charge-data-row\">\n          <div class=\"charge-data-item charge-user-info\">\n            <label for=\"\" class=\"form-label\">Nombre del Tarjetahabiente</label>\n            <p>{{ charge.name }}</p>\n          </div>\n          <div class=\"charge-data-item charge-address\">\n            <label for=\"\" class=\"form-label\"\n              >Domicilio (Calle, Número y Colonia)</label\n            >\n            <p>{{ charge.address }}</p>\n          </div>\n        </div>\n\n        <div class=\"charge-data-row\">\n          <div class=\"charge-data-item charge-email\">\n            <label for=\"\" class=\"form-label\">Correo eletrónico</label>\n            <p>{{ charge.email }}</p>\n          </div>\n          <div class=\"charge-data-item charge-cp\">\n            <label for=\"\" class=\"form-label\">Código Postal</label>\n            <p>{{ charge.cp }}</p>\n          </div>\n        </div>\n        <div class=\"charge-data-row\">\n          <div class=\"charge-data-item charge-phone\">\n            <label for=\"\" class=\"form-label\">Teléfono</label>\n            <p>{{ charge.phone }}</p>\n          </div>\n          <div class=\"charge-data-item charge-country\">\n            <label for=\"\" class=\"form-label\">País</label>\n            <p>{{ charge.country }}</p>\n          </div>\n        </div>\n        <div class=\"charge-data-actions\">\n          <button\n            @click.prevent=\"confirmCharge()\"\n            class=\"btn btn-primary btn-large\"\n          >\n            Continuar\n          </button>\n          <router-link :to=\"{ name: 'createCharge' }\" class=\"btn btn-no-bg btn-large\"\n            >Regresar</router-link\n          >\n        </div>\n      </div>\n      <loading v-else>\n        Espere mientras recopilamos el listado de cargos.\n      </loading>\n    </div>\n  </section>\n</template>\n\n<script>\nimport Loading from \"@/components/Loading.vue\";\n\nexport default {\n  components: { Loading },\n  data() {\n    return {\n      loading: false,\n      charge: {\n        isRecurrent: false,\n        amount: \"\",\n        name: \"\",\n        address: \"\",\n        cp: \"\",\n        country: \"\",\n        email: \"\",\n        phone: \"\",\n        extensionId: \"\",\n      }\n    };\n  },\n  methods: {\n    confirmCharge() {\n      const self = this;\n      this.loading = true;\n      const router = this.$router;\n      this.$store\n        .dispatch(\"confirmCharge\", this.charge)\n        .then(function (response) {\n          if (!response) {\n            return;\n          }\n          self.loading = false;\n          router.push(\"/proceso-pago\");\n        });\n    }\n  },\n  mounted() {\n    const router = this.$router;\n    if(this.$store.getters.confirmCharge) {\n      this.charge = Object.assign(this.charge, this.$store.getters.confirmCharge)\n    }\n    else {\n      router.push(\"/generar-cobro\");\n    }\n  },\n};\n</script>\n\n<style scoped>\n#confirm-charge {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.charge-data-actions {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin: 20px 0;\n  font-size: 14px;\n}\n.charge-data-row {\n  display: flex;\n  flex: 1 1 100%;\n  flex-wrap: wrap;\n}\n\n.charge-data-item {\n  display: flex;\n  flex-direction: column;\n  margin: 10px;\n  word-break: break-all;\n}\n.charge-amount {\n  flex: 0 1 50%;\n}\n.justify-center {\n  justify-content: center;\n}\n.align-center {\n  align-items: center;\n}\n.text-center {\n  text-align: center;\n}\n.amount-charge {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  border-bottom: none;\n  box-shadow: none;\n  font-size: 40px!important;\n  width: inherit;\n  height: 5vh;\n  text-align: center;\n  padding-left: 25px;\n  text-align: center;\n  color: #737373;\n  background-image: url(\"~@/assets/images/icono_precio.png\");\n  background-position: 5px 5px;\n  background-repeat: no-repeat;\n  font-weight: lighter;    \n  margin-block-start: 0!important;\n}\n.charge-data-item p {\n  color: #737373;\n  margin-block-start: 0!important;\n  font-weight: 100;\n  font-size: 14px;\n}\n.charge-user-info, \n.charge-cp  {\n  flex: 1 1 40%;\n}\n.charge-country, \n.charge-address {\n  flex: 1 1 40%;\n}\n.charge-email,\n.charge-phone {\n  flex: 1 1 40%;\n}\n.mt-2 {\n  margin-top: 2em;\n}\n.ml-1 {\n  margin-left: 1em;\n}\n.form-label {\n  font-weight: 400!important;\n}\n</style>\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!./ConfirmCharge.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!./ConfirmCharge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmCharge.vue?vue&type=template&id=4872fd49&scoped=true&\"\nimport script from \"./ConfirmCharge.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmCharge.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfirmCharge.vue?vue&type=style&index=0&id=4872fd49&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  \"4872fd49\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}