\n setTerminos(!terminos)}\n />\n TÉRMINOS Y CONDICIONES PLATAFORMA MÓVIL GO S.A.S\n {checkBoxAlertTerminos &&
\n \n Acepta por favor terminos y condiciones
}\n\n setPoliticas(!politicas)}\n />\n \n POLÍTICA DE PRIVACIDAD\n \n {checkBoxAlertPoliticas &&\n
\n \n Acepta por favor las politicas de privacidad\n
}\n\n \n {Routes.map((source,i) => {\n return (\n {navigation(source.source)}} />\n )\n \n })}\n
\n \n \n )\n \n \n const navigation =(ruta)=>{\n setIsMenuOpen(!isMenuOpen)\n navigate(ruta)\n }\n const close = () => { \n setUserLog(false);\n localStorage.removeItem(\"Session\");\n localStorage.removeItem(\"Permission\");\n /* console.log(\"id padre desde el header: \", idClienteFinalCardoso) */\n if (localStorage.getItem('idDelPadre') == \"movilgo\"){\n navigate(\"/\");\n localStorage.removeItem(\"idDelPadre\");\n } else if (localStorage.getItem('idDelPadre') == \"cardoso\") {\n navigate(\"/cardoso\");\n localStorage.removeItem(\"idDelPadre\");\n }\n \n window.location.reload(true);\n }\n \n return(\n \n setIsMenuOpen(!isMenuOpen)}\n direction='left'\n className='menu_lateral'\n style={{backgroundColor:'#005F6E' ,width:300}}\n >\n
\n {loading && \n setViewModalLogin(flag)} \n onLogin={(resp, flag) => { login(resp, flag) }} />}\n setViewModalRegister(flag)} \n onLogin={(resp, flag) => { login(resp, flag) }}/>\n \n \n \n
\n \n \n \n setIsMenuOpen(!isMenuOpen)} /> \n
\n
\n }\n \n Menu
\n\n
\n \n \n \n \n {showSeller&& window.open(Url_vendedor)} >Vendedor}\n setViewModalLogin(true)} >Iniciar Sesión\n setViewModalRegister(true)} >Registrate\n
\n }\n \n {userLog&&\n \n \n \n {Capitalize(username)}\n \n
\n \n \n \n \n
\n }\n \n \n {viewModalLogin && \n \n
\n \n {drawer}\n \n \n \n \n
\n Bienvenido
\n\n \n
\n \n {/* {userName} */}\n
\n\n \n {Routes.map((source,i) => {\n return (\n {navigation(source.source)}} />\n )\n \n })}\n
\n \n \n )\n \n\n const navigation =(ruta)=>{\n setIsMenuOpen(!isMenuOpen)\n navigate(ruta)\n }\n const close = () => { \n setUserLog(false);\n localStorage.removeItem(\"Session\");\n localStorage.removeItem(\"Permission\");\n /* console.log(\"id padre desde el header: \", idClienteFinalCardoso) */\n if (localStorage.getItem('idDelPadre') == \"movilgo\"){\n navigate(\"/\");\n localStorage.removeItem(\"idDelPadre\");\n } else if (localStorage.getItem('idDelPadre') == \"cardoso\") {\n navigate(\"/cardoso\");\n localStorage.removeItem(\"idDelPadre\");\n }\n \n window.location.reload(true);\n }\n \n return(\n \n setIsMenuOpen(!isMenuOpen)}\n direction='left'\n className='menu_lateral'\n style={{backgroundColor:'#005F6E' ,width:300}}\n >\n
\n {loading && \n setViewModalLogin(flag)} \n onLogin={(resp, flag) => { login(resp, flag) }} />}\n setViewModalRegister(flag)} \n onLogin={(resp, flag) => { login(resp, flag) }}/>\n \n\n \n
\n \n \n \n setIsMenuOpen(!isMenuOpen)} /> \n
\n
\n }\n \n Menu
\n\n
\n \n
\n \n \n \n \n {showSeller&& window.open(Url_vendedor)} >Vendedor}\n setViewModalLogin(true)} >Iniciar Sesión\n setViewModalRegister(true)} >Registrate\n
\n }\n \n {userLog&&\n\n \n \n {Capitalize(username)}\n \n
\n \n \n \n \n
\n }\n \n \n {viewModalLogin && \n \n
\n \n {drawer}\n \n \n \n \n
\n Bienvenido
\n\n \n
\n \n {/* {userName} */}\n
\n\n
\n \n )}\n }\n\n","import React, { Component } from \"react\";\nimport Carousel from \"react-spring-3d-carousel\";\nimport uuidv4 from \"uuid\";\nimport { config } from \"react-spring\";\nimport rifa from '../../../assets/home/volante_rifa.jpg';\nimport ganador from '../../../assets/home/ganador.jpeg';\nimport nissan from '../../../assets/home/rifa-nissan.jpeg';\nimport foto1 from '../../../assets/home/fotos-05.jpg';\nimport foto2 from '../../../assets/home/foto-8.jpg';\nimport foto3 from '../../../assets/home/PROMOCIONAL.jpg';\nimport foto4 from '../../../assets/home/quienes-somos.jpg';\nimport bonoMillo from '../../../assets/home/Bono_millonario.jpeg';\nimport taxi from '../../../assets/home/Rifa_taxi.jpeg';\nimport { URL_landingPage } from \"../../../utilities/odoo-config\";\n\nexport default class CarruselHome extends Component {\n state = {\n goToSlide: 0,\n offsetRadius: 2,\n showNavigation: true,\n config: config.gentle\n };\n\n data = [\n /* {\n key: uuidv4(),\n content: (\n \n \n
\n \n\n
\n \n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />}\n
{/* \n \n
*/}\n \n
\n \n
\n \n \n \n ¿Que quieres hacer hoy?\n
\n\n
\n \n \n Nuestra App\n
\n\n Contamos con una aplicacion móvil para facilitarte el trabajo a la hora de ralizar ventas,rifas,consultas y mucho más ...\n
\n\n 
\n \n Comprar\n \n
\n ),\n }, */\n {\n content: \n
\n );\n }\n}\n","\nimport React, { Component } from 'react';\nimport CarruselHome from './components/carruselhome';\nimport { Button, Image, Row, Col, Card, Modal } from 'react-bootstrap';\nimport fondo from '../../assets/home/fondo.png';\nimport fondo2 from '../../assets/home/fondo2.png'\nimport men from '../../assets/home/img1.png';\nimport personaje from '../../assets/home/personaje.png'\nimport { Register } from '../../shared/header/components/register';\nimport incon from '../../assets/home/icono.png'\nimport woman from '../../assets/home/img2.png'\nimport rifa from '../../assets/home/comunicado_BYD.jpeg'\nimport resolucion from '../../assets/documents/RESOLUCION_MODIFICACION_FECHA_SORTEO.pdf';\nimport Header from '../../shared/header/header';\nimport { idClienteFinal } from '../../utilities/odoo-config';\nimport '../home/components/FirstHome.css';\nexport default class FirstHomeComponent extends Component {\n constructor(props) {\n super(props)\n this.state = {\n showRegister: false,\n deslogear: false,\n show: false\n }\n }\n componentDidMount = () => {\n //this.setState({ show: true })\n //console.log(\"componentDidMount props\",this.props)\n }\n\n handleDownload = () => {\n const link = document.createElement('a');\n link.href = resolucion; // URL del documento que quieres descargar\n link.download = 'RESOLUCION_MODIFICACION_FECHA_SORTEO.pdf'; // Nombre del archivo descargado\n link.click();\n };\n\n render() {\n return (<>\n\n \n this.setState({ showRegister: flag })}\n onLogin={(resp, flag) => { this.props.login(resp, flag) }} />\n
\n \n
\n \n \n
\n\n
\n\n \n this.setState({ deslogear: flag })} />\n
\n \n
\n\n \n
\n\n \n \n\n Tener en tu celular todo lo que necesitas es mas sencillo\n
\n\n\n Encuentra todos los productos que utilizas en tu dispositivo\n
\n\n
\n\n\n \n \n \n \n \n \n\n \n
\n
\n \n
\n\n \n \n Nuestros productos\n
\n\n Un lugar en donde puedes encontrar todos los servicios de mas utilizas\n
\n\n\n
\n \n RECARGAS Y PAQUETES\n
\n\n PINES\n
\n\n APUESTAS DEPORTIVAS\n
\n\n CERTIFICADOS DE TRADICION\n
\n\n RIFAS\n
\n\n
\n\n \n\n
\n \n
\n \n
\n \n Es muy sencillo\n
\n\n
\n \n \n
\n
\n \n Ingresa desde tu computador y registrate con tus datos personajes e informarcion\n
\n\n \n
\n
\n \n Accede servicio o producto que necesita\n
\n\n \n
\n
\n \n Seleciona el medio de pago\n
\n\n
\n \n
\n \n \n
\n
\n \n Nuestra App\n
\n\n Ingresa desde tu computador y registrate con tus datos personajes e informarcion\n
\n\n {/* Botón \"X\" para cerrar el modal */}\n this.setState({ show: false })}\n className=\"position-absolute end-0 m-2 border-0\"\n style={{ fontSize: '20px', fontWeight:'bold', zIndex: 1, borderRadius:'50%', backgroundColor:'#07989d', height:40, width:40 }}\n >\n ×\n \n\n {/* Imagen del modal */}\n
\n \n
\n\n {/* Botón de descarga */}\n \n (e.target.style.backgroundColor = '#057d80')}\n onMouseLeave={(e) => (e.target.style.backgroundColor = '#07989d')}\n >\n Descargar Resolución\n \n
\n \n {prices.map((price, i) => {\n let btn_class;\n if (indexBtn !== -1) {\n if (indexBtn === i) {\n btn_class = clicked ? \"#bedb02\" : \"\"\n }\n\n }\n return (\n \n )\n })\n }\n
\n )\n\n}\n\nexport const ListBallotsUser = (props) => {\n const { listaAbonos = [], setPayment, setVisible } = props\n return (\n <>\n \n \n \n
\n
\n \n )\n}","\nimport Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const Transaction = async (data, call) => {\n \n const config = await OdooConfig();\n const user = Desencrypt();\n let finish = false;\n const args = [[0, data]];\n\n const params = {\n model: \"movilgo.webservice\",\n method: \"transaccion\",\n };\n\n setTimeout(() => {\n if (finish) {\n return;\n }\n alert(\"Tiempo limite excedidoo\");\n call(false, \"\");\n return;\n }, 100000);\n\n\n const odoo = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: user.user,\n password: user.password\n });\n \n odoo.connect((errLogin, responseLogin) => {\n \n if (errLogin) {\n return;\n\n }\n odoo.execute_kw(params.model, params.method, args, (err, response) => {\n \n finish = true;\n if (err) {\n /* call(err,false); */\n call(false, err);\n return false;\n }\n\n if (response) {\n if (response.errores && response.errores.id) {\n\n call(false, response);\n return false;\n }\n call(true, response);\n return true;\n }\n return false;\n\n });\n })\n}\n\n","\nexport const ManagmentErrors = (id) => {\n const listErrors = JSON.parse(localStorage.getItem(\"Errores\"));\n let result = \"Error inesperado.\"\n listErrors.forEach(element => {\n if (element.id === id) {\n result = element.descripcion;\n return;\n }\n });\n return result\n\n}","import React from 'react';\nimport { Button, Modal } from 'react-bootstrap';\nexport const ModalNotificationTransaction = (props) => {\n const { message, type, closeModal,reponse } = props\n return (\n | ID | \nBoleta | \nCliente | \nCelular | \nSaldo | \n\n |
|---|
\n
\n {message}
\n\n
\n {message}
\n\n {this.state.loading &&
\n \n \n {/* {this.state.modalNotificacion && \n {show&&
\n \n \n \n \n
}\n\n \n \n \n verifyField(true)} \n value={documentCard} \n style={{backgroundColor:'transparent'}}\n onChange={(event) => setDocumentCard(event.target.value.replace(/\\D/, ''))}\n type='numeric' \n />\n \n \n
\n
\n {/*
\n\n setCardName(event.target.value)} \n type=\"text\" \n /> \n \n setCSV(event.target.value.replace(/\\D/, ''))} \n />\n \n \n
\n
\n {cardError && \n
\n \n \n {map(digitosLectura, (item, index) => ( \n { \n let digitos2 = [...digitosLectura];\n digitos2[index].value = text.target.value.replace(/\\D/, '')\n setDigitosLectura(digitos2);\n index < digitosLectura.length - 1 &&\n text.target.value.length > 0 &&\n mapRef[index + 1].current.focus();\n text.length === 0 &&\n index > 0 &&\n mapRef[index].current.focus();\n \n }}\n onKeyPress={({nativeEvent}) => {\n nativeEvent.key === 'Backspace' &&\n index > 0 &&\n mapRef[index - 1].current.focus();\n }}\n ref={mapRef[index]}\n />\n \n ))}\n\n
\n \n
\n Valido hasta
\n\n {map(fecha, (item, index) => ( \n { \n let digitos3 = [...fecha];\n digitos3[index].value = text.target.value.replace(/\\D/, '')\n setFecha(digitos3);\n index < fecha.length - 1 &&\n text.target.value.length > 0 &&\n fechaRef[index + 1].current.focus();\n text.length === 0 &&\n index > 0 &&\n fechaRef[index].current.focus();\n \n }}\n onKeyPress={({nativeEvent}) => {\n nativeEvent.key === 'Backspace' &&\n index > 0 &&\n fechaRef[index - 1].current.focus();\n }}\n ref={fechaRef[index]}\n />\n \n ))}\n\n
\n MM / AA
\n \n \n \n \n\n \n \n \n \n
*/}\n \n
{mensaje}
\n {modalNotification && {closeModal(flag,dataResponse)\n setModalNotification(flag)}} \n reponse={response} \n message={\"Su Transaccion fue exitosa\"} />}\n \n {loading &&
\n \n \n \n )\n \n}\nconst styles = {\n title: {\n fontSize: 20,\n fontWeight: 'bold',\n alignSelf: 'center',\n marginVertical: 10,\n color: 'white'\n },\n input:{ \n backgroundColor:'transparent', \n width:20, \n borderBottomColor:'white',\n \n\n \n },fecha:{ \n color:'white',\n backgroundColor:'transparent', \n fontSize:15,\n height:'95%',\n borderBottomWidth:1,\n width:30, \n borderBottomColor:'white',\n borderBottomWidth:1,\n \n },\n input2:{\n marginLeft:5,\n borderBottomColor:'white',\n borderBottomWidth:1,\n width:17\n }, \n searchPiker: {\n width:'95%',\n alignSelf:'center',\n marginTop:8\n }\n}","import React, { PureComponent } from 'react';\nimport { Button, Modal } from \"react-bootstrap\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { LoadingMovilGo } from '../loadingMovilGo';\nimport pse from '../../assets/pagos/pse.png'\nimport efecty from '../../assets/pagos/efecty.png'\nimport card from '../../assets/pagos/card.png'\nimport nequi from '../../assets/pagos/nequi.png'\nimport daviplata from '../../assets/pagos/daviplata.png'\nimport { ButtonImagePay } from '../buttons';\nimport { PseScreen } from './component/pse';\nimport { PayCardScreen } from './component/card';\nimport { Desencrypt } from '../../utilities/cipher';\nexport class PayScreen extends PureComponent{\n constructor(props) {\n super(props);\n /* this.recargas = this.props.recargas; */\n this.state = {\n buttonsPay:[],\n pse:false,\n card:false,\n userlogin:{}\n }\n }\n componentDidMount=()=>{\n console.log(\"this.props del pay \",this.props)\n this.loadPay()\n }\n loadPay=async()=>{\n const data = await Desencrypt();\n this.setState({userlogin:{user:data.user,password:data.password}})\n let buttons = []\n for (let k = 0; k < imageOptions.length; k = k + 2) {\n buttons.push(\n \n this.pressImage(imageOptions[k].name) } image={imageOptions[k].source}> \n {k + 1 < imageOptions.length && this.pressImage(imageOptions[k + 1].name) } image={imageOptions[k+1].source }> }\n
\n \n )\n }\n this.setState({buttonsPay:buttons})\n }\n\n pressImage=(routePay)=>{\n console.log(\"imagen presionada\",routePay)\n this.setState({[routePay]:true})\n\n }\n render(){\n return(\n \n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n Abonos
\n\n\n\n \n\n \n
\n
\n {this.setState({showModalBoletas:false});}}\n \n >\n \n \n \n \n\n \n \n \n this.setState({ visiblePayTicket: false ,showModalBoletas:false})} \n navigate={(ruta)=>this.props.navigate(ruta)}\n />\n
\n \n )\n }\n\n}\n\nexport default Abonos;","import React, { useState,useEffect } from 'react';\nimport { Button, Modal, Form } from 'react-bootstrap';\nimport { saveClient } from '../../../services/cliente.service';\nimport { LoadingMovilGoRegistro } from '../../../shared/loadingMovilGo';\n\nexport const ModalRegistro = (props) => {\n const { visible, closeModal, id_product, setCliente, cedula, setParther,clientOdoo } = props;\n //const [cedula, setCedula] = useState('');\n const [nombre, setNombre] = useState(clientOdoo.x_name1 ? clientOdoo.x_name1:'');\n const [apellido, setApellido] = useState(clientOdoo.x_lastname1 ? clientOdoo.x_lastname1:'');\n const [direccion, setDireccion] = useState(clientOdoo.street ? clientOdoo.street:'' );\n const [email, setEmail] = useState(clientOdoo.login ? clientOdoo.login:'' );\n const [celular, setCelular] = useState(clientOdoo.mobile ? clientOdoo.mobile:'' );\n const [opacity, setOpacity] = useState(1);\n const [loading, setLoading] = useState(false);\n const [emailValid, setEmailValid] = useState(false);\n const [errors, setErrors] = useState( {\n 'name': '',\n 'lastname': '',\n 'email':'',\n 'mobile': '',\n 'direccion': '',\n });\n \n const saved = (response) => {\n if (response) {\n setCliente(cedula, nombre, response.id);\n setParther(response.id);\n setLoading(false);\n setOpacity(1)\n closeModal(false);\n }\n cleanFields()\n }\n const cleanFields = () => {\n setNombre('');\n setApellido('');\n setDireccion('');\n setEmail('');\n setCelular('');\n }\n const registrarCliente = () => {\n if (!viriryFile()) {\n return\n } \n const client = {\n 'x_name1': nombre.split(' ')[0],\n 'x_name2': nombre.split(' ')[1] ,\n 'x_lastname1': apellido.split(' ')[0],\n 'x_lastname2': apellido.split(' ')[1] ,\n 'mobile': celular,\n 'email': email,\n 'direccion': direccion,\n 'xidentification': cedula,\n product_id: id_product\n } \n \n console.log(\"este men paso\")\n setLoading(true);\n setOpacity(0.4)\n saveClient(client, saved);\n }\n\n const onBlur = () => {\n if (email !== '') {\n const validate = correo.test(email);\n if (validate) {\n setEmailValid(false);\n } else {\n setEmailValid(true);\n }\n }else{\n setEmailValid(false); \n }\n }\n const viriryFile = () => {\n const emailValid = email.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i);\n const nameValid= nombre.match(/[^a-zA-Z0-9\\s/]/)\n const lastValid=apellido.match(/[^a-zA-Z0-9\\s/]/) \n let flag = true;\n const keys = [\n 'nombre',\n 'apellido',\n 'celular',\n 'direccion',\n 'email',\n ]\n const errors = {};\n keys.forEach(element => {\n if(element==='email'&&!emailValid){\n flag = false;\n setEmailValid(true);\n errors[element] = \"El correo en incorrecto\"\n }else if (element==='nombre'&&nameValid) {\n flag = false;\n errors[element] = \"El nombre no debe llevar tildes ni caracteres especiales\"\n }else if (element==='apellido'&&lastValid) {\n flag = false;\n errors[element] = \"El apellido no debe llevar tildes ni caracteres especiales\"\n }else if (element.trim() === \"\") {\n flag = false;\n errors[element] = \"Este campo es obligatorio\"\n } else {\n errors[element] = \"\"\n }\n });\n setErrors(errors)\n return flag;\n }\n\n let correo = /^[^@\\s]+@[^@\\.\\s]+(\\.[^@\\.\\s]+)+$/;\n \n return (\n <>\n \n\n \n\n
\n {rifa.name}
\n\n {this.state.loading &&
\n \n \n this.setState({ selectedPayment: data })} setVisible={() => this.setState({ visiblePayTicket: true })} />\n
\n \n {prices.map((price, i) => {\n let btn_class;\n if (indexBtn !== -1) {\n if (indexBtn === i) {\n btn_class = clicked ? \"#bedb02\" : \"\"\n }\n }\n return (\n \n )\n })}\n
\n )\n\n}\n\nexport const ListNumberTicket = (props) => {\n\n const { numbers = [], selectTicket, active } = props;\n const [clicked, setClickedBtn] = useState(false);\n const [indexBtn, setIndexBtn] = useState(-1);\n const handleClick = (index) => {\n setClickedBtn(true);\n setIndexBtn(index);\n }\n return (\n\n \n {numbers.map((number, i) => {\n let btn_class;\n if (indexBtn !== -1) {\n if (indexBtn === i) {\n btn_class = clicked ? \"#bedb02\" : \"\"\n }\n\n }\n\n return (\n \n )\n })}\n\n
\n )\n}\n","import React, { useState } from 'react';\nimport { Button, Modal } from 'react-bootstrap';\nimport { ListNumberTicket } from '../../../shared/list-prices';\n\nexport const ModalBoletas = (props) => {\n const { visible, closeModal,luckyNumber, numbersTicket, selectTicket,chooseTicket } = props\n const [active, setActive] = useState(true)\n return (\n <>\n Seleccionó el pago Completo
\n )\n }\n );\n } else {\n this.setState({\n buyMessage: (\nAbonó: {FormatMoney(price)}
\n )\n }\n );\n }\n }\n selectTicket = (number) => {\n this.setState({ numberTicket: number })\n }\n selectPrice = (price) => {\n\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n this.calcularAbono(price, rifa.precio)\n\n if (typeof (price) === 'string' && price.toLowerCase() === 'otro valor') {\n this.setState({ visible: true, selectedPrice: '' });\n }\n else {\n this.setState({ selectedPrice: price, visible: false });\n }\n }\n showModal = (flag) => {\n this.setState({ visibleRegistro: flag, boleta: '' });\n this.setState({ visibleBoletas: flag });\n }\n chooseTicket = (flag) => {\n this.setState({ visibleBoletas: flag, styleTicket: { borderWidth: 2, borderColor: '#07A2BA' }, viewTicket: true });\n\n }\n foundNumber = (response, flag) => {\n\n //const noEncontre = () => toast.error(\"¡No se encontraron resultados relacionados!\");\n const encontrada = () => toast.info(\"¡Se encontró la boleta solicitada!\");\n const boletasRelacionadas = () => toast.warning(\"¡No se encontró la boleta solicitada, pero hay algunas con relación!\");\n const boletasNumSuerte = () => toast.info(\"Tu número de la suerte es el \"+this.numSuerte+\", éstas son tus sugerencias\");\n \n if (flag) {\n let esta = false;\n //this.numbersTicket = response\n let newNumber=[]\n this.allNumbersTicket =response.disponibles\n //console.log(\"response de los tikes\",this.state.luckyNumber,response.disponibles)\n if(this.state.luckyNumber){\n this.numbersTicket.push(response.disponibles[0])\n }else{\n for (let k = 0; k < 6; k = k + 1) {\n newNumber.push(response.disponibles[k])\n }\n this.numbersTicket = newNumber\n\n }\n /* if(response?.errores){\n alert(\"Se produjo un error al consultar la boleta\")\n return\n\n } else*/ if (response.disponibles.length > 0) {\n if(this.state.luckyNumber){\n this.setState({ visibleBoletas: true, loading: false, opacity: 1 })\n }else{\n for (let index = 0; index < response.disponibles.length; index++) {\n //console.log(\"for \",this.state.numberTicket,response.disponibles[index])\n if (this.state.numberTicket == response.disponibles[index].numero_boleta) {\n esta = true;\n }\n }\n if (esta) {\n encontrada();\n this.setState({ styleTicket: { borderWidth: 2, borderColor: '#07A2BA' }, viewTicket: true, loading: false, opacity: 1 });\n } else {\n //noEncontre();\n //this.setState({ loading: false, opacity: 1 })\n this.setState({ visibleBoletas: true, loading: false, opacity: 1 })\n }\n\n }\n /* if (this.numbersTicket.disponibles.length === 1) {\n encontrada();\n this.setState({ styleTicket: { borderWidth: 2, borderColor: '#07A2BA' }, viewTicket: true, loading: false, opacity: 1 })\n } else {\n const size = response.disponibles[0].length\n const enviSize = this.state.numberTicket.length\n if (size === enviSize) {\n for (let index = 0; index < response.disponibles.length; index++) {\n if (this.state.numberTicket === response.disponibles[index]) {\n esta = true;\n }\n }\n if (esta) {\n encontrada();\n this.setState({ styleTicket: { borderWidth: 2, borderColor: '#07A2BA' }, viewTicket: true, loading: false, opacity: 1 });\n }else{\n noEncontre();\n this.setState({ loading: false, opacity: 1 })\n }\n } \n else {\n if(this.numSuerte>0){\n boletasNumSuerte();\n this.setState({ visibleBoletas: true, loading: false, opacity: 1 })\n }else{\n boletasRelacionadas();\n this.setState({ visibleBoletas: true, loading: false, opacity: 1 })\n } \n }\n } */\n } else {\n //noEncontre();\n this.setState({ loading: false, opacity: 1 })\n }\n }\n }\n\n searchTicket = () => {\n const errorDigitar = () => toast.error(\"¡No se le olvide digitar un número de boleta!\");\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n this.numbersTicket = [];\n if (this.numSuerte !== 0 ) {\n this.setState({ loading: true, opacity: 0.4 });\n searchNumber(this.numSuerte, rifa.id, this.foundNumber);\n } else if (this.state.numberTicket.trim() !== \"\") {\n this.setState({ loading: true, opacity: 0.4 });\n searchNumber(this.state.numberTicket, rifa.id, this.foundNumber);\n } else {\n errorDigitar();\n }\n }\n numeroDeLaSuerte = (flag) => {\n this.setState({luckyNumber:flag})\n const min = 1;\n const max = 99;\n const numeroAleatorio = Math.floor(Math.random() * (max - min)) + min;\n this.numSuerte = numeroAleatorio;\n this.setState({numberTicket:''})\n this.searchTicket();\n }\n\n foundClient = (response, flag) => {\n //console.log(\"flag del foundClietn\",flag,response)\n const encontre = () => toast.info(\"¡Usuario encontrado!\");\n const noEncontre = () => toast.error(\"¡Usuario no encontrado, por favor registrarlo !\");\n if (flag) {\n if (response.name !== false) {\n encontre();\n this.setState({\n loading: false, \n opacity: 1,\n userTicket: response.name,\n styleUser: {\n borderWidth: 2, borderColor: '#07A2BA'\n }, viewUserTicket: true, partner_id: response.partner_id\n });\n } else {\n noEncontre();\n this.setState({ visibleRegistro: true, loading: false, opacity: .8 })\n }\n }\n }\n\n handleChange = (event) => {\n this.numSuerte=0;\n this.setState({ numberTicket: event.target.value.replace(/\\D/, ''), styleTicket: { borderWidth: 1 }, viewTicket: false });\n }\n\n handleChangeUser = (event) => {\n this.setState({ identification: event.target.value.replace(/\\D/, ''), styleUser: { borderWidth: 1 }, userTicket: '' })\n }\n\n navigateNext = async(flag, response) => {\n /* console.log(\"comprar navigateNext flag\",flag)\n console.log(\"comprar navigateNext response\",response) */\n this.setState({numberTicket: '',selectedPrice: '', })\n if (!flag&&response) {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n \n let data=[]\n data = [\n \"Factura No: \" + response.valida.id,\n \"Fecha:\" + response.valida.fecha,\n \"No.Aprobacion:\" + response.valida.numero_aprobacion, \n \"Producto: \" + rifa.name, \n \"Resolucion: \" + rifa.resolucion,\n \"Fecha del sorteo: \" + rifa.sorteo,\n \"Número de boleta: \" + this.state.numberTicket,\n \"Cliente: \" + this.state.userTicket,\n \"Valor: \" + FormatMoney(this.state.selectedPrice)\n ]\n if (rifa.precio > this.state.selectedPrice) {\n data = [\n \"Factura No: \" + response.valida.id,\n \"Fecha:\" + response.valida.fecha,\n \"No.Aprobacion:\" + response.valida.numero_aprobacion,\n \"Producto: Abono \" + rifa.name,\n \"Resolucion: \" + rifa.resolucion,\n \"Fecha del sorteo: \" + rifa.sorteo,\n \"Número de boleta: \" + this.state.numberTicket,\n \"Cliente: \" + this.state.userTicket,\n \"Valor total: \" + FormatMoney(rifa.precio),\n \"Valor abonado: \" + FormatMoney(parseInt(this.state.selectedPrice)),\n \"Valor por pagar: \" + FormatMoney(rifa.precio - this.state.selectedPrice),\n ]\n \n }\n jsPdfGenerator(data) \n this.props.navigate('/')\n //this.setState({ modalNotification: true, loading: false, opacity: 1, userTicket: '', viewTicket: false, selectedPrice: '', numberTicket: '', styleTicket: { borderWidth: 1 }, styleUser: { borderWidth: 1 }, identification: '' })\n\n } else{\n this.props.navigate('/')\n }\n }\n\n payTicket = async() => {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n const user = Desencrypt();\n try {\n let idProduct=''\n for (const element of this.numbersTicket) {\n if(parseInt(this.state.numberTicket)==parseInt(element.numero_boleta)){\n idProduct=element.product_id\n break;\n }\n //console.log(element); // 👉️ bobby\n }\n const product = {\n product_id: idProduct,\n clienteexterno_user_id:parseInt(this.state.idDelPadre), \n atributes: {\n numeroBoleta: \"\" + this.state.numberTicket,\n valorPagar: parseInt(this.state.selectedPrice),\n partner_id: this.state.partner_id,\n vendedor_externo_id: user.id,\n nombre_cliente: this.state.userTicket\n }\n }\n \n localStorage.setItem(\"NumBolet\", this.state.numberTicket);\n //console.log(\"product de la rifa\",product)\n this.setState({product:product,pay:true})\n //Transaction(product, this.navigateNext)\n } catch (error) {\n\n }\n }\n\n price = () => {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n let prices = []\n const idPadre = localStorage.getItem('idDelPadre');\n if (rifa.porcentaje_recaudo === 100 || idPadre == \"cardoso\" || idPadre == \"movilgo\") {\n prices = [rifa.precio]\n } else {\n prices = [\n rifa.precio * rifa.porcentaje_recaudo / 100,\n rifa.precio / 2,\n rifa.precio,\n \"Otro valor\"\n ];\n }\n\n this.setState({ prices })\n }\n\n render() {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n //const navigate = useNavigate();\n return (\n <>\n {this.state.showRifa}\n\n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n\n
\n Compras
\n\n \n \n \n \n \n \n
\n \n\n
\n \n
\n \n {this.state.userTicket && this.state.viewTicket && this.state.selectedPrice &&\n }\n
\n \n \n \n
\n {/* \n \n
*/}\n\n \n
\n\n
\n {this.state.visibleRegistro&& \n
\n \n \n
\n \n { this.handleChange(event) }}\n />\n
\n \n this.searchTicket()} style={{margin:'10 5 5 5'}} className=\"mr-2 align-self-center\" icon={faSearch} /> \n \n
\n \n { this.handleChangeUser(event) }}\n />\n \n
\n \n \n
\n \n {rifa.name}
\n {rifa.sorteo}
\n {rifa.precio}
\n Boleta: {this.state.viewTicket && this.state.numberTicket}
\n Cliente:{this.state.userTicket}\n
\n this.selectPrice(i)} prices={this.state.prices} />
\n {this.state.visible &&\n\n {\n this.setState({ selectedPrice: parseInt(event.target.value.replace(\"$\", \"\").replace(\",\", \"\").replace(\",\", \"\")) })\n this.calcularAbono(event.target.value, rifa.precio)\n }}\n />\n }\n
\n\n \n {this.state.visible &&\n\n
\n\n {this.state.buyMessage}\n
\n \n \n {element.name} \n \n \n \n \n
\n \n \n
\n );\n } \n \n })\n setCards(aux)\n setActive(true)\n }else{\n const error = () => toast.error(\"Este producto no esta disponible\");\n error();\n }\n \n }\n return (\n \n \n {element.fecha_sorteo}\n
\n {FormatMoney(element.precio)}\n
\n
\n \n \n\n {cards}\n \n
}\n \n \n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n Rifas
\n\n\n
\n \n\n )\n }\n}\n","import React, { useState, useEffect } from 'react';\nimport { ButtonImage } from './buttons';\nimport { Button } from 'react-bootstrap';\n\n\nexport const ListOperator = (props) => {\n const { operators = [], onClick } = props;\n \n return (\n \n {operators &&\n operators.map((operator, i) => {\n return (\n onClick(operator)} image={'data:image/jpeg;base64,' + operator.image_medium} key={i} />\n )\n })\n }\n
\n )\n}\n\nexport const ListTypes = (props) => {\n const { types = [], onClick,clean, limpiar } = props;\n \n const [clicked, setClickedBtn] = useState(false);\n const [indexBtn, setIndexBtn] = useState(-1);\n\n const handleClick = (index) => {\n clean(true);\n setClickedBtn(true);\n setIndexBtn(index);\n }\n \n useEffect(() => {\n setClickedBtn(limpiar)\n }, [limpiar]);\n \n return (\n \n {types &&\n types.map((type, i) => {\n let btn_class;\n if(indexBtn!==-1){\n if(indexBtn===i){\n btn_class = clicked ? \"#bedb02\" : \"\"\n }\n \n }\n return (\n \n )\n })\n }\n
\n )\n\n}\n\n\n\n","import React from 'react';\nimport { FormatMoney,Capitalize } from '../../../utilities/formats';\n\nexport const Summary = (props) => {\n const { phone, operator, price } = props\n return (\n \n
\n );\n}\n","import React, { PureComponent } from 'react';\nimport { ListOperator } from '../../shared/list-operator';\nimport woman from '../../assets/home/img4.png';\nimport { Summary } from './components/summary';\nimport { ListPrices } from '../../shared/list-prices';\nimport { Container, Row, Col, Form, Card, Button, Image } from 'react-bootstrap';\nimport NumberFormat from 'react-number-format';\nimport { Transaction } from '../../services/product.service';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { ManagmentErrors } from '../../shared/managmentErrors';\nimport { LoadingMovilGo } from '../../shared/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/modalNotificationTransaction';\nimport { FormatMoney } from '../../utilities/formats';\nimport { jsPdfGenerator } from '../../shared/pdfTransaction';\nimport { PayScreen } from '../../shared/pay/pay';\nimport Header from '../../shared/header/header';\nimport { Url_home, idClienteFinal } from '../../utilities/odoo-config';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nclass Recargas extends PureComponent {\n\n constructor(props) {\n super(props);\n /* this.recargas = this.props.recargas; */\n this.state = {\n visible: false,\n deslogear: false,\n selectedOperator: {\n id: -1,\n image_medium: null,\n operador: '',\n },\n recargas: [],\n\n selectedPrice: '',\n phone: '',\n loading: true,\n opacity: 1,\n modalNotification: false,\n pay: false,\n product: {},\n active: true,\n idHeader: localStorage.getItem('idDelPadre')\n }\n this._isMounted = false;\n this.listRecargas = [];\n this.response = [];\n this.phone = '';\n this.valor = '';\n this.operador = '';\n this.clean = ''\n }\n\n cleanFile = () => {\n this.setState({\n visible: false,\n selectedOperator: {\n image_medium: null,\n operador: '',\n },\n selectedPrice: '',\n phone: '',\n clean: false\n });\n }\n\n getResponse = (flag, response) => {\n if (flag) {\n this.response = response;\n\n const success = () => toast.success(\"Recarga comprada exitosamente\");\n success();\n this.setState({ loading: false, opacity: 1, modalNotification: true });\n } else {\n const message = ManagmentErrors(response.errores.id);\n const error = () => toast.error(message);\n error();\n this.setState({ loading: false, opacity: 1 });\n }\n }\n componentDidMount = async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\"));\n //console.log(\" product de recargas\",product)\n\n\n this._isMounted = true;\n if (product) {\n this.setState({ recargas: product.recarga, loading: false, active: true })\n } else {\n const error = () => toast.error(\"Este producto no esta disponible\");\n error();\n }\n\n }\n componentWillUnmount = () => {\n this._isMounted = false;\n }\n sendData = async () => {\n this.phone = this.state.phone;\n this.valor = this.state.selectedPrice;\n this.operador = this.state.selectedOperator.operador\n\n //const idClienteFinal=await JSON.parse(localStorage.getItem(\"idClienteFinal\"));\n //const recarga = await JSON.parse(localStorage.getItem(\"products\"));\n const product = {\n product_id: this.state.selectedOperator.id,\n clienteexterno_user_id: idClienteFinal,\n atributes: {\n numero: this.state.phone,\n precio: this.state.selectedPrice\n }\n }\n //console.log(\"producto de venta\",product)\n //this.setState({ loading: true, opacity: 0.4 });\n this.setState({ product: product, pay: true, })\n //await Transaction(product, this.getResponse);\n this.cleanFile();\n }\n\n selectOperator = (operator) => {\n this.cleanFile();\n this.setState({ selectedOperator: operator });\n }\n\n selectPrice = (price) => {\n if (typeof (price) === 'string' && price.toLowerCase() === 'otro valor') {\n this.setState({ visible: true, selectedPrice: '' });\n }\n else {\n this.setState({ selectedPrice: price, visible: false });\n }\n }\n\n closeModal = (flag, res) => {\n\n if (!flag && res) {\n const data = [\n \"Factura No: \" + this.response.valida.id,\n \"Fecha:\" + this.response.valida.fecha,\n \"No.Aprobacion:\" + this.response.valida.numero_aprobacion,\n \"Producto: Recarga \" + this.operador,\n \"Celular: \" + this.phone,\n \"Valor: \" + FormatMoney(this.valor)\n ]\n jsPdfGenerator(data);\n\n }\n //this.setState({ modalNotification: flag });\n\n\n }\n\n render() {\n\n return (\n <>\n \n Operador:
\n{Capitalize(operator)}
\nCelular:
\n{phone}
\nValor de recarga:
\n{FormatMoney(price)}
\n\n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n\n \n\n {this.state.idHeader !== \"movilgo\" ?\n
\n\n {/*\n
:\n\n Recargas
\n {this.state.active &&\n \n\n this.selectOperator(operator)} operators={this.state.recargas} />\n \n
\n \n \n \n \n\n \n this.setState({ phone: event.target.value.replace(/\\D/, '') })}\n\n />\n \n\n \n \n \n\n
\n \n \n \n \n
\n \n \n
}\n\n \n {this.state.selectedOperator.image_medium &&
\n\n Número de Celular
\n\n this.setState({ clean: flag })} limpiar={this.state.clean} onClick={(i) => this.selectPrice(i)} prices={Prices} />
\n {this.state.visible &&\n\n this.setState({ selectedPrice: parseInt(event.target.value.replace(\"$\", \"\").replace(\",\", \"\")) })}\n />\n }\n
\n\n \n\n \n {this.state.visible &&\n\n
Resumen de Compra
\n\n window.open(Url_home, '_self')}> Volver al inicio\n\n
\n\n\n\n }\n\n\n Esta pagina no esta disponible.
\n\n {/*
\n \n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { Card, Button, Container, } from 'react-bootstrap';\nimport { FormatMoney } from '../utilities/formats';\nimport \"react-multi-carousel/lib/styles.css\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport Slider from \"react-slick\";\nimport { HomeWrapper } from './style'\nexport const Carrusel = (props) => {\n\n const { packages = [], onClick } = props;\n const [cards, setCards] = useState([]);\n\n const size = useWindowSize();\n const [numberCards, setNumberCards] = useState(2);\n function useWindowSize() {\n\n const [windowSize, setWindowSize] = useState({ width: undefined, height: undefined, });\n \n useEffect(() => {\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n window.addEventListener(\"resize\", handleResize);\n handleResize();\n\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n return windowSize;\n }\n\n useEffect(() => {\n\n if (size.width <= 768 && size.height <= 1024) {\n setNumberCards(1)\n } \n else if(size.width >= 768 && size.height >= 800)\n {\n setNumberCards(2)\n }else {\n setNumberCards(3)\n }\n\n }, [size]);\n\n\n let settings = {\n arrows: true,\n dots: false,\n accesibility: true,\n infinite: false,\n speed: 300,\n slidesToShow: numberCards,\n slidesToScroll: 1,\n adaptiveHeight: false\n };\n\n\n\n\n useEffect(() => {\n \n let aux = [];\n packages.forEach(element => {\n \n aux.push(\n Producto:
\n{operator}
*/}\nPaquete:
\n{pinPackage}
\nCelular:
\n{phone}
\nCorreo:
\n{email}
\n {vigencia > 0 &&Vigencia:
}\n {vigencia > 0 &&{vigencia} días
}\nPrecio:
\n {/*{price}
*/}\n{FormatMoney(price)}
\n\n \n \n \n {element.name}\n \n \n Valor {FormatMoney(element.precio)}\n \n \n Vigenica {element.vigencia} Dias\n \n \n \n
\n );\n });\n\n setCards(aux);\n }, [packages, onClick]);\n\n return (\n\n \n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n Pines
\n\n\n {this.state.idHeader !== \"movilgo\" ?\n times.setState({ pay: flag })}\n product={this.state.product}\n localProduct={this.state.localProduct} />}\n\n
:\n \n
*/}\n {this.state.pay && \n \n {/* MUESTRA LISTADO DE PINES */}\n \n this.selectOperator(operators.operador)}\n operators={(this.categoryPin)}\n />\n }\n \n
\n \n \n \n {
\n
\n\n {\n\n this.setState({ name: namePacket, price: pricePacket, idPackage: id })\n }}\n packages={this.state.paquetes}\n operador={this.state.selectedPin.operador}\n type={this.state.selectedType} />\n }\n \n\n \n this.setState({ phone: event.target.value.replace(/\\D/, '') })}\n />\n \n \n this.setState({ email: event.target.value/* .replace(/\\D/, '') */ })}\n />\n \n\n
\n \n \n \n \n \n
\n }\n\n {/* \n
Celular
\nCorreo
\n\n window.open(Url_home, '_self')}> Volver al inicio\n\n
\n\n\n }\n \n {this.state.modalNotification && Esta pagina no esta disponible.
\n \n
\n );\n}\n","import React, { PureComponent } from 'react';\nimport { ListOperator } from '../../shared/list-operator';\nimport woman from '../../assets/home/img4.png';\nimport { Summary } from './components/summary';\nimport { ListPrices } from '../../shared/list-prices';\nimport { Container, Row, Col, Form, Card, Button, Image } from 'react-bootstrap';\nimport NumberFormat from 'react-number-format';\nimport { Transaction } from '../../services/product.service';\nimport { LoadingMovilGo } from '../../shared/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/modalNotificationTransaction';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { ManagmentErrors } from '../../shared/managmentErrors';\nimport { jsPdfGenerator } from '../../shared/pdfTransaction';\nimport { FormatMoney } from '../../utilities/formats';\nimport Header from '../../shared/header/header';\nimport { PayScreen } from '../../shared/pay/pay';\nimport { Url_home, idClienteFinal } from '../../utilities/odoo-config';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nclass RecargasDeportivas extends PureComponent {\n\n constructor(props) {\n super(props);\n this.recargasDeportivas = []/* this.props.recargasDeportivas */;\n this.state = {\n deslogear: false,\n visible: false,\n loading: true,\n product: {},\n localProduct: {},\n selectedOperator: {\n id: -1,\n image_medium: null,\n name: ''\n },\n recargasDeportivas: [],\n selectedPrice: '',\n phone: '',\n idClient: '',\n modalNotification: false,\n opacity: 1,\n active: false,\n idHeader: localStorage.getItem('idDelPadre')\n }\n this.listRecargasDeportivas = [];\n this.response = [];\n this.phone = '';\n this.valor = '';\n this.operador = '';\n this.clean = ''\n }\n\n getResponse = (flag, response) => {\n if (flag) {\n this.response = response;\n const success = () => toast.success(\"Recarga realizada exitosamente\");\n success();\n this.setState({\n modalNotification: true, opacity: 1, idClient: '', selectOperator: {\n id: -1,\n image_medium: null,\n name: ''\n },\n phone: '',\n selectPrice: ''\n });\n } else {\n const message = ManagmentErrors(response.errores.id);\n const error = () => toast.error(message);\n error();\n this.setState({ opacity: 1 })\n }\n }\n componentDidMount = async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\"));\n //console.log(\"product.recargasDeportivas\",product.recargasDeportivas)\n if (product.recargasDeportivas) {\n this.recargasDeportivas = product.recargasDeportivas;\n this.setState({ loading: false, active: true })\n\n } else {\n this.setState({ loading: false })\n const error = () => toast.error(\"Este producto no esta disponible\");\n error();\n }\n\n }\n\n\n // Check the real id of the require values \n sendData = async () => {\n this.phone = this.state.phone;\n this.valor = this.state.selectedPrice;\n this.operador = this.state.selectedOperator.name\n //const idClienteFinal=await JSON.parse(localStorage.getItem(\"idClienteFinal\")); \n // \n const product = {\n product_id: this.state.selectedOperator.id,\n clienteexterno_user_id: idClienteFinal,\n atributes: {\n numero: this.state.phone,\n precio: this.state.selectedPrice,\n document: this.state.idClient\n }\n }\n this.setState({\n opacity: 0.4,\n pay: true,\n product: product,\n localProduct: {\n nameProduct: \"recargaDeportiva\",\n operador: this.operador,\n phone: this.phone,\n valor: FormatMoney(this.valor)\n }\n })\n\n await Transaction(product, this.getResponse);\n }\n\n selectOperator = (operator) => {\n this.cleanFields();\n this.setState({ selectedOperator: operator });\n }\n\n selectPrice = (price) => {\n if (typeof (price) === 'string' && price.toLowerCase() === 'otro valor') {\n this.setState({ visible: true, selectedPrice: '' });\n }\n else {\n this.setState({ selectedPrice: price, visible: false });\n }\n }\n closeModal = (flag) => {\n this.setState({ modalNotification: flag });\n\n const data = [\n \"Factura No: \" + this.response.valida.id,\n \"Fecha:\" + this.response.valida.fecha,\n \"No.Aprobacion:\" + this.response.valida.numero_aprobacion,\n \"Producto: \" + this.operador,\n \"Celular: \" + this.phone,\n \"Valor: \" + FormatMoney(this.valor)\n ]\n jsPdfGenerator(data);\n }\n\n cleanFields = () => {\n this.setState({\n clean: false,\n selectedPrice: ''\n })\n }\n\n render() {\n return (\n <>\n \n Operador:
\n{operator}
\nCédula:
\n{idClient}
\nCelular:
\n{phone}
\nValor de recarga:
\n{FormatMoney(price)}
\n\n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n\n {this.state.idHeader !== \"movilgo\" ?\n \n
:\n\n Apuestas Deportivas
\n\n {this.state.active &&
\n\n \n \n this.selectOperator(i)} operators={this.recargasDeportivas} />\n \n
\n \n \n \n \n\n \n this.setState({ phone: event.target.value.replace(/\\D/, '') })}\n />\n \n \n this.setState({ idClient: event.target.value.replace(/\\D/, '') })}\n />\n \n\n \n \n \n\n
\n \n \n\n {!this.state.loading && \n \n Finalizar\n \n }\n \n
}\n\n\n \n {this.state.selectedOperator.image_medium &&
\n Número de Celular
\nNúmero de Cédula
\n\n this.setState({ clean: flag })} limpiar={this.state.clean} onClick={(i) => this.selectPrice(i)} prices={Prices} />
\n {this.state.visible &&\n\n this.setState({ selectedPrice: parseInt(event.target.value.replace(\"$\", \"\").replace(\",\", \"\").replace(\",\", \"\")) })}\n />\n }\n
\n\n \n\n \n {this.state.visible &&\n\n
Resumen de Compra
\n\n window.open(Url_home, '_self')}> Volver al inicio\n\n
\n\n\n }\n {this.state.pay && Esta pagina no esta disponible.
\n \n
\n );\n}\n","import React, { PureComponent } from 'react';\nimport woman from '../../assets/home/img4.png';\nimport { useNavigate } from 'react-router-dom';\nimport { ListOperator, ListTypes } from '../../shared/list-operator';\nimport { Row, Col, Form, Card, Button, Image } from 'react-bootstrap';\nimport { Transaction } from '../../services/product.service';\nimport { Carrusel } from '../../shared/carousel';\nimport { Summary } from './components/summary';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { ManagmentErrors } from '../../shared/managmentErrors';\nimport { LoadingMovilGo } from '../../shared/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/modalNotificationTransaction';\nimport { jsPdfGenerator } from '../../shared/pdfTransaction';\nimport { FormatMoney } from '../../utilities/formats';\nimport Header from '../../shared/header/header';\nimport { PayScreen } from '../../shared/pay/pay';\nimport { Url_home, idClienteFinal } from '../../utilities/odoo-config';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nimport { faAlignCenter, faAlignJustify } from '@fortawesome/free-solid-svg-icons';\n//const navigation= useNavigate();\nclass PaquetesComponent extends PureComponent {\n constructor(props) {\n super(props);\n this.operators = [];\n this.state = {\n idPackage: -1,\n active: false,\n deslogear: false,\n loading: true,\n selectedOperator: {\n id: -1,\n image_medium: '',\n operador: '',\n },\n paquetes: [],\n selectedType: '',\n tagList: [],\n operators: [],\n precio: '',\n phone: '',\n vigencia: '',\n name: '',\n carrouselView: false,\n opacity: 1,\n modalNotification: false,\n idClienteFinal: -1,\n product: {},\n localProduct: {},\n idHeader: localStorage.getItem('idDelPadre')\n }\n this.packagesByOperator = {};\n this.response = [];\n this.phone = '';\n this.valor = '';\n this.operador = '';\n this.namePacket = '';\n this.clean = ''\n }\n\n componentDidMount = () => {\n this.loadData()\n\n }\n\n loadData = async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\"));\n //console.log(\" product de paquetes\",product)\n if (product) {\n this.initialice(product.paquete, product.recarga)\n } else {\n const error = () => toast.error(\"Este producto no esta disponible\");\n error();\n }\n\n this.setState({ loading: false })\n\n }\n cleanField = () => {\n this.setState({\n clean: false,\n name: '',\n price: ''\n })\n }\n\n initialice = (listPackages, listCharges) => {\n let operators = [];\n let packagesByOperator = {}\n listPackages.forEach(element => {\n if (!packagesByOperator[element.operador]) {\n\n packagesByOperator[element.operador] = {};\n for (let i = 0; i < listCharges.length; i++) {\n if (listCharges[i].operador === element.operador) {\n operators.push(listCharges[i]);\n }\n }\n }\n if (!packagesByOperator[element.operador][element.categ_id_name]) {\n packagesByOperator[element.operador][element.categ_id_name] = [];\n }\n packagesByOperator[element.operador][element.categ_id_name].push(element);\n });\n this.packagesByOperator = packagesByOperator\n this.setState({ operators, active: true });\n\n }\n\n\n\n componentWillUnmount = () => {\n this.packagesByOperator = {};\n }\n getResponse = (flag, response) => {\n if (flag) {\n this.response = response\n const success = () => toast.success(\"Paquete comprado exitosamente\");\n success();\n this.setState({ loading: false, opacity: 1, modalNotification: true })\n } else {\n const message = ManagmentErrors(response.errores.id);\n const error = () => toast.error(message);\n error();\n this.setState({ loading: false, opacity: 1 })\n }\n }\n\n sendData = async () => {\n this.phone = this.state.phone;\n this.valor = this.state.price;\n this.namePacket = this.state.name;\n\n //const idClienteFinal=await JSON.parse(localStorage.getItem(\"idClienteFinal\")); \n this.setState({ loading: true })\n const product = {\n product_id: this.state.idPackage,\n clienteexterno_user_id: idClienteFinal,\n atributes: {\n numero: this.state.phone,\n precio: this.state.price\n }\n }\n this.setState({ pay: true, product: product })\n //await Transaction(product, this.getResponse);\n }\n\n selectOperator = (operator) => {\n this.cleanField();\n this.setState({ selectedOperator: operator, tagList: Object.keys(this.packagesByOperator[operator.operador]) });\n this.setState({ carrouselView: false })\n\n }\n\n selectType = (type) => {\n this.operador = type\n this.setState({ paquetes: this.packagesByOperator[this.state.selectedOperator.operador][type] });\n this.setState({ carrouselView: true })\n }\n\n closeModal = (flag, res) => {\n this.setState({\n paquetes: [],\n carrouselView: false,\n selectedOperator: {\n id: -1,\n image_medium: '',\n operador: '',\n },\n phone: '',\n clean: false,\n name: '',\n price: ''\n });\n\n if (!flag && res) {\n const data = [\n \"Factura No: \" + this.response.valida.id,\n \"Fecha:\" + this.response.valida.fecha,\n \"No.Aprobacion:\" + this.response.valida.numero_aprobacion,\n \"Producto: Paquete \" + this.state.name,\n \"Celular: \" + this.phone,\n \"Valor: \" + FormatMoney(this.valor)\n ]\n jsPdfGenerator(data);\n }\n\n }\n\n volver_inicio = () => {\n\n this.state.navigate.navigate('/')\n\n }\n\n\n render() {\n return (\n <>\n \n Operador:
\n{Capitalize(operator)}
\nCelular:
\n{phone}
\nPaquete:
\n{packet}
\nValor del paquete:
\n {price &&{FormatMoney(parseInt(price))}
}\n\n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n\n\n\n \n\n {this.state.idHeader !== \"movilgo\" ?\n
\n\n\n \n )\n }\n}\n\n\n\n\n\nexport default PaquetesComponent;","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\nexport const SoatService = async (data, callback) => {\n const config = await OdooConfig();\n const args = [[\n 0, data\n ]]\n\n const user = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: \"soatSolicitarDatos\",\n }\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: user.user,\n password: user.password\n });\n\n client.connect((err, response) => {\n if (err) {\n return callback(response, false)\n } else {\n client.execute_kw(params.model, params.method, args, (err, response) => {\n if (err) {\n callback(err, false);\n return false;\n }\n callback(response, true);\n });\n }\n })\n\n}\n\nexport const searchSoat = async ( documento, placa,product_id, fecha, fechaVencimiento, callback) => {\n const config = await OdooConfig();\n const args = [[\n 0, { product_id, documento, placa, fecha, fechaVencimiento}\n ]]\n const user = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: \"soatSolicitarDatos\",\n }\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: user.user,\n password: user.password\n });\n\n client.connect((err, response) => {\n \n if (err) {\n \n return callback(response, false)\n } else { \n \n client.execute_kw(params.model, params.method, args, (err2, response2) => { \n \n \n if (err2) {\n \n callback(err2, false);\n return false;\n }\n callback(response2, true);\n \n });\n } \n \n \n \n })\n \n}\n\nexport const searchPolisaSoat = async (source_request, Numberplate, InsurancePolicyNumber,product_id ,email, callback) => {\n const config = await OdooConfig();\n const args = [[0, {source_request, Numberplate, InsurancePolicyNumber,product_id ,email}]]\n \n const user = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: \"soatDatosReimpresion\",\n }\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: user.user,\n password: user.password\n });\n \n client.connect((err, response) => {\n \n if (err) {\n \n return callback(err, false)\n } else { \n \n client.execute_kw(params.model, params.method, args, (err2, response2) => { \n if (err2) {\n \n \n return callback(err2, false);\n }\n return callback(response2, true);\n \n });\n } \n \n \n \n })\n \n}","import React from 'react';\nimport { Button, Modal } from 'react-bootstrap';\n\nexport const LinkSoat = (props) => { \n return (\n \n {this.state.active && {\n this.setState({ pay: flag })\n this.closeModal(flag, data)\n }}\n product={this.state.product} />}\n\n this.selectOperator(operador)} operators={this.state.operators} />}\n \n
\n\n :\n \n \n this.selectOperator(operador)} operators={this.state.operators} />}\n \n
\n \n \n \n\n this.setState({ clean: flag })} limpiar={this.state.clean} onClick={(type) => { this.selectType(type) }} types={this.state.tagList} />\n \n\n
\n
\n\n { this.setState({ name: namePacket, price: pricePacket, idPackage: id }) }} packages={this.state.paquetes} operador={this.state.selectedOperator.name} type={this.state.selectedType} />}\n \n\n \n this.setState({ phone: event.target.value.replace(/\\D/, '') })}\n />\n \n
\n \n \n \n \n
}\n\n {this.state.pay && Paquetes
\n\n
Celular
\n\n window.open(Url_home, '_self')}> Volver al inicio\n
\n\n }\n\n\n\n\n Esta pagina no esta disponible.
\n\n this.setState({deslogear:flag})} /> \n
\n \n \n this.setState({ Numberplate: e.target.value })}\n />\n
\n Ingrese número de placa
\n \n this.setState({ InsurancePolicyNumber: event.target.value })}\n />\n
\n Ingrese número de póliza
\n E-mail
\n this.setState({ email: event.target.value })}\n />\n
\n \n \n \n \n \n \n \n \n this.setState({ documentNumber: e.target.value.replace(/\\D/, '') })} />\n \n this.setState({ licensePlate: event.target.value })} />\n \n \n \n\n {this.state.loading && this.clearData()} backdrop=\"static\">\n \n Compra Soat \n \n \n this.vehicle()}\n dataVehicle={this.state.getVehiculo}\n closeAction={() => this.clearData()}\n confirmAction={() => this.setState({\n showVehicleInfo: false, showClientInfo: true\n })} >\n \n \n \n\n this.clearData()} backdrop=\"static\">\n \n this.setState({ showClientInfo: false, showVehicleInfo: true })} />\n \n \n this.setState({ showVehicleInfo: true, showClientInfo: false, })}\n infoContact={this.contact}\n confirmAction={() => this.setState({ showClientInfo: false, showPaymentInfo: true })}\n />\n \n \n\n \n this.clearData()} backdrop=\"static\">\n \n this.setState({ showClientInfo: true, showPaymentInfo: false })} />\n \n \n this.setState({ showClientInfo: true, showPaymentInfo: false })}\n dataContact={this.state.dataContact}\n infoVehicle={this.state.getVehiculo}\n productId={this.state.soats[0].id}\n closeAction={() => this.clearData()}\n loading={this.state.loading}\n setLoading={(loading) => this.setState({ loading })}\n />\n \n \n
\n \n \n \n )\n }\n}\n\n","import React, { PureComponent } from 'react';\nimport {Image, Col} from 'react-bootstrap';\nimport woman from '../../assets/home/img4.png';\nimport { Button, Card, Row, Container } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\nimport Header from '../../shared/header/header';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nimport { Url_home } from '../../utilities/odoo-config';\nexport class Soat extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n deslogear: false,\n idHeader: localStorage.getItem('idDelPadre')\n }\n\n }\n componentDidMount = () => {\n\n }\n\n render() {\n return (\n <>\n \n\n {localStorage.getItem('idDelPadre') !== \"movilgo\" ?\n \n \n\n )\n }\n}\n","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\n\nexport const searchCertification = async (id, callback) => {\n const args = [[0, { product_id: id }]];\n\n const config = await OdooConfig();\n const data = await Desencrypt();\n\n \n\n const params = {\n model: 'movilgo.webservice',\n method: 'certificadoConsultaOficinas',\n };\n\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: data.user,\n password: data.password\n });\n\n client.connect((err, response) => {\n if (err) {\n return callback(response, false)\n } else {\n client.execute_kw(params.model, params.method, args, (err, response) => {\n if (err) {\n callback(err, false);\n return false;\n }\n callback(response, true);\n });\n }\n })\n};\n\n\nexport const searchSnr = async (id, code, license, callback) => {\n\n const args = [0, { product_id: id, snrOffice: code, snrLicense: license }];\n\n const config = await OdooConfig();\n const data = await Desencrypt();\n\n \n const params = {\n model: 'movilgo.webservice',\n method: 'certificadoConsultaMatricula',\n };\n\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: data.user,\n password: data.password\n });\n\n client.connect((err, response) => {\n if (err) {\n return callback(response, false)\n } else {\n client.execute_kw(params.model, params.method, args, (err, response) => {\n if (err) {\n callback(err, false);\n return false;\n }\n callback(response, true);\n });\n }\n })\n};\n\n\n","import React, { PureComponent, Fragment } from 'react';\nimport { ToastContainer, toast } from 'react-toastify';\nimport woman from '../../assets/home/img4.png';\nimport { Row, Button, Card, Container, Col, Image } from 'react-bootstrap';\nimport { searchCertification } from '../../services/certification.service';\nimport Select from \"react-select\";\nimport ReactShadowScroll from 'react-shadow-scroll';\nimport { Capitalize } from '../../utilities/formats'\nimport Header from '../../shared/header/header';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nimport { Url_home } from '../../utilities/odoo-config';\nexport class CertificadoComponent extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n loading: true,\n optionPlaces: {},\n optionDepartment: {},\n departmentSelected: '',\n showScroll: false,\n deslogear: false,\n active: false,\n idHeader: localStorage.getItem('idDelPadre')\n }\n this.certificados = [];\n this.places = [];\n }\n componentDidMount = async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\"));\n console.log(\"certificadors products\", product)\n if (product.certificados && product.certificados > 0) {\n this.certificados = product.certificados;\n\n searchCertification(this.certificados[0].id, this.offices)\n //this.getCertification()\n } else {\n const error = () => toast.error('No se han encontrado certificados');\n error();\n this.setState({ loading: false })\n\n }\n\n }\n offices = (response, flag) => {\n this.setState({ loading: false })\n if (flag) {\n this.setState({ loading: false })\n response.forEach((element) => {\n if (this.places[element.group]) {\n this.places[element.group].push(element);\n } else {\n this.places[element.group] = [];\n this.places[element.group].push(element);\n }\n })\n const sucess = () => toast.success('Se encontraron oficinas Disponibles')\n sucess();\n this.loadDepartments(this.places)\n\n } else {\n const error = () => toast.error('No se han encontrado oficinas disponibles');\n error();\n }\n\n }\n loadDepartments = (places) => {\n const keys = Object.keys(places);\n let deptos = []\n keys.forEach((element) => {\n deptos.push({ value: element, label: element })\n deptos.sort((a, b) => {\n return a.label < b.label ? -1 : 1;\n });\n })\n\n this.setState({ optionDepartment: deptos, active: true })\n\n }\n loadPlaces = (value) => {\n\n let row = []\n let rowOrder = []\n this.places[value.value].forEach((element) => {\n row.push({ code: element.code, group: element.group, name: element.name })\n row.sort((a, b) => {\n return a.name < b.name ? -1 : 1;\n });\n })\n row.forEach((element) => {\n rowOrder.push(\n \n )\n })\n\n this.setState({ showScroll: true, payplace: rowOrder })\n\n\n }\n render() {\n return (\n <>\n \n\n {this.state.active&&\n \n \n \n \n \n \n \n }\n\n this.setState({modalUpdateData:!this.state.modalUpdateData})}>\n \n Actualizar Datos Personales \n \n\n \n \n \n \n \n \n \n this.setState({modalUpdatePassword:!this.state.modalUpdatePassword})}>\n \n Actualizar Contraseña \n \n\n \n {this.closeModal(flag)}} \n reponse={null} \n message={\"El cambio de contrasela fue exitoso debes volver a logear\"} />} \n \n \n \n \n \n \n \n \n )\n }\n} \nconst styles = {\n title: {\n fontWeight: \"bold\",\n align: \"center\",\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: \"100%\",\n //backgroundColor: '#078FA5'\n },\n titleSummary: {\n alignSelf: \"center\",\n fontWeight: \"bold\",\n fontSize: 18,\n color: \"#07A2BA\",\n },\n colContainer: {\n width: \"32%\",\n },\n rowContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginVertical: 5,\n width: \"100%\",\n paddingLeft: 15,\n },\n };","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const searchPrestamo = async (product_id, tipo, id_solicitud, cedula, callback) => {\n\n const args = [[0, product_id, id_solicitud, cedula, tipo]];\n const config = await OdooConfig();//SESSION\n const user = await Desencrypt(); \n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: user.user,\n password: user.password\n });\n\n const params = {\n model: 'movilgo.webservice',\n method: 'obtenerSolicitudCreditoMovilgo',\n }\n\n client.connect((err, response) => {\n if (err) { \n return callback(response, false) ;\n } \n client.execute_kw(params.model, params.method, args, (err2, response2) => { \n \n if (err2) { \n \n return callback(err2, false, null);\n }\n return callback(response2, true, tipo);\n });\n \n })\n}\n\n","import React, { useEffect, useState } from 'react';\nimport {Image, Col} from 'react-bootstrap';\nimport woman from '../../assets/home/img4.png';\nimport { Button, Card, Row, Container, FormControl, Modal, ModalBody } from 'react-bootstrap';\nimport { searchPrestamo } from '../../services/nova.service';\nimport { LoadingMovilGo } from '../../shared/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/modalNotificationTransaction';\nimport { jsPdfGenerator } from '../../shared/pdfTransaction';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { Transaction } from '../../services/product.service';\nimport { FormatMoney } from '../../utilities/formats';\nimport Header from '../../shared/header/header';\nimport { Url_home, idClienteFinal } from '../../utilities/odoo-config';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nexport const Prestamos = (props) => {\n\n const [cedula, setCedula] = useState(\"\");\n const [id_solicitud, setId_solicitud] = useState(\"\");\n const [pago, setPago] = useState(\"\");\n const [showPago, setShowPago] = useState(false);\n const [active, setActive] = useState(false);\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState({});\n const [notification, setNotification] = useState(false);\n const [flagError, setFlagError] = useState(false)\n const [dataInfo, setDataInfo] = useState();\n const [mitecnova, setMitecnova] = useState([]);\n const [cedulaError, setCedulaError] = useState(false);\n const [id_solicitudError, setId_solicitudError] = useState(false);\n const [deslogear, setDeslogear] = useState(false)\n\n\n\n const clearData = () => {\n setLoading(false);\n setShowPago(false)\n setCedula('');\n setId_solicitud('');\n };\n\n const searchDisburse = (datatipo) => {\n\n if (id_solicitud === \"\") {\n setId_solicitudError(true)\n } else if (cedula === \"\") {\n setCedulaError(true)\n } else {\n setCedulaError(false)\n setId_solicitudError(false)\n setLoading(true)\n searchPrestamo(mitecnova[0].id, datatipo, id_solicitud, cedula, searchedData)\n }\n }\n\n const searchedData = (res, flag, tipo2) => {\n setLoading(false)\n if (flag) {\n if (res.errores) {\n const error = () => toast.error(res.errores.observacion);\n error()\n alert('Error, ' + res.errores.observacion);\n } else {\n if (res.solictud_ids.length === 0) {\n const success = () => toast.warning(\" No tiene facturas pendientes asociados a ese Id\");\n success();\n } else {\n setData(res.solictud_ids[0])\n setShowPago(true)\n\n\n\n }\n }\n } else {\n const error = () => toast.error(\"Error, Por favor verifique los datos. Si el error persiste comuniquese con MóvilGo\");\n error();\n }\n };\n\n\n const closeModal = (flag) => {\n setNotification(flag);\n\n let data2 = [\n \"Factura No: \" + dataInfo.id,\n \"Fecha: \" + dataInfo.fecha,\n \"No.Aprobacion: \" + dataInfo.numero_aprobacion,\n \"Id. Cliente: \" + cedula,\n \"Id. Solicitud: \" + id_solicitud,\n \"Valor del Abono: \" + pago,\n \"Saldo: \" + (parseInt(data.valor_deuda) - parseInt(pago))\n ]\n\n jsPdfGenerator(data2);\n clearData();\n }\n const navigateNext = (flag, response) => {\n setLoading(false);\n if (flag) {\n if (response.errores) {\n if (response.errores.observacion) {\n const error = () => toast.error('Error,' + response.errores.observacion);\n error();\n } else {\n Error(response.errores.id)\n }\n } else {\n setDataInfo(response.valida);\n const success = () => toast.success('Móvilgo, ¡Tu transacción fue exitosa!');\n success();\n setNotification(true)\n setShowPago(false);\n }\n\n } else {\n clearData()\n setShowPago(false)\n const error = () => toast.error('Error,' + response.errores.observacion);\n error();\n\n }\n };\n /* const Desembolsar = async() => { \n setLoading(true);\n const idClienteFinal=await JSON.parse(localStorage.getItem(\"idClienteFinal\"));\n const product = { \n product_id: mitecnova[0].id,\n clienteexterno_user_id:idClienteFinal,\n atributes: { \n valorPagar: data.solicitud_valoraprobado,\n idsolicitud: data.id,\n cedula: cedula,\n cliente_nombre: data.partner_name,\n tipo: 'venta'\n }\n }\n \n Transaction(product, navigateNext);\n \n }; */\n const Pagar = async () => {\n if (pago < 1000) {\n setFlagError(true)\n } else {\n setLoading(true);\n //const idClienteFinal=await JSON.parse(localStorage.getItem(\"idClienteFinal\")); \n const product = {\n product_id: mitecnova[0].id,\n clienteexterno_user_id: idClienteFinal,\n atributes: {\n valorPagar: pago,\n idsolicitud: data.account_move_id,\n cedula: cedula,\n cliente_nombre: data.partner_name,\n tipo: 'pago'\n }\n }\n\n Transaction(product, navigateNext);\n }\n\n\n };\n const loadData = async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\"));\n if (product) {\n setMitecnova(product.mitecnova)\n setActive(true)\n } else {\n const error = () => toast.error(\"Este producto no esta disponible\");\n error();\n }\n\n }\n\n useEffect(() => {\n loadData();\n\n }, [])\n return (\n <>\n {loading && \n {itemMoves.id} \n {itemMoves.observacion} \n {FormatMoney(itemMoves.valorpagar.toFixed(2))} \n {itemMoves.tipo} \n {itemMoves.transactionId} \n {/* {phone} */}\n {/* {FormatMoney(itemMoves.comision)} */}\n {itemMoves.datetime.split(\" \")[0]} \n {itemMoves.datetime.split(\" \")[1]} \n\n {data.categflag && \n \n )\n}\n\nexport const ItemError = (props) => {\n const { itemError } = props\n return (\n \n {itemError.id} \n {itemError.nombre_cliente} \n {FormatMoney(itemError.valor.toFixed(2))} \n {itemError.recarga_numero_celular?itemError.recarga_numero_celular:'---'} \n {itemError.fecha} \n {itemError.tipo} \n {itemError.observacion} \n \n )\n}\n\nexport const ItemPending = (props) => {\n const { itemError } = props\n return (\n \n {itemError.tipo} \n {itemError.datetime} \n {itemError.observacion} \n {itemError.estado} \n \n )\n}\n\n\n\n\n","import React from 'react';\nimport { Table, Button } from 'react-bootstrap';\nimport { ItemMoves, ItemError,ItemPending } from './item';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\n\nexport const ListMoves = (props) => {\n const { moves = [], products, rigthPage, leftPage, contPage} = props\n \n return (\n <>\n this.closeModal(flag)} type={\"Recarga\"} message={\"Recarga realizada exitosamente\"} />}\n {this.state.loading && \n\n \n \n \n \n\n \n this.setState({ email: event.target.value})}\n\n />\n \n\n \n\n \n\n\n
\n \n \n \n \n \n
\n \n \n\n \n {this.state.modalNotification && this.closeModal(flag)} type={\"Recarga\"} message={\"Recarga realizada exitosamente\"} />}\n {this.state.loading && this.closeModal(flag)} type={\"Recarga\"} message={\"Recarga realizada exitosamente\"} />}\n {this.state.loading &&
\n )\n\n } else if (rifaId === rifaIdTaxi) {\n\n return (\n \n \n {/* PENDIENTE COMO SOPORTAR EFECTO BACK EN WEB */}\n \n \n \n \n \n
\n \n\n \n
\n \n )\n}\n\nClientInfo.propTypes = {\n vehicle: PropTypes.object,\n}\n\nClientInfo.defaultProps = {\n vehicle: {},\n};\n\nconst styles = {\n title: {\n fontWeight: 'bold',\n align:'center'\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: \"100%\",\n //backgroundColor: '#078FA5'\n },\n titleSummary: {\n alignSelf: 'center',\n fontWeight: 'bold',\n fontSize: 18,\n color: '#07A2BA'\n },\n colContainer: {\n width: \"32%\"\n },\n rowContainer: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: 5,\n width:\"100%\",\n paddingLeft:15\n }\n};","import React, { useState, useEffect,Fragment } from \"react\";\nimport PropTypes from \"prop-types\";\nimport {Row,Button,Card,Container,FormControl,InputGroup} from \"react-bootstrap\";\nimport Select from \"react-select\";\n\nexport const VehicleInfo = (props) => {\n \n const { data, dataVehicle, infoVehicle, confirmAction } = props;\n \n const fuelType = require(\"../../../../assets/data/fuel-type\");\n const country = require(\"../../../../assets/data/country\");\n const vehicle = data.soat.respuesta_vehiculo;\n const contactVehicle = data.soat.respuesta_vehiculo.Contact;\n\n\n const [Contacto, setContacto] = useState({FirstName: \"\",LastName: \"\",DocumentTypeId: \"\",DocumentNumber: \"\",});\n const [flagPropietario, setFlagPropietario] = useState(false);\n const [flagMotorNumberEdit, setFlagMotorNumberEdit] = useState(false);\n const [flagChasisNumberEdit, setFlagChasisNumberEdit] = useState(false);\n const [flagVinEdit, setFlagVinEdit] = useState(false);\n const [flagPassengersEdit, setFlagPassengersEdit] = useState(false);\n const [flagMotorNumberNotEdit, setFlagMotorNumberNotEdit] = useState(true);\n const [flagChasisNumberNotEdit, setFlagChasisNumberNotEdit] = useState(true);\n const [flagVinNotEdit, setFlagVinNotEdit] = useState(true);\n const [flagPassengersNotEdit, setFlagPassengersNotEdit] = useState(true);\n const [selectDocumento, setSelectDocumento] = useState({label: '-- Seleccione una opcion --',value: ''});\n const tipoDocumento = [{label: 'Cedula Ciudadania', value: 1},{label: 'Cedula de Extranjeria', value: 2},{label: 'Nit', value: 3},{label: 'Tarjeta de identidad', value: 4},{label: 'Pasaporte', value: 5}];\n const [InfoVehicle, setInfoVehicle] = useState({ChasisNumber: vehicle.ChasisNumber,\n MotorNumber: vehicle.MotorNumber,\n PassengerCapacity: vehicle.PassengerCapacity,\n Vin: vehicle.Vin,\n VehicleBodyTypeName:vehicle.VehicleBodyTypeName\n });\n const [flagVehicleBodyTypeName, setFlagVehicleBodyTypeName] = useState(false);\n const [flagVehicleBodyTypeNameNotEdit, setFlagVehicleBodyTypeNameNotEdit] = useState(true);\n \n const isObjEmpty = (obj) => {\n for (let prop in obj) {\n if (obj.hasOwnProperty(prop)) return false;\n }\n return true;\n };\n \n const loadData = () => {\n\n \n if (isObjEmpty(dataVehicle) === false) {\n \n setInfoVehicle({\n ChasisNumber: dataVehicle.ChasisNumber,\n MotorNumber: dataVehicle.MotorNumber,\n PassengerCapacity: dataVehicle.PassengerCapacity,\n Vin: dataVehicle.Vin,\n VehicleBodyTypeName:dataVehicle.VehicleBodyTypeName\n })\n } else if(isObjEmpty(dataVehicle) ===true&&(InfoVehicle.ChasisNumber === ''||parseInt(InfoVehicle.ChasisNumber) === 0)&&parseInt(vehicle.VehicleYear)<2011){\n \n setInfoVehicle({\n ChasisNumber: 'NA',\n MotorNumber: dataVehicle.MotorNumber,\n PassengerCapacity: dataVehicle.PassengerCapacity,\n Vin: dataVehicle.Vin,\n VehicleBodyTypeName:dataVehicle.VehicleBodyTypeName\n })\n }\n\n if (contactVehicle !== null) {\n\n setFlagPropietario(true);\n setContacto({\n ...Contacto,\n FirstName: vehicle.Contact.FirstName, \n LastName: vehicle.Contact.LastName, \n DocumentTypeId: vehicle.Contact.DocumentTypeId, \n DocumentNumber: vehicle.Contact.DocumentNumber,\n });\n }\n };\n\n const verifyFields = () => {\n\n if (\n \n (InfoVehicle.ChasisNumber === ''&&vehicle.VehicleYear>=2011) ||\n InfoVehicle.MotorNumber === '' ||\n InfoVehicle.PassengerCapacity === '' ||\n ((InfoVehicle.Vin === null||InfoVehicle.Vin === '')&&vehicle.VehicleYear>=2011) \n ) {\n alert('Alerta', 'Todos los campos son requerido')\n } else {\n sendData();\n }\n };\n\n const changeTypes = () => { \n if (vehicle.ChasisNumber === \"\" || vehicle.ChasisNumber === null) {\n setFlagChasisNumberEdit(true)\n setFlagChasisNumberNotEdit(false)\n }\n if (InfoVehicle.MotorNumber === \"\" || InfoVehicle.MotorNumber === null) {\n setFlagMotorNumberEdit(true)\n setFlagMotorNumberNotEdit(false)\n } \n if (InfoVehicle.VehicleBodyTypeName === \"\" || InfoVehicle.VehicleBodyTypeName === null) {\n setFlagVehicleBodyTypeName(true)\n setFlagVehicleBodyTypeNameNotEdit(false)\n } \n if (vehicle.PassengerCapacity === \"\" || vehicle.PassengerCapacity === null || vehicle.PassengerCapacity === 0) {\n setFlagPassengersEdit(true)\n setFlagPassengersNotEdit(false)\n }\n if ((vehicle.Vin === \"\" || vehicle.Vin === null)&&parseInt(vehicle.VehicleYear)>=2011) {\n setFlagVinEdit(true)\n setFlagVinNotEdit(false)\n }\n }\n\n const sendData = () => {\n infoVehicle({ \n ChasisNumber: InfoVehicle.ChasisNumber,\n MotorNumber: InfoVehicle.MotorNumber,\n PassengerCapacity: InfoVehicle.PassengerCapacity,\n Vin: InfoVehicle.Vin,\n VehicleBodyTypeName:InfoVehicle.VehicleBodyTypeName\n }) \n confirmAction(false);\n };\n\n useEffect(() => {\n const descuento=data.soat.respuesta_tarifa.Law2161Discount;\n\n if (descuento) {\n if(descuento.HasDiscount){\n alert(`Esta placa tiene un descuento de `)\n }\n \n }\n changeTypes();\n loadData(); \n }, []);\n\n return (\n \n
\n Datos del Cliente
\n\n
\n \n setContacto({...Contacto,FirstNames:e.target.value})} \n />\n
\n Nombre
\n\n Apellidos\n setContacto({...Contacto,LastNames:e.target.value})} \n />\n
\n \n {flagDocumentNotEdit&&
\n \n
}\n {flagDocumentEdit&&\n
\n Tipo de Documento
\n{tipoDocumento.label}
\n\n
\n Documento
\n{Contacto.DocumentNumber}
\n\n \n { setTipoDocumento(value) }}\n />\n \n {flagDocument&&\n Este campo es obligatorio} \n
}\n \n Tipo de Documento
\n\n Documento\n { setContacto({...Contacto,DocumentNumber:e.target.value.replace(/\\D/, '')})}} \n />\n
\n \n
\n \n Departamento\n \n { setTipoDepartamento(value ) \n initialiceMunicipio(value) }}\n />\n \n {flagDepartamento&&Este campo es obligatorio}\n
\n \n
\n \n Ciudad\n \n { setTipoCiudad(value )}}\n />\n \n {flagMunicipio&&Este campo es obligatorio}\n
\n \n
\n \n Actividad Economica\n \n { setActividadesEconomicas(value ) }}\n />\n \n {flagActividad&&Este campo es obligatorio}\n
\n \n
\n \n Direccion\n { setAddress(e.target.value)}} \n />\n {flagActividad&&Este campo es obligatorio}\n
\n \n
\n \n Confirmar\n \n
\n \n \n
\n );\n};\n\nVehicleInfo.propTypes = {\n vehicle: PropTypes.object,\n \n};\nVehicleInfo.defaultProps = {\n vehicle: {},\n \n};\nconst styles = {\n title: {\n fontWeight: \"bold\",\n align: \"center\",\n },\n title2: {\n fontWeight: \"bold\",\n textAlign: \"center\",\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: \"100%\",\n //backgroundColor: '#078FA5'\n },\n titleSummary: {\n alignSelf: \"center\",\n fontWeight: \"bold\",\n fontSize: 18,\n color: \"#07A2BA\",\n },\n colContainer: {\n width: \"33%\",\n },\n rowContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginVertical: 5,\n width: \"100%\",\n paddingLeft: 15,\n },\n};\n","import React, { useState, Fragment, useEffect } from \"react\";\nimport { /* Form, */ Button, Card, Row, Container, InputGroup, FormControl, } from \"react-bootstrap\";\nimport { Transaction } from \"../../../../services/product.service\";\nimport { FormatMoney, Capitalize } from \"../../../../utilities/formats\";\nimport { LoadingMovilGoSoat } from \"../../../../shared/loadingMovilGo\";\nimport { ModalNotificationTransactionSoat } from \"../../../../shared/modalNotificationTransaction\";\nimport { jsPdfGenerator } from \"../../../../shared/pdfTransaction\";\nimport Select from \"react-select\";\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { idClienteFinal } from \"../../../../utilities/odoo-config\";\n\nexport const SendPolicy = (props) => {\n const { data, dataContact, productId, closeAction, loading, setLoading } = props;\n\n\n const [cellular, setCellular] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [modalNotification, setModalNotificacion] = useState(false);\n const [response, setResponse] = useState([]);\n const [descuento,setDescuento]=useState({Amount:0 ,Percentage:0})\n const [iva, setIva] = useState(false);\n const [tipoCiud, setTipoCiud] = useState({ label: \"-- Seleccione una opcion --\", value: \"\" });\n const vehicle = data.soat.respuesta_vehiculo;\n const tarifa = data.soat.respuesta_tarifa;\n\n\n const ciudOption = [\n { label: \"Gran Contribuyente\", value: 1 },\n { label: \"Autorretenedor\", value: 2 },\n { label: \"Agente de retencion Iva\", value: 3 },\n { label: \"Regimen simple de tributacion\", value: 4 },\n { label: \"No aplica\", value: 5 },\n { label: \"Contribuyente - Autorretenedor - Agente de Retencion Iva\", value: 6, },\n { label: \"Autorretenedor-Agente de Retencion Iva\", value: 7 },\n { label: \"Gran Contribuyente-Agente de Retencion Iva\", value: 8 },\n ];\n\n\n const clearData = () => {\n setEmail(\"\");\n setCellular(\"\");\n setLoading(false);\n };\n\n\n\n const verifyData = () => {\n const emailValid = email.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i);\n if (cellular.trim() === \"\") {\n alert(\"Error\" + \", El celular Este es obligatorio\");\n if (alert) {\n clearData();\n }\n } else if (cellular.length !== 10) {\n alert(\"Error\" + \" El celular es inválido\");\n if (alert) {\n clearData();\n }\n } else if (email.trim() === \"\") {\n alert(\"Error\" + \", El email es obligatorio\");\n if (alert) {\n clearData();\n }\n } else if (!emailValid) {\n alert(\"Error\" + \", El email es inválido\");\n if (alert) {\n clearData();\n }\n } else {\n sendData(true);\n }\n };\n\n const sendData =async (flag) => {\n //const idClienteFinal=await JSON.parse(localStorage.getItem(\"idClienteFinal\")); \n //\n\n if (flag) {\n setLoading(true);\n let numIva = \"2\";\n if (iva) {\n numIva = \"1\";\n }\n if (tipoCiud.value === \"\") {\n tipoCiud.value = 5;\n }\n\n const datee = props.date.split(\"-\");\n \n const year = parseInt(datee[0]);\n \n\n const preparedData = {\n Contact: {\n Address: {\n CityId: dataContact.city,\n Name: dataContact.adress.replace(\".\", \"\"),\n StateId: dataContact.StateId,\n },\n CiiuId: dataContact.CiiuId,\n Cellular: cellular,\n DocumentNumber: dataContact.document,\n DocumentTypeId: dataContact.DocumentTypeId,\n Email: email.trim(),\n FirstName: Capitalize(dataContact.firstName.split(\" \")[0] ? dataContact.firstName.split(\" \")[0]:\"\"),\n FirstName1: Capitalize(dataContact.firstName.split(\" \")[1] ? dataContact.firstName.split(\" \")[1]:\"\"),\n LastName: Capitalize(dataContact.lastName.split(\" \")[0] ? dataContact.lastName.split(\" \")[0]:\"\"),\n LastName1: Capitalize(dataContact.lastName.split(\" \")[1] ? dataContact.lastName.split(\" \")[1]:\"\"),\n Phone: cellular,\n },\n \n FromValidateDate: year + \"-\" + datee[1] + \"-\" + datee[2],\n RegimenTypeId: numIva,\n Rutid: tipoCiud.value, //Preguntar\n SendPolicy: {\n Address: dataContact.city,\n Cellular: cellular,\n CityId: \"17001\",\n Email: email.trim(),\n },\n SystemSource: 10,\n ChangeEmisionType: 1,\n Vehicle: {\n BrandId: vehicle.BrandId,\n ChasisNumber: vehicle.ChasisNumber,\n CylinderCapacity: vehicle.CylinderCapacity,\n LoadCapacity: vehicle.LoadCapacity,\n MotorNumber: vehicle.MotorNumber,\n NumberPlate: vehicle.NumberPlate,\n PassengerCapacity: vehicle.PassengerCapacity,\n ServiceTypeId: vehicle.ServiceTypeId,\n VIN: vehicle.Vin,\n VehicleClassId: vehicle.VehicleClassId,\n VehicleClassMinistryId: vehicle.VehicleClassMinistryId,\n VehicleLineDescription: vehicle.VehicleLineDescription,\n VehicleLineId: vehicle.VehicleLineId,\n VehicleYear: vehicle.VehicleYear,\n VehicleBodyTypeId: vehicle.VehicleBodyTypeId,\n FuelTypeId: vehicle.FuelTypeId,\n ////\n EnginePowerTypeId: vehicle.EnginePowerTypeId,\n },\n Payments: [\n {\n MethodOfPaymentId: 1,\n ReferenceNumber1: null,\n ReferenceNumber2: null,\n PaymentAmount: tarifa.TotalWithDiscountAmount,\n Observation: null,\n },\n ],\n }; \n Transaction({ product_id: productId, atributes: preparedData, clienteexterno_user_id:idClienteFinal }, navigateNext);\n }\n };\n\n const navigateNext = (flag, response) => {\n\n if (flag) {\n setResponse(response);\n setModalNotificacion(true);\n setLoading(false);\n } else {\n\n if (response.errores) {\n if (response.errores.observacion) {\n const error = () => toast.error(\"Error \" + response.errores.observacion);\n error();\n \n if (error) {\n clearData();\n }\n } else {\n const error = () => toast.error(\"Error \" + \" No se pudo relizar la transaccion\");\n error();\n \n if (error) {\n clearData();\n }\n }\n } else {\n \n const error = () => toast.error(\"Error \" + \" Se ha presentado un error de conexion\");\n error();\n \n if (error) { clearData(); }\n }\n }\n };\n\n const closeModal = (flag) => {\n\n setModalNotificacion(flag);\n\n const data = [\n \"Factura No: \" + response.valida.id,\n \"Fecha:\" + response.valida.fecha,\n \"No. Aprobación: \" + response.valida.numero_aprobacion,\n \"Producto: Soat\",\n \"Celular: \" + cellular,\n \"Cedula: \" + dataContact.document,\n \"Cliente: \" + dataContact.firstName + ' ' + dataContact.lastName, \n \"Placa: \" + vehicle.NumberPlate,\n \"Valor: \" + FormatMoney(tarifa.TotalWithDiscountAmount),\n ];\n\n jsPdfGenerator(data);\n closeAction(true);\n };\n\n useEffect(()=>{\n if(data.soat.respuesta_tarifa.Law2161Discount){\n setDescuento(data.soat.respuesta_tarifa.Law2161Discount)\n }\n},[])\n\n return (\n \n \n \n \n \n\n \n \n
\n \n
\n \n
\n\n \n
\n Datos del Vehículo
\n\n
\n \n
\n Placa
\n{vehicle.NumberPlate}
\n\n
\n Modelo
\n{vehicle.VehicleYear}
\n\n
\n Cilindraje
\n{vehicle.CylinderCapacity}
\n\n
\n \n
\n Pais
\n{country[vehicle.CountryId]}
\n\n
\n Ciudad
\n{vehicle.CityName}
\n\n {flagMotorNumberEdit && (\n
\n \n \n setInfoVehicle({...InfoVehicle, MotorNumber: e})}\n />\n \n
\n )}\n {flagMotorNumberNotEdit && (\n N.º motor
\n\n
\n )}\n\n {flagChasisNumberEdit && (\n N.º motor
\n{vehicle.MotorNumber}
\n\n \n setInfoVehicle({...InfoVehicle, ChasisNumber: e})}\n />\n \n
\n )}\n {flagChasisNumberNotEdit && (\n N.º de chasis
\n\n
\n )}\n {flagVinEdit && (\n N.º de chasis
\n {InfoVehicle.ChasisNumber.toString() === 'NA'&& (NA
)}\n {InfoVehicle.ChasisNumber.toString() !== 'NA'&&({InfoVehicle.ChasisNumber}
)} \n \n\n \n setInfoVehicle({...InfoVehicle, Vin: e})}\n />\n \n
\n )}\n {flagVinNotEdit && (\n VIN
\n\n
\n )}\n\n VIN
\n{InfoVehicle.Vin}
\n {/*{vehicle.Vin}
*/}\n \n\n {flagPassengersEdit && (\n
\n\n \n \n \n setInfoVehicle({...InfoVehicle, PassengerCapacity: e})}\n />\n \n
\n )}\n {flagPassengersNotEdit && (\n Pasajeros
\n\n
\n )}\n Pasajeros
\n{vehicle.PassengerCapacity}
\n\n
\n Tarjeta Op
\n{vehicle.ActionRadio ? vehicle.ActionRadio:\"--\"}
\n\n
\n Carga
\n{vehicle.LoadCapacity}
\n\n
\n\n \n
\n Marca
\n{vehicle.BrandName}
\n\n
\n Linea
\n{vehicle.VehicleLineDescription}
\n\n
\n Clase
\n{vehicle.VehicleClassName}
\n\n
\n \n \n
\n\n {flagVehicleBodyTypeNameNotEdit && Combustible
\n{fuelType ? fuelType[vehicle.FuelTypeId]: vehicle.FuelTypeId}
\n\n
}\n\n {flagVehicleBodyTypeName&&\n
\n Carroceria
\n{vehicle.VehicleBodyTypeName}
\n\n \n \n setInfoVehicle({...InfoVehicle, VehicleBodyTypeName: e})}\n />\n \n \n
}\n\n Carroceria
\n\n
\n Servicio
\n{vehicle.ServiceTypeName}
\n\n\n {flagPropietario && (\n
\n \n \n
\n )}\n \n \n
\n\n Propietario del Vehiculo
\n\n\n
\n\n \n \n \n setContacto({...Contacto,FirstNames:e.target.value})}\n \n />\n \n
\n \n Nombre
\n\n \n \n setContacto({...Contacto,LastName:e.target.value})}\n \n />\n \n
\n\n \n Apellido
\n\n
\n \n \n \n
\n Tipo de Documento
\n\n
\n \n\n \n \n \n setContacto({...Contacto,DocumentNumber:e.target.value})}\n \n />\n \n
\n N.º de Documento
\n\n \n
\n\n \n
\n );\n};\n\nconst styles = {\n title: {\n fontWeight: \"bold\",\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: \"100%\",\n\n /* backgroundColor: '#078FA5' */\n },\n titleSummary: {\n alignSelf: \"center\",\n fontWeight: \"bold\",\n fontSize: 18,\n color: \"#07A2BA\",\n },\n colContainer: {\n width: \"32%\",\n },\n colContainer2: {\n width: \"50%\",\n },\n rowContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginVertical: 5,\n },\n rowContainer2: {\n flexDirection: \"row\",\n justifyContent: \"center\",\n marginVertical: 25,\n },\n loading: {\n position: \"absolute\",\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n};\n","import React, { PureComponent } from 'react';\nimport { Button, Card, Row, Container, FormControl, Modal } from 'react-bootstrap';\nimport { searchSoat } from '../../../services/soat.service';\nimport { DateToString } from '../../../utilities/formats';\nimport { ClientInfo } from './componets/client-info';\nimport { VehicleInfo } from './componets/vehicle-info';\nimport { SendPolicy } from './componets/send-policy'\nimport { LoadingMovilGo } from '../../../shared/loadingMovilGo';\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { /* faHome , */faBackspace } from \"@fortawesome/free-solid-svg-icons\";\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport Header from '../../../shared/header/header';\n\n\nexport class SoatComprar extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n showClientInfo: false,\n showVehicleInfo: false,\n showPaymentInfo: false,\n documentNumber: \"\",\n licensePlate: \"\",\n documentType: 1,\n insurance: 1,\n date: this.getDate(1),\n date2: this.getDate(1),\n showDate: false,\n loading: false,\n soats: [{ id: -1 }],\n datepolicy: this.getDate(1),\n dataContact: {},\n dataVehicle: {},\n getVehiculo: {},\n temps: {},\n idSoat: {}\n /* endDatesend:{}, */\n }\n this.minDate = this.getDate(1);\n \n }\n\n \n componentDidMount =async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\")); \n if (product.soats) {\n //this.soats = product.soats; \n this.setState({ loading: false,soats:product.soats })\n \n }\n \n }\n\n getDate = (addDays = 0) => {\n let date = new Date();\n date.setDate(date.getDate() + addDays);\n return DateToString(date, true);\n }\n\n clearData = () => {\n this.setState({\n loading: false,\n date: this.getDate(1),\n date2: this.getDate(1),\n documentNumber: \"\",\n licensePlate: \"\",\n dataContact: {},\n getVehiculo: {},\n showClientInfo: false,\n showPaymentInfo: false,\n showVehicleInfo: false,\n })\n }\n\n\n setSearchedData = (res, flag) => {\n \n if (flag) {\n if (res.errores) {\n if (res.errores.observacion === \"'NoneType' object has no attribute 'update'\") {\n const error = () => toast.error('Error, No existe informacion de estos datos');\n error();\n if (error) {\n this.clearData();\n }\n } else if (res.errores.observacion) {\n const error = () => toast.error(res.errores.observacion);\n error();\n if (error) {\n this.clearData();\n }\n }\n else {\n const error = () => toast.error(\"Error, Por favor verifique los datos. Si el error persiste comuniquese con MóvilGo\");\n error();\n }\n } else {\n\n let str = JSON.stringify(res).replace(/\\\\/g, '');\n str = str.replace('\"\"\"\"', '\"\"');\n str = str.replace('\"{', '{');\n str = str.replace('}\"', '}');\n str = str.replace('\"\"\"\"', '\"\"');\n str = str.replace('\"{', '{');\n str = str.replace('}\"', '}');\n\n const json = JSON.parse(str);\n const TarifaError = json.soat.respuesta_tarifa.error;\n const Vehicle = json.soat.respuesta_vehiculo.VehicleBodyTypeId\n const Poliza = json.soat.respuesta_poliza_vigente.Message\n const Mesajetarifa = json.soat.respuesta_tarifa.Message\n if (Vehicle === null) {\n const error = () => toast.error(\"Error, Algunos datos vienen incompletos. Comuniquese con MovilGo\");\n error();\n if (error) {\n this.clearData();\n }\n } else if (TarifaError) {\n const error = () => toast.error(\"Error, No se puede realizar la compra dirijasea ISOAT \");\n error();\n if (error) {\n this.clearData();\n }\n } else if (Poliza !== \"\") {\n\n const error = () => toast.error(\"Error, Existe una o varias polizas vigentes coincidente con los datos de la placa \");\n error();\n if (error) {\n this.clearData();\n }\n } else if (Mesajetarifa) {\n const error = () => toast.error(\"Error, La tarifa Viene incompleta\");\n error();\n if (error) {\n this.clearData();\n }\n } else if (json) {\n this.setState({\n dataVehicle: json,\n showVehicleInfo: true,\n loading: false,\n \n });\n } else {\n const error = () => toast.error(\"Error, Ocurrio un error al obtener datos, verfique la Cédula ingresada.\");\n error();\n if (error) {\n this.clearData();\n }\n \n }\n }\n } else {\n const error = () => toast.error(\"Error, Por favor verifique los datos. Si el error persiste comuníquese con MóvilGo\");\n error();\n \n if (error) {\n this.clearData();\n }\n }\n }\n\n sendData = () => {\n \n\n if (this.state.licensePlate.match(/[^a-zA-Z0-9\\s/]/) !== null || this.state.licensePlate === '') {\n this.setState({ loading: false });\n const error = () => toast.error(\"Error, La placa no debe contener caracteres especiales o estar vacia\");\n error();\n } else {\n this.setState({ loading: true })\n let date = this.state.date.split(\"-\");\n const year = parseInt(date[0]) + 1;\n\n searchSoat(\n this.state.documentNumber.trim(),\n this.state.licensePlate.trim(),\n this.state.soats[0].id ,\n this.state.date,\n year + \"-\" + date[1] + \"-\" + date[2],\n this.setSearchedData,\n );\n \n }\n }\n\n contact = (response) => {\n \n this.setState({ dataContact: response })\n };\n vehicle = (response) => {\n this.setState({ getVehiculo: response })\n }\n\n render() {\n return (\n <>\n \n \n \n \n \n { setCellular(e.target.value.replace(/\\D/, \"\")); }}\n />\n \n \n { setEmail(e.target.value); }}\n />\n \n\n closeModal(flag)} type={\"Soat\"}\n message={\"Compra realizada exitosamente\"}\n />\n )}\n {loading && \n \n
\n
\n \n
\n \n
\n Datos Compra
\n\n
\n
\n\n Tarifa
\n\n
\n
\n\n \n
\n V Prima
\n{tarifa.InsurancePremium}
\n\n
\n Contribucion
\n{tarifa.InsuranceTaxFormatted}
\n\n
\n RUNT
\n{tarifa.InsuranceFineFormatted}
\n\n
\n\n \n
\n Total Soat
\n$ {tarifa.Total + tarifa.ElectricDiscount}
\n\n
\n T. Combustible
\n{vehicle.FuelTypeId}
\n\n
\n\n \n
\n Dto. ley 2161
\n{descuento.Amount }
\n\n
\n % Dto. ley 2161
\n{descuento.Percentage }%
\n\n
\n\n \n
\n Dto. por Gas
\n$ {tarifa.GasDiscount}
\n\n
\n % Dto. por Gas
\n{tarifa.PercentageGasDiscount}%
\n\n
\n\n \n
\n Total de Dto
\n$ {vehicle.TotalLawDiscount ? vehicle.TotalLawDiscount : 0}
\n\n
\n Total de Dto a Gas
\n{tarifa.GasDiscountFormatted}
\n\n
\n\n \n
\n Total con desct
\n{tarifa.TotalWithDiscountAmountFormatted}
\n\n
\n Total todos desct
\n{tarifa.TotalLawDiscountFormatted}
\n\n { setIva(e.target.checked); }}\n />\n \n
\n\n {iva && (\n \n \n
\n )}\n \n \n
\n {modalNotification && (\n this.setState({deslogear:flag})} /> \n
\n Comprar Soat
Ingrese número de documento
Ingrese placa del vehiculo
Seleccione fecha de inicio
\n { this.setState({ date: e.target.value },); }} /*console.log(e.target.value) { date2: e.target.value } */\n />\n
\n \n \n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n \n \n \n \n \n Buscar\n \n \n Comprar\n \n\n \n \n
\n\n
:\n\n\n \n
\n ¿Que desea realizar?
\n\n window.open(Url_home, '_self')}> Volver al inicio\n\n
\n\n }\n Esta pagina no esta disponible.
\n\n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n\n {this.state.idHeader !== \"movilgo\" ?\n \n \n {this.state.active && \n \n\n
\n\n
\n \n {\n this.setState({ departmentSelected: value });\n this.loadPlaces(value)\n }}\n />\n \n {this.state.showScroll && \n }\n \n\n }\n \n\n
:\n \n
\n {this.state.payplace}\n
\n \n window.open(Url_home, '_self')}> Volver al inicio\n\n
\n\n }\n\n \n )\n }\n}\n\n\n\n\n\n","import * as React from 'react';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { Button, Card, Container,FormControl,Col,Modal} from 'react-bootstrap';\nimport { getClient } from '../../services/cliente.service';\nimport { updateClient } from '../../services/cliente.service';\nimport { LoadingMovilGo} from '../../shared/loadingMovilGo'\nimport { updatePassword } from '../../services/cliente.service';\nimport Header from '../../shared/header/header';\nimport { ModalNotificationTransaction } from '../../shared/modalNotificationTransaction'; \nimport HeaderCardoso from '../../shared/header/header-cardoso';\nexport class PerfilComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: false,\n active:false,\n data:{},\n newData:{},\n modalUpdateData:false,\n modalUpdatePassword:false,\n newPassword:'',\n newuser:false,\n deslogear:false,\n modalNotificacion:false,\n idHeader: localStorage.getItem('idDelPadre')\n }\n }\n\n componentDidMount = () => {\n this.setState({loading:true})\n getClient(this.responseClient)\n }\n responseClient=(response,flag)=>{\n console.log(\"responseClient\",response)\n this.setState({loading:false})\n if(flag){\n this.setState({data:response,newData:response,active:true})\n\n }else{\n alert(\"No se obtuvieron datos del Usuario\")\n }\n \n }\n updateData=()=>{\n this.setState({loading:true})\n updateClient(this.state.newData.id,this.state.newData,(flag)=>{\n this.setState({loading:false,modalUpdateData:false})\n if(flag){\n const success = () => toast.success(\"Datos Actualizados exitosamente\");\n success();\n getClient(this.responseClient)\n }else{\n const error = () => toast.error('Se presento un error al actualizar los Datos');\n error();\n }\n\n })\n }\n\n updatePassword=()=>{\n //jejejej\n this.setState({loading:true})\n updatePassword(this.state.data.id,this.state.newPassword,(flag)=>{\n this.setState({loading:false})\n if(flag){\n const success = () => toast.success(\"Contraseña Actualizada Correctamente\");\n success();\n this.setState({loading:false,modalNotificacion:true})\n \n }else{\n const error = () => toast.error('Se presento un error al actualizar la contraseña');\n error();\n }\n\n })\n }\n closeModal=(flag)=>{\n \n this.setState({active:true,deslogear:true})\n }\n render() {\n return (\n <>\n Esta pagina no esta disponible.
\n\n {this.state.idHeader == \"cardoso\" ? this.setState({deslogear:flag})} /> : this.setState({deslogear:flag})} />} \n
\n \n
\n \n \n
\n Datos Personales
\n\n
\n \n
\n Nombre
\n{this.state.data.x_name1+\" \"+this.state.data.x_name2}
\n\n
\n Apellido
\n{this.state.data.x_lastname1+\" \"+this.state.data.x_lastname2}
\n\n
\n Documento
\n{this.state.data.xidentification}
\n\n
\n \n Email
\n
\n {this.state.data.email}
\n\n
\n Direccion
\n{this.state.data.street}
\n\n
\n Constraseña
\n{this.state.data.clave}
\n\n
\n \n
\n Movil
\n{this.state.data.mobile}
\n\n \n
\n \n \n
\n \n {\n this.setState(prev => {\n let newData = Object.assign({}, prev.newData); \n newData.x_name1 = e.target.value; \n \n return { newData }; \n })\n }}\n />\n {\n this.setState(prev => {\n let newData = Object.assign({}, prev.newData); \n newData.x_name2 = e.target.value; \n \n return { newData }; \n })\n }}\n />\n {\n this.setState(prev => {\n let newData = Object.assign({}, prev.newData); \n newData.x_lastname1 = e.target.value; \n \n return { newData }; \n })\n }}\n />\n {\n this.setState(prev => {\n let newData = Object.assign({}, prev.newData); \n newData.x_lastname2 = e.target.value; \n \n return { newData }; \n })\n }}\n />\n {\n this.setState(prev => {\n let newData = Object.assign({}, prev.newData); \n newData.mobile = e.target.value; \n \n return { newData }; \n })\n }}\n />\n {\n this.setState(prev => {\n let newData = Object.assign({}, prev.newData); \n newData.street = e.target.value; \n \n return { newData }; \n })\n }}\n />\n
\n Prime Nombre
\nSegundo Nombre
\nPrime Apellido
\nSegundo Apellido
\nMovil
\nDireccion
\n\n {this.state.loading&& } \n
\n \n \n
\n \n \n
\n\n \n {\n this.setState({newPassword:e.target.value})\n }}\n />\n
\n Constraseña
\n{this.state.newData.clave}
\nNueva Constraseña
\n\n {this.state.loading&& }\n
\n {this.state.modalNotificacion && \n
\n \n \n
\n\n \n {localStorage.getItem('idDelPadre') == \"cardoso\" ? setDeslogear(flag)} /> : setDeslogear(flag)} />}\n
\n\n \n\n {localStorage.getItem('idDelPadre') !== \"movilgo\" ?\n
\n\n \n );\n};\n\nconst styles = {\n title: {\n fontWeight: \"bold\",\n align: \"center\",\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: \"100%\",\n //backgroundColor: '#078FA5'\n }, marco: {\n margin: 5,\n borderWidth: 1,\n padding: 5,\n borderColor: '#078fa4',\n borderRadius: 10\n },\n titleSummary: {\n alignSelf: \"center\",\n fontWeight: \"bold\",\n fontSize: 18,\n color: \"#07A2BA\",\n },\n colContainer: {\n width: \"32%\",\n },\n rowContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginVertical: 5,\n width: \"100%\",\n paddingLeft: 15,\n },\n};\n","import React from 'react';\nimport { jsPdfGenerator } from '../../../shared/pdfTransaction';\nimport { FormatMoney } from '../../../utilities/formats';\n\nexport const ItemMoves = (props) => {\n const { itemMoves, products } = props;\n let aprobation = '--';\n //console.log(\"esto es lo de movimientos\",itemMoves)\n const printBill = () => {\n let data = [];\n if (itemMoves.categ_id_name === \"Rifas\") {\n let fechaSorteo = '';\n let resolucion = ''\n products.rifas.forEach(element => {\n\n if (element.id === itemMoves.producto_id){\n fechaSorteo = element.fecha_sorteo\n resolucion = element.numero_resolucion_rifa;\n }\n });\n\n data = [\n \"Factura No: \" + itemMoves.id + \" COPIA\",\n \"Fecha:\" + itemMoves.fecha,\n \"No.Aprobacion:\" + itemMoves.rifa_aprobacion,\n \"Producto: \" + itemMoves.descripcion, \n \"Resolucion: \" + resolucion,\n \"Fecha del sorteo: \" + fechaSorteo, \n \"Número de boleta: \" + itemMoves.rifa_numero_boleta,\n \"Cliente: \" + itemMoves.nombre_cliente,\n \"Valor: \" + FormatMoney(itemMoves.valor)\n ]\n } else if (itemMoves.categ_id_name === \"Recargas\" || itemMoves.categ_id_name === \"Voz\" || itemMoves.categ_id_name === \"Voz y Datos\"\n || itemMoves.categ_id_name === \"Aplicaciones\" || itemMoves.categ_id_name === \"Datos\"\n || itemMoves.categ_id_name === \"Todo incluido\") {\n\n data = [\n \"Factura No: \" + itemMoves.id + \" COPIA\",\n \"Fecha:\" + itemMoves.fecha,\n \"No.Aprobacion:\" + itemMoves.recarga_aprobacion,\n \"Producto: \" + itemMoves.descripcion,\n \"Celular: \" + itemMoves.recarga_numero_celular,\n \"Valor: \" + FormatMoney(itemMoves.valor)\n ]\n } else if (itemMoves.categ_id_name === \"Netflix\" ||\n itemMoves.categ_id_name === \"Xbox\" ||\n itemMoves.categ_id_name === \"Imvu\" ||\n itemMoves.categ_id_name === \"Playstation\" ||\n itemMoves.categ_id_name === \"Rixty\" ||\n itemMoves.categ_id_name === \"Spotify\" || itemMoves.categ_id_name === \"Minecraft\") {\n data = [\n \"Factura No: \" + itemMoves.id + \" COPIA\",\n \"Fecha:\" + itemMoves.fecha,\n \"No.Aprobacion:\" + itemMoves.recarga_aprobacion,\n \"Producto: \" + itemMoves.categ_id_name,\n \"Celular: \" + itemMoves.recarga_numero_celular,\n \"Valor: \" + FormatMoney(itemMoves.valor)\n ]\n\n } else if (itemMoves.categ_id_name === \"Recargas deportivas\") {\n data = [\n \"Factura No: \" + itemMoves.id + \" COPIA\",\n \"Fecha:\" + itemMoves.fecha,\n \"No.Aprobacion:\" + itemMoves.recarga_aprobacion,\n \"Producto: \" + itemMoves.descripcion,\n \"Celular: \" + itemMoves.recarga_numero_celular,\n \"Valor: \" + FormatMoney(itemMoves.valor)\n ]\n }else if(itemMoves.categ_id_name ===\"Bingo\"){\n \n data = [\n \"Factura No: \" + itemMoves.id + \" COPIA\",\n \"Fecha:\" + itemMoves.fecha,\n \"No.Aprobacion:\" + itemMoves.bingo_aprobacion,\n \"Producto: GANA BINGO \",\n \"Cedula: \"+ itemMoves.bingo_cedula,\n \"Cliente: \"+itemMoves.bingo_cliente_nombre + \" \" +itemMoves.bingo_apellido_cliente,\n \"Celular: \" + itemMoves.bingo_numero_celular,\n \"Valor: \" + FormatMoney(itemMoves.valor)\n ]\n }else if(itemMoves.categ_id_name===\"Soat\"){\n let str = JSON.stringify(itemMoves.soat_datos).replace(/\\\\/g, '');\n str = str.replace('\"\"\"\"', '\"\"');\n str = str.replace('\"{', '{');\n str = str.replace('}\"', '}');\n str = str.replace('\"\"\"\"', '\"\"');\n str = str.replace('\"{', '{');\n str = str.replace('}\"', '}');\n const jsondataSoat = JSON.parse(str);\n data = [\n 'Factura No: ' + itemMoves.id + ' COPIA',\n 'Fecha:' + itemMoves.fecha,\n \"No. Aprobación: \"+ itemMoves.recarga_aprobacion,\n 'Producto: ' + itemMoves.categ_id_name,\n 'Celular:' + jsondataSoat.Contact.Phone,\n 'Cedula:'+jsondataSoat.Contact.DocumentNumber,\n 'Cliente: ' + jsondataSoat.Contact.FirstName+\" \"+jsondataSoat.Contact.FirstName1+\" \"+jsondataSoat.Contact.LastName+\" \"+jsondataSoat.Contact.LastName1,\n 'Placa: ' + itemMoves.soat_placa,\n 'Valor: ' + FormatMoney(itemMoves.valor.toFixed(2)),\n ];\n } \n \n /* else if(itemMoves.categ_id_name===\"Certificados\"){\n let str = JSON.stringify(itemMoves.cer).replace(/\\\\/g, '');\n str = str.replace('\"\"\"\"', '\"\"');\n str = str.replace('\"{', '{');\n str = str.replace('}\"', '}');\n str = str.replace('\"\"\"\"', '\"\"');\n str = str.replace('\"{', '{');\n str = str.replace('}\"', '}');\n const jsondataSoat = JSON.parse(str);\n data = [\n // 'Factura No: ' + itemMoves.id + ' COPIA',\n // 'Fecha:' + itemMoves.fecha,\n // \"No. Aprobación: \"+ itemMoves.recarga_aprobacion,\n // 'Producto: ' + itemMoves.categ_id_name,\n // 'Celular:' + jsondataSoat.Contact.Phone,\n // 'Cedula:'+jsondataSoat.Contact.DocumentNumber,\n // 'Cliente: ' + jsondataSoat.Contact.FirstName+\" \"+jsondataSoat.Contact.FirstName1+\" \"+jsondataSoat.Contact.LastName+\" \"+jsondataSoat.Contact.LastName1,\n // 'Placa: ' + itemMoves.soat_placa,\n // 'Valor: ' + FormatMoney(itemMoves.valor.toFixed(2)),\n ];\n } */ \n jsPdfGenerator(data) \n }\n \n const tipo = () => {\n let mitabla = ''\n let categflag = false\n\n if (itemMoves.categ_id_name === \"Recargas\") {\n mitabla = 'Recargas'\n categflag = true\n } else if (itemMoves.categ_id_name === \"Todo incluido\" ||\n itemMoves.categ_id_name === \"Voz\" ||\n itemMoves.categ_id_name === \"Datos\" ||\n itemMoves.categ_id_name === \"Voz y Datos\" ||\n itemMoves.categ_id_name === \"Aplicaciones\") {\n mitabla = 'Paquetes'\n categflag = true\n } else if (itemMoves.categ_id_name === \"Rifas\") {\n mitabla = 'Rifas'\n categflag = true\n } else if (itemMoves.categ_id_name === \"TV\") {\n mitabla = 'Tv'\n categflag = true\n } else if (itemMoves.categ_id_name === \"Netflix\" ||\n itemMoves.categ_id_name === \"Xbox\" ||\n itemMoves.categ_id_name === \"Imvu\" ||\n itemMoves.categ_id_name === \"Playstation\" ||\n itemMoves.categ_id_name === \"Rixty\" ||\n itemMoves.categ_id_name === \"Spotify\" ||\n itemMoves.categ_id_name === \"Minecraft\") {\n mitabla = 'Pines'\n categflag = true\n } else if (itemMoves.categ_id_name === \"Recargas deportivas\") {\n mitabla = 'RecargasDeportivas'\n categflag = true\n }else if (itemMoves.categ_id_name === \"Bingo\") {\n mitabla = 'Bingo'\n categflag = true\n }else if (itemMoves.categ_id_name === \"Soat\") {\n mitabla = 'Soat'\n categflag = true\n }\n \n else if (itemMoves.categ_id_name === \"Certificado\") {\n mitabla = 'Certificado'\n categflag = true\n }\n\n return { mitabla: mitabla, categflag: categflag }\n }\n let data = tipo()\n if (itemMoves.rifa_aprobacion) {\n aprobation = itemMoves.rifa_aprobacion;\n } else if (itemMoves.recarga_aprobacion) {\n aprobation = itemMoves.recarga_aprobacion;\n }else if(itemMoves.bingo_aprobacion){\n aprobation = itemMoves.bingo_aprobacion;\n }\n\n let phone ='----';\n if(itemMoves.recarga_numero_celular){\n phone=itemMoves.recarga_numero_celular;\n }else if(itemMoves.bingo_numero_celular){\n phone=itemMoves.bingo_numero_celular;\n }\n \n\n return (\n <>\n \n\n {active &&
\n :\n \n \n
\n\n \n \n { setId_solicitud(e.target.value) }}\n />\n
\n { setCedula(e.target.value) }}\n />\n
\n {/* \n \n
\n {/* {setShowDesembolso(false) }} backdrop=\"static\" >\n \n Realizar Desembolso \n \n \n \n \n \n \n \n */}\n { setShowPago(false) }}\n backdrop=\"static\" >\n \n Realizar Pago \n \n \n \n \n {notification && closeModal(flag)}\n type={\"Crédito\"}\n message={\"Crédito diligenciado exitosamente\"} />}\n \n
}\n Consulta de Crédito
\n
Ingrese el Id
\n {id_solicitudError && (
\n El valor de la cedula es requerido
)}\n
Ingrese n° Cédula
\n {cedulaError && (
\n\n El valor de la cedula es requerido
)}\n {/*
¿Qué desea realizar?
*/}\n\n {/* */}\n\n \n\n\n
\n Cliente
\n{data.partner_name}
\n\n
\n Solicitud
\n{data.id}
\n\n
\n Valor aprobado
\n{data.solicitud_valoraprobado}
\n\n
\n Fecha de solicitud
\n{data.fecha_solicitud}
\n\n \n \n
\n \n \n {loading &&
\n \n
\n \n
\n \n { setPago(e.target.value) }}\n />\n
\n Cliente
\n{data.partner_name}
\n\nSolicitud
\n{id_solicitud}
\n\nDocumento
\n{cedula}
\nSaldo pendiente
\n{FormatMoney(data.valor_deuda ? data.valor_deuda : 0)}
\nSaldo a cancelar
\n {flagError && (
\n El valor a pagar tiene que ser mayor a $1000
)}\n \n \n
\n \n {loading &&
\n\n \n window.open(Url_home, '_self')}> Volver al inicio\n\n
\n }\n\n Esta pagina no esta disponible.
\n\n \n \n
\n
\n \n )\n}\n\n\nexport const ListErrors = (props) => {\n const { errors = [], rigthPage, leftPage, contPage } = props\n\n return (\n <>\n \n
\n \n\n
\n \n
\n Movimientos
\n\n\n
\n \n
\n\n \n \n
\n \n\n \n \n\n
\n | ID | \nDescripción | \nValor | \nTipo | \nAprobación | \n {/*Celular | */}\n {/*Comisión | */}\nFecha | \nHora | \n
|---|
\n \n \n
\n
\n \n )\n}\n\nexport const ListPending = (props) => {\n const { pending = [], rigthPage, leftPage, contPage } = props\n\n return (\n <>\n \n
\n\n \n\n
\n \n
\n Errores
\n\n
\n \n
\n \n \n
\n \n\n \n \n\n
\n | ID | \nNombre | \nValor | \nCelular | \nHora | \nTipo | \nObservación | \n
|---|
\n \n \n
\n
\n \n )\n}\n\n\n","import Odoo from 'odoo-xmlrpc';\n\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const getBox = async (type, page, fecha,clienteexterno_user_id ,callback) => {\n console.log(\"args getBox\",type, page, fecha,clienteexterno_user_id)\n const config = await OdooConfig();\n let finish = false;\n const args = [[0, { pagina: page, fecha, tipo: type,clienteexterno_user_id:clienteexterno_user_id }]]\n const data = await Desencrypt()\n const params = {\n model: \"movilgo.webservice\",\n method: \"obtenerDatosCaja\",\n args: args,\n kwargs: {}\n }\n\n setTimeout(() => {\n if (finish) {\n return;\n }\n alert(\"Tiempo limite excedidoo\");\n callback(false, \"\");\n return;\n }, 30000);\n\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: data.user,\n password: data.password\n });\n\n\n client.connect((err, response) => {\n if (err) {\n return callback(err, false)\n } else {\n client.execute_kw(params.model, params.method, params.args, (err, response) => {\n \n finish = true\n if (err) {\n //console.log(\"--->Error\", err)\n callback(err, false);\n return false;\n }\n console.log(\"box----------\", response)\n callback(response, true);\n\n });\n }\n\n })\n\n}\n\n\nexport const getPendingPayments = async (callback) => {\n const config = await OdooConfig();\n let finish = false;\n const args = [[0]]\n const data = await Desencrypt()\n console.log(\"args de las cajas\",args)\n console.log(\"paso por getPendingPayments\")\n const params = {\n model: \"movilgo.webservice\",\n method: \"listarTransaccionesPagoPayu\",\n args: args,\n kwargs: {}\n }\n setTimeout(() => {\n if (finish) {\n return;\n }\n alert(\"Tiempo limite excedidoo\");\n callback(false, \"\");\n return;\n }, 30000);\n\n const client = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: data.user,\n password: data.password\n });\n\n client.connect((err, response) => {\n if (err) {\n console.log(\"erorrers\", err)\n return callback(err, false);\n }else{\n client.execute_kw(params.model, params.method, params.args, (err, response) => {\n \n finish = true\n if (err) {\n \n return callback(err, false);\n }\n console.log(\"Movimientos realizados: \", response)\n return callback(response, true);\n \n });\n }\n })\n \n}\n","import React, { useEffect, useState } from 'react';\nimport { Tabs, Tab } from 'react-bootstrap';\nimport { ListMoves, ListErrors, ListPending } from './components/list';\nimport { getBox, getPendingPayments } from '../../services/caja.service';\nimport { LoadingMovilGo } from '../../shared/loadingMovilGo';\nimport { ManagmentErrors } from '../../shared/managmentErrors';\nimport { ToastContainer, toast } from 'react-toastify';\nimport Header from '../../shared/header/header';\nimport { idClienteFinal } from '../../utilities/odoo-config';\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nexport const Caja = () => {\n\n let [loading, setLoading] = useState(false)\n const [products, setProducts] = useState()\n const [key, setKey] = useState('moves');\n const [pageMoves, setPageMoves] = useState(1);\n const [pageErrors, setPageErrors] = useState(1);\n const [moves, setMoves] = useState([]);\n const [listErrors, setListErrors] = useState([]);\n const [deslogear, setDeslogear] = useState()\n const [pending, setPending] = useState([])\n\n const viewMoves = async () => {\n /* const idDelPadre = localStorage.getItem(\"IdPadreCliente\") \n setLoading(true)\n console.log(\"viewMoves \",pageMoves)\n if (pageMoves > 0) {\n await getBox(0, pageMoves,null ,idDelPadre,initializeMoves);\n\n } */\n\n getPendingPayments((res, flag) => {\n const estadoApproved = res.filter(element => element.estado == \"APPROVED\");\n console.log(\"Estados Aprobados:.....\", estadoApproved)\n initializeMoves(estadoApproved, flag)\n })\n\n }\n const viewPending = async () => {\n setLoading(true)\n getPendingPayments((res, flag) => {\n console.log(\" getPendingPayments.....\", flag, res)\n const estadoPendiente = res.filter(element => element.estado !== \"APPROVED\");\n console.log(\"Estados por aprobar:.....\", estadoPendiente)\n setLoading(false)\n if (flag) {\n setPending(estadoPendiente)\n } else {\n alert(\"Error\", \"Se presento un problema al obtener los movimientos pendientes\")\n }\n\n })\n }\n const initializeMoves = (data, flag) => {\n console.log(\"initializeMoves**********\", flag, data)\n setLoading(false)\n if (flag) {\n\n if (data.length > 0) {\n\n setMoves(data);\n\n } else if (data.length === 0) {\n const error = () => toast.error(\"¡No se encontraron movimientos!\");\n error();\n if (pageMoves === 1) {\n setPageMoves(1)\n } else {\n setPageMoves(pageMoves - 1)\n }\n } \n\n } \n }\n\n const viewErrors = async () => {\n const idDelPadre = localStorage.getItem(\"IdPadreCliente\");\n setLoading(true)\n if (pageErrors > 0) {\n await getBox(1, pageErrors, null, idDelPadre, initializeErrors);\n }\n }\n\n const initializeErrors = (data, flag) => {\n console.log(\"initializeErrors\", flag, data)\n setLoading(false)\n if (flag) {\n\n if (data.movimientosError.length > 0) {\n setListErrors(data.movimientosError);\n } else if (data.movimientosError.length === 0) {\n //error(\"¡No se encontraron errores registrados!\")\n const error = () => toast.error(\"¡No se encontraron errores registrados!\");\n error();\n if (pageErrors === 1) {\n setPageErrors(1)\n } else {\n setPageErrors(pageErrors - 1)\n }\n }\n } else {\n alert(data.message);\n }\n }\n\n const initializeproducts = async () => {\n const product = await JSON.parse(localStorage.getItem(\"products\"));\n setProducts(product)\n }\n\n const ordenarPorEstado = () => {\n getPendingPayments((res, flag) => {\n const estadoApproved = res.filter(element => element.estado == \"APPROVED\");\n const estadoPendiente = res.filter(element => element.estado !== \"APPROVED\");\n console.log(\"Estados Aprobados:.....\", estadoApproved)\n console.log(\"Estados por aprobar:.....\", estadoPendiente)\n })\n }\n\n useEffect(() => {\n ordenarPorEstado()\n initializeproducts()\n }, [])\n useEffect(() => {\n console.log(\"las keys--\", key)\n if (key === 'moves') {\n viewMoves();\n } else if (key === 'pending') {\n viewPending();\n } else if (key === 'errors') {\n viewErrors();\n }\n\n }, [key, pageMoves, pageErrors])\n\n\n return (\n <>\n \n
\n\n \n\n
\n \n
\n \n Movimientos Pendientes
\n| Tipo | \nFecha | \nObservacion | \nEstado | \n
|---|
\n {localStorage.getItem('idDelPadre') == \"cardoso\" ? setDeslogear(flag)} /> : setDeslogear(flag)} />}\n
\n \n { setKey(k) }}\n >\n \n {moves.length > 0 &&\n setPageMoves(pageMoves + 1)}\n leftPage={() => { if (pageMoves > 1) { setPageMoves(pageMoves - 1) } }}\n products={products}\n moves={moves}\n date={null}\n />}\n \n \n {pending.length > 0 && \n \n {listErrors.length > 0 && setPageErrors(pageErrors + 1)}\n leftPage={() => { if (pageErrors > 1) { setPageErrors(pageErrors - 1) } }}\n errors={listErrors} />}\n \n \n\n
\n {loading && \n\n \n \n \n \n \n\n \n this.setState({ password: event.target.value.replace(/\\D/, '') })}\n\n />\n this.setState({ password: event.target.value.replace(/\\D/, '') })}\n\n />\n \n\n \n\n \n\n\n
\n \n \n \n \n
\n \n \n\n
\n {this.state.modalNotification && Recuperar Contraseña
\n\n setDeslogear(flag)} *//> \n
\n\n \n
\n \n ¡Recuperación de contraseña!
\n\n {this.state.pdf.length>0&&
\n \n {this.state.modalNotification && \n
}\n \n \n {showAnimation && (\n
\n );\n};\n\nexport default SlideAnimation;\n\n","import React, { PureComponent, useEffect } from 'react';\nimport { useState } from 'react';\nimport 'react-toastify/dist/ReactToastify.css';\n//import { cambiarContrasena } from '../../../services/nuevaContraseña.service';\nimport { ValidarBoleta } from '../../../services/rifa.service';\nimport { Image } from 'react-bootstrap';\nimport SlideAnimation from './DeslizarDercha';\nimport './styles.css'\nimport { LoadingMovilGo } from '../../../shared/loadingMovilGo';\nimport { rifaIdBono2024_1, rifaIdBonoMillo, rifaIdBYD, rifaIdTaxi } from '../../../utilities/odoo-config';\n\n\n\nconst BoletaMobile = (props) => {\n const { images, loading, datosRifa, rifaId } = props\n var imageVertical = []\n if (rifaId == rifaIdBYD){\n imageVertical = images.slice(-2)//obtiene los ultimos dos imagenes \n }\n const [currentImageIndex, SetCurrentImageIndex] = useState(0);\n const [isFlipped, SetIsFlipped] = useState(false);\n const [smallScreen, SetSmallScreen] = useState(false);\n\n\n useEffect(() => {\n // Función para verificar si se está visualizando desde un celular\n const checkMobile = () => {\n const smallerScreen = window.innerWidth < 400;\n SetSmallScreen(smallerScreen);\n };\n\n checkMobile();\n\n window.addEventListener('resize', checkMobile);\n\n // Limpiar el evento de escucha al desmontar el componente\n return () => {\n window.removeEventListener('resize', checkMobile);\n };\n }, []);\n\n const handleImageChange = (index) => {\n SetIsFlipped(true);\n setTimeout(() => {\n SetCurrentImageIndex(index);\n SetIsFlipped(false);\n }, 200); // Ajusta el tiempo de acuerdo a la duración de tu animación CSS\n };\n\n const handleNextImage = () => {\n if (rifaId == rifaIdBYD) {\n const nextIndex = (currentImageIndex + 1) % imageVertical.length;\n handleImageChange(nextIndex);\n } else {\n const nextIndex = (currentImageIndex + 1) % images.length;\n handleImageChange(nextIndex);\n }\n };\n\n const handlePreviousImage = () => {\n if (rifaId == rifaIdBYD) {\n const previousIndex = (currentImageIndex - 1 + imageVertical.length) % imageVertical.length;\n handleImageChange(previousIndex);\n } else {\n const previousIndex = (currentImageIndex - 1 + images.length) % images.length;\n handleImageChange(previousIndex);\n }\n };\n\n\n if (rifaId === rifaIdBonoMillo ) {\n return (\n \n Deslizar para ver mas\n
\n )}\n\n {/* Resto del contenido */}\n \n\n
\n \n
\n\n \n
\n\n \n {images.map((imageUrl, index) => (\n \n })
\n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 2 === currentImageIndex ? ( //valida la penultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].nombre : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].apellido : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].direcion : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].barrio : 'No hay datos'}
\n\n {/*\n {datosRifa.length > 0 ? datosRifa[0].telefono : 'No hay datos'}
*/}\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n \n ) : ''}\n\n\n \n
\n {currentImageIndex + 1}/{images.length}
\n \n\n\n
\n \n
\n\n \n
\n\n \n {images.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 2 === currentImageIndex ? ( //valida la penultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].nombre : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].apellido : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].telefono : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n \n ) : ''}\n\n\n \n
\n \n )\n } else if (rifaId === rifaIdBYD) {\n\n return (\n {currentImageIndex + 1}/{images.length}
\n \n\n\n {/*
\n \n
\n\n \n
\n\n \n {imageVertical.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n \n ) : ''}\n\n {imageVertical.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n\n {datosRifa.length > 0 ? datosRifa[0].nombre + \" \" +datosRifa[0].apellido: 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n \n ) : ''}\n\n\n \n
\n \n )\n }\n\n\n}\n\nexport default BoletaMobile","import React, { PureComponent } from 'react';\nimport { useState } from 'react';\nimport 'react-toastify/dist/ReactToastify.css';\n//import { cambiarContrasena } from '../../../services/nuevaContraseña.service';\n\nimport './styles.css'\nimport { LoadingMovilGo } from '../../../shared/loadingMovilGo';\nimport { rifaIdBono2024_1, rifaIdBonoMillo, rifaIdBYD, rifaIdTaxi } from '../../../utilities/odoo-config';\n\n\n\nconst RotateMobile = (props) => {\n const { images, datosRifa, rifaId } = props\n var imageHorizontal = []\n console.log(\"data en RotateMobile\", images, datosRifa, rifaId);\n if (rifaId == rifaIdBYD){\n imageHorizontal = images.slice(0, 2)\n }\n\n const [currentImageIndex, SetCurrentImageIndex] = useState(0);\n const [isFlipped, SetIsFlipped] = useState(false);\n\n\n const handleImageChange = (index) => {\n SetIsFlipped(true);\n setTimeout(() => {\n SetCurrentImageIndex(index);\n SetIsFlipped(false);\n }, 200); // Ajusta el tiempo de acuerdo a la duración de tu animación CSS\n };\n\n const handleNextImage = () => {\n if (rifaId == rifaIdBYD) {\n const nextIndex = (currentImageIndex + 1) % imageHorizontal.length;\n handleImageChange(nextIndex);\n } else {\n const nextIndex = (currentImageIndex + 1) % images.length;\n handleImageChange(nextIndex);\n }\n };\n\n const handlePreviousImage = () => {\n if (rifaId == rifaIdBYD) {\n const previousIndex = (currentImageIndex - 1 + imageHorizontal.length) % imageHorizontal.length;\n handleImageChange(previousIndex);\n } else {\n const previousIndex = (currentImageIndex - 1 + images.length) % images.length;\n handleImageChange(previousIndex);\n }\n };\n\n if (rifaId === rifaIdBonoMillo) {\n return (\n {currentImageIndex + 1}/{imageVertical.length}
\n \n\n
\n\n \n
\n\n \n
\n\n \n {images.map((imageUrl, index) => (\n \n
\n ))}\n\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 2 === currentImageIndex ? ( //valida la penultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].nombre : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].apellido : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].direcion : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].barrio : 'No hay datos'}\n
\n {/*\n {datosRifa.length > 0 ? datosRifa[0].telefono : 'No hay datos'}\n
*/}\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}\n
\n \n ) : ''}\n\n\n \n
\n\n \n )\n\n } else if (rifaId === rifaIdTaxi) {\n return (\n {currentImageIndex + 1}/{images.length}
\n\n \n\n
\n\n \n
\n\n \n
\n\n \n {images.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 2 === currentImageIndex ? ( //valida la penultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].nombre : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].apellido : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].telefono : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n \n ) : ''}\n\n\n \n
\n\n \n )\n } else if (rifaId === rifaIdBYD) {\n return (\n {currentImageIndex + 1}/{images.length}
\n\n \n\n
\n\n \n
\n\n \n
\n\n \n {imageHorizontal.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n \n ) : ''}\n\n {imageHorizontal.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n\n {datosRifa.length > 0 ? datosRifa[0].nombre + \" \" +datosRifa[0].apellido: 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n \n ) : ''}\n\n\n\n \n
\n\n \n )\n }\n\n}\n\nexport default RotateMobile","import React, { PureComponent } from 'react';\nimport { useState } from 'react';\nimport 'react-toastify/dist/ReactToastify.css';\n//import { cambiarContrasena } from '../../../services/nuevaContraseña.service';\nimport './styles.css'\nimport { LoadingMovilGo } from '../../../shared/loadingMovilGo';\nimport { rifaIdBono2024_1, rifaIdBonoMillo, rifaIdBYD, rifaIdTaxi, rifaIdTaxi2024_1 } from '../../../utilities/odoo-config';\n\n\n\nconst DesktopView = (props) => {\n const { images, loading, datosRifa, rifaId } = props\n var imageHorizontal = []\n //console.log(\"data en DesktopView\", images, datosRifa, rifaId);\n if (rifaId == rifaIdBYD){\n imageHorizontal = images.slice(0, 2)\n }\n\n const [currentImageIndex, SetCurrentImageIndex] = useState(0);\n const [isFlipped, SetIsFlipped] = useState(false);\n\n const handleImageChange = (index) => {\n SetIsFlipped(true);\n setTimeout(() => {\n SetCurrentImageIndex(index);\n SetIsFlipped(false);\n }, 200); // Ajusta el tiempo de acuerdo a la duración de tu animación CSS\n };\n\n const handleNextImage = () => {\n if (rifaId == rifaIdBYD) {\n const nextIndex = (currentImageIndex + 1) % imageHorizontal.length;\n handleImageChange(nextIndex);\n } else {\n const nextIndex = (currentImageIndex + 1) % images.length;\n handleImageChange(nextIndex);\n }\n };\n\n const handlePreviousImage = () => {\n if (rifaId == rifaIdBYD) {\n const previousIndex = (currentImageIndex - 1 + imageHorizontal.length) % imageHorizontal.length;\n handleImageChange(previousIndex);\n } else {\n const previousIndex = (currentImageIndex - 1 + images.length) % images.length;\n handleImageChange(previousIndex);\n }\n };\n\n if (rifaId === rifaIdBonoMillo ) {\n return (\n {currentImageIndex + 1}/{imageHorizontal.length}
\n\n \n\n
\n\n \n
\n\n \n
\n\n \n {images.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 2 === currentImageIndex ? ( //valida la penultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].nombre : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].apellido : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].direcion : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].barrio : 'No hay datos'}
\n\n {/*\n {datosRifa.length > 0 ? datosRifa[0].telefono : 'No hay datos'}
*/}\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n\n \n ) : ''}\n\n\n\n \n
\n \n )\n } else if (rifaId === rifaIdTaxi ) {\n return (\n {currentImageIndex + 1}/{images.length}
\n\n \n\n
\n\n \n
\n\n \n
\n\n \n {images.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n {datosRifa.length > 0 ? datosRifa[0].numero_promocional : 'No hay datos'}\n
\n \n ) : ''}\n\n {images.length - 2 === currentImageIndex ? ( //valida la penultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].nombre : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].apellido : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].telefono : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n\n \n ) : ''}\n\n\n\n \n
\n \n )\n } else if (rifaId === rifaIdBYD) {\n return (\n {currentImageIndex + 1}/{images.length}
\n\n \n\n
\n\n \n
\n\n \n
\n\n \n {imageHorizontal.map((imageUrl, index) => (\n \n \n
\n ))}\n {currentImageIndex + 1 === 1 ? ( //valida la primera pagina\n <>\n \n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n \n ) : ''}\n\n {imageHorizontal.length - 1 === currentImageIndex ? ( //valida la ultima pagina\n <>\n\n {datosRifa.length > 0 ? datosRifa[0].numero : 'No hay datos'}\n
\n\n\n {datosRifa.length > 0 ? datosRifa[0].nombre + \" \" +datosRifa[0].apellido: 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].CC : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].celular : 'No hay datos'}
\n\n\n {datosRifa.length > 0 ? datosRifa[0].email : 'No hay datos'}
\n \n ) : ''}\n\n\n\n \n
\n\n \n )\n }\n\n\n}\n\nexport default DesktopView","import React, { PureComponent } from 'react';\nimport 'react-toastify/dist/ReactToastify.css';\n//import { cambiarContrasena } from '../../../services/nuevaContraseña.service';\nimport { ValidarBoleta } from '../../../services/rifa.service';\nimport BoletaMobile from './boletaMobile';\nimport BoletaRotateMobile from './boletaRotateMobile'\nimport DesktopView from './boletaDesktop';\nimport './styles.css'\n\n\nclass VolanteBoleta extends PureComponent {\n\n constructor(props) {\n super(props);\n\n this.state = {\n isMobile: false,\n isRotateMobile: false, \n datosRifa: [],\n rifaId: '',\n images: [],\n currentImageIndex: 0,\n isFlipped: false,\n loading: true,\n };\n }\n\n componentDidMount() {\n this.checkMobile(); // Verificar si se está visualizando desde un celular al cargar el componente\n window.addEventListener('resize', this.checkMobile); // Verificar también cuando se cambia el tamaño de la pantalla\n this.loaData()\n }\n\n\n\n loaData = async () => {\n\n let url = window.location.search.split(\"id=\");\n //console.log(\"validar boleta rifa\",rifa)\n //console.log(\"url del validar voleta\",url)\n let id = url[1];\n console.log(\"id de la busqueda\", id)\n\n await ValidarBoleta(id, (flag, response) => {\n console.log(\"flag del ValidarBoleta\", flag);\n console.log(\"response del ValidarBoleta\", response);\n if (flag) {\n const datosRifaArray = response.datos.map((dato) => dato);\n this.setState({\n datosRifa: datosRifaArray,\n images: datosRifaArray[0].url_image,\n rifaId: datosRifaArray[0].rifa_id,\n loading: false\n }, () => {\n // Verificar si el estado se actualizó correctamente\n console.log(\"Estado actualizado, images:\", this.state.images);\n })\n } else {\n alert(\"Error\", \"Se presento un error al validar la boleta\");\n this.setState({ loading: false })\n }\n });\n }\n\n checkMobile = () => {\n const { isMobile } = this.state;\n const isMobileView = window.innerWidth < 650;\n const isRotateView = window.innerWidth > 650 && window.innerWidth < 1000;\n\n if (isMobileView && !isMobile) {\n this.setState({ isMobile: true, isRotateMobile: false });\n } else if (!isMobileView && isMobile) {\n this.setState({ isMobile: false, isRotateMobile: false });\n } else if (isRotateView) {\n this.setState({ isMobile: false, isRotateMobile: true });\n }\n };\n\n render() {\n const { isRotateMobile, isMobile, images, currentImageIndex, loading, datosRifa, rifaId } = this.state;\n\n let content = null;\n\n if (isMobile) {\n content = (\n\n <>\n {currentImageIndex + 1}/{imageHorizontal.length}
\n\n \n\n
\n \n )}\n }\n\n","import React, { PureComponent } from 'react';\nimport { Button, Col, Modal } from \"react-bootstrap\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { LoadingMovilGo } from '../../shared/loadingMovilGo';\nimport pse from '../../assets/pagos/pse.png'\nimport { PseScreen } from '../../shared/pay/component/pse';\nimport card from '../../assets/pagos/card.png'\nimport { ButtonImagePay } from '../../shared/buttons';\nimport { PayCardScreen } from '../../shared/pay/component/card';\nimport { clientSession, idClienteFinal } from '../../utilities/odoo-config';\nimport { Desencrypt } from '../../utilities/cipher';\nimport Header from '../../shared/header/header';\nimport { jsPdfGenerator } from '../../shared/pdfTransaction';\nimport { FormatMoney } from '../../utilities/formats';\nimport { payMenRefacil } from '../../services/pay.service';\nexport class PagosExternosScreen extends PureComponent {\n constructor(props) {\n super(props);\n /* this.recargas = this.props.recargas; */\n this.state = {\n buttonsPay: [],\n pse: false,\n card: false,\n loading: false,\n userlogin: {},\n product: {},\n producto: '',\n resolucion: '',\n fechaSorteo: '',\n precio: '',\n identificacion: '',\n fullNameUser: '',\n numeroBoleta: '',\n phone: '',\n email: '',\n operadorEfectivo: '',\n partner_id: '',\n product_id: '',\n nombre_cliente: '',\n\n }\n }\n componentDidMount = () => {\n console.log(\"this.props de pagos jeje \", this.props)\n this.loadData()\n }\n loadData = () => {\n let url = window.location.search.split(\"&&\");\n console.log(\"url del componente de pagos\", url)\n\n // el url[0] es product_id\n // el url[1] es clienteexterno_user_id\n // el url[2] es numeroBoleta\n // el url[3] es valorPagar\n // el url[4] es partner_id\n // el url[5] es nombre_cliente\n // el url[6] es producto\n // el url[7] es resolucion\n // el url[8] es fecha sorteo\n // el url[9] es precio\n // el url[10] es cedula\n // el url[11] es telefono\n // el url[12] es correo\n // el url[13] es metodo de pago\n // el url[14] Nombre completo\n\n const product_id = url[0]\n const clienteexterno_user_id = url[1]\n const numeroBoleta = url[2]\n const valorPagar = url[3]\n const partner_id = url[4]\n const nombre_cliente = url[5]\n const producto = url[6]\n const resolucion = url[7]\n const fechaSorteo = url[8]\n const precio = url[9]\n const dniNumber = url[10]\n const phone = url[11]\n const email = url[12]\n const operadorEfectivo = url[13]\n const fullNameUser = url[14]\n\n let strNombreCliente = JSON.stringify(nombre_cliente).replace(/%20/g, ' ');\n strNombreCliente = strNombreCliente.replace(/\\\"/, '');\n strNombreCliente = strNombreCliente.replace(/\\\"/, '');\n\n let strProducto = JSON.stringify(producto).replace(/%20/g, ' ');\n strProducto = strProducto.replace(/\\\"/, '');\n strProducto = strProducto.replace(/\\\"/, '');\n\n let strProductId = JSON.stringify(product_id).replace('?', '');\n strProductId = strProductId.replace('\"', '');\n\n console.log(\"log del strNombreCliente\", strNombreCliente)\n console.log(\"log del strProducto\", strProducto)\n console.log(\"log del strProductId\", strProductId)\n const product = {\n product_id: parseInt(strProductId),\n clienteexterno_user_id: parseInt(clienteexterno_user_id),\n atributes: {\n numeroBoleta: \"\" + numeroBoleta,\n valorPagar: parseInt(valorPagar),\n partner_id: partner_id,\n //vendedor_externo_id: clienteexterno_user_id[1],//este user id no se puede enviar\n nombre_cliente: strNombreCliente\n }\n }\n console.log(\"el producto de salida\", product);\n console.log(\"user de logeo\", { user: clientSession.user, password: clientSession.password });\n\n\n url.forEach((item, index) => {\n console.log(`url[${index}]`, item);\n });\n\n this.setState({\n product: product,\n producto: strProducto,\n resolucion: resolucion,\n fechaSorteo: fechaSorteo,\n partner_id: partner_id,\n precio: parseInt(precio),\n fullNameUser: fullNameUser,\n userlogin: {\n user: clientSession.user,\n password: clientSession.password\n },\n numeroBoleta: numeroBoleta,\n identificacion: dniNumber,\n phone: phone,\n email: email,\n operadorEfectivo: operadorEfectivo,\n product_id: strProductId,\n nombre_cliente: strNombreCliente\n\n })\n\n this.loadPay()\n }\n loadPay = () => {\n let buttons = []\n for (let k = 0; k < imageOptions.length; k = k + 2) {\n buttons.push(\n \n \n \n \n
\n \n this.pressImage(imageOptions[k].name)} image={imageOptions[k].source}> \n {k + 1 < imageOptions.length && this.pressImage(imageOptions[k + 1].name)} image={imageOptions[k + 1].source}> }\n
\n\n\n )\n }\n this.setState({ buttonsPay: buttons })\n }\n\n pressImage = (routePay) => {\n console.log(\"imagen presionada\", routePay)\n if (this.state.operadorEfectivo == 'refacil' && routePay != 'card') {\n console.log(\"es \", this.state.operadorEfectivo);\n this.setState({ loading: true });\n let data = []\n data = {\n \"product\": {\n \"atributes\": {\n \"numeroBoleta\": this.state.numeroBoleta,\n \"partner_id\": parseInt(this.state.partner_id),\n \"nombre_cliente\": this.state.nombre_cliente,\n \"valorPagar\": this.state.precio\n },\n \"clienteexterno_user_id\": parseInt(idClienteFinal),\n \"product_id\": parseInt(this.state.product_id)\n },\n \"phone\": this.state.phone,\n \"emailAddress\": this.state.email,\n \"fullName\": this.state.fullNameUser,\n \"dniNumber\": this.state.identificacion\n }\n\n console.log('Datos envio refacil', data);\n\n payMenRefacil(data, this.state.userlogin, async (flag, res) => {\n if (flag) {\n console.log('Respuesta refacil:', res);\n\n const urlPago = res && res.url_pago;\n\n if (urlPago) {\n this.setState({ loading: false });\n // Redirigir automáticamente al navegador a la URL de pago\n //window.location.href = urlPago;\n } else {\n this.setState({ loading: false });\n console.error('No se encontró la URL de pago en la respuesta.');\n }\n } else {\n this.setState({ loading: false });\n console.error('Error en el pago refacil', res);\n }\n });\n\n\n\n\n } else {\n this.setState({ [routePay]: true })\n }\n\n }\n navigateNext = async (flag, response) => {\n console.log(\"comprar navigateNext flag\", flag)\n console.log(\"comprar navigateNext response\", response)\n this.setState({ numberTicket: '', selectedPrice: '', })\n if (!flag && response) {\n\n let data = []\n data = [\n \"Factura No: \" + response.valida.id,\n \"Fecha:\" + response.valida.fecha,\n \"No.Aprobacion:\" + response.valida.numero_aprobacion,\n \"Producto: \" + this.state.producto,\n \"Resolucion: \" + this.state.resolucion,\n \"Fecha del sorteo: \" + this.state.fechaSorteo,\n \"Número de boleta: \" + this.state.numberTicket,\n \"Cliente: \" + this.state.userTicket,\n \"Valor: \" + FormatMoney(this.state.product.atributes.valorPagar)\n ]\n if (this.state.precio > this.state.product.atributes.valorPagar) {\n data = [\n \"Factura No: \" + response.valida.id,\n \"Fecha:\" + response.valida.fecha,\n \"No.Aprobacion:\" + response.valida.numero_aprobacion,\n \"Producto: Abono \" + this.state.producto,\n \"Resolucion: \" + this.state.resolucion,\n \"Fecha del sorteo: \" + this.state.fechaSorteo,\n \"Número de boleta: \" + this.state.product.atributes.numeroBoleta,\n \"Cliente: \" + this.state.product.atributes.nombre_cliente,\n \"Valor total: \" + FormatMoney(this.state.precio),\n \"Valor abonado: \" + FormatMoney(parseInt(this.state.product.atributes.valorPagar)),\n \"Valor por pagar: \" + FormatMoney(this.state.precio - this.state.product.atributes.valorPagar),\n ]\n\n }\n jsPdfGenerator(data)\n //this.setState({ modalNotification: true, loading: false, opacity: 1, userTicket: '', viewTicket: false, selectedPrice: '', numberTicket: '', styleTicket: { borderWidth: 1 }, styleUser: { borderWidth: 1 }, identification: '' })\n\n } else {\n this.props.navigate('/')\n }\n }\n\n render() {\n return (\n \n {\n if (flag2) {\n /* this.props.navigate('/') */\n }\n this.setState({ pse: flag });\n\n }}\n /* navigation={this.props.navigation} */ />}\n {this.state.card && {\n this.setState({ card: flag })\n\n if (data) {\n this.navigateNext(flag, data)\n /* this.props.navigate('/') */;\n /* window.location.replace('http://45.79.43.96:8099/Rifas/') */\n window.close();\n }\n\n }} />}\n\n
\n\n )\n }\n}\n\nconst imageOptions = [\n {\n name: 'pse',\n source: pse\n },\n {\n name: 'card',\n source: card\n }/*,\n {\n name:'efecty',\n source: efecty \n },\n {\n name:'nequi',\n source: nequi \n },\n {\n name:'daviplata',\n source: daviplata \n } ,\n {\n name:\"bitcoin\",\n source: bitcoin \n } */\n]\n\n\nconst styles = {\n containerButton: {\n width: '50%',\n marginVertical: '1%',\n flexDirection: \"column\",\n top: '10%',\n left: 0,\n bottom: 0,\n right: 0,\n margin: 'auto'\n },\n};","\nimport React, {Component} from 'react';\nimport pdfC from '../../assets/documents/politicas.pdf'\n export default class Politics extends Component{\n constructor(props) {\n super(props)\n this.state={\n }\n }\n componentDidMount=()=>{\n //console.log(\"componentDidMount props\",this.props)\n }\n render(){\n return(<>\n \n this.setState({ deslogear: flag })} />\n
\n \n\n\n
\n \n\n\n
\n {this.state.loading && \n
\n \n )}\n }\n\n","import React, { Component } from \"react\";\nimport Carousel from \"react-spring-3d-carousel\";\nimport uuidv4 from \"uuid\";\nimport { config } from \"react-spring\";\nimport sorteo1 from '../../../assets/cardoso/Sorteo_Millonario_1.jpg';\nimport sorteo2 from '../../../assets/cardoso/Sorteo_Millonario_2.jpg';\nimport '../../cardoso/cardoso.css';\n\nexport default class CarruselCardoso extends Component {\n state = {\n goToSlide: 0,\n goToSlideDelay: 4000,\n offsetRadius: 2,\n showNavigation: false,\n \n data: []\n };\n\n componentDidMount() {\n this.setState({\n data: [\n {\n key: uuidv4(),\n content: \n \n \n \n
\n \n
\n );\n }\n}\n","\nimport React, {Component} from 'react';\n//import CarruselHome from './components/carruselhome';\nimport {Button,Image, Row, Col,Card,Modal} from 'react-bootstrap';\nimport fondo from '../../assets/home/fondo.png';\nimport fondo2 from '../../assets/home/fondo2.png'\nimport men from '../../assets/home/img1.png';\nimport personaje from '../../assets/home/personaje.png'\nimport { Register } from '../../shared/header/components/register';\nimport incon from '../../assets/home/icono.png'\nimport woman from '../../assets/home/img2.png'\nimport rifa from '../../assets/home/RIFA.jpg'\nimport Header from '../../shared/header/header';\nimport { idClienteFinal, idClienteFinalCardoso } from '../../utilities/odoo-config';\nimport CarruselHome from '../home/components/carruselhome';\nimport cardoso from '../../assets/cardoso/Sorteo-cardoso.jpg'\nimport HeaderCardoso from '../../shared/header/header-cardoso';\nimport fondo3 from '../../assets/home/portada2.png';\nimport fondo4 from '../../assets/home/portadamovil.png';\nimport CarruselCardoso from '../../screens/home/components/carruselcardoso';\nimport './cardoso.css';\n\n export default class HomeCardoso extends Component{\n constructor(props) {\n super(props)\n this.state={\n showRegister:false ,\n deslogear:false,\n showcardoso:false,\n idHeader: localStorage.getItem('idDelPadre'),\n }\n }\n componentDidMount=()=>{\n this.setState({showcardoso:true})\n //console.log(\"componentDidMount props\",this.props)\n }\n render(){\n return(<>\n \n \n
\n \n
\n \n {\n
\n\n\n
\n \n \n
}\n \n this.setState({deslogear:flag})} />\n \n
\n \n \n {/*
\n \n \n \n \n Tener en tu celular todo lo que necesitas es mas sencillo\n
\n\n \n Encuentra todos los productos que utilizas en tu dispositivo\n
*/}\n \n \n {/*
\n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n
\n \n \n \n \n \n Nuestros productos\n
\n \n \n\n Un lugar en donde puedes encontrar todos los servicios de mas utilizas\n
\n \n\n
\n \n RECARGAS Y PAQUETES\n
\n\n PINES \n
\n\n APUESTAS DEPORTIVAS\n
\n\n CERTIFICADOS DE TRADICION\n
\n\n RIFAS\n
\n\n
\n \n \n\n
\n \n
\n \n
\n \n Es muy sencillo\n
\n\n
\n \n \n
\n
\n \n Ingresa desde tu computador y registrate con tus datos personajes e informarcion.\n
\n\n \n
\n
\n \n
\n \n Accede servicio o producto que necesita.\n
\n\n \n
\n
\n \n
\n \n Seleciona el medio de pago.\n
\n\n
\n \n
\n \n \n
\n
\n \n
\n \n Nuestra App\n
\n\n Ingresa desde tu computador y registrate con tus datos personajes e informarcion\n
\n\n \n \n
\n
\n \n \n \n \n \n )\n }\n} ","import React, {Component} from 'react';\nimport { faMobile} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Button} from 'react-bootstrap'\nimport {Col,Row,Image} from 'react-bootstrap';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\nimport {faFacebookF,faInstagram} from '@fortawesome/free-brands-svg-icons'\nimport movilgo from '../assets/header/movilgo.png';\nimport facebook from '../assets/footer/FB.png'\nimport instagram from '../assets/footer/IN.png'\nimport cardo from '../assets/footer/cardoso_icon1.png'\nimport whastapp from '../assets/footer/WA.png'\nimport {faEnvelope } from '@fortawesome/free-solid-svg-icons';\nimport apk from '../utilities/apk/Cliente.apk';\nimport footer from '../assets/footer/footer_cardoso.css';\nimport cardoso from '../assets/footer/logo.png';\n\nexport default class footer_cardoso extends Component{\n constructor(props) {\n super(props)\n this.state={\n \n }\n }\n render(){\n return(\n \n \n
\n \n Carrera 23 #62-39 Edificio Capitalia B404
\n\n
\n \n mercadeo@movilgo.com.co
\n\n
\n \n \n \n \n
\n App
\n\n \n\n
\n
\n \n \n \n \n \n )\n }\n} ","import './App.css';\nimport React, { PureComponent } from 'react';\n\nimport Header from './shared/header/header';\nimport { ToastProvider } from 'react-toast-notifications';\nimport { BrowserRouter as Router, Route } from 'react-router-dom';\n\nimport RoutesHome from './routes';\nimport Footer from './shared/footer';\nimport FooterCardoso from './shared/footer_cardoso';\nimport { idClienteFinal } from './utilities/odoo-config';\n\nclass App extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n deslogear: false\n };\n }\n\n render() {\n const currentPath = window.location.pathname;\n let isCardosoRoute = false\n const id_padre = localStorage.getItem('idDelPadre')\n if (currentPath === '/cardoso' || id_padre==\"cardoso\") {\n isCardosoRoute = true\n }else {\n isCardosoRoute = false\n }\n\n return (\n \n \n
\n \n Carrera 23e N 62-72 Ed, Pranha, Of. 804
Manizales - Caldas.
\n
\n \n coordinador@grupo-cardoso.com
\n\n\n
\n\n \n
\n \n \n \n \n
\n App
\n\n
\n \n { this.setState({ deslogear: flag }) }} />\n
\n \n {isCardosoRoute ?
\n