{"version":3,"sources":["webpack:///./src/views/applicant/AutomaticPaymentsPage.vue","webpack:///src/views/applicant/AutomaticPaymentsPage.vue","webpack:///./src/views/applicant/AutomaticPaymentsPage.vue?af04","webpack:///./src/views/applicant/AutomaticPaymentsPage.vue?65ba","webpack:///./src/bl/BankAccountStatus.js","webpack:///./src/views/applicant/AutomaticPaymentsPage.vue?2446"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","_v","proxy","staticClass","accounts","length","ref","data","_l","tr","indextr","staticStyle","direct_billing_acceptance","value","model","selectedAccountId","callback","$$v","expression","_s","bank","clabe","slot","stpClabe","on","$event","popUpDirectBillingAcceptanceContract","termsAccepted","acceptDirectBilling","selectedAccount","_e","staticRenderFns","name","mixins","components","LatestDirectBillingAcceptanceContract","contractAcceptDirectBillingType","isMounted","failed","validAccounts","mexicoCountryId","computed","filters","human_date","methods","accs","formattedAccounts","getFormattedAccount","id","bank_id","is_default","is_verified","nacc","geolocation","contractType","lowerPeriodicity","bankAccountId","component","BankAccountStatus","status","VERIFIED","VERIFIED_REQUESTED","REJECTED","UNVERIFIED"],"mappings":"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ACA,uCACA,wBACA,IACA,gEACA,SACA,SACAC,cACA,kCACAC,YAGA,8CACA,uCACA,qBACA,EACA,aACA,EAEA,KAGA,+BACA,oBACAjC,qBACAO,iBACAC,cACAT,0DAIA,iDACA,UACA,6BAEA,YAEAmC,uBACA,OACAC,QACAC,kBACAC,4BACAC,yCACAvC,4DAUA,OAPA,kDACAwC,8BACAA,kBAEAA,wBACAA,qBAEA,GAEA,gCACA,IACA,4EACA,+BAEA,SACA,iBAGA,4BACA,mDAEA,OADA,qIACA,EAEA,gDACA,IACA,OACAC,wCACAC,kDACAC,6CACAC,4CAEA,iFACA,gCACA,2BACA,mBAAAxB,kCACA,SACA,qBACA,6CACA,mEAEA,gCC/P8W,I,wBCQ1WyB,EAAY,eACd,EACAlE,EACAwC,GACA,EACA,KACA,KACA,MAIa,aAAA0B,E,+FCnBR,MAAMC,EAMkB,4BAACC,GACxB,OAAQA,GACJ,KAAKD,EAAkBE,SACnB,MAAO,aACX,KAAKF,EAAkBG,mBACnB,MAAO,kBACX,KAAKH,EAAkBI,SACnB,MAAO,yBACX,KAAKJ,EAAkBK,WACvB,QACI,MAAO,2B,eAhBVL,E,aACW,c,eADXA,E,WAES,Y,eAFTA,E,qBAGmB,sB,eAHnBA,E,WAIS,a,kCCJtB","file":"js/chunk-9723a124.93081c94.js","sourcesContent":["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(\"Activar\"),_c('span',[_vm._v(\" pago automático\")]),_vm._v(\".\")]},proxy:true}])},[_vm._v(\". \")]),_c('vx-card',{staticClass:\"mt-base\",attrs:{\"title\":\"¡Da el paso hacia un camino financiero más simple y exitoso activando el pago automático ahora mismo, es muy sencillo!\"}},[_c('p',{staticClass:\"text-md\"},[_vm._v(\" No más preocupaciones por fechas de pago. Activa el pago automático de tu crédito y experimenta la comodidad de un proceso sin complicaciones. Convierte el estrés de los pagos a tiempo en cosa del pasado, liberando tiempo para lo que realmente importa en tu vida. Además, al mantener un historial de pagos puntual, estarás fortaleciendo tu perfil crediticio, abriendo puertas a mejores oportunidades financieras en el futuro. No dejes que los olvidos o el tiempo consumido por los pagos manuales te detengan. \")])]),_c('vx-card',{staticClass:\"mt-base\",attrs:{\"title\":\"¡Actívalo ahora mismo en 2 pasos!\"}},[_c('div',{staticClass:\"vx-row mt-6 mb-base\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex items-start justify-left mb-1\"},[_c('p',{staticClass:\"mbot\"},[_c('span',{staticClass:\"list-number\"},[_vm._v(\"1\")])]),_c('p',{staticClass:\"ml-3\"},[_c('b',[_vm._v(\"Selecciona tu cuenta\")]),_c('br'),_vm._v(\" Selecciona la cuenta desde la que quieres que se realice el pago automático \")])])]),_c('div',{staticClass:\"vx-col lg:w-2/3 md:w-3/4 sm:w-full w-full ml-base\"},[(_vm.accounts.length > 0)?_c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-account-view\"}},[_c('vs-table',{ref:\"accountsTable\",staticClass:\"mt-5\",attrs:{\"data\":_vm.accounts,\"noDataText\":\"No hay cuentas disponibles\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ data }){return [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,staticStyle:{\"background-color\":\"#3B3A3E\",\"color\":\"white\",\"border-bottom\":\"solid white\"},attrs:{\"data\":tr}},[_c('vs-td',[_c('div',{staticClass:\"flex items-center justify-left\"},[(!tr.direct_billing_acceptance)?_c('vx-tooltip',{attrs:{\"title\":\"Cuenta no soportada\",\"text\":\"Esta cuenta de banco no esta habilitada para poder realizar domiciliación.\"}},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"AlertTriangleIcon\",\"svgClasses\":\"h-5 w-5 text-danger\"}})],1):_c('vs-radio',{staticClass:\"mr-3\",attrs:{\"color\":\"success\",\"vs-value\":tr.value},model:{value:(_vm.selectedAccountId),callback:function ($$v) {_vm.selectedAccountId=$$v},expression:\"selectedAccountId\"}}),_vm._v(\" \"+_vm._s(tr.bank)+\" \")],1)]),_c('vs-td',[_vm._v(\" \"+_vm._s(tr.clabe)+\" \")])],1)}),1)]}}],null,false,2480259808)},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"bold\"},[_vm._v(\"BANCO\")]),_c('vs-th',{staticClass:\"bold\"},[_vm._v(\"CLABE\")])],1)],2),_c('div',{staticClass:\"flex justify-left mt-3\"},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"svgClasses\":\"w-5 h-5 text-success\"}}),_c('small',{staticClass:\"ml-1\"},[_c('i',[_vm._v(\" El pago se realizará el día que te corresponda según tu plan de pagos, pero en caso de no haber fondos suficientes serás notificado y te corresponderá hacer el pago de manera manual ese mes. \")])])],1)],1):_c('div',{staticStyle:{\"border-left\":\"solid #CBFF00\"}},[_c('div',{staticClass:\"flex justify-left items-center mt-3 ml-3\"},[_c('feather-icon',{attrs:{\"icon\":\"AlertTriangleIcon\",\"svgClasses\":\"w-6 h-6 text-danger\"}}),_c('b',{staticClass:\"ml-2\"},[_vm._v(\"Aún no tienes una cuenta registrada\")])],1),_c('p',{staticClass:\"mt-2 ml-3\"},[_vm._v(\" Envía por lo menos $1 MXN para dar de alta tu cuenta bancaria. Importante: Es necesario que el banco se encuentre a tu nombre, de lo contrario no podremos recibir los fondos ni domiciliar el abono recurrente. \"),_c('br'),_c('br'),_vm._v(\" Banco: STP (Sistema de Transferencias y Pagos)\"),_c('br'),_vm._v(\" CLABE: \"+_vm._s(_vm.stpClabe)),_c('br'),_vm._v(\" Beneficiario: Aquí pones tu nombre\"),_c('br'),_vm._v(\" Método de transferencia: SPEI \")])])])]),_c('div',{staticClass:\"vx-row mt-6 mb-base\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex items-start justify-left mb-3\"},[_c('p',{staticClass:\"mbot\"},[_c('span',{staticClass:\"list-number\"},[_vm._v(\"2\")])]),_c('p',{staticClass:\"ml-3\"},[_c('b',[_vm._v(\"Acepta los términos\")]),_c('br'),_vm._v(\" Al dar clic en Confirmar y activar pago automático, confirmarás que RedGirasol podrá realizar la domiciliación a tu cuenta de banco elegida. No te preocupes, podrás cancelar el pago automático en cualquier momento. \")])])]),_c('div',{staticClass:\"vx-col lg:w-2/3 md:w-3/4 sm:w-full w-full ml-base\"},[_c('vs-button',{attrs:{\"size\":\"small\",\"color\":\"#20B61A\",\"type\":\"border\",\"disabled\":!_vm.selectedAccountId},on:{\"click\":function($event){_vm.popUpDirectBillingAcceptanceContract=true}}},[_vm._v(\"Ver consentimiento de pago\")]),_c('vs-checkbox',{staticClass:\"mt-5\",attrs:{\"color\":\"success\",\"disabled\":!_vm.selectedAccountId},model:{value:(_vm.termsAccepted),callback:function ($$v) {_vm.termsAccepted=$$v},expression:\"termsAccepted\"}},[_vm._v(\"He leído y doy el consentimiento\")]),_c('vs-button',{staticClass:\"mt-5\",attrs:{\"color\":\"success\",\"disabled\":!_vm.termsAccepted},on:{\"click\":_vm.acceptDirectBilling}},[_vm._v(\"Confirmar y activar pago automático\")])],1)])]),_c('vs-popup',{staticClass:\"extended-popup header-primary\",attrs:{\"active\":_vm.popUpDirectBillingAcceptanceContract,\"title\":\"Consentimiento de pago\"},on:{\"update:active\":function($event){_vm.popUpDirectBillingAcceptanceContract=$event}}},[(_vm.selectedAccount)?_c('latest-direct-billing-acceptance-contract',{attrs:{\"bank-account\":_vm.selectedAccount}}):_vm._e()],1),_c('rg-geolocator',{ref:\"rgGeolocator\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <big-title-color variant-class=\"dark\">\n            <template v-slot:text>Activar<span> pago automático</span>.</template>.\n        </big-title-color>\n        <!-- CARD DA EL PASO -->\n        <vx-card class=\"mt-base\"\n            title=\"¡Da el paso hacia un camino financiero más simple y exitoso activando el pago automático ahora mismo, es muy sencillo!\">\n            <p class=\"text-md\">\n                No más preocupaciones por fechas de pago. Activa el pago automático de\n                tu crédito y experimenta la comodidad de un proceso sin complicaciones.\n                Convierte el estrés de los pagos a tiempo en cosa del pasado, liberando\n                tiempo para lo que realmente importa en tu vida. Además, al mantener un\n                historial de pagos puntual, estarás fortaleciendo tu perfil crediticio,\n                abriendo puertas a mejores oportunidades financieras en el futuro. No\n                dejes que los olvidos o el tiempo consumido por los pagos manuales te\n                detengan.\n            </p>\n        </vx-card>\n        <!-- CARD DA EL PASO -->\n\n        <vx-card class=\"mt-base\" title=\"¡Actívalo ahora mismo en 2 pasos!\">\n            <div class=\"vx-row mt-6 mb-base\">\n                <div class=\"vx-col w-full\">\n                    <div class=\"flex items-start justify-left mb-1\">\n                        <p class=\"mbot\"><span class=\"list-number\">1</span></p>\n                        <p class=\"ml-3\">\n                            <b>Selecciona tu cuenta</b><br>\n                            Selecciona la cuenta desde la que quieres que se realice el pago automático\n                        </p>\n                    </div>\n                </div>\n                <div class=\"vx-col lg:w-2/3 md:w-3/4 sm:w-full w-full ml-base\">\n                    <div v-if=\"accounts.length > 0\" id=\"data-list-account-view\" class=\"data-list-container\">\n                        <vs-table class=\"mt-5\" ref=\"accountsTable\"\n                            :data=\"accounts\" noDataText=\"No hay cuentas disponibles\">\n                            <template slot=\"thead\">\n                                <vs-th class=\"bold\">BANCO</vs-th>\n                                <vs-th class=\"bold\">CLABE</vs-th>\n                            </template>\n                            <template slot-scope=\"{ data }\">\n                                <tbody>\n                                    <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\" style=\"background-color: #3B3A3E; color: white; border-bottom: solid white;\">\n                                        <vs-td>\n                                            <div class=\"flex items-center justify-left\">\n                                                <vx-tooltip v-if=\"!tr.direct_billing_acceptance\"\n                                                title=\"Cuenta no soportada\"\n                                                text=\"Esta cuenta de banco no esta habilitada para poder realizar domiciliación.\">\n                                                <feather-icon icon=\"AlertTriangleIcon\" svgClasses=\"h-5 w-5 text-danger\" class=\"mr-2\" />\n                                                </vx-tooltip>\n                                                <vs-radio v-else class=\"mr-3\" color=\"success\" v-model=\"selectedAccountId\" :vs-value=\"tr.value\"></vs-radio>\n                                                {{ tr.bank }}\n                                            </div>\n                                        </vs-td>\n                                        <vs-td>\n                                            {{ tr.clabe }}\n                                        </vs-td>\n                                    </vs-tr>\n                                </tbody>\n                            </template>\n                        </vs-table>\n                        <div class=\"flex justify-left mt-3\">\n                            <feather-icon icon=\"InfoIcon\" svgClasses=\"w-5 h-5 text-success\" />\n                            <small class=\"ml-1\">\n                                <i>\n                                    El pago se realizará el día que te corresponda según tu plan de pagos, pero en caso de no haber fondos suficientes serás notificado y te corresponderá hacer el pago de manera manual ese mes.\n                                </i>\n                            </small>\n                        </div>\n                    </div>\n\n                    <div style=\"border-left: solid #CBFF00;\" v-else>\n                        <div class=\"flex justify-left items-center mt-3 ml-3\">\n                            <feather-icon icon=\"AlertTriangleIcon\" svgClasses=\"w-6 h-6 text-danger\" />\n                            <b class=\"ml-2\">Aún no tienes una cuenta registrada</b>\n                        </div>\n                        <p class=\"mt-2 ml-3\">\n                            Envía por lo menos $1 MXN para dar de alta tu cuenta bancaria. Importante: Es necesario que el banco se encuentre a tu nombre, \n                            de lo contrario no podremos recibir los fondos ni domiciliar el abono recurrente.\n                            <br>\n                            <br>\n                            Banco: STP (Sistema de Transferencias y Pagos)<br>\n                            CLABE: {{ stpClabe }}<br>\n                            Beneficiario: Aquí pones tu nombre<br>\n                            Método de transferencia: SPEI\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"vx-row mt-6 mb-base\">\n                <div class=\"vx-col w-full\">\n                    <div class=\"flex items-start justify-left mb-3\">\n                        <p class=\"mbot\"><span class=\"list-number\">2</span></p>\n                        <p class=\"ml-3\">\n                            <b>Acepta los términos</b><br>\n                            Al dar clic en Confirmar y activar pago automático, confirmarás que RedGirasol podrá realizar la domiciliación a tu cuenta de banco elegida. No te preocupes, podrás cancelar el pago automático en cualquier momento.                        </p>\n                    </div>\n                </div>\n                <div class=\"vx-col lg:w-2/3 md:w-3/4 sm:w-full w-full ml-base\">\n                    <vs-button size=\"small\" color=\"#20B61A\" type=\"border\" :disabled=\"!selectedAccountId\" @click=\"popUpDirectBillingAcceptanceContract=true\">Ver consentimiento de pago</vs-button>\n                    <vs-checkbox class=\"mt-5\" color=\"success\" :disabled=\"!selectedAccountId\" v-model=\"termsAccepted\">He leído y doy el consentimiento</vs-checkbox>\n                    <vs-button color=\"success\" class=\"mt-5\" :disabled=\"!termsAccepted\" @click=\"acceptDirectBilling\">Confirmar y activar pago automático</vs-button>\n                </div>\n            </div>\n        </vx-card>\n        <!-- Popup para tabla de amortización consolidada -->\n        <vs-popup :active.sync=\"popUpDirectBillingAcceptanceContract\" title=\"Consentimiento de pago\" class=\"extended-popup header-primary\">\n            <latest-direct-billing-acceptance-contract v-if=\"selectedAccount\" :bank-account=\"selectedAccount\" />\n        </vs-popup>\n        \n        <!-- Componente para obtener la geolocalización -->\n        <rg-geolocator ref=\"rgGeolocator\" />\n    </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex'\nimport formatHelper from \"@mixins/formatHelper\";\nimport dateHelper from \"@mixins/dateHelper\";\nimport LatestDirectBillingAcceptanceContract from \"@views/share/contracts/DirectBillingContract/LatestDirectBillingAcceptanceContract.vue\";\nimport {BankAccountStatus} from \"@/bl/BankAccountStatus\";\n\nexport default {\n    name: \"AutomaticPaymentsPage\",\n    mixins: [formatHelper, dateHelper],\n    components: {\n        LatestDirectBillingAcceptanceContract\n    },\n    data() {\n        return {\n            contractAcceptDirectBillingType: 19,\n            isMounted: false,\n            failed: false,\n            validAccounts: [],\n            accounts: [],\n            stpClabe: null,\n            selectedAccountId: null,\n            mexicoCountryId: 700,\n            termsAccepted: false,\n            popUpDirectBillingAcceptanceContract: false\n        };\n    },\n    async mounted() {\n        if (this.user.payment_method == 3) {\n            await this.$router.push({ name: 'realizarPagosSolicitante' });\n            return;\n        }\n        this.showLoading(true);\n        this.isMounted = false;\n        await this.getUserAccounts();\n        this.stpClabe = this.user.clabeStp; \n        if (!this.stpClabe) {\n            await this.getApplicantPaymentInfo();\n        }\n        // se pide la geolocalizacion para la operacion\n        await this.$refs.rgGeolocator.askForGeolocation();\n        this.isMounted = true;\n        this.showLoading(false);\n    },\n    computed: {\n        selectedAccount(){\n            return this.validAccounts.find((f) => f.id == this.selectedAccountId);\n        },\n    },\n    filters: {\n        human_date(date) {\n            return moment(date).lang(\"es\").format(\"D MMM YYYY\");\n        },\n    },\n    methods: {\n        ...mapActions('auth', ['getUserInfo']),\n        async getUserAccounts() {\n            try {\n                const res = await axios.get(`api/v1/userBankAccounts/${this.UserId}`);\n                const accs = res.data;\n                let formattedAccounts = [];\n                accs.forEach((f) => {\n                    let nacc = this.getFormattedAccount(f);\n                    formattedAccounts.push(nacc);\n                });\n\n                this.validAccounts = formattedAccounts.filter((f) => f.is_verified);\n                this.validAccounts.sort(function (a, b) {\n                    if (a.is_default) {\n                        return -1;\n                    } else if (b.is_default) {\n                        return 1;\n                    }\n                    return 0;\n                });\n\n                this.validAccounts.forEach((opt) => {\n                    this.accounts.push({\n                        value: parseInt(opt.id),\n                        bank: opt.bank_name,\n                        clabe: opt.clabe,\n                        direct_billing_acceptance: opt.direct_billing_acceptance\n                    }); //conversion a sintaxis de vx-select\n                });\n\n                const defaultAccount = this.validAccounts.find((f) => f.is_default);\n                if (defaultAccount != null) {\n                    this.selectedAccountId = defaultAccount.id;\n                }\n            } catch (e) { }\n        },\n        getFormattedAccount(f) {\n            let nacc = {\n                id: f.id,\n                bank_id: f.bank_id,\n                is_default: f.is_default === 1,\n                is_verified: f.verified === BankAccountStatus.VERIFIED,\n                direct_billing_acceptance: f.bank.direct_billing_acceptance\n            };\n\n            if (f.bank && f.bank.country_id === this.mexicoCountryId) {\n                nacc.bank_name = f.bank.short_name;\n                nacc.clabe = f.clabe;\n            } else {\n                nacc.bank_name = f.bank.name;\n                nacc.clabe = f.bic_swift;\n            }\n            return nacc;\n        },\n        async getApplicantPaymentInfo(){\n            try{\n                const response = await axios.get(`api/v1/applicant/${this.ApplicantId}/paymentData`);\n                this.stpClabe = response.data.clabe_stp;\n            }\n            catch (e) {\n                this.failed = true;\n            }\n        },\n        async acceptDirectBilling() {\n            if(!this.selectedAccount.direct_billing_acceptance){\n                this.errorNotifDialog('Cuenta no soportada', \"La cuenta de banco que indicas no esta habilitada para poder realizar domiciliación.\");\n                return false;\n            }\n            this.showLoading(true, \"Guardando información...\");\n            try {\n                let payload = {\n                    geolocation: this.CurrentGeolocationData,\n                    contractType: this.contractAcceptDirectBillingType,\n                    lowerPeriodicity: this.user.lower_periodicity,\n                    bankAccountId: this.selectedAccountId\n                };\n                await axios.post(\"/api/v1/applicant/\" + this.ApplicantId + \"/acceptDirectBilling\", payload);\n                await this.getUserInfo(this.UserRole);\n                this.showLoading(false);\n                await this.$router.push({ name: 'realizarPagosSolicitante' });\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    },\n};\n</script>\n\n<style>\n.list-number {\n  font-size: 16px;\n  background-color: #CBFF00;\n  color: black;\n  padding: 2px 11px;\n  border-radius: 50%;\n  height: 30px;\n  width: 30px;\n  display: inline-block;\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n.mbot {\n  margin-bottom: 15px;\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!./AutomaticPaymentsPage.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!./AutomaticPaymentsPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AutomaticPaymentsPage.vue?vue&type=template&id=5fa95ec3&\"\nimport script from \"./AutomaticPaymentsPage.vue?vue&type=script&lang=js&\"\nexport * from \"./AutomaticPaymentsPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AutomaticPaymentsPage.vue?vue&type=style&index=0&id=5fa95ec3&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","export class BankAccountStatus {\n    static UNVERIFIED = \"unverified\";\n    static VERIFIED = \"verified\";\n    static VERIFIED_REQUESTED = \"verified_requested\";\n    static REJECTED = \"rejected\";\n\n    static getAccountStatusName(status) {\n        switch (status) {\n            case BankAccountStatus.VERIFIED:\n                return \"Verificada\";\n            case BankAccountStatus.VERIFIED_REQUESTED:\n                return \"En verificación\";\n            case BankAccountStatus.REJECTED:\n                return \"Verificación rechazada\";\n            case BankAccountStatus.UNVERIFIED:\n            default:\n                return \"Pendiente de completar\";\n        }\n    }\n}","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!./AutomaticPaymentsPage.vue?vue&type=style&index=0&id=5fa95ec3&prod&lang=css&\""],"sourceRoot":""}