{"version":3,"sources":["webpack:///./src/views/applicant/PaymentOptionsPage.vue?b8d6","webpack:///./src/views/applicant/PaymentOptionsPage.vue","webpack:///src/views/applicant/PaymentOptionsPage.vue","webpack:///./src/views/applicant/PaymentOptionsPage.vue?e811","webpack:///./src/views/applicant/PaymentOptionsPage.vue?269f"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","_v","proxy","user","payment_method","staticClass","_s","direct_billing","bank","clabe","on","$event","stopPropagation","showDirectBillingPrompt","apply","arguments","isMounted","isPayDay","_e","ref","showPopUpPayments","popUpPaymentsActive","staticRenderFns","components","ApplicantPaymentsPlan","PaymentInformation","LoanDeliveredDetail","data","contractCancelDirectBillingType","popUpDirectBillingCancelContract","currentPayment","master","currentMasterPayment","currentDate","currentFullDate","computed","methods","setCurrentDate","m","showPopUpCancelDirectBilling","name","geolocation","contractType","getNextPayment","component"],"mappings":"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","file":"js/chunk-1ebe225b.10051f70.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentOptionsPage.vue?vue&type=style&index=0&id=3a06718c&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('big-title-color',{attrs:{\"variant-class\":\"dark\"},scopedSlots:_vm._u([{key:\"text\",fn:function(){return [_vm._v(\"Realizar\"),_c('span',[_vm._v(\" pagos\")]),_vm._v(\".\")]},proxy:true}])},[_vm._v(\". \")]),(_vm.user.payment_method == 3)?_c('vx-card',{staticClass:\"mt-base\",attrs:{\"card-background\":\"#E9F8E8\"}},[_c('h2',{staticClass:\"title-rg-green mb-4\"},[_vm._v(\"Tu pago automático está activado.\")]),_c('p',{staticClass:\"black text-lg mb-4\"},[_vm._v(\" Recuerda contar con fondos suficientes en tu cuenta el día de pago, de lo contrario, \"),_c('br'),_vm._v(\"no se realizará el pago automático y tendrás que realizarlo manualmente. \")]),_c('div',{staticClass:\"flex\"},[_c('p',{staticClass:\"black text-lg mb-2\"},[_c('span',{staticClass:\"bold\"},[_vm._v(\"Pago domiciliado\")]),_vm._v(\" \"+_vm._s(_vm.user.direct_billing.bank)+\" \"),_c('span',{staticClass:\"bold\"},[_vm._v(_vm._s(_vm.user.direct_billing.clabe))])]),_c('p',{staticClass:\"black underline text-sm ml-4 cursor-pointer\",on:{\"click\":function($event){$event.stopPropagation();return _vm.showDirectBillingPrompt.apply(null, arguments)}}},[_vm._v(\"Cambiar cuenta\")])])]):_c('vx-card',{staticClass:\"mt-base\",attrs:{\"card-background\":\"#E9F8E8\"}},[_c('h2',{staticClass:\"title-rg-green mb-4\"},[_vm._v(\"Activa el pago automático.\")]),_c('div',{staticClass:\"vx-row justify-between\"},[_c('div',{staticClass:\"vx-col sm:w-full md:w-1/2 mb-4 align-self-center\"},[_c('p',{staticClass:\"black text-lg\"},[_vm._v(\" Domicilia tu pago y siente la tranquilidad de estar siempre al corriente. \")])]),_c('div',{staticClass:\"vx-col sm:w-full md:w-1/2 mb-4 text-right\"},[_c('vs-button',{staticClass:\"sm:px-base px-4\",attrs:{\"color\":\"#20B61A\"},on:{\"click\":_vm.showDirectBillingPrompt}},[_vm._v(\"Activar pago automático\")])],1)])]),(_vm.isMounted && _vm.user.payment_method == 3 && _vm.isPayDay)?_c('vx-card',{staticClass:\"mt-base\",attrs:{\"card-background\":\"#FFEE8D\"}},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"items-center mr-2\"},[_c('feather-icon',{staticClass:\"mr-2 black w-5\",attrs:{\"icon\":\"AlertTriangleIcon\"}})],1),_c('div',[_c('h4',{staticClass:\"mb-4\"},[_vm._v(\"El pago automático de tu mensualidad está en proceso.\")]),_c('p',{staticClass:\"black text-lg mb-4\"},[_vm._v(\" Estamos procesando tu pago, asegúrate de contar con fondos suficientes en tu cuenta. Si tienes problemas o dudas puedes escribirnos en el chat. \")])])])]):_vm._e(),_c('PaymentInformation',{staticClass:\"mt-base mb-base text-lg\"}),_c('LoanDeliveredDetail',{ref:\"loanDeliveredDetails\",attrs:{\"show-cards\":false}}),_c('vx-card',{staticClass:\"mt-base\",attrs:{\"title\":\"Consulta tu plan de pagos.\"}},[_c('p',{staticClass:\"text-lg\"},[_vm._v(\" Visualiza tu plan de pagos fácilmente. ¡Conoce cuotas, fechas y más con un solo clic! \")]),_c('vs-button',{staticClass:\"sm:px-base mt-5 px-4\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.showPopUpPayments}},[_vm._v(\"Ver plan de pagos\")])],1),_c('vs-popup',{staticClass:\"max-width-popup header-primary\",attrs:{\"active\":_vm.popUpPaymentsActive,\"title\":\"Plan de pagos\"},on:{\"update:active\":function($event){_vm.popUpPaymentsActive=$event}}},[_c('applicant-payments-plan',{attrs:{\"project-id\":\"-1\",\"master-global\":true}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <big-title-color variant-class=\"dark\">\n      <template v-slot:text>Realizar<span> pagos</span>.</template>.\n    </big-title-color>\n    <!-- CARD PARA CANCELAR O MODIFICAR LOS PAGOS AUTOMATICOS -->\n    <vx-card class=\"mt-base\" card-background=\"#E9F8E8\" v-if=\"user.payment_method == 3\">\n      <h2 class=\"title-rg-green mb-4\">Tu pago automático está activado.</h2>\n      <p class=\"black text-lg mb-4\">\n        Recuerda contar con fondos suficientes en tu cuenta el día de pago, de lo contrario, <br>no se realizará el pago\n        automático y tendrás que realizarlo manualmente.\n      </p>\n      <div class=\"flex\">\n        <p class=\"black text-lg mb-2\"><span class=\"bold\">Pago domiciliado</span> {{ user.direct_billing.bank }} <span\n            class=\"bold\">{{ user.direct_billing.clabe }}</span></p>\n        <p class=\"black underline text-sm ml-4 cursor-pointer\" @click.stop=\"showDirectBillingPrompt\">Cambiar cuenta</p>\n      </div>\n    </vx-card>\n    <!-- CARD PARA CANCELAR O MODIFICAR LOS PAGOS AUTOMATICOS -->\n    <!-- CARD PARA ACTIVAR LOS PAGOS AUTOMATICOS -->\n    <vx-card class=\"mt-base\" card-background=\"#E9F8E8\" v-else>\n      <h2 class=\"title-rg-green mb-4\">Activa el pago automático.</h2>\n      <div class=\"vx-row justify-between\">\n        <div class=\"vx-col sm:w-full md:w-1/2 mb-4 align-self-center\">\n          <p class=\"black text-lg\">\n            Domicilia tu pago y siente la tranquilidad de estar siempre al corriente.\n          </p>\n        </div>\n        <div class=\"vx-col sm:w-full md:w-1/2 mb-4 text-right\">\n          <vs-button color=\"#20B61A\" class=\"sm:px-base px-4\" @click=\"showDirectBillingPrompt\">Activar pago\n            automático</vs-button>\n        </div>\n\n      </div>\n    </vx-card>\n    <!-- CARD PARA ACTIVAR LOS PAGOS AUTOMATICOS -->\n\n    <!-- NOTIFICACIÓN DEL PAGO -->\n    <vx-card class=\"mt-base\" card-background=\"#FFEE8D\" v-if=\"isMounted && user.payment_method == 3 && isPayDay\">\n      <div class=\"flex\">\n        <div class=\"items-center mr-2\">\n          <feather-icon icon=\"AlertTriangleIcon\" class=\"mr-2 black w-5\" />\n        </div>\n        <div>\n          <h4 class=\"mb-4\">El pago automático de tu mensualidad está en proceso.</h4>\n          <p class=\"black text-lg mb-4\">\n            Estamos procesando tu pago, asegúrate de contar con fondos suficientes en tu cuenta. Si tienes problemas o dudas\n            puedes escribirnos en el chat.\n          </p>\n        </div>\n      </div>\n    </vx-card>\n\n    <!-- DETALLE DEL PAGO -->\n    <PaymentInformation class=\"mt-base mb-base text-lg\" />\n\n    <!-- DOMICILIACIÓN -->\n    <LoanDeliveredDetail :show-cards=\"false\" ref=\"loanDeliveredDetails\" />\n\n    <!-- <payment-options></payment-options> -->\n    <vx-card class=\"mt-base\" title=\"Consulta tu plan de pagos.\">\n      <p class=\"text-lg\">\n        Visualiza tu plan de pagos fácilmente. ¡Conoce cuotas, fechas y más con un solo clic!\n      </p>\n      <vs-button color=\"primary\" class=\"sm:px-base mt-5 px-4\" @click=\"showPopUpPayments\">Ver plan de pagos</vs-button>\n    </vx-card>\n    <!-- Popup para tabla de amortización consolidada -->\n    <vs-popup :active.sync=\"popUpPaymentsActive\" title=\"Plan de pagos\" class=\"max-width-popup header-primary\">\n      <applicant-payments-plan project-id=\"-1\" :master-global=\"true\" />\n    </vs-popup>\n  </div>\n</template>\n<script>\nimport ApplicantPaymentsPlan from \"@components/applicant/projects/detail/ApplicantPaymentsPlan\";\nimport PaymentInformation from \"@views/applicant/onboarding/components/loan-payments/PaymentInformation.vue\";\nimport LoanDeliveredDetail from \"@views/applicant/home/LoanDeliveredDetail.vue\";\n\nexport default {\n  components: {\n    ApplicantPaymentsPlan,\n    PaymentInformation,\n    LoanDeliveredDetail\n  },\n  data() {\n    return {\n      contractCancelDirectBillingType: 20,\n      popUpPaymentsActive: false,\n      popUpDirectBillingCancelContract: false,\n      currentPayment: null,\n      master: null,\n      currentMasterPayment: null,\n      currentDate: new Date,\n      currentFullDate: null,\n      isMounted: false\n    }\n  },\n  async mounted() {\n    this.setCurrentDate();\n    await this.getLoans();\n    this.isMounted = true;\n  },\n  computed: {\n    isPayDay() {\n      return this.currentMasterPayment.payment_date === this.currentFullDate;\n    }\n  },\n  methods: {\n    setCurrentDate() {\n      let m = this.currentDate.getMonth() + 1;\n      const y = this.currentDate.getFullYear().toString();\n      const d = this.currentDate.getDate();\n      if (m < 10) {\n        m = `0${m}`;\n      }\n      this.currentDate = `${y}-${m}`\n      this.currentFullDate = `${y}-${m}-${d}`\n    },\n    showPopUpPayments() {\n      // se genera log de accion\n      this.saveApplicantLogAction(\"LC19-36\");\n      this.popUpPaymentsActive = true;\n    },\n    showPopUpCancelDirectBilling() {\n      // se pide la geolocalizacion para la operacion\n      this.$refs.rgGeolocator.askForGeolocation();\n      this.popUpDirectBillingCancelContract = true;\n    },\n    async goToAutomaticPayments() {\n      await this.$router.push({ name: 'pagoAutomaticoSolicitante' });\n    },\n    async cancelDirectBilling() {\n      this.showLoading(true, \"Guardando información...\");\n      try {\n        let payload = {\n          geolocation: this.CurrentGeolocationData,\n          contractType: this.contractCancelDirectBillingType\n        };\n        await axios.post(\"/api/v1/applicant/\" + this.ApplicantId + \"/cancelDirectBilling\", payload);\n        await this.getUserInfo(this.UserRole);\n        this.showLoading(false);\n        this.popUpDirectBillingCancelContract = false;\n        await this.$router.go();\n      } catch (error) {\n        this.showLoading(false);\n        if (typeof error.response.data.message !== 'undefined') {\n          this.errorNotifDialog('Operación fallida', error.response.data.message);\n        } else {\n          this.failedOperationNotif();\n        }\n      }\n    },\n    showDirectBillingPrompt() {\n      this.$refs.loanDeliveredDetails.showDirectBillingPrompt = true;\n    },\n    async getLoans() {\n      try {\n        const res = await axios.get(`api/loan-onboarding/get/${this.ApplicantId}/loans`);\n        const loans = res.data.loans;\n        await this.getAllPayments(loans[0].id);\n      } catch (error) {\n        this.failedOperationNotif(\"Algo salió mal.\");\n      }\n    },\n    async getAllPayments(loanId) {\n      const res = await axios.get(`api/cobranza/proyectos/${loanId}/master`);\n      this.master = res.data;\n      this.getNextPayment();\n    },\n    getNextPayment() {\n      // Sí es master usa la tabla consolidada\n      const paymentTable = this.master.master\n      const payment = paymentTable.filter(x => x.payment_date.includes(this.currentDate));\n      this.currentMasterPayment = payment[0];\n    },\n  }\n}\n</script>\n\n<style>\n.con-vs-dialog {\n  z-index: 100000 !important;\n}\n</style>","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!./PaymentOptionsPage.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!./PaymentOptionsPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentOptionsPage.vue?vue&type=template&id=3a06718c&\"\nimport script from \"./PaymentOptionsPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentOptionsPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentOptionsPage.vue?vue&type=style&index=0&id=3a06718c&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"],"sourceRoot":""}