{"version":3,"sources":["webpack:///./src/assets/mobileFSFB/icn_backicn_back.png","webpack:///./src/views/mobileFSFB/Payment.vue?0cc6","webpack:///src/views/mobileFSFB/Payment.vue","webpack:///./src/views/mobileFSFB/Payment.vue?4f1a","webpack:///./src/views/mobileFSFB/Payment.vue","webpack:///./src/views/mobileFSFB/Payment.vue?813a"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_e","fromQR","attrs","on","goBack","statusPayment","_v","appointment","service","_s","detail","doctorName","citaFecha","date_appoinment","citaHora","hour_appoinment","pac_num","$event","onSelectedThisProcedure","checkTurn","loading","openAlert","staticStyle","cancelPayAction","externalPay","staticRenderFns","name","urlExist","computed","citas","state","mobileFSFB","preload","preloadPayments","env","queryS","$route","query","reference_transaction","staff","last_name","mother_last_name","handlePreloadAppointments","setTimeout","appoinment_paid","status_transaction","methods","setCitaCM","goToView","hour","date","url","window","location","href","$router","replace","appoinment_url_paid","cita","selectedSchedule","sessionStorage","setItem","number_form","JSON","stringify","goAsesor","$bvModal","show","hide","components","LoadingFSFB","MiniSpinner","component"],"mappings":"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","file":"js/chunk-da15f234.177a843f.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQBDfkK+AIO/PoGBQb4+/2ZbvgwAAAL1JREFUOMvNUkEShCAMs6XUCujm/6/dg0sFwZk92hNM0oSULm8rpl1UiR9gioaz0jrDD8AkExUJwDGqbwhULzlgu/tsiNzQ452hiH1D7F1WBL5ZBlBzTchDplaTEVwr1kYzbthS8QD9HaXxUBTHk2fFfhEq2XGXdbUZQf28I48WBfr/I9nMY37KUu24HayzrxCpHdts1N1SyPhZ2jeM3z1ZmOyOvjC9C4IUoiwGj93VmnCWRXpce1XZiZeX1RcOUgdAkraJewAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Payment\"},[(_vm.preload)?_c('LoadingFSFB'):_vm._e(),_c('div',{staticClass:\"ContainerHeader pb-5\"},[_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[(!_vm.fromQR)?_c('img',{staticClass:\"icn_backicn_back ml-3 backButton\",attrs:{\"src\":require(\"@/assets/mobileFSFB/icn_backicn_back.png\"),\"alt\":\"icn_backicn_back\"},on:{\"click\":_vm.goBack}}):_c('div',{staticClass:\"icn_backicn_back ml-3\"}),(_vm.statusPayment == 'success')?_c('h3',{staticClass:\"fontTitleHeader m-0\"},[_vm._v(\"Pago exitoso\")]):(_vm.statusPayment == 'error')?_c('h3',{staticClass:\"fontTitleHeader m-0\"},[_vm._v(\"Pago no exitoso\")]):(_vm.statusPayment == 'outTime')?_c('h3',{staticClass:\"fontTitleHeader m-0\"},[_vm._v(\"Fuera de horario\")]):_c('h3',{staticClass:\"fontTitleHeader m-0\"},[_vm._v(\"Pendiente de pago\")]),_c('img',{staticClass:\"icn_backicn_back opacity-0 mr-3\",attrs:{\"src\":require(\"@/assets/mobileFSFB/icn_backicn_back.png\"),\"alt\":\"icn_backicn_back\"}})])]),_c('div',{staticClass:\"ContainerData px-2\"},[_c('div',{staticClass:\"card mt-4\"},[(_vm.appointment && _vm.appointment.service)?_c('h6',{staticClass:\"subTitle text-start pb-3 m-0\"},[_c('strong',[_vm._v(_vm._s(_vm.appointment.service.detail))])]):_vm._e(),_c('p',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.doctorName))]),_c('div',{staticClass:\"dateCard d-flex align-items-center justify-content-between p-3\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('svg',{attrs:{\"width\":\"24\",\"height\":\"25\",\"viewbox\":\"0 0 24 25\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M9.46056 5.62695V7.31721\",\"stroke\":\"#5AC3F0\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M14.8297 5.62695V7.31721\",\"stroke\":\"#5AC3F0\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M7.92462 6.33936H16.3411C16.7418 6.33936 17.1261 6.50672 17.4094 6.80462C17.6927 7.10251 17.8519 7.50655 17.8519 7.92784V16.4499C17.8519 16.8724 17.6923 17.2775 17.4081 17.5763C17.124 17.875 16.7387 18.0428 16.3369 18.0428H7.92041C7.51973 18.0428 7.13546 17.8755 6.85214 17.5776C6.56882 17.2797 6.40965 16.8756 6.40965 16.4543V7.92784C6.40965 7.71887 6.44887 7.51195 6.52506 7.31893C6.60124 7.12592 6.7129 6.95061 6.85363 6.80305C6.99436 6.65549 7.16141 6.53857 7.34519 6.459C7.52897 6.37944 7.72587 6.33878 7.92462 6.33936V6.33936Z\",\"stroke\":\"#5AC3F0\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M6.41446 9.32617H17.8777\",\"stroke\":\"#5AC3F0\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('p',{staticClass:\"mb-0 parragraphCapitalize\"},[_vm._v(_vm._s(_vm.citaFecha(_vm.appointment.date_appoinment))+\" \")])]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('svg',{attrs:{\"width\":\"24\",\"height\":\"25\",\"viewbox\":\"0 0 24 25\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M10.9219 18.043C14.0735 18.043 16.6283 15.3567 16.6283 12.043C16.6283 8.72926 14.0735 6.04297 10.9219 6.04297C7.77031 6.04297 5.21545 8.72926 5.21545 12.043C5.21545 15.3567 7.77031 18.043 10.9219 18.043Z\",\"stroke\":\"#89D4F4\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M10.9219 12.0431V8.79297\",\"stroke\":\"#89D4F4\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M10.9219 12.043H12.871\",\"stroke\":\"#89D4F4\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.citaHora(_vm.appointment.date_appoinment + ' ' +_vm.appointment.hour_appoinment)))])])]),_c('div',{staticClass:\"dateCard d-flex align-items-center p-3 mt-3\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"№ de confirmación: \"+_vm._s(_vm.appointment.pac_num))])])]),_c('div',{staticClass:\"card card-2 mb-5\"},[(_vm.statusPayment)?_c('div',[(_vm.statusPayment === 'success')?_c('h3',[_vm._v(\"Pago exitoso!\")]):_vm._e(),(_vm.statusPayment === 'error')?_c('h3',[_vm._v(\"El pago no fue exitoso...\")]):_vm._e(),(_vm.statusPayment === 'error')?_c('button',{staticClass:\"buttonForm d-block w-100 mt-4\",on:{\"click\":function($event){return _vm.onSelectedThisProcedure(_vm.appointment)}}},[_c('span',[_vm._v(\"Pagar con asesor\")])]):_vm._e(),(_vm.statusPayment === 'outTime')?_c('h3',[_vm._v(\"La cita esta fuera del horario\")]):_vm._e(),_c('button',{staticClass:\"buttonForm d-block w-100 mt-4\",on:{\"click\":_vm.checkTurn}},[(_vm.loading && _vm.loading === 'checkTurn')?_c('span',[_c('MiniSpinner')],1):_c('span',[_vm._v(\"Continuar\")])])]):_c('div',[_c('h3',[_vm._v(\"Selecciona la forma en que deseas pagar tu cita:\")]),(_vm.urlExist)?_c('button',{staticClass:\"buttonForm d-block w-100 mt-4\",on:{\"click\":_vm.openAlert}},[(_vm.loading && _vm.loading === 'externalPay')?_c('span',[_c('MiniSpinner')],1):_c('span',[_vm._v(\"Pagar Online\")])]):_vm._e(),_c('button',{staticClass:\"buttonForm d-block w-100 mt-4\",on:{\"click\":function($event){return _vm.onSelectedThisProcedure(_vm.appointment)}}},[_c('span',[_vm._v(\"Pagar con asesor\")])])])])]),_c('b-modal',{attrs:{\"id\":\"pays-modal-mobileFSFB\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"s\",\"centered\":\"\",\"no-close-on-backdrop\":\"\"}},[_c('div',{staticClass:\"dateCard d-flex align-items-center justify-content-between p-3\",staticStyle:{\"text-align\":\"center\"}},[_c('strong',{staticClass:\"mt-0 mb-0 fonterCurrentUser\"},[_vm._v(\"Al finalizar tu proceso de pago, recuerda descargar tu comprobante y regresar al comercio\")])]),_c('div',[_c('button',{staticClass:\"buttonForm d-block w-100 mt-2\",staticStyle:{\"background\":\"#aaaaaa\"},on:{\"click\":_vm.cancelPayAction}},[_c('span',[_vm._v(\"Cancelar\")])]),_c('button',{staticClass:\"buttonForm d-block w-100 mt-2\",on:{\"click\":function($event){return _vm.externalPay(_vm.appointment)}}},[_c('span',[_vm._v(\"Continuar con Pago Online\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.Payment\n  LoadingFSFB(v-if=\"preload\")\n  .ContainerHeader.pb-5\n    .d-flex.align-items-center.justify-content-between\n      img(\n        v-if=\"!fromQR\"\n        src=\"@/assets/mobileFSFB/icn_backicn_back.png\"\n        alt=\"icn_backicn_back\"\n        @click=\"goBack\"\n      ).icn_backicn_back.ml-3.backButton\n      div(v-else).icn_backicn_back.ml-3\n      h3.fontTitleHeader.m-0(v-if=\"statusPayment == 'success'\") Pago exitoso\n      h3.fontTitleHeader.m-0(v-else-if=\"statusPayment == 'error'\") Pago no exitoso\n      h3.fontTitleHeader.m-0(v-else-if=\"statusPayment == 'outTime'\") Fuera de horario\n      h3.fontTitleHeader.m-0(v-else) Pendiente de pago\n      img(src=\"@/assets/mobileFSFB/icn_backicn_back.png\" alt=\"icn_backicn_back\").icn_backicn_back.opacity-0.mr-3\n  .ContainerData.px-2\n    .card.mt-4\n      h6(v-if=\"appointment && appointment.service\").subTitle.text-start.pb-3.m-0: strong {{appointment.service.detail}}\n      p.mb-2 {{doctorName}}\n      .dateCard.d-flex.align-items-center.justify-content-between.p-3\n        .d-flex.align-items-center\n          svg(width='24' height='25' viewbox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg')\n            path(d='M9.46056 5.62695V7.31721' stroke='#5AC3F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M14.8297 5.62695V7.31721' stroke='#5AC3F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M7.92462 6.33936H16.3411C16.7418 6.33936 17.1261 6.50672 17.4094 6.80462C17.6927 7.10251 17.8519 7.50655 17.8519 7.92784V16.4499C17.8519 16.8724 17.6923 17.2775 17.4081 17.5763C17.124 17.875 16.7387 18.0428 16.3369 18.0428H7.92041C7.51973 18.0428 7.13546 17.8755 6.85214 17.5776C6.56882 17.2797 6.40965 16.8756 6.40965 16.4543V7.92784C6.40965 7.71887 6.44887 7.51195 6.52506 7.31893C6.60124 7.12592 6.7129 6.95061 6.85363 6.80305C6.99436 6.65549 7.16141 6.53857 7.34519 6.459C7.52897 6.37944 7.72587 6.33878 7.92462 6.33936V6.33936Z' stroke='#5AC3F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M6.41446 9.32617H17.8777' stroke='#5AC3F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n          p.mb-0.parragraphCapitalize {{ citaFecha(appointment.date_appoinment) }} \n        .d-flex.align-items-center\n          svg(width='24' height='25' viewbox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg')\n            path(d='M10.9219 18.043C14.0735 18.043 16.6283 15.3567 16.6283 12.043C16.6283 8.72926 14.0735 6.04297 10.9219 6.04297C7.77031 6.04297 5.21545 8.72926 5.21545 12.043C5.21545 15.3567 7.77031 18.043 10.9219 18.043Z' stroke='#89D4F4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M10.9219 12.0431V8.79297' stroke='#89D4F4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M10.9219 12.043H12.871' stroke='#89D4F4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n          p.mb-0 {{ citaHora(appointment.date_appoinment + ' ' +appointment.hour_appoinment) }}\n      .dateCard.d-flex.align-items-center.p-3.mt-3\n        p.mb-0 № de confirmación: {{ appointment.pac_num }}\n    .card.card-2.mb-5\n      div(v-if=\"statusPayment\")\n        h3(v-if=\"statusPayment === 'success'\") Pago exitoso!\n        h3(v-if=\"statusPayment === 'error'\") El pago no fue exitoso...\n        button(v-if=\"statusPayment === 'error'\" @click=\"onSelectedThisProcedure(appointment)\").buttonForm.d-block.w-100.mt-4\n          span Pagar con asesor\n        h3(v-if=\"statusPayment === 'outTime'\") La cita esta fuera del horario\n        button.buttonForm.d-block.w-100.mt-4(@click=\"checkTurn\")\n          span(v-if=\"loading && loading === 'checkTurn'\")\n            MiniSpinner\n          span(v-else) Continuar\n      div(v-else)\n        h3 Selecciona la forma en que deseas pagar tu cita:\n        button.buttonForm.d-block.w-100.mt-4(v-if=\"urlExist\" @click=\"openAlert\")\n          span(v-if=\"loading && loading === 'externalPay'\")\n            MiniSpinner\n          span(v-else) Pagar Online\n        button(@click=\"onSelectedThisProcedure(appointment)\").buttonForm.d-block.w-100.mt-4\n          span Pagar con asesor\n\n  //- Modals\n  b-modal(id=\"pays-modal-mobileFSFB\" hide-footer hide-header size=\"s\" centered no-close-on-backdrop)\n    .dateCard.d-flex.align-items-center.justify-content-between.p-3(style=\"text-align: center;\")\n      strong.mt-0.mb-0.fonterCurrentUser Al finalizar tu proceso de pago, recuerda descargar tu comprobante y regresar al comercio\n    div\n      button(@click=\"cancelPayAction\" style=\"background: #aaaaaa\").buttonForm.d-block.w-100.mt-2\n        span Cancelar\n      button(@click=\"externalPay(appointment)\").buttonForm.d-block.w-100.mt-2\n        span Continuar con Pago Online\n\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport moment from \"moment\";\n\nmoment.locale(\"es\") \n\nexport default {\n  name: \"Payment\",\n  data() {\n    return {\n      statusPayment: null,\n      loading: \"\",\n\n      // Check url paymente exist\n      urlExist: true\n    };\n  },\n  computed: {\n    ...mapState({\n      citas: state => state.mobileFSFB.citas,\n      preload: state => state.mobileFSFB.preloadPayments,\n      env: state => state.env,\n      fromQR: state => state.mobileFSFB.fromQR\n    }),\n    appointment() {\n      let queryS = this.$route.query;\n      if (queryS.reference_transaction)\n        return this.citas.find(\n          a =>\n            a.number_form == queryS.reference_transaction.replace(\"appo-\", \"\")\n        ) || {};\n      else return this.citas.find(a => a.number_form == queryS.id_cita_pago) || {};\n    },\n    doctorName() {\n      if(this.appointment){\n        let staff = this.appointment.staff;\n        return staff ? `Dr(a). ${staff.name} ${staff.last_name} ${staff.mother_last_name}` : '';\n      } else return \"\";\n    }\n  },\n  created() {\n    // preload\n    this.handlePreloadAppointments(true);\n  },\n  mounted() {\n    setTimeout(() => {\n\n      // Check url payment\n      if(this.appointment.appoinment_url_paid){\n        this.urlExist = true;\n      } else this.urlExist = false;\n\n      // check time\n      if(this.availableTime(this.appointment)){\n        let queryS = this.$route.query;\n        if (this.appointment.appoinment_paid == \"SI\")\n          this.statusPayment = \"success\";\n        if (queryS.status_transaction == \"APPROVED\")\n          this.statusPayment = \"success\";\n        if (queryS.status_transaction == \"REVOKED\") this.statusPayment = \"error\";\n      } else {\n        this.statusPayment = \"outTime\";\n      }\n\n      // preload\n      this.handlePreloadAppointments(false);\n    }, 2000);\n  },\n  methods: {\n    ...mapActions({\n      handlePreloadAppointments: \"mobileFSFB/handlePreloadAppointments\",\n      setCitaCM: \"mobileFSFB/setCitaCM\",\n      goToView: \"mobileFSFB/goToView\",\n      goBack: \"mobileFSFB/goBack\",\n    }),\n    citaHora(hour) {\n      //TODO: Por ahora esto no const dateCita = new Date(this.citasEnCM[0].Fecha).getHours();\n      //TODO: Esta es forma de solo poner hora const splitFecha = this.citasEnCM[0].Fecha.split(\":\");\n      // const result = `${splitFecha[0].slice(-2)}:${splitFecha[1]}`;\n      return moment(hour).format(\"hh:mm a\");\n    },\n\n    citaFecha(date) {\n      return moment(date).format(\"MMMM Do YYYY\");\n    },\n\n    externalPay(appointment) {\n      let url =\n        appointment.appoinment_url_paid +\n        \"&return_url=\" +\n        `https://develop.d2x3kt6co3jz8o.amplifyapp.com`;\n      this.loading = \"externalPay\";\n      window.location.href = url;\n    },\n\n    checkTurn() {\n      this.loading = \"checkTurn\";\n      let appointment = this.appointment;\n      let queryS = this.$route.query;\n\n      // check time\n      if(!this.availableTime(appointment)){\n        this.goToView({view: 'Home'});\n        return this.$router.replace({ query: {  } });\n      }\n\n      // Check status transaction\n      if(queryS.status_transaction == 'APPROVED'){\n        appointment.appoinment_paid = 'SI';\n        appointment.appoinment_url_paid = null;\n      }\n      if (this.statusPayment === \"success\") {\n        this.setCitaCM(appointment);\n      } else {\n        this.statusPayment = null;\n      }\n    },\n\n    availableTime() {\n      return true;\n      // let minutes = moment().diff(moment(`${cita.date_appoinment} ${cita.hour_appoinment}`), 'minutes');\n      // minutes = minutes > 0 ? parseInt(minutes) : parseInt(minutes) * -1;\n      // var isafter = moment().unix() - moment(`${cita.date_appoinment} ${cita.hour_appoinment}`).unix();\n      // if(isafter > 0){\n      //   return minutes <= this.env.VUE_APP_APPOINTMENT_TIME_AVAILABLE_AFTER;\n      // } else return minutes <= this.env.VUE_APP_APPOINTMENT_TIME_AVAILABLE_BEFORE;\n    },\n\n    onSelectedThisProcedure(cita) {\n\n      if(!this.availableTime(cita)) return;\n      \n      this.loading = \"loadingSelect\";\n      this.selectedSchedule = cita;\n      sessionStorage.setItem(\"appointment\", cita.number_form);\n      sessionStorage.setItem(\"fecha_cita\", moment(`${cita.date_appoinment} ${cita.hour_appoinment}`).unix());\n      sessionStorage.setItem(\"info_cita\", JSON.stringify(cita));\n      cita.goAsesor = true;\n      this.setCitaCM(cita);\n      \n    },\n\n    openAlert(){\n      this.$bvModal.show(\"pays-modal-mobileFSFB\");\n    },\n\n    cancelPayAction(){\n      this.$bvModal.hide(\"pays-modal-mobileFSFB\");\n    }\n  },\n\n  components: {\n    LoadingFSFB: () => import(\"./components/LoadingFSFB.vue\"),\n    MiniSpinner: () => import(\"./components/MiniSpinner\")\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ContainerHeader {\n  background-color: var(--color-radiant-blue);\n  margin-bottom: -15px;\n}\n\n.fontTitleHeader {\n  font-family: var(--font-secondary);\n  font-size: 18px;\n  line-height: 25px;\n  text-align: center;\n  padding-top: 18px;\n  color: var(--color-white);\n}\n\n.ContainerData {\n  position: relative;\n  border-radius: 20px 20px 0 0;\n  background-color: #ffffff;\n  max-height: calc(100vh - 98px);\n  overflow-y: auto;\n}\n\n.doctorName {\n  font-size: 16px;\n  line-height: 20px;\n  color: #788591;\n}\n\n.dateCard {\n  background: #daf1fb83;\n  border-radius: 13px;\n}\n\n.buttonForm {\n  height: 48px;\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 25px;\n  border: none;\n  outline: none;\n  border-radius: 16px;\n  transition: 0.5s all;\n  background: var(--color-radiant);\n  color: var(--color-white);\n}\n\n.card {\n  max-width: 312px;\n  margin: auto;\n  background: #ffffff;\n  box-shadow: 0px 1px 4px rgba(21, 21, 21, 0.02),\n    0px 8px 12px rgba(21, 21, 21, 0.08);\n  border-radius: 16px;\n  border: none;\n  padding: 16.22px;\n}\n\n.card-2 {\n  margin-top: 36px;\n  padding-bottom: 35px;\n}\n\n.card p {\n  font-style: normal;\n  font-weight: 300;\n  font-size: 15px;\n  line-height: 18px;\n  /* or 120% */\n\n  /* UI Color/body_gray */\n\n  color: #788591;\n}\n\nh3 {\n  font-style: normal;\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 30px;\n  /* or 167% */\n\n  text-align: center;\n\n  /* Text SubTitle */\n\n  color: #283645;\n}\n\n.subTitle {\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 25px;\n  margin: 0 24px;\n  font-family: var(--font-secondary);\n  color: var(--color-radiant-blue);\n}\n\n.Payment,\n.ContainerData {\n  height: 100%;\n}\n\n.backButton {\n  padding-top: 21px;\n}\n\n.parragraphCapitalize {\n  text-transform: capitalize;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Payment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Payment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Payment.vue?vue&type=template&id=3ea6083a&scoped=true&lang=pug&\"\nimport script from \"./Payment.vue?vue&type=script&lang=js&\"\nexport * from \"./Payment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Payment.vue?vue&type=style&index=0&id=3ea6083a&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  \"3ea6083a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=style&index=0&id=3ea6083a&lang=scss&scoped=true&\""],"sourceRoot":""}