\n\n {services.map((service, i) => {\n return (\n onClick(service.source)} image={service.image} />\n )\n })\n }\n\n
\n \n )\n}","import React, { PureComponent } from 'react';\n//import { Card } from 'react-bootstrap';\nimport { ListServices } from './components/list-services';\nimport { Row, Col } from 'react-bootstrap';\nimport { idCardoso, idMobilgoVendedor, idRDominic, idRDominicFinal, idRDominicVendedor } from '../../utilities/odoo-config';\nimport { Desencrypt } from '../../utilities/cipher';\n\nclass MenuServices extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n listaPaquetes: '',\n routes: []\n }\n }\n \n onClickRoutes = (route) => {\n this.props.history.push(route);\n }\n\n componentDidMount = () => {\n const permiso = localStorage.getItem('Permission');\n const Idpadre = localStorage.getItem('idPadre');\n const datoSession = Desencrypt();\n let routes = Routes;\n if (permiso === 'cobrador') {\n routes = RoutesCollector;\n } else if (permiso === 'administrador') {\n routes = RoutesAdmin;\n } else if (Idpadre === idCardoso || Idpadre == idRDominic) {\n routes = RouteCardoso;\n }\n else if (datoSession.id == idMobilgoVendedor) {\n routes = RouteCardoso;\n }\n else if (datoSession.id == idRDominicVendedor || datoSession.id == idRDominicFinal) {\n routes = RouteCardoso;\n }\n\n this.setState({ listaPaquetes: this.props.listaPaquetes, routes })\n }\n\n render() {\n return (\n \n\n \n this.onClickRoutes(route)}\n />\n \n
\n
\n );\n };\n}\n\nconst Routes = [\n {\n image: require('../../assets/services/btn-recargas.png'),\n source: '/Recargas'\n },\n {\n image: require('../../assets/services/btn-paquetes.png'),\n source: '/Paquetes'\n },\n {\n image: require('../../assets/services/btn-rifas.png'),\n source: '/Rifas'\n } ,\n {\n image: require('../../assets/services/btn-pines.png'),\n source: '/Pines'\n },\n {\n image: require('../../assets/services/btn-deportes.png'),\n source: '/Recargas-Deportivas'\n },/*\n {\n image: require('../../assets/services/btn-soat.png'),\n source: '/Soat'\n },\n {\n image: require('../../assets/services/botonbingo.png'),\n source: '/Super-Bingo'\n }, */\n\n /* Este fragmento permite el acceso a \"Certificados\" que se encuentra \n en \"route.js\", el cual su vez redirecciona a la vista. */\n /* {\n image: require('../../assets/services/btn-certificado.png'),//require('../../assets/services/btn-certificados.png'),\n source: '/Certificados'\n },\n {\n image: require('../../assets/services/btn-prestamos.png'),\n source: '/Prestamos/Busca'\n },*/ \n \n /* { image: require('../../assets/services/btn-prestamos.png'),\n source: '/Mitecnova/' }, */\n \n \n \n]\n\nconst RoutesCollector = [\n {\n image: require('../../assets/services/botoncobrador.png'),\n source: '/Recaudo'\n },\n]\n\nconst RouteCardoso =[\n {\n image: require('../../assets/services/btn-rifas.png'),\n source: '/Rifas'\n },\n]\n\nconst RoutesAdmin = [\n {\n image: require('../../assets/services/btn-recargas.png'),\n source: '/Recargas'\n },\n {\n image: require('../../assets/services/btn-paquetes.png'),\n source: '/Paquetes'\n },\n {\n image: require('../../assets/services/btn-rifas.png'),\n source: '/Rifas'\n },\n {\n image: require('../../assets/services/btn-pines.png'),\n source: '/Pines'\n },\n {\n image: require('../../assets/services/btn-deportes.png'),\n source: '/Recargas-Deportivas'\n },\n {\n image: require('../../assets/services/btn-soat.png'),\n source: '/Soat'\n },\n {\n image: require('../../assets/services/botoncobrador.png'),\n source: '/Recaudo'\n }, \n /* {\n image: require('../../assets/services/btn-deportes.png'),//require('../../assets/services/btn-certificados.png'),\n source: '/Certificados'\n },\n */\n {\n image: require('../../assets/services/btn-prestamos.png'),\n source: '/Prestamos/Busca'\n }, \n /* { image: require('../../assets/services/btn-prestamos.png'),\n source: '/Mitecnova' }, */\n]\n\nexport default MenuServices;","import React from 'react';\nimport { FormatMoney, Capitalize } from '../../../utilities/formats';\n\nexport const Summary = (props) => {\n const { phone, operator, price, packet } = props\n\n return (\n Servicios MóvilGo
\n \n
\n );\n}\n"," \nimport styled from \"styled-components\";\n\nexport let HomeWrapper = styled.div`\n .slick-arrow {\n background-color: #61dafb;\n height: 35px;\n width: 35px;\n border-radius: '20'\n \n }\n .slick-arrow:hover,\n .slick-arrow:active,\n .slick-arrow:focus {\n background-color: #61dafb !important;\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'\n\nexport const Carrusel = (props) => {\n\n /* console.log(\"PROPS CARRUSEL: \", props) */\n const { packages = [], onClick } = props;\n //console.log(\"PAQUETE: \", packages)\n\n const [cards, setCards] = useState([]);\n const size = useWindowSize();\n const [numberCards, setNumberCards] = useState(2);\n \n function useWindowSize() \n {\n const [windowSize, setWindowSize] = useState({ width: undefined, height: undefined, }); \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 if (size.width <= 768 && size.height <= 1024) {\n setNumberCards(1)\n }else if(size.width >= 768 && size.height >= 800){\n setNumberCards(2)\n }else{\n setNumberCards(3)\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 useEffect(() => { \n let aux = [];\n packages.forEach(element => {\n //console.log(\"ELEMENET FORE CAROUSEL\", element)\n aux.push(\n Operador:
\n{Capitalize(operator)}
\nCelular:
\n{phone}
\nPaquete:
\n{packet}
\nValor del paquete:
\n {price &&{FormatMoney(parseInt(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 );\n });\n setCards(aux);\n }, [packages, onClick]);\n\n return (\n \n
\n {this.state.modalNotification &&\n\n \n \n this.selectOperator(operador)}\n operators={this.state.operators}\n />}\n \n
\n \n \n \n { this.setState({ clean: flag })}\n limpiar={this.state.clean}\n onClick={(type) => { this.selectType(type) }}\n types={this.state.tagList} />\n }\n
\n\n {\n this.setState({ name: namePacket, price: pricePacket, idPackage: id })\n }}\n packages={this.state.paquetes}\n operador={this.state.selectedOperator.name}\n type={this.state.selectedType} />}\n \n \n this.setState({ phone: event.target.value.replace(/\\D/, '') })}\n />\n \n
\n \n \n \n \n \n \n
\n\n Paquetes
\n\n
Celular
\n\n \n {element.name} \n \n \n \n \n
\n \n \n
\n ); \n }\n \n })\n setCards(aux)\n }, []);\n\n return (\n\n \n {element.fecha_sorteo}\n
\n {FormatMoney(element.precio)}\n
\n
\n Rifas
\n\n\n\n
\n \n\n )\n }\n}\n\nexport default RifasComponent;","import React from 'react';\n//import { FormatMoney } from '../../../utilities/formats';\n\nexport const Summary = (props) => {\n const { phone, operator, email, price, vigencia,pinPackage } = props\n\n return (\n <>\n \n {/*
\n \n );\n}\n","import React, { PureComponent } from 'react';\nimport { ListOperator/* , ListTypes */ } from '../../shared/components/list-operator';\nimport { Summary } from './components/summary';\nimport { Container, Row, Col, Form, Card, Button, Image, Modal, InputGroup } from 'react-bootstrap';\nimport NumberFormat from 'react-number-format';\nimport { Transaction } from '../../services/product.service';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { ManagmentErrors } from '../../shared/components/managmentErrors';\nimport { ListPricesPines } from './components/list-prices';\nimport { ModalNotificationTransaction } from '../../shared/components/modalNotificationTransaction';\nimport { jsPdfGenerator } from '../../shared/components/pdfTransaction';\nimport { FormatMoney } from '../../utilities/formats';\nimport { Carrusel } from '../../shared/components/carousel';\n//import { jsPdfGenerator } from '../../shared/components/pdfTransaction';\n\nclass RecargasPines extends PureComponent {\n\n constructor(props) {\n super(props);\n this.categoryPin = [];\n this.eachObjPin = [];\n this.nameGroupPin = [];\n this.nameEachPin = {};\n this.paquetes = [];\n this.packName = [];\n this.state = {\n selectedType: '',\n price: [],\n name: '',\n idPackage: -1,\n visible: false,\n viewSummary: false,\n loading: true,\n opacity: 1,\n selectedPin: { id: -1, image_medium: null, name: '' },\n id_pin: -1,\n pines: [],\n operators: [],\n vigencia: 0,\n phone: '',\n pinPackage: '',\n selectedPrice: 0,\n buttonsPines: [],\n email: '',\n selectedProduct: {},\n //showAnotherValueInput: false,\n modalInfoPines: false,\n modalNotification: false,\n resumeView: <>,\n listTypes: <>,\n errorEmail: '',\n // stateButtons: [false, false, false, false, false, false],\n carrouselView: false,\n\n }\n this.namePacket = '';\n this.packPinByOperator = {};\n this.listePricesByOperator = [];\n //this.paquetesPines = this.props.paquetesPines;\n this.paquetesPines = [];\n this.pinesByOperator = [];\n this.response = [];\n this.phone = '';\n this.valor = '';\n this.operador = '';\n this.clean = ''\n }\n\n cleanField = () => {\n this.setState({\n clean: false,\n name: '',\n price: ''\n })\n }\n\n componentDidMount = () => {\n\n this.categoryPin = this.props.pinPines;\n this.eachObjPin = this.props.paquetesPines;\n\n //console.log(\"CATEGORYPIN\",this.categoryPin)\n\n if (this.categoryPin || this.eachObjPin) {\n this.setState({ loading: false })\n this.initialice();\n }else{\n \n this.setState({ loading: false })\n const error = () => toast.error(\"No tienes este producto disponible\");\n error();\n }\n }\n\n initialice = () => {\n\n let nameGroup = []\n this.categoryPin.forEach(element => {\n if (element.operador) {\n nameGroup.push(element.operador)\n }\n })\n\n //console.log(\"NAMEGROUP: \",nameGroup)\n this.nameGroupPin = nameGroup;\n\n let listKindPin = [];\n // console.log(\"EACHOBJ\",this.eachObjPin)\n this.eachObjPin.forEach(element => {\n if (listKindPin[element.operador]) {\n listKindPin[element.operador].push(element);\n } else {\n listKindPin[element.operador] = [];\n listKindPin[element.operador].push(element);\n }\n })\n //console.log(\"GRUPOS\", listKindPin) \n this.setState({ listKindPin });\n }\n\n componentWillUnmount = () => {\n this.packPinByOperator = {};\n }\n\n sendData = async () => {\n //console.log(\"entra1:\", this.state.idPackage)\n this.namePacket = this.state.name;\n this.phone = this.state.phone;\n this.valor = this.state.price;\n this.operador = this.state.operador\n this.setState({ loading: true, opacity: 0.4 })\n const product = {\n product_id: this.state.idPackage,\n atributes: {\n correo: this.state.email,\n numero: this.state.phone,\n precio: this.state.price\n }\n }\n await Transaction(product, this.getResponse);\n }\n\n getResponse = (flag, response) => {\n // console.log(\"este es el response de paquetes \",response)\n if (flag) {\n this.response = response\n const success = () => toast.success(\"Producto comprado exitosamente\");\n /* this.setState({phone: '',email:'',checkPhone:false }); */\n success();\n this.setState({ loading: false, opacity: 1, modalNotification: true, phone: '', email: '', checkPhone: false, name: '', operador: '', price: '' })\n } else {\n const message = ManagmentErrors(response.errores.id);\n const error = () => toast.error(message);\n error();\n this.setState({ loading: false, opacity: 1, phone: '', email: '', checkPhone: false, name: '', operador: '', price: '' })\n }\n }\n\n selectOperator = (operator) => {\n //console.log(\"PASO 1 RECARGA OPERADOR\", operator)\n this.cleanField();\n let paquetes = this.state.listKindPin[operator]\n let operador = operator\n this.setState({ paquetes })\n this.setState({ operador })\n this.setState({ carrouselView: true })\n }\n\n closeModal = (flag) => {\n this.setState({ modalNotification: flag });\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 render() {\n return (\n <>\n \n\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 {this.state.modalNotification && */}\n \n\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 //console.log(\"variables: \",namePacket, pricePacket, id)\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 Pines
\n\n
Celular
\nCorreo
\n\n\n \n \n { setTypeSearch(event.target.id); deleteListAbonos(); setSearchValue(''); }}\n\n />\n \n { setTypeSearch(event.target.id); deleteListAbonos(); setSearchValue(''); }}\n />\n \n { setTypeSearch(event.target.id); deleteListAbonos(); setSearchValue(''); }}\n />\n \n
\n \n\n \n { setSearchValue(e.target.value); deleteListAbonos() }}\n />\n \n \n findPayments()} className=\"mr-2 align-self-center\" icon={faSearch} />\n \n \n\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}","import React, { useState } from 'react';\nimport { Button, Form, Modal } from 'react-bootstrap';\nimport NumberFormat from 'react-number-format';\nimport { Transaction } from '../../../services/product.service';\nimport { ListPrices } from './list';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { ManagmentErrors } from '../../../shared/components/managmentErrors';\nimport { FormatMoney } from '../../../utilities/formats';\nimport { LoadingMovilGo } from '../../../shared/components/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../../shared/components/modalNotificationTransaction';\nimport { jsPdfGenerator } from '../../../shared/components/pdfTransaction';\n\nexport const ModalAbonar = (props) => {\n const { visible, closeModal, dataTicket,navigate } = props\n const [active, setActive] = useState(true);\n const [visibleN, setVisibleN] = useState(false);\n const [loading, setLoading] = useState(false);\n const precio = [dataTicket.deuda, dataTicket.deuda / 2, \"Otro valor\"];\n const [modalNotification, setModalNotification] = useState(false);\n const [price, setPrice] = useState(0);\n\n const callbackPayment = (flag, response) => {\n\n //console.log(\"esto es el rifa response abono abono\",response)\n if (flag) {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n //console.log(\"esto es el rifa de abono abono\",rifa)\n const success = () => toast.success(\"Abono realizado exitosamente\");\n success();\n setModalNotification(true)\n closeModal();\n setLoading(false);\n setVisibleN(false);\n setPrice('');\n\n let 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: \" + dataTicket.boleta,\n \"Cliente: \" + dataTicket.nombre,\n \"Valor total: \" + FormatMoney(rifa.precio),\n \"Valor abonado: \" + FormatMoney(parseInt(price)),\n \"Valor por pagar: \" + FormatMoney(rifa.precio - price),\n ]\n\n jsPdfGenerator(data);\n navigate('/Servicios')\n \n } else {\n const message = ManagmentErrors(response.errores.id);\n const error = () => toast.error(message);\n error();\n closeModal();\n setLoading(false);\n setVisibleN(false);\n setPrice('');\n }\n }\n const paytmentTicket = () => {\n if (price <= dataTicket.deuda) {\n setLoading(true);\n const idP = JSON.parse(localStorage.getItem('datosRifa'));\n const product = {\n product_id: idP.id,\n atributes: {\n numeroBoleta: dataTicket.boleta,\n valorPagar: parseInt(price),\n partner_id: dataTicket.partner_id,\n vendedor_externo_id: dataTicket.vendedor_externo_id,\n nombre_cliente: dataTicket.nombre\n }\n }\n Transaction(product, callbackPayment)\n } else {\n const warn = () => toast.warning(\"¡Atención, no puede abonar \" + FormatMoney(price) + \" porque su deuda es de \" + FormatMoney(dataTicket.deuda));\n warn();\n setActive(true);\n setVisibleN(false);\n setPrice('')\n }\n }\n const otherValue = (precio) => {\n if (precio === \"Otro valor\") {\n setVisibleN(true);\n setActive(false);\n } else\n setVisibleN(false);\n setActive(false);\n }\n\n return (\n\n <>\n | ID | \nBoleta | \nCliente | \nCelular | \nSaldo | \n\n |
|---|
Abonos
\n\n \n \n
\n
\n \n { this.setState({ listaAbonos: {}, cont: 0 }) }} \n listaAbonos={(list) => this.setListAbonos(list)} />\n
\n \n
\n this.setState({ visiblePayTicket: false, cont: 0 })} \n navigate={(route)=>this.props.history.push(route)}/>\n \n
\n \n )\n }\n\n}\n\nexport default Abonos;","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const searchClient = async (product_id, cedula, callback) => {\n\n const args = [[0, { product_id, cedula }]]\n\n // console.log(\"Cliente: \", args)\n\n const config = await OdooConfig();\n const data = await Desencrypt();\n\n\n const params = {\n model: \"movilgo.webservice\",\n method: \"buscarCliente\",\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 saveClient = async (usuario, callback) => {\n const args = [[0, usuario]]\n const config = await OdooConfig();\n const data = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: \"registrarCliente\",\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 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 return false;\n }\n callback(response, true);\n });\n }\n })\n}\n\n","import React, { useState } from 'react';\nimport { Button, Modal, Form } from 'react-bootstrap';\nimport { saveClient } from '../../../services/cliente.service';\nimport { LoadingMovilGoRegistro } from '../../../shared/components/loadingMovilGo';\n\nexport const ModalRegistro = (props) => {\n const { visible, closeModal, id_product, setCliente, cedula, setParther } = props;\n //const [cedula, setCedula] = useState('');\n const [nombre, setNombre] = useState('');\n const [apellido, setApellido] = useState('');\n const [direccion, setDireccion] = useState('');\n const [email, setEmail] = useState('');\n const [celular, setCelular] = useState('');\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 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 setLoading(true);\n setOpacity(0.4)\n saveClient(client, saved);\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 \n }\n const onBlur = () => {\n const nameValid=this.state.name.match(/[^a-zA-Z0-9\\s/]/)\n const lastValid=this.state.lastname.match(/[^a-zA-Z0-9\\s/]/) \n\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\n let correo = /^[^@\\s]+@[^@\\.\\s]+(\\.[^@\\.\\s]+)+$/;\n\n return (\n <>\n \n
\n {rifa.name}
\n\n {this.state.cont > 0 && \n }\n
\n \n this.setState({ selectedPayment: data })} \n setVisible={() => this.setState({ visiblePayTicket: true })} />\n
\n Realizo 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 \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\",response.disponibles[0].product_id)\n this.setState({idProduct: response.disponibles[0].product_id})\n \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 //console.log(\"this.numbersTicket de los tikes\",this.numbersTicket)\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 \n/* \n if (response.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 < this.numbersTicket.length; index++) {\n console.log(\"for \",this.state.numberTicket,this.numbersTicket[index])\n if (this.state.numberTicket == this.numbersTicket[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 }\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 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, 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 findClient = () => {\n const errorDigitar = () => toast.error(\"¡No se le olvide digitar un número de cédula!\");\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n if (this.state.identification.trim() !== \"\") {\n this.setState({ loading: true, opacity: 0.4 });\n searchClient(rifa.id, this.state.identification, this.foundClient);\n } else {\n errorDigitar();\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 = (flag, response) => {\n console.log(\"respomse navigate\", flag, response)\n if (flag) {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n //console.log(\"esto es el rifa de la compra de rifa\",rifa)\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 //console.log(\"esto es abono compra\", data)\n jsPdfGenerator(data);\n this.props.history.push('/Servicios')\n const success = () => toast.success(\"Boleta comprada correctamente\");\n success();\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 const errorMessage = ManagmentErrors(response.errores.id)\n console.log(\"mensaje de error\", errorMessage);\n const error = () => toast.error(errorMessage);\n error();\n this.setState({ loading: false, opacity: 1, })\n }\n }\n\n payTicket = () => {\n //const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n const user = Desencrypt();\n try {\n this.setState({ loading: true, opacity: 0.4 })\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(\"elemento del pay ticket\",element); // 👉️ bobby\n }\n const product = {\n product_id: idProduct, \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 console.log(\"product de la rifa\",product)\n localStorage.setItem(\"NumBolet\", this.state.numberTicket);\n Transaction(product, this.navigateNext)\n } catch (error) {\n\n }\n }\n\n price = () => {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n const datoSession = Desencrypt();\n let prices = []\n this.setState({idPadre: localStorage.getItem('idPadre')})\n if (rifa.porcentaje_recaudo === 100 || this.idPadre == idCardoso || this.idPadre == idRDominic || datoSession.id == idMobilgoVendedor || datoSession.id == idRDominicVendedor || datoSession.id == idRDominicFinal) {\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\n generatedLink=async()=>{\n\n const session = await Desencrypt();\n console.log(\"id del vendedor\",session.id)\n const urlPago =`${Url_pago}PagosExternos/?${this.state.idProduct}&&${session.id}&&${this.state.numberTicket}&&${this.state.selectedPrice}&&${this.state.partner_id}&&${this.state.userTicket.trim()}&&${this.state.rifa.name.trim()}&&${this.state.rifa.resolucion}&&${this.state.rifa.sorteo}&&${this.state.rifa.precio}`\n console.log(\"jejeje envio\",urlPago.replace(/\\s+/g, ''))\n\n if (('share' in navigator) && (session.id != idCardosoVendedor)&&(session.id != idMobilgoVendedor)&&(session.id != idRDominicVendedor)) {\n \n navigator.share({\n title: 'Compartir link',\n text: 'Link de pago Rifa MovilGo: '+this.state.rifa.name,\n url: urlPago.replace(/\\s+/g, ''),\n })\n .then(()=>{\n alert('Se compartio el link')\n window.location.href = Url_Home\n })\n .catch(()=>{\n alert('no se pudo compartir')\n })\n \n } else {\n window.open(urlPago.replace(/\\s+/g, ''), '_blank')\n window.location.href = Url_Home\n }\n \n }\n\n render() {\n const rifa = JSON.parse(localStorage.getItem('datosRifa'));\n\n return (\n <>\n {this.state.showRifa}\nCompras
\n\n \n \n \n \n \n \n
\n \n\n
\n \n
\n \n {this.state.userTicket && this.state.viewTicket && this.state.selectedPrice && this.state.showcomprar &&\n }\n {this.state.userTicket && this.state.viewTicket && this.state.selectedPrice&&\n this.generatedLink()} variant={'info'} style={{ marginLeft: '10px' }}> {this.idPadre == idRDominic ? \"Generar pago en línea\" : \"Generar pago\"} }\n
\n \n
\n \n\n \n
\n\n
\n \n \n\n { this.handleChange(event) }}\n />\n \n this.searchTicket()}>\n \n \n \n
\n\n\n\n { this.handleChangeUser(event) }}\n />\n \n this.findClient()}>\n \n \n\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 );\n}\n","import React, { PureComponent } from 'react';\nimport { ListOperator } from '../../shared/components/list-operator';\nimport { Summary } from './components/summary';\nimport { ListPrices } from '../../shared/components/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/components/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/components/modalNotificationTransaction';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { ManagmentErrors } from '../../shared/components/managmentErrors';\nimport { jsPdfGenerator } from '../../shared/components/pdfTransaction';\nimport { FormatMoney } from '../../utilities/formats';\n\nclass RecargasDeportivas extends PureComponent {\n\n constructor(props) {\n super(props);\n this.recargasDeportivas = this.props.recargasDeportivas;\n this.state = {\n visible: false,\n loading: true,\n selectedOperator: { id: -1, image_medium: null, name: '' },\n recargasDeportivas: [],\n selectedPrice: '',\n phone: '',\n idClient: '',\n modalNotification: false, opacity: 1\n }\n this.listRecargasDeportivas = [];\n this.response = [];\n this.phone = '';\n this.valor = '';\n this.operador = '';\n this.clean = ''\n }\n\n //*\n getResponse = (flag, response) => {\n //similar al navigateNext\n // console.log(\"flag y response: \",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: '',\n selectOperator: { id: -1, image_medium: null, name: '' },\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\n componentDidMount = () => {\n if (this.recargasDeportivas) {\n this.setState({ loading: false, })\n }else{\n this.setState({ loading: false })\n const error = () => toast.error(\"No tienes este producto disponible\");\n error();\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 //SIMILAR al sendToOdoo\n const product = {\n product_id: this.state.selectedOperator.id,\n atributes: {\n numero: this.state.phone,\n precio: this.state.selectedPrice,\n document: this.state.idClient\n }\n }\n this.setState({ opacity: 0.4 })\n await Transaction(product, this.getResponse);\n }\n\n selectOperator = (operator) => {\n this.cleanFields();\n this.setState({ selectedOperator: operator });\n }\n\n //*\n //SIMILAR AL pressPrice del movil\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) => {\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 \n this.selectOperator(i)}\n operators={this.recargasDeportivas} />\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 {!this.state.loading && \n \n Finalizar\n \n }\n \n\n
\n {this.state.modalNotification && Apuestas Deportivas
\n\n {this.state.selectedOperator.image_medium &&\n
\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 {/* \n \n Carga bolsa \n \n \n \n \n \n \n\n {/* MODAL CARGAR CONSTANCIA DE PAGO */}\n \n \n Cargar recibo de pago \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nconst Prices = [10000, 20000, 30000, 50000, 'Otro valor']\n\n\n // const [upLoad, setUpLoad] = useState(false);\n // const [selectFactura, setSelectFactura] = useState('');\n // const handleVewUpLoad = () => setUpLoad(true);\n // const handleCloseUpLoad = () => setUpLoad(false);\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, callback) => {\n\n const config = await OdooConfig();\n let finish = false;\n\n const args = [[0, { pagina: page, fecha, tipo: type }]]\n\n /* const args = [[ 0, { tipo: type, pagina: page, fecha} ]] */\n // console.log(\"CONTENIDO args GETBOX\", args) \n\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 //console.log(\"--->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 //console.log(\"contenido del response del getbox\", response)\n // console.log(\"contenido del err del getbox\", err)\n finish = true\n if (err) {\n //console.log(\"--->Error\", err)\n callback(err, false);\n return false;\n }\n //console.log(\"este es el repsonde del excel\",response)\n /* callback(true, response ); */\n //console.log(\"salta al esntro desde caja.service\")\n callback(response, true);\n\n });\n }\n\n })\n\n}\n\nexport const getReport = async (fecha, callback) => {\n const config = await OdooConfig();\n let finish = false;\n const args = [[\n 0, fecha\n ]]\n\n const data = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: \"obtenerResumenCaja\",\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 //console.log(\"args de reporte ventas\",args)\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, async (err, response) => {\n finish = true\n if (err) {\n callback(err, false);\n return false;\n }\n callback(response, true);\n });\n }\n })\n\n}\n\n\n","import React, { useEffect, useState } from 'react';\nimport { jsPdfGenerator } from '../../../shared/components/pdfTransaction';\nimport { FormatMoney } from '../../../utilities/formats';\n\nexport const ItemMoves = (props) => {\n const { itemMoves, products, parteTabla } = props;\n const [isSmallScreen, setIsSmallScreen] = useState(false);\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 useEffect(() => {\n const handleResize = () => {\n setIsSmallScreen(window.innerWidth < 768); // Establece el estado según el ancho de la ventana\n };\n \n // Agrega el evento de escucha del cambio de tamaño de la ventana\n window.addEventListener('resize', handleResize);\n \n // Limpia el evento de escucha al desmontar el componente\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n if (isSmallScreen){\n return (\n <>\n {parteTabla ? (\n \n {itemMoves.id} \n {itemMoves.descripcion} \n {FormatMoney(itemMoves.valor.toFixed(2))} \n {itemMoves.tipo} \n \n ) : (\n \n {aprobation} \n {phone} \n {FormatMoney(itemMoves.comision)} \n {itemMoves.fecha.split(\" \")[0]} \n {itemMoves.fecha.split(\" \")[1]} \n {data.categflag && \n )}\n \n );\n\n }else {\n return (\n <>\n \n {itemMoves.id} \n {itemMoves.descripcion} \n {FormatMoney(itemMoves.valor.toFixed(2))} \n {itemMoves.tipo} \n {aprobation} \n {phone} \n {FormatMoney(itemMoves.comision)} \n {itemMoves.fecha.split(\" \")[0]} \n {itemMoves.fecha.split(\" \")[1]} \n \n {data.categflag && \n \n )\n }\n\n}\n\nexport const ItemError = (props) => {\n const { itemError } = props\n const {parteTabla} = props\n console.log(\"parteTabla\", parteTabla)\n const [isSmallScreen, setIsSmallScreen] = useState(false);\n\n useEffect(() => {\n const handleResize = () => {\n setIsSmallScreen(window.innerWidth < 768); // Establece el estado según el ancho de la ventana\n };\n \n // Agrega el evento de escucha del cambio de tamaño de la ventana\n window.addEventListener('resize', handleResize);\n \n // Limpia el evento de escucha al desmontar el componente\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n if (isSmallScreen){\n return (\n <>\n {parteTabla ? (\n \n {itemError.id} \n {itemError.nombre_cliente} \n {FormatMoney(itemError.valor.toFixed(2))} \n {itemError.recarga_numero_celular ? itemError.recarga_numero_celular : '---'} \n \n ) : (\n \n {itemError.fecha} \n {itemError.tipo} \n {itemError.observacion} \n \n )}\n \n );\n } else {\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 }\n \n}\n\nexport const ItemSummaryBox = (props) => {\n const { itemSummary } = props\n return (\n \n {itemSummary.product_id} \n {itemSummary.cantidad} \n {FormatMoney(itemSummary.valor.toFixed(2))} \n \n )\n}\n\n\n","import React, { useEffect, useState } from 'react';\nimport { Table } from 'react-bootstrap';\nimport { ItemMoves } from '../../screens/caja/components/item';\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\nimport { getBox } from '../../services/caja.service';\n\nexport const Excel = (props) => {\n const { search, fecha } = props\n const [moves, setMoves] = useState([]);\n //console.log(\"fecha del excel\",fecha)\n const searchMoves = () => {\n getBox(0, 0, fecha, (data, flag) => {\n // console.log(\"data del excel \",data)\n if (flag) {\n setMoves(data.movimientos)\n }\n });\n\n }\n useEffect(() => {\n searchMoves();\n }, [search])\n\n return (\n <>\n \n {moves.map((obj, i) => {\n \n return (\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 }\n\n const movesTable = () => {\n //console.log(exportEx)\n if (exportEx) {\n return (\n \n
)\n }\n }\n\n if (isSmallScreen){\n return (\n <>\n 
,\n },\n {\n content: 
,\n key: uuidv4(),\n },\n {\n content: 
,\n key: uuidv4(),\n },\n {\n content: 
,\n key: uuidv4(),\n },\n {\n content: 
,\n key: uuidv4(),\n }\n ].map((slide, index) => {\n return { ...slide, onClick: () => this.setState({ goToSlide: index }) };\n });\n \n componentDidMount(){\n \n }\n componentWillUnmount(){\n\n }\n render() {\n return (\n setShow(false)} style={{width:'100%'}}>\n \n \n \n \n */}\n \n \n )\n}\n\nconst styles = {\n img:{padding: 5, width: '80%', borderStyle: 'solid', borderWidth: '5px', borderColor: '#F8F9FA', borderRadius: '3%',\n },\n img2:{padding: 5, borderStyle: 'solid', borderWidth: '5px', borderColor: '#07A2BA', borderRadius: '3%', 'width': \"70%\"\n },\n}\n\nexport default HomeComponent;","import React, { PureComponent } from 'react';\nimport { Button, Card, Row, Container } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\nexport class Soat extends PureComponent {\n\n render() {\n return (\n \n \n \n \n \n Buscar\n \n \n Comprar\n \n\n \n \n
\n \n )\n }\n}\n","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const SoatService = async (data, callback) => {\n const config = await OdooConfig();\n const args = [[0, data]]\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 /* console.log(\"client e soat\", client) */\n client.connect((err, response) => {\n //console.log(\"err, response\", 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\n const args = [[0, { product_id, documento, placa, fecha, fechaVencimiento, callback },]]\n\n //console.log(\"SERVICIO ARGS ver\",args)\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 /* console.log(\"client e soat\", client) */\n client.connect((err, response) => {\n //console.log(\"err, response\", err, response) \n if (err) {\n return callback(response, false)\n } else {\n client.execute_kw(params.model, params.method, args, (err2, response2) => {\n if (err2) {\n callback(err2, false);\n return false;\n }\n //console.log(\"err y respons2\", response2)\n callback(response2, true);\n });\n }\n })\n\n}\n\nexport const searchPolisaSoat = async (source_request, Numberplate, InsurancePolicyNumber, product_id, email, callback) => {\n\n const config = await OdooConfig();\n const args = [[0, {\n source_request, product_id, Numberplate, InsurancePolicyNumber, email,\n callback\n }]]\n\n\n const user = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: 'soatDatosReimpresion',\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}","import React from 'react';\nimport { Button, Modal } from 'react-bootstrap';\n\nexport const LinkSoat = (props) => { \n return (\n \n \n {props.name} \n \n \n \n \n \n \n {/* */}\n \n \n )\n\n}","import React, { PureComponent } from 'react';\nimport { Button, Card, Row, Container, FormControl } from 'react-bootstrap';\nimport { searchPolisaSoat } from '../../../services/soat.service';\nimport { DateToString } from '../../../utilities/formats';\nimport { LoadingMovilGo } from '../../../shared/components/loadingMovilGo';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { LinkSoat } from './link';\n\nexport class SoatBuscar extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n /* Numberplate: \"FUD873\",\n email: \"jaimealbertogaviria@reactiva.com.co\", */\n Numberplate: \"\",\n email: \"\",\n InsurancePolicyNumber: \"\",\n date: this.getDate(1),\n loading: false,\n soats: [{ id: -1 }],\n source_request: \"W\",\n linkres: \"\",\n modalLink: false,\n }\n this.minDate = this.getDate(1);\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 Numberplate: \"\",\n licensePlate: \"\",\n email: \"\"\n })\n }\n\n verifyFields = (Numberplate, InsurancePolicyNumber, email) => {\n\n const emailValid = email.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i);\n //console.log(\"Entro a verify\", Numberplate, email,InsurancePolicyNumber)\n if (Numberplate === \"\") {\n const error = () => toast.error(\"Error, El número de placa o póliza es obligatorio\");\n error(); /* alert(\"Error\",\"El numero de Poliza es obligatorio\"); */\n } else if (email === \"\") {\n const error = () => toast.error(\"Error, El E-mail es obligatorio\");\n error(); /* alert(\"Error\",\"El Email es obligatorio\"); */\n } else if (!emailValid) {\n const error = () => toast.error(\"Error, El E-mail es incorrecto\");\n error(); /* alert(\"Error\",\"El Email es incorrecto\"); */\n } else {\n //console.log(\"Entro a verify ELSE\", Numberplate, email)\n /* {this.setState({loading: true})\n searchPolisaSoat(this.state.Numberplate, this.state.InsurancePolicyNumber, this.state.soats[0].id,\n this.state.email, this.setSearchedData)} */\n const info = () => toast.info(\"Los datos de la placa \" + Numberplate + \" están siendo verificados\");\n info();\n\n if (info) {\n searchPolisaSoat(\n this.state.source_request,\n this.state.Numberplate.trim(),\n this.state.InsurancePolicyNumber.trim(),\n this.props.soats[0].id,\n this.state.email.trim(),\n this.setSearchedData)\n }\n }\n }\n\n\n setSearchedData = (res, flag) => {\n // console.log(\"esto es lo que devuelve de la consutl\",flag,res)\n if (flag) {\n // console.log(\"RESPUESTA BACK ERROR\",res.errores )\n if (res.errores) {\n const error = () => toast.error(\"Error, Por favor verifique los datos. Si el error persiste comuníquese con MóvilGo\" /* + res.errores.observacion */);\n error(); /* alert(\"Error, \", res.errores.observacion); */\n } else {\n // console.log(\"RESPUESTA BACK ERROR\",res.policyData)\n this.setState({ linkres: res.policyData })\n /* const success = () => toast.success(\"Móvilgo, Cosulta exitosa, Verifique el Email ingresado.\"); */\n this.setState({ modalLink: true })\n this.clearData();\n /* success(); \n if(success){ this.clearData(); } */\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 if (error) { this.clearData(); }\n /* alert(\"Error\",\"Por favor verifique los datos. Si el error persiste comuniquese con MovilGo\",[{text:\"Volver\",\n onPress:()=>this.clearData()\n }]); */\n }\n }\n\n render() {\n return (\n \n \n \n \n \n \n {this.state.loading && this.setState({ modalLink: false })}\n response={this.state.linkres}\n msj=\"Presiona aquí para descargar tu SOAT. Recuerda usar el número de placa en Mayúscula para abrirlo\"\n /* closeModal={(flag) => this.closeModal(flag)} */\n />}\n
\n \n )\n }\n}\n","import React,{useState,useEffect,Fragment} from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Button, Card, Container,FormControl} from 'react-bootstrap';\nimport Select from \"react-select\";\n\nexport const ClientInfo = (props) => {\n const {data,dataContact,closeAction,infoContact,confirmAction} = props;\n \n const[optionsDepartamentos,setOptionsDepartamentos] = useState([])\n const [optionsActividades,setOptionsActividades] = useState([])\n const [opcionesCiudades,setOpcionesCiudades] = useState([])\n const [opcionesTipoDocument,setOpcionesTipoDocument]=useState([])\n let ciudades=data.soat.ciudadesSoat\n let departamentos=data.soat.deptosSoat\n let actividades=data.soat.actividadSoat\n let tipoDocumentoCliente=[{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 [tipoDepartamento,setTipoDepartamento]=useState({label:\"-- Departamento --\",value:-1})\n const [tipoCiudad,setTipoCiudad]=useState({label:\"-- Ciudad --\",value:-1,stateId:-1});\n const [Contacto, setContacto] = useState({FirstNames:\"\",LastNames:\"\",Address:{Name:\"\"},DocumentNumber:\"\"});\n const [firstNameError, setFirstNameError] = useState('');\n const [lastNameError, setLastNameError] = useState('');\n const [documentError, setDocumentError] = useState('');\n const [address,setAddress]=useState(\"\");\n const [addressError, setAdressError] = useState('');\n const [tipoDocumento,setTipoDocumento]=useState({label:\"-- Tipo de Documento --\", value:-1});\n const [actividadesEconomicas,setActividadesEconomicas]=useState({label:\"-- Tipo de Actividad --\", value:-1});\n const [flagMunicipio,setFlagMunicipio]=useState(false)\n const [flagDepartamento,setFlagDepartamento]=useState(false)\n const [flagActividad,setFlagActividad]=useState(false)\n const [flagDocument,setFlagDocument]=useState(false)\n const [flagDocumentEdit,setFlagDocumentEdit]=useState(false)\n const [flagDocumentNotEdit,setFlagDocumentNotEdit]=useState(false)\n \n function isObjEmpty(obj) {\n //console.log(\"ENTRA7:\")\n for (var prop in obj) {\n if (obj.hasOwnProperty(prop)) return false;\n }\n \n return true;\n }\n \n const loadData=()=>{\n //console.log(\"loadData - client-info: \", dataContact)\n if(isObjEmpty(dataContact)===false){\n //console.log(\"esto ingreaso al datacontac\")\n //aqui se inicialiazan los valores en caso que se regresendel modal sendPolice\n setContacto({...Contacto,\n FirstNames:dataContact.firstName,\n Contacto,\n LastNames:dataContact.lastName,\n Contacto,\n DocumentNumber:dataContact.document});\n \n setAddress(dataContact.adress)\n \n let documentoSeleccionado={label:\"\",value:\"\"}\n let documentoslist=[];\n\n tipoDocumentoCliente.forEach(elements =>{\n if(parseInt(dataContact.DocumentTypeId)===parseInt(elements.value)){\n documentoSeleccionado={label:elements.label, value:elements.value}\n }\n documentoslist.push({ label: elements.label, value: elements.value })\n })\n\n setTipoDocumento(documentoSeleccionado)\n setOpcionesTipoDocument(documentoslist)\n let departamentoSeleccionado={label:\"\",value:\"\"}\n let opcionesDepartamentoslist=[];\n\n departamentos.forEach(elements =>{\n if(parseInt(dataContact.StateId)===parseInt(elements.stateId)){\n departamentoSeleccionado={label:elements.nombre,value:elements.stateId}\n }\n opcionesDepartamentoslist.push({ label: elements.nombre, value: elements.stateId })\n opcionesDepartamentoslist.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n }) \n })\n setTipoDepartamento(departamentoSeleccionado); \n setOptionsDepartamentos(opcionesDepartamentoslist);\n\n let actividadSeleccionada={label:\"\",value:\"\"}\n let opcionesActividadList=[] \n actividades.forEach(elements =>{\n if(parseInt(dataContact.CiiuId)===parseInt(elements.ciiuId)){\n actividadSeleccionada={ label:\" \"+ elements.descripcion+\" \", value: elements.ciiuId }\n }\n opcionesActividadList.push({ label: elements.descripcion, value: elements.ciiuId })\n opcionesActividadList.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n }) \n })\n setActividadesEconomicas(actividadSeleccionada)\n setOptionsActividades(opcionesActividadList)\n\n let ciudadSelecionada={label:\"\",value:\"\"}\n let opcionesCiudades=[]\n ciudades.forEach(elements =>{\n if((parseInt(dataContact.StateId)===parseInt(elements.stateId)&&\n (parseInt(dataContact.city)===parseInt(elements.cityId)))){\n \n ciudadSelecionada={ label:elements.cityName, value: elements.cityId,stateId:elements.stateId}\n }\n if(parseInt(dataContact.StateId)===parseInt(elements.stateId)){ \n opcionesCiudades.push({ label: elements.cityName, value: elements.cityId,stateId:elements.stateId })\n opcionesCiudades.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n })\n }\n }) \n setTipoCiudad(ciudadSelecionada)\n setOpcionesCiudades(opcionesCiudades)\n }else if(data.soat.respuesta_cliente){\n //console.log(\"esto ingreaso al respuesta cliente\")\n // se inicilizan datos en caso que vengan datos del soat\n setContacto(data.soat.respuesta_cliente);\n setAddress(data.soat.respuesta_cliente.Address.Name)\n let documentoSeleccionado={label:\"\",value:\"\"}\n let documentoslist=[];\n tipoDocumentoCliente.forEach(elements =>{\n if(parseInt(data.soat.respuesta_cliente.DocumentTypeId)===parseInt(elements.value)){\n documentoSeleccionado={label:elements.label, value:elements.value}\n }\n documentoslist.push({ label: elements.label, value: elements.value })\n\n })\n setTipoDocumento(documentoSeleccionado)\n setOpcionesTipoDocument(documentoslist)\n let departamentoSeleccionado={label:\"\",value:\"\"}\n let opcionesDepartamentoslist=[];\n departamentos.forEach(elements =>{\n if(parseInt(data.soat.respuesta_cliente.Address.StateId)===parseInt(elements.stateId)){\n departamentoSeleccionado={label:elements.nombre,value:elements.stateId}\n }\n opcionesDepartamentoslist.push({ label: elements.nombre, value: elements.stateId })\n opcionesDepartamentoslist.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n }) \n })\n setTipoDepartamento(departamentoSeleccionado); \n setOptionsDepartamentos(opcionesDepartamentoslist);\n let actividadSeleccionada={label:\"\",value:\"\"}\n let opcionesActividadList=[]\n actividades.forEach(elements =>{\n if(parseInt(data.soat.respuesta_cliente.CiiuId)===parseInt(elements.ciiuId)){\n actividadSeleccionada={ label:\" \"+ elements.descripcion+\" \", value: elements.ciiuId }\n }\n opcionesActividadList.push({ label: elements.descripcion, value: elements.ciiuId })\n opcionesActividadList.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n }) \n })\n setActividadesEconomicas(actividadSeleccionada)\n setOptionsActividades(opcionesActividadList)\n let ciudadSelecionada={label:\"\",value:\"\"}\n let opcionesCiudades=[]\n ciudades.forEach(elements =>{\n if((parseInt(data.soat.respuesta_cliente.Address.StateId)===parseInt(elements.stateId)&&\n (parseInt(data.soat.respuesta_cliente.Address.CityId)===parseInt(elements.cityId)))){\n ciudadSelecionada={ label:elements.cityName, value: elements.cityId,stateId:elements.stateId }\n }\n if(parseInt(data.soat.respuesta_cliente.Address.StateId)===parseInt(elements.stateId)){ \n opcionesCiudades.push({ label: elements.cityName, value: elements.cityId,stateId:elements.stateId })\n opcionesCiudades.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n })\n }\n }) \n setTipoCiudad(ciudadSelecionada)\n setOpcionesCiudades(opcionesCiudades)\n }\n else{\n //console.log(\"esto ingreaso al no respuesta cliente\")\n // se inicilizan datos en caso que NO vengan datos del soat\n let documentoslist=[];\n tipoDocumentoCliente.forEach(elements =>{\n documentoslist.push({ label: elements.label, value: elements.value })\n })\n setOpcionesTipoDocument(documentoslist)\n let opcionesDepartamentoslist=[];\n departamentos.forEach(elements =>{\n opcionesDepartamentoslist.push({ label: elements.nombre, value: elements.stateId })\n opcionesDepartamentoslist.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n }) \n }) \n setOptionsDepartamentos(opcionesDepartamentoslist);\n let opcionesActividadList=[]\n actividades.forEach(elements =>{\n \n opcionesActividadList.push({ label: elements.descripcion, value: elements.ciiuId })\n opcionesActividadList.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n }) \n })\n setOptionsActividades(opcionesActividadList)\n }\n\n if(data.soat.respuesta_cliente){ //console.log(\"esto ingreaso al respuesta cliente\")\n // se inicilizan datos en caso que vengan datos del soat\n //console.log(\"ENTRA 6: \")\n setFlagDocumentNotEdit(true)\n }else{\n setFlagDocumentEdit(true) \n }\n }\n \n const verifyFields=()=>{\n \n //console.log(\"verifi tipo ciudad\",tipoCiudad)\n //console.log(\"verifi\",tipoCiudad.stateId,tipoDepartamento.value)\n if((Contacto.FirstNames !== \"\" || !!Contacto.FirstNames ) &&\n (Contacto.LastNames !== \"\" || !!Contacto.LastNames) &&\n (parseInt(tipoCiudad.value) !== -1 || !!tipoCiudad.value) &&\n (Contacto.DocumentNumber !== \"\" || !!Contacto.DocumentNumber) && (address !== \"\" || !!address) &&\n (parseInt(actividadesEconomicas.value) !== -1 ||actividadesEconomicas.value !== \"\" ||actividadesEconomicas.value !== undefined) &&\n (parseInt(tipoDepartamento.value) !== -1 || !!tipoDepartamento.value) &&\n (parseInt(tipoDocumento.value) !== -1 || !!tipoDocumento.value ) &&\n Contacto.FirstNames.match(/[^a-zA-Z0-9\\s/]/) === null &&\n Contacto.LastNames.match(/[^a-zA-Z0-9\\s/]/) === null &&\n parseInt(tipoCiudad.stateId) === parseInt(tipoDepartamento.value)\n ) {\n sendData();\n }else if(Contacto.FirstNames===\"\"){\n alert(\"Error, \"+\"El nombre es obligatorio\")\n }else if(Contacto.FirstNames.match(/[^a-zA-Z0-9\\s/]/)!==null){\n alert(\"Error, \"+\"No se permiten caracteres especiales en el nombre\")\n }else if(Contacto.LastNames===\"\"){\n alert(\"Error, \"+\"El apellido es obligatorio\")\n }else if(Contacto.LastNames.match(/[^a-zA-Z0-9\\s/]/)!==null){\n alert(\"Error, \"+\"No se permiten caracteres especiales en el apellido\")\n }else if(Contacto.DocumentNumber===\"\"||Contacto.DocumentNumber.length > 10){\n alert(\"Error, \"+\"El documento es obligatorio\")\n }else if(address===\"\"|| address === null){\n alert(\"Error, \"+\"La direccion es obligatoria\") \n }else if(address.match(/[^a-zA-Z0-9\\s/-]/)!==null){\n alert(\"Error, \"+\"No se permiten caracteres especiales en la direccion\")\n }else if(tipoDocumento.value===-1){\n setFlagDocument(true)\n }else if(tipoDepartamento.value===-1){\n setFlagDepartamento(true)\n }else if(tipoCiudad.value===-1){\n setFlagMunicipio(true)\n }else if(actividadesEconomicas.value===-1||actividadesEconomicas.value === ''||actividadesEconomicas.value === undefined){\n setFlagActividad(true)\n }else if(parseInt(tipoCiudad.stateId)!==parseInt(tipoDepartamento.value)){\n alert(\"Error, \"+\"La ciudad no coincide con el departamento\")\n }\n if (parseInt(tipoCiudad.stateId) !== parseInt(tipoDepartamento.value)) {\n alert('¡Error!', 'La ciudad no coincide con el departamento.');\n }\n }\n\n const sendData=()=>{\n infoContact({firstName:Contacto.FirstNames,\n lastName:Contacto.LastNames,\n city:tipoCiudad.value,\n document:Contacto.DocumentNumber,\n adress:address,\n CiiuId:actividadesEconomicas.value,\n StateId:tipoDepartamento.value,\n DocumentTypeId:tipoDocumento.value})\n confirmAction(false)\n }\n\n const initialiceMunicipio=(selectedDepto)=>{\n //console.log(\"INITIALICEmUNICIPIO\")\n setOpcionesCiudades([])\n let opcionesCiudades=[] \n ciudades.forEach(elements =>{ \n if(parseInt(selectedDepto.value)===parseInt(elements.stateId)){\n opcionesCiudades.push({ label: elements.cityName, value: elements.cityId,stateId:elements.stateId })\n opcionesCiudades.sort((a,b) =>{\n return (a.label < b.label) ? -1 : 1\n })\n } \n \n }) \n setOpcionesCiudades(opcionesCiudades)\n }\n\n useEffect(()=>{\n //console.log(\"ENTRA 5: \")\n loadData(); \n },[])\n\n //console.log(\"TIPOCIUDAD\",tipoCiudad)\n \n return (\n \n \n )\n } else {\n return (\n \n \n )\n }\n\n}\n\nexport default withRouter(Routes);","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig, idCardoso } from '../utilities/odoo-config';\n\nlet listProducts = {};\nexport const Login = async (data, call) => {\n const config = await OdooConfig();\n const odoo = new Odoo({\n url: config.host,\n port: config.port,\n db: config.database,\n username: data.user,\n password: data.password\n });\n//console.log(\"config\",config)\nconsole.log(\"odoo\",odoo)\n odoo.connect((err, response) => {\n if (err) {\n call(1, false)\n } else {\n setData(odoo, call, data);\n data['id'] = response\n console.log(\"odoo connect\",response)\n }\n })\n}\n\nexport const setData = async (odoo, call, user) => {\n odoo.connect((err, response) => {\n if (err) {\n return call(response, false)\n } else {\n const args = [[\n 0,\n { version: 1.3, product_write_date: null, error_write_date: null, documento_write_date: null }\n ]]\n const paramsOdoo = {\n model: \"movilgo.webservice\",\n method: \"asignarDatos\",\n };\n return odoo.execute_kw(paramsOdoo.model, paramsOdoo.method, args, async (err, response) => {\n if (err) {\n call(2, false, err);\n return false;\n } else {\n if (response.parent_id == idCardoso) {\n localStorage.setItem(\"NombrePadre\",\"cardoso\")\n /* console.log(\"id del padre del if cardoso\") */\n }\n\n let data = {};\n if (response.permiso === 'cobrador') {\n data = {\n user: user,\n products: {}\n }\n if (response.errores) {\n SaveErrores(response.errores)\n }\n localStorage.setItem(\"Permission\", \"\" + response.permiso);\n call(data, true)\n } else {\n console.log(\"el response de asignarDatos: \", response);\n localStorage.setItem(\"idPadre\", response.parent_id)\n if (response.productos) {\n SaveProducts(response.productos);\n }\n if (response.errores) {\n SaveErrores(response.errores)\n }\n localStorage.setItem(\"Permission\", \"\" + response.permiso);\n data = {\n user: user,\n products: listProducts\n }\n if (response) {\n call(data, true)\n } else {\n call(0, false)\n }\n }\n\n }\n });\n }\n })\n}\n\nconst SaveErrores = async (errores) => {\n localStorage.setItem(\"Errores\", JSON.stringify(errores));\n}\n\nconst SaveProducts = async (products) => {\n /* console.log(\"PRODUCTS - login.service\", products) */\n listProducts = {};\n /* console.log(\"listProductslistProducts\", listProducts) */\n products.forEach(element => {\n /* console.log(\"ELEMENT INICIAL\", element) */\n if (element.active) {\n if (element.categ_id_name === \"Recargas\") {\n if (listProducts.recarga) {\n listProducts.recarga.push(element)\n } else {\n listProducts['recarga'] = [];\n listProducts.recarga.push(element)\n }\n } \n else if (element.categ_id_name === \"Todo incluido\" ||\n element.categ_id_name === \"Voz\" ||\n element.categ_id_name === \"Datos\" ||\n element.categ_id_name === \"Voz y Datos\" ||\n element.categ_id_name === \"TV\" ||\n element.categ_id_name === \"Aplicaciones\") {\n if (listProducts.paquete) {\n listProducts.paquete.push(element);\n } else {\n listProducts['paquete'] = [];\n listProducts.paquete.push(element)\n }\n } else if (element.categ_id_name === \"Rifas\") {\n\n if (listProducts.rifas) {\n listProducts.rifas.push(element)\n } else {\n listProducts['rifas'] = [];\n listProducts.rifas.push(element)\n }\n } else if (element.categ_id_name === \"TV\") {\n if (listProducts.tv) {\n listProducts.tv.push(element)\n } else {\n listProducts['tv'] = [];\n listProducts.tv.push(element)\n }\n } else if (element.categ_id_name === \"Pines\") {\n //console.log(\"PINES1 imagenes: \",listProducts.pines)\n if (listProducts.pinPines) {\n listProducts.pinPines.push(element)\n } else {\n listProducts['pinPines'] = [];\n listProducts.pinPines.push(element);\n }\n\n } //CONTENIDO DE PAQUETES DE PINES\n else if (element.tipo === \"pines\") {\n //console.log(\"PINES2 contenido: \",listProducts.paquetesPines) \n if (listProducts.paquetesPines) {\n listProducts.paquetesPines.push(element)\n } else {\n listProducts['paquetesPines'] = [];\n listProducts.paquetesPines.push(element);\n }\n } else if (element.categ_id_name === \"Recargas deportivas\") {\n if (listProducts.recargasDeportivas) {\n listProducts.recargasDeportivas.push(element)\n } else {\n listProducts['recargasDeportivas'] = [];\n listProducts.recargasDeportivas.push(element)\n }\n } else if (element.categ_id_name === \"Soat\") {\n //console.log(\"SOAT: \", element)\n if (listProducts.soats) {\n listProducts.soats.push(element)\n } else {\n listProducts['soats'] = [];\n listProducts.soats.push(element)\n }\n } else if (element.categ_id_name === \"Mitecnova\") {\n// console.log(\"MITECNOVA: \", element)\n if (listProducts.mitecnova) {\n listProducts.mitecnova.push(element)\n } else {\n listProducts['mitecnova'] = [];\n listProducts.mitecnova.push(element)\n }\n } else if (element.categ_id_name === \"Certificados\") {\n //console.log(\"CERTIFICADOS: \",listProducts.certificados)\n\n if (listProducts.certificados) {\n listProducts.certificados.push(element)\n \n } else {\n listProducts['certificados'] = [];\n listProducts.certificados.push(element)\n //console.log(\"certificadosave\", listProducts.certificados)\n }\n } else if (element.name === \"Carga Bolsa\") {\n localStorage.setItem(\"CargaBolsa\", element.id);\n } else if (element.categ_id_name === \"Bingo\") {\n if (listProducts.bingo) {\n listProducts.bingo.push(element)\n } else {\n listProducts['bingo'] = [];\n listProducts.bingo.push(element)\n }\n }\n }\n })\n\n}\n\n\n","import React from 'react';\n\n// Campos de solo texto\nexport const InputForm = (props) => {\n const { title = \"\", value = \"\", type = \"\", handleChange, placeholder = \"\", onBlur = () => { }, required, setError, name, error = \"\", enterKey=()=>{} } = props\n if (typeof title === 'string') {\n return (\n close()}\n >\n \n Configuración \n \n \n \n \n \n \n \n\n \n )\n}","import React, { useEffect, useState } from 'react'\nimport { Button, Modal } from 'react-bootstrap'\nimport { Login } from '../../services/login.service';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCog, faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { LoadingMovilGo, } from '../../shared/components/loadingMovilGo';\nimport { InputForm } from '../../shared/components/inputs';\nimport { Config } from './components/config';\n\nexport const LoginComponent = (props) => {\n\n const { onLogin, viewModalLogin, loading } = props\n\n const [cargar, setCargar] = useState(false);\n const [config, setConfig] = useState(false)\n const [user, setUser] = useState(\"\");\n const [opacity, setOpacity] = useState(1);\n const [password, setPassword] = useState(\"\");\n const [errUser, setErrUser] = useState(\"\");\n const [errPass, setErrPass] = useState(\"\");\n const [conexionSelect, setConexionSelect] = useState('')\n\n const login = async () => {\n let campos = [{ name: 'name', value: user, required: true, setError: setErrUser },\n { name: 'password', value: password, required: true, setError: setErrPass },]\n\n //let allOk = true;\n campos.forEach(element => {\n //console.log(\"ELEMENTE LOGIN\", element)\n const verify = verifyField(element.name, element.value, element.required, element.setError);\n if (verify) { //allOk = false;\n }\n });\n\n const data = { user, password };\n if (user === '' && password === '') {\n onLogin(3, false)\n } else if (user === '') {\n onLogin(4, false)\n } else if (password === '') {\n onLogin(5, false)\n } else {\n setCargar(true);\n setOpacity(0.4);\n Login(data, onLogin);\n }\n // console.log(\"USUARIO\", data)\n }\n\n useEffect(() => {\n setCargar(false);\n setOpacity(1);\n const conexion = localStorage.getItem(\"conexion\");\n if (conexion) {\n setConexionSelect(conexion)\n } else {\n localStorage.setItem(\"conexion\", \"produccion\")\n }\n }, [loading])\n\n const verifyField = (name, value, required, setError) => {\n\n let errorMessage = \"\";\n if (required) {\n if (typeof (value) == 'string') {\n if (value.trim() === \"\") {\n errorMessage = \"Este campo es obligatorio\";\n }\n }\n }\n if (errorMessage !== \"\") {\n setError(errorMessage);\n return true;\n } else {\n return false;\n }\n }\n\n const handleClose = () => {\n viewModalLogin(false)\n }\n\n useEffect(() => {\n }, [])\n\n return (\n <>\n setConfig(false)} />}\n \n )\n}\n\n","\nimport React, { useEffect, useState } from 'react';\nimport { Navbar, Nav, NavDropdown } from 'react-bootstrap';\nimport { NavLink, Redirect } from 'react-router-dom';\nimport Modal from 'react-modal';\nimport Logo from '../../assets/logo.png';\nimport logoCardoso from '../../assets/Cardoso_Logo.png';\nimport { Button } from 'react-bootstrap'\nimport { LoginComponent } from '../../screens/login/login';\nimport { Encrypt, Desencrypt } from '../../utilities/cipher';\nimport { useToasts } from 'react-toast-notifications'\nimport { toast } from 'react-toastify';\nimport { Login } from '../../services/login.service';\nimport header from '../../assets/header/header.css';\nimport { idCardoso, idCardosoVendedor, idMobilgoVendedor, idRDominicVendedor } from '../../utilities/odoo-config';\n\n\nconst HeaderDefault = (props) => {\n const {init} = props;\n const [viewModalLogin, setViewModalLogin] = useState(false);\n const [loading, setLoading] = useState(false);\n const [userLog, setUserLog] = useState(false);\n const [userName, setUserName] = useState('preparent');\n const [redirect, setRedirect] = useState(<>);\n const [showcardoso, setShowcardoso] = useState(false);\n const [showcajas, setShowcajas] = useState(true)\n\n\n Modal.setAppElement('div')\n const { addToast } = useToasts()\n const initialiceData = async () => {\n const data = await Desencrypt();\n const Idpadre = localStorage.getItem('idPadre');\n if (data) {\n setUserName(data.user);\n setUserLog(true);\n if ((data.id == idCardosoVendedor)||(data.id == idMobilgoVendedor)||(data.id == idRDominicVendedor)){\n setShowcajas(false);\n } else {\n setShowcajas(true);\n }\n console.log(\"Datos de sesion\", data)\n \n if ((data.id == idCardosoVendedor)||(Idpadre == idCardoso)){\n setShowcardoso(true)\n } else {\n setShowcardoso( false)\n }\n } else {\n setUserName('');\n }\n }\n useEffect (()=>{\n let url = window.location.search.split(\"&&\");\n if (url[0].includes('?')){\n logueo()\n }\n \n },[])\n \n\n const logueo=()=>{\n let url = window.location.search.split(\"&&\");\n const user= JSON.stringify(url[0]).replace('?','').replace('\"', '').replace('\"', '');\n const password=url[1]\n const data ={user, password}\n console.log(\"data de la url\",data)\n Login(data, (flag, response)=>{\n if (flag){\n login(flag, response)\n setRedirect(\n\n \n \n\n \n\n\n \n \n\n {viewModalLogin && setViewModalLogin(flag)} onLogin={(resp, flag) => { login(resp, flag) }} />}\n\n \n\n \n );\n}\n\n\nexport default HeaderDefault;","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faMapMarkerAlt,faEnvelope, faMobileAlt } from '@fortawesome/free-solid-svg-icons'\nimport movilgoFrente from '../../assets/movilgoFrente.png'\nimport Logo from '../../assets/logo.png';\n\nconst Footer = () => {\n return (\n <>\n \n
\n \n );\n}\n\nexport default Footer;","import React, { PureComponent } from 'react';\nimport Routes from './routes';\nimport HeaderDefault from './shared/components/header';\nimport Footer from './shared/components/footer'\nimport { ToastProvider } from 'react-toast-notifications'\nimport Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from './utilities/odoo-config';\nimport { setData } from './services/login.service';\nimport { Desencrypt } from './utilities/cipher'\nimport fondo from './assets/fondo.png'\n\nclass App extends PureComponent {\n constructor() {\n super();\n this.state = {\n products: {}\n }\n }\n \n getListProducts = (products, flag) => {\n if (flag) { //console.log(\"PRODUCTS -App.js\", products.products)\n this.setState({ products: products.products });\n }\n }\n\n initialiceData = async () => {\n const config = await OdooConfig();\n const data = await Desencrypt();\n if (data) { //console.log(\"APP - DATA\", data)\n const permiso = localStorage.getItem('Permission');\n if (permiso !== 'cobrador') { //console.log(\"APP - permiso\", permiso)\n const odoo = 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 setData(odoo, this.getListProducts, data);\n } //console.log(\"APP - permiso\", permiso)\n }\n }\n\n componentDidMount = () => {\n this.initialiceData();\n\n }\n render() {\n return (\n */}\n
\n )\n }\n\n const sendPhoto = (pay) => {\n //console.log(\" Entra paso 1\", pay)\n /* console.log(\" READER SENDPHOTO\", imgPrevious) */\n\n if (pay > 999 /* && imgPrevious != '' */) {\n /* console.log(\"entra al if\") */\n sendToOdoo(pay);\n } else {\n alert(\"Error, El valor debe ser mayor a $1000\");\n }\n /* if (reader) { //this.setState({ \"loading\": true }); //getPrintConfig(this.navigateToPrintConfig);*/\n }\n\n\n const sendToOdoo = async (pay) => {\n /* console.log(\"Entra paso 2 PAY\", pay)\n console.log(\"usuario: \", userlog) */\n\n if (userlog == \"vendedor\") {\n //console.log(\"usuario: \", userlog)\n let json = imgPrevious \n json = json.replace('data:image/jpeg;base64,', '')\n json = json.replace('data:image/jpg;base64,', '')\n json = json.replace('data:image/png;base64,', '')\n json = json.replace('', '')\n let consignacion = json;\n\n try {\n //console.log(\"Entra paso 2 TRY\", pay)\n if (imgPrevious != '') {\n setLoading(true);\n const data = {\n \"amount\": pay,\n consignacion,\n \"descripcion\": descriptionPay,\n \"tipo\": \"documento_pago_cliente\" //tipo,//\n };\n //console.log(\" DATA - sendToOdoo\", data)\n await paySeller(data, navigateNextPhoto);\n } else {\n alert(\"Error, Aún no ha adjuntado su comprobante\")\n }\n } catch (error) {\n //console.log(\"Entra paso 2 CATCH\", pay)\n alert(\"Error\", \"Error inesperado.\");\n setLoading(false);\n setDescriptionPay('');\n setPay(''); setImgPrevious(null);\n }\n } else {\n // console.log(\"usuario: COBRADOR \", userlog)\n // console.log(\"imagen \", imgPrevious)\n let json = imgPrevious\n json = json.replace('data:image/jpeg;base64,', '')\n json = json.replace('', '')\n let consignacion = json;\n try {\n if (imgPrevious != '') {\n setLoading(true);\n const data = {\n \"amount\": pay,\n consignacion,\n /* \"consignacion\": imgPrevious, */\n \"descripcion\": descriptionPay,\n };\n // console.log(\" DATA - sendToOdoo\", data)\n await payCollector(data, navigateNextPhoto);\n } else {\n alert(\"Error, Aún no ha adjuntado su comprobante\")\n }\n } catch (error) {\n alert(\"Error, Error inesperado.\");\n /* this.setState({ \"loading\": false }); */\n }\n }\n }\n\n const navigateNextPhoto = (flag, response) => {\n //console.log(\" paso 3 - navigateNextPhoto\", flag, response)\n if (flag) {\n setLoading(false);\n\n toast.success(\"Factura cargada correctamente\");\n setModalPayment(false);\n setDescriptionPay('');\n setPay('');\n setImgPrevious(null);\n } else {\n /* alert(\"¡Error!\" + response.data.message) */\n setLoading(false);\n }\n }\n\n\n return (\n <>\n < style> {`\n .titleCol {\n font-weight:bold;\n } \n `}\n \n \n { changeImg(e); }}\n >\n \n
\n \n 
\n
\n \n \n
\n \n
\n
\n\n {/* MODAL PARA CARGAR BOLSA */}\n Nombre caja:
\n{detailBox.nombre_caja}
\n \nEstado:
\n{detailBox.estado}
\n \nFecha:
\n{detailBox.fecha}
\n \n {userlog !== \"cobrador\" &&\nBalance inicial:
\n{FormatMoney(detailBox.balanceInicial)}
\n \nBalance final:
\n{FormatMoney(detailBox.balanceFinal)}
\n \nTotal a cobrar:
\n{FormatMoney(detailBox.debito)}
\n \nTotal ganancia:
\n{FormatMoney(detailBox.ganancia)}
\n \nTotal a pagar:
\n{FormatMoney(detailBox.credito)}
\n {userlog !== \"administrador\" &&\n \n }\n \n\n { }} onClick={(i) => selectPrice(i)} prices={Prices} />
\n {visible &&\n { setSelectedPrice(parseInt(event.target.value.replace(\"$\", \"\").replace(\",\", \"\").replace(\",\", \"\"))); setActiveCargar(false) }}\n />\n }\n
\n \n {visible &&\n
\n
\n \n \n \n
\n \n setPay(parseInt(event.target.value.replace(\"$\", \"\").replace(\",\", \"\")))}\n />\n
\n Valor a pagar
\n\n \n setDescriptionPay((event.target.value))}\n />\n \n
\n Descripción
\n\n \n {/* Espacio en el cual se cargará la imagen */}\n \n
\n Adjunta imagen por favor
\n \n
\n \n \n \n
\n \n\n \n \n
\n }\n
\n \n )\n\n}","import React, { useEffect, useState } from 'react';\nimport { Table, Button, Container, Row, Col } from 'react-bootstrap';\nimport { ItemMoves, ItemError, ItemSummaryBox } from '../../screens/caja/components/item';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\nimport { Excel } from './Excel';\nimport { getBox } from '../../services/caja.service';\nimport list from '../../assets/list/list.css';\n\n\n\nexport const ListMoves = (props) => {\n const { moves = [], products, rigthPage, leftPage, contPage, date, loading } = props\n const [isSmallScreen, setIsSmallScreen] = useState(false);\n\n const [exportEx, setExportEx] = useState(true)\n const [itemMoves, setItemMoves] = useState(\"\");\n //const [fecha, setFecha] = useState(date);\n\n //console.log(\"fecha del excel\",date)\n const searchMoves = () => {\n loading(true)\n getBox(0, 0, date, (data, flag) => {\n //console.log(\"data del excel \",data.movimientos.length)\n if (flag) {\n\n setItemMoves(data.movimientos.length)\n }\n loading(false)\n });\n // console.log(\"esto es el item \",itemMoves)\n }\n\n useEffect(() => { searchMoves(); }, []);\n\n useEffect(() => {\n if (!exportEx) {\n const interval = setInterval(() => {\n setExportEx(true);\n }, 1000 * parseInt(itemMoves));\n return () => clearInterval(interval);\n }\n }, [exportEx]);\n\n useEffect(() => {\n movesTable();\n excelExport();\n const handleResize = () => {\n setIsSmallScreen(window.innerWidth < 768); // Establece el estado según el ancho de la ventana\n };\n \n // Agrega el evento de escucha del cambio de tamaño de la ventana\n window.addEventListener('resize', handleResize);\n \n // Limpia el evento de escucha al desmontar el componente\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, [exportEx])\n\n const excelExport = () => {\n if (!exportEx)\n return (\n | ID | \nDescripción | \nValor | \nTipo | \nAprobación | \nCelular | \nComisión | \nFecha | \nHora | \n\n |
|---|
| ID | \nDescripción | \nValor | \nTipo | \n
|---|
| Aprobación | \nCelular | \nComisión | \nFecha | \nHora | \n--- | \n
|---|
| ID | \nDescripción | \nValor | \nTipo | \nAprobación | \nCelular | \nComisión | \nFecha | \nHora | \n----- | \n
|---|
\n
\n \n )\n\n } else {\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 \n \n {excelExport()}\n
*/}\n {movesTableSmallScreen()}\n \n
\n \n )\n }\n}\n\n\nexport const ListErrors = (props) => {\n const { errors = [], rigthPage, leftPage, contPage } = props\n console.log(\"obj del error\", errors)\n const [isSmallScreen, setIsSmallScreen] = useState(false);\n const [objetoError, setObjetoError] = useState([]);\n const [objetoKey, setObjetoKey] = useState('');\n console.log(\"pantalla pequeña\", isSmallScreen)\n\n useEffect(() => {\n const handleResize = () => {\n setIsSmallScreen(window.innerWidth < 768); // Establece el estado según el ancho de la ventana\n };\n \n // Agrega el evento de escucha del cambio de tamaño de la ventana\n window.addEventListener('resize', handleResize);\n \n // Limpia el evento de escucha al desmontar el componente\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n \n\n if (isSmallScreen){\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 \n \n {excelExport()}\n
*/}\n {movesTable()}\n \n \n {errors.map((obj, i) => {\n \n\n return (\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 }else {\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 | \n
|---|
| Hora | \nTipo | \nObservación | \n
|---|
\n \n \n
\n
\n \n )\n \n }\n }\n \n\nexport const ListSummaryBox = (props) => {\n const { summaryBox = [] } = props\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","import React, { useEffect, useState } from 'react';\nimport { Tabs, Tab } from 'react-bootstrap';\nimport { ListMoves, ListErrors, ListSummaryBox } from '../../../shared/components/list';\nimport { getBox, getReport } from '../../../services/caja.service';\n\nexport const TabsBox = (props) => {\n const { loading, products, error } = props\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 [summaryBox, setSummaryBox] = useState([]);\n const [listErrors, setListErrors] = useState([]);\n\n const initializeMoves = (data, flag) => {\n if (flag) {\n loading(false);\n setMoves(data.movimientos);\n /* console.log(\"tabsBosx, CAJA - data:\", data) */\n if (data.movimientos.length === 0) {\n error(\"¡No se encontraron movimientos!\")\n if (pageMoves === 1) {\n setPageMoves(0)\n } else {\n setPageMoves(pageMoves - 1)\n }\n }\n\n } else {\n loading(false);\n alert(data.message);\n }\n }\n\n const viewMoves = () => {\n\n if (pageMoves > 0) {\n loading(true);\n getBox(0, pageMoves,null ,initializeMoves);\n\n }\n\n }\n\n const initializeErrors = (data, flag) => {\n if (flag) {\n loading(false);\n setListErrors(data.movimientosError);\n if (data.movimientosError.length === 0) {\n error(\"¡No se encontraron errores registrados!\")\n if (pageErrors === 1) {\n setPageErrors(0)\n } else {\n setPageErrors(pageErrors - 1)\n }\n }\n } else {\n loading(false);\n alert(data.message);\n }\n }\n\n const viewErrors = () => {\n if (pageErrors > 0) {\n loading(true);\n getBox(1, pageErrors,null ,initializeErrors);\n }\n }\n\n const initializeSummaryBox = (data, flag) => {\n if (flag) {\n loading(false);\n setSummaryBox(data.movimientos)\n } else {\n loading(false);\n }\n }\n\n const viewSummaryBox = () => {\n loading(true);\n getReport(null,initializeSummaryBox)\n }\n\n useEffect(() => {\n if (key === 'moves') {\n viewMoves();\n } else if (key === 'errors') {\n viewErrors();\n } else if (key === 'summaryBox') {\n viewSummaryBox();\n }\n\n }, [key, pageMoves, pageErrors])\n\n \n return (\n <>\n Resumen caja
\n| Producto | \nCantidad | \nValor | \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 loading={loading}/>}\n \n \n {listErrors.length > 0 && setPageErrors(pageErrors + 1)} \n leftPage={() => { if (pageErrors > 1) { setPageErrors(pageErrors - 1) } }} \n errors={listErrors} />}\n \n \n {summaryBox.length > 0 && \n \n
\n \n )\n}","import React, { PureComponent } from 'react';\nimport { DetailBox } from './components/detailBox';\nimport { getBox } from '../../services/caja.service';\nimport { Row } from 'react-bootstrap';\nimport { TabsBox } from './components/tabsBox';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\n\nclass Caja extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n caja: { \"balanceFinal\": 0, \"balanceInicial\": 0, \"credito\": 0, \"debito\": 0, \"ganancia\": 0, \"estado\": \"No disponible\", \"fecha\": \"--\", \"nombre_caja\": \"--\" },\n viewMoves: false,\n movimientos: [],\n key: '',\n cargar: true\n }\n this.products = this.props.products\n this.datesBox = {};\n }\n\n initializeData = (data, flag) => {\n\n const error = () => toast.error(\"¡Falló la conexión con el servidor!\");\n if (flag) {\n // console.log(\"detalles de la CAJA variable data\", data)\n // console.log(\"detalles de la CAJA variable flag\", flag)\n this.setState({ caja: data.caja, cargar: false });\n } else {\n const date = JSON.stringify(data.message);\n const otroDate = JSON.stringify(date.slice(1, 14))\n const comprueba = JSON.stringify(\"XML-RPC fault\");\n\n //console.log(\"detalles de la CAJA variable data\", data)\n /* console.log(\"detalles de la CAJA variable data message\", data.message)\n console.log(\"detalles de la CAJA variable data slice(1, 14)\", data.slice(1, 14))\n console.log(\"detalles de la CAJA variable flag\", flag) */\n\n if (otroDate === comprueba) {\n error();\n }\n }\n }\n initializeMoves = (data, flag) => {\n if (flag) {\n this.setState({ movimientos: data.movimientos, viewMoves: true });\n } else {\n alert(data.message);\n }\n\n }\n componentDidMount = () => {\n getBox(2, 0, null, this.initializeData);\n }\n\n render() {\n\n return (\n \n {this.state.cargar &&
\n )\n }\n}\nexport default Caja;","import React, { /* useEffect, useState*/ } from 'react';\nimport { Row, Col/* , Button, Modal */ } from 'react-bootstrap';\n//import { FormatMoney } from '../../../utilities/formats';\n//import { ListPrices } from '../../../shared/components/list-prices';\n//import NumberFormat from 'react-number-format';\n/* import { Transaction } from '../../../services/product.service'\nimport { ManagmentErrors } from '../../../shared/components/managmentErrors';\nimport { useToasts } from 'react-toast-notifications'\nimport { getBox } from '../../../services/caja.service'; */\n//import DateTimePicker from 'react-datetime-picker' ;\n//import RNDateTimePicker from '@react-native-community/datetimepicker'; //modal fecha\n\nexport const DetailBox = (props) => { \n \n const {detailBox} = props\n \n return (\n <>\n < style> {`.titleCol {font-weight:bold;} `} \n Caja
\n\n \n {\n const error = () => toast.error(errorMessage);\n error();\n }}\n products={this.products}\n loading={(flag) => this.setState({ cargar: flag })} />\n
\n
\n \n \n
\n \n
\n
\n \n )\n}\n\n//const Prices = [ 10000, 20000, 30000, 50000, 'Otro valor' ]\n\n\n","import React, { useEffect, useState } from 'react';\nimport { Tabs, Tab } from 'react-bootstrap';\nimport { ListMoves, ListErrors, ListSummaryBox } from '../../../shared/components/list';\nimport { getBox, getReport } from '../../../services/caja.service';\n\nexport const TabsBox = (props) => {\n const { loading, products, error, fecha, pageMoves } = props\n const [key, setKey] = useState('moves');\n const [pageMovesInt, setPageMoves] = useState(pageMoves);\n const [pageErrors, setPageErrors] = useState(1);\n const [moves, setMoves] = useState([]);\n const [summaryBox, setSummaryBox] = useState([]);\n const [listErrors, setListErrors] = useState([]);\n\n //console.log(\"esto inicia el tabsbox\",moves)\n const initializeMoves = (data, flag) => {\n if (flag) {\n loading(false);\n setMoves(data.movimientos);\n //console.log(\"tabsBosxlle no \", moves)\n if (data.movimientos.length === 0) {\n error(\"¡No se encontraron movimientos!\")\n if (pageMovesInt === 1) {\n setPageMoves(0)\n } else {\n setPageMoves(pageMovesInt - 1)\n }\n }\n\n } else {\n loading(false);\n alert(data.message);\n }\n }\n\n const viewMoves = () => {\n if (pageMovesInt > 0) {\n loading(true);\n getBox(0, pageMovesInt, fecha, initializeMoves);\n }\n }\n\n const initializeErrors = (data, flag) => {\n //console.log(\"data de los eerores\",data)\n if (flag) {\n loading(false);\n setListErrors(data.movimientosError);\n if (data.movimientosError.length === 0) {\n error(\"¡No se encontraron errores registrados!\")\n if (pageErrors === 1) {\n setPageErrors(0)\n } else {\n setPageErrors(pageErrors - 1)\n }\n }\n } else {\n loading(false);\n alert(data.message);\n }\n }\n\n const viewErrors = () => {\n if (pageErrors > 0) {\n loading(true);\n getBox(1, pageErrors, fecha, initializeErrors);\n }\n }\n\n const initializeSummaryBox = (data, flag) => {\n // console.log(\"data del respponse\",data)\n // console.log(\"flag del respponse\",flag)\n if (flag) {\n loading(false);\n setSummaryBox(data.movimientos)\n } else {\n loading(false);\n }\n }\n\n const viewSummaryBox = () => {\n loading(true);\n getReport(fecha, initializeSummaryBox)\n }\n\n useEffect(() => {\n if (key === 'moves') {\n viewMoves();\n } else if (key === 'errors') {\n viewErrors();\n } else if (key === 'summaryBox') {\n viewSummaryBox();\n }\n }, [key, pageMovesInt, pageErrors])\n\n return (\n <>\n Nombre caja:
\n{detailBox.nombre_caja}
\n \nEstado:
\n{detailBox.estado}
\n \nBalance inicial:
\n {/*{FormatMoney(detailBox.caja.balanceInicial)}
*/}\n{detailBox.balanceInicial}
\n \nBalance final:
\n {/*{FormatMoney(detailBox.caja.balanceFinal)}
*/}\n{detailBox.balanceFinal}
\n \nTotal a cobrar:
\n {/*{FormatMoney(detailBox.caja.debito)}
*/}\n{detailBox.debito}
\n \nTotal ganancia:
\n {/*{FormatMoney(detailBox.caja.debito)}
*/}\n{detailBox.ganancia}
\n \nTotal a pagar:
\n {/*{FormatMoney(detailBox.caja.credito)}
*/}\n{detailBox.credito}
\n \n\n { setKey(k) }}\n >\n \n {moves.length > 0 &&\n setPageMoves(pageMovesInt + 1)}\n leftPage={() => { if (pageMovesInt > 1) { setPageMoves(pageMovesInt - 1) } }}\n products={products}\n moves={moves}\n date={fecha}\n loading={loading}\n />}\n \n \n {listErrors.length > 0 && setPageErrors(pageErrors + 1)}\n leftPage={() => { if (pageErrors > 1) { setPageErrors(pageErrors - 1) } }}\n errors={listErrors} />}\n \n \n {summaryBox.length > 0 && \n \n
\n \n )\n}","import React, { PureComponent } from 'react';\nimport { DetailBox } from './components/detailBox';\nimport { getBox } from '../../services/caja.service';\nimport { Row } from 'react-bootstrap';\nimport { TabsBox } from './components/tabsBox';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\n//import DateTimePicker from 'react-datetime-picker'; \n\nclass CajaFecha extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n caja: { \"balanceFinal\": 0, \"balanceInicial\": 0, \"credito\": 0, \"debito\": 0, \"ganancia\": 0, \"estado\": \"No disponible\", \"fecha\": \"--\", \"nombre_caja\": \"--\" },\n viewMoves: false,\n movimientos: [],\n key: '',\n cargar: false,\n alamanaque: false,\n date: '',\n initmove: false,\n move: [],\n err: [],\n resum: []\n }\n this.products = this.props.products\n this.datesBox = {};\n /* console.log(\"Variable productos inicializada al abrir el vinculo\", this.state) */\n //la variable this.state, me muestra inicialmente los valores quemados en la pantalla \n //son los valores de esta variable los que debo setiar\n }\n\n initializeData = (data, flag) => {//INFORMACIÓN QUE OBTIENE DEL CALLBACK\n\n //console.log(\"initializeData\",flag,data)\n const error = () => toast.error(\"¡Falló la conexión con el servidor!\");\n\n if (flag) {\n if (data.errores) {\n alert('Error', 'Se presento un error con los datos de esta caja');\n } else {\n\n this.setState({ caja: data.caja, cargar: false, initmove: true });\n //console.log(\"data del callback del servidor\",data, \"y flag\", flag)\n }\n\n //caja ya tiene info de caja del servidor\n //carga, cambia el estado a false\n //initmove, cambia a true\n }\n else {\n const date = JSON.stringify(data.message);\n const otroDate = JSON.stringify(date.slice(1, 14))\n const comprueba = JSON.stringify(\"XML-RPC fault\");\n\n if (otroDate === comprueba) {\n error();\n }\n\n if (!flag) {\n\n alert('Error', data.message);\n this.setState({ loading: false });\n return;\n } else {\n if (data.errores) {\n alert('Error', \"No hay dato de esa fecha \");\n this.setState({\n caja: {\n nombre_caja: '---',\n estado: '---',\n fecha: '---',\n balanceInicial: '0',\n balanceFinal: '0',\n debito: '0',\n ganancia: '0',\n credito: '0'\n },\n loading: false,\n\n });\n } else {\n this.setState({ caja: data.caja, loading: false, });\n }\n }\n }\n }\n /* \n initializeMoves = (data, flag) => {\n if (flag) {\n this.setState({ movimientos: data.movimientos, viewMoves: false });\n \n } else {\n alert(data.message);\n \n }\n \n } */\n componentDidMount = () => {\n this.setState({ alamanaque: true })\n }\n senttoodo = () => {\n this.setState({ initmove: false, cargar: true })\n // console.log(\"envio\",this.state.date)\n getBox(0, 0, this.state.date, this.initializeData)\n }\n\n\n render() {\n /* const[selectDate, SetSelectDate]=useState(new Date()); */\n return (\n \n\n {this.state.cargar &&
\n\n\n )\n }\n}\nexport default CajaFecha;","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/RIFA2.jpg';\nimport ganador from '../../../assets/home/ganador.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';\n\nexport default class CarruselHome extends Component {\n state = {\n goToSlide: 0,\n offsetRadius: 2,\n showNavigation: true,\n config: config.gentle\n };\n data = [\n {\n key: uuidv4(),\n content: Caja por Fecha
\n {this.state.alamanaque &&\n\n
\n }\n Fecha:
\n\n {\n this.setState({ date: e.target.value },\n this.senttoodo);\n }}\n />\n {/* { \n this.setState( {date:e.target.value},this.senttoodo ); }\n } \n />*/}\n {/* */}\n
\n \n {this.state.initmove &&\n \n {\n const error = () => toast.error(errorMessage);\n error();\n }}\n products={this.products}\n loading={(flag) => this.setState({ cargar: flag })}\n fecha={this.state.date}\n pageMoves={1} />\n
}\n
\n \n
\n );\n }\n}\n\n\n","import React, { useEffect, useState } from 'react'\nimport { Modal, Card,Button } from 'react-bootstrap';\nimport quienesSomos from '../../assets/quienes-somos.jpg';\nimport nuestraApp from '../../assets/nuestra-app.jpg';\nimport GANADOR from '../../assets/PROMOCIONAL.jpg';\nimport CarruselHome from './components/carruselhome';\nimport rifa from '../../assets/home/RIFA.jpg';\nimport home from '../../assets/home/home.css';\nconst HomeComponent = () => {\n const [show,setShow]=useState(false)\n useEffect(()=>{\n setShow(true)\n\n },[])\n return (\n <>\n \n
\n {/* Bienvenido a MóvilGO
\n\n
\n \n
\n \n 
\n
\n \n \n
\n \n
\n ¿Quienes Somos?
\n\n Somos una empresa que ofrece soluciones tecnológicas \n de alto nivel, mejora e implementa sistemas de\n información, dando soluciones a problemas de la vida cotidiana,\n con soporte técnico especializado al público objetivo.\n
\n\n
\n \n 
\n
\n \n
\n \n \n 
\n
\n \n
\n Nuestra App
\n\n Contamos con una aplicación móvil para facilitarle el trabajo a\n la hora de realizar ventas, rifas, consultas y mucho más...\n
\n\n
\n ¿Que desea realizar?
\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
\n \n \n );\n};\n\n\nconst styles = ({\n title: {\n fontWeight: 'bold',\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: '100%',\n //backgroundColor: '#078FA5'\n },\n titleSummary: {\n alignSelf: 'center',\n fontWeight: 'bold',\n fontSize: 28,\n color: '#07A2BA',\n },\n colContainer: {\n width: '42%',\n },\n rowContainer: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: 5,\n },\n});\n","import React, {/* PureComponent,useEffect ,*/useEffect, useState/* , Fragment, useRef */ } from 'react';\nimport { Button, Card, Row, Container, FormControl, Modal, /* InputGroup, */ModalBody } from 'react-bootstrap';\n//import { Container, Row, Col, Form, Card, Button, Image} from 'react-bootstrap';\n//import { DateToString } from '../../utilities/formats';\n//import { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\n//import { Prestamos } from '../prestamos';\n//import { Link } from 'react-router-dom';\nimport { searchPrestamo } from '../../services/nova.service';\nimport Select from \"react-select\";\nimport { Pago } from './componentes/pago';\nimport { Desembolso } from './componentes/desembolso';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/components/modalNotificationTransaction';\nimport { jsPdfGenerator } from '../../shared/components/pdfTransaction';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { ManagmentErrors } from '../../shared/components/managmentErrors';\n\nexport const PrestamosBuscar = (props) => {\n\n /* const [cedula, setCedula] = useState(\"\");\n const [id_solicitud, setId_solicitud] = useState(\"\"); */\n /* const [cedula, setCedula] = useState(\"105456925\");\n const [id_solicitud, setId_solicitud] = useState(\"6079\"); */\n const [cedula, setCedula] = useState(\"987085244\");\n const [id_solicitud, setId_solicitud] = useState(\"6081\");\n const [tipo, setTipo] = useState(\"\");\n const [produc_id, setProduc_id] = useState('');\n const [showDesembolso, setShowDesembolso] = useState(false);\n const [showPago, setShowPago] = useState(false);\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState({});\n const [notification, setNotification] = useState(false);\n const [dataPago, setDataPago] = useState();\n const [dataInfo, setDataInfo] = useState();\n const [deuda, setDeuda] = useState();\n const [abonado, setAbonado] = useState(0);\n\n var cedulita = 0;\n\n const clearData = () => {\n setLoading(false);\n setShowDesembolso(false)\n setShowPago(false)\n setCedula('');\n setId_solicitud('');\n };\n\n const searchDisburse = (datatipo) => {\n\n setLoading(true)\n setTipo(datatipo)\n\n const newLocal = JSON.stringify(props.mitecnova).replace(/\\\\/g, '');\n let str = newLocal;\n str = newLocal.replace('[', '');\n str = str.replace(']', '');\n const productNova = JSON.parse(str);\n\n setProduc_id(productNova.id)\n\n //console.log(\"NOVA\", productNova.id)\n\n if (datatipo === \"venta\") {\n //searchedData()\n searchPrestamo(productNova.id, datatipo, id_solicitud, cedula, searchedData)\n } else {\n searchPrestamo(productNova.id, datatipo, id_solicitud, cedula, searchedData)\n }\n }\n\n const searchedData = (res, flag, tipo2) => {\n\n //console.log(\"----> INFORMACION cedula, id_solicitud\", cedula, id_solicitud)\n if (flag) {\n // console.log(\"1\")\n if (res.errores) {\n // console.log(\"2\")\n const error = () => toast.error(res.errores.observacion);\n error()\n alert('Error, ' + res.errores.observacion);\n setLoading(false)\n } else {\n //console.log(\"3\")\n if (res.solictud_ids.length === 0) {\n //console.log(\"4\")\n //alert( 'Error, Por favor verifique la información ingresada' ) \n const success = () => toast.error(\"Error, Por favor verifique la información ingresada\");\n success();\n setLoading(false)\n } else {\n //console.log(\"5\")\n if (tipo2.toString() === 'venta') {\n setData(res.solictud_ids[0])\n setShowDesembolso(true);\n } else {\n // console.log(\"6\")\n setData(res.solictud_ids[0])\n setShowPago(true)\n }\n }\n }\n } else {\n /* console.log(\"7\")\n setLoading(false)\n //setData(res.solictud_ids[0])\n setShowDesembolso(true); */\n /* alert( 'Error, Por favor verifique los datos. Si el error persiste comuniquese con MovilGo',\n [{text: 'Volver', onPress: () => clearData()}],\n ); */\n //const message = ManagmentErrors(\"response.errores.id\");\n //const notify = () => toast(\"Wow so easy!\");\n\n //const message = ManagmentErrors();\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 const saveInfoPay = (responsePago, info, abono) => {\n //console.log(\"recibo \", responsePago)\n //console.log(\"info \", info)\n // console.log(\"ABONO \", abono)\n setDataPago(responsePago)\n setDataInfo(info)\n if (info.data.valor_deuda) {\n // console.log(\"PAGO \", info.data.valor_deuda)\n setDeuda(info.data.valor_deuda)\n console.log(\"valor_deuda \", deuda)\n } else {\n // console.log(\"V dese \", info.data.solicitud_valoraprobado)\n setDeuda(info.data.solicitud_valoraprobado)\n // console.log(\"valoraprobado \", deuda)\n // //console.log(\"llega document antes\", dataInfo.document)\n // //cedulita = info.document;\n // console.log(\"cedulita \", info.document);\n // setId_solicitud(info.data.id)\n // console.log(\" llega id_solicitud \", id_solicitud)\n }\n setAbonado(abono)\n //closeModal()\n }\n\n const closeModal = (flag, response) => {\n setNotification(flag);\n\n // console.log(\"flag\", flag, response)\n // console.log(\"cedula\", cedula,)\n // console.log(\"DEUDA\", deuda)\n // console.log(\"id_solicitud\", id_solicitud)\n // console.log(\"--->dataPago\", dataPago) \n var data = []\n if (abonado) {\n data = [\n \"Factura No: \" + dataPago.valida.id,\n \"Fecha:\" + dataPago.valida.fecha,\n \"No.Aprobacion:\" + dataPago.valida.numero_aprobacion,\n \"Id. Cliente: \" + cedula,\n \"Id. Solicitud: \" + id_solicitud,\n \"Valor del Abono: \" + abonado,\n \"Saldo: \" + (deuda - abonado),\n // \"Deuda: \" + (deuda - abonado),\n ]\n }\n else {\n // console.log(\"FINcedula\", cedula)\n // console.log(\"FINid_solicitud\", id_solicitud)\n data = [\n \"Factura No: \" + dataPago.valida.id,\n \"Fecha:\" + dataPago.valida.fecha,\n \"No.Aprobacion:\" + dataPago.valida.numero_aprobacion,\n \"Id. Cliente: \" + dataInfo.document,\n \"Id. Solicitud: \" + dataInfo.data.id,\n \"Valor del Desembolso: \" + deuda,\n //\"Saldo: \" + (deuda - abonado),\n ]\n // console.log(\"FINcedula 2\", cedula)\n // console.log(\"FINid_solicitud 2\", id_solicitud)\n }\n\n //console.log(\"DATADATA\", data)\n jsPdfGenerator(data);\n clearData();\n }\n return (\n <>\n {loading && */}\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};\n","import React from 'react';\nimport { Switch, Route, withRouter } from 'react-router-dom';\n\nimport Recargas from './screens/recargas/recargas';\nimport MenuServices from './screens/menu-services/menu-service';\nimport PaquetesComponent from './screens/paquetes/paquetes-component';\nimport RifasComponent from './screens/rifas/rifas-component';\nimport RecargasPines from './screens/recargas-pines/recargas-pines';\nimport Abonos from './screens/rifas/components/abonar';\nimport Compras from './screens/rifas/components/comprar';\nimport RecargasDeportivas from './screens/recargas-deportivas/recargas-deportivas';\nimport Caja from './screens/caja/caja';\nimport CajaFecha from './screens/cajafecha/cajafecha'\nimport { Desencrypt } from './utilities/cipher';\nimport HomeComponent from './screens/home/home-component';\nimport { Soat } from './screens/soat/soat';\nimport { SoatBuscar } from './screens/soat/buscar/buscar';\nimport { SoatComprar } from './screens/soat/comprar/comprar';\nimport { ShowRifa } from './screens/rifas/components/showRifa';\nimport { TermsAndConditions } from './screens/rifas/components/terms-and-conditions';\nimport { Political } from './screens/rifas/components/political';\nimport { Recaudo } from './screens/recaudo/recaudo';\nimport { SuperBingo } from './screens/super-bingo/super-bingo';\nimport Certificados from './screens/certificaciones/certificados';\n//import Prestamos from './screens/prestamos/prestamos';\n//import PrestamosBuscar from './screens/prestamos/buscar/busca';\nimport { PrestamosBuscar } from './screens/prestamos/busca';\nimport { Desembolso } from './screens/prestamos/componentes/desembolso';\nimport {Pago} from './screens/prestamos/componentes/pago';\n\n//import { PrestamosPagar } from './screens/prestamos/comprar/comprar';\n\nconst Routes = (props) => {\n const { products } = props;\n const data = Desencrypt(); \n\n if (data) {\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 closeAction: PropTypes.func\n}\n\nClientInfo.defaultProps = {\n vehicle: {},\n closeAction: () => { }\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 //console.log(\"PROPS S.VEHICLE\",props)\n const { data, dataVehicle, infoVehicle, closeAction, 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 let descuento = data.soat.respuesta_tarifa.Law2161Discount;\n descuento !== undefined\n ? (descuento = data.soat.respuesta_tarifa.Law2161Discount.HasDiscount)\n : (descuento = false);\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 /* console.log(\"data.soat.respuesta_vehiculo\",data.soat.respuesta_vehiculo)\n console.log(\"ASIGANAR ESTA data.soat.respuesta_tarifa\",data.soat.respuesta_tarifa.Law2161Discount) */\n //console.log(\"dataVehicle\",dataVehicle)\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 //console.log(\"loadData -vehicle-info - dataVehicle: \", dataVehicle)\n //console.log(\"loadData -vehicle-info - infoVehicle: \", infoVehicle)\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 //console.log(\"dataVehicledataVehicle \", dataVehicle)\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 //console.log(\"ENTRA OTROIF \", contactVehicle)\n setFlagPropietario(true);\n //console.log(\"vehicle.Contact 3\", contactVehicle);\n setContacto({\n ...Contacto,\n FirstName: vehicle.Contact.FirstName,\n /* Contacto, */\n LastName: vehicle.Contact.LastName,\n /* Contacto, */\n DocumentTypeId: vehicle.Contact.DocumentTypeId,\n /* Contacto, */\n DocumentNumber: vehicle.Contact.DocumentNumber,\n });\n }\n };\n\n const verifyFields = () => {\n\n //console.log(\"ENTRA 4: verifyFields\", vehicle)\n if (\n //console.log(\"ENTRA 4.1: verifyFields\", InfoVehicle)\n /* (InfoVehicle.ChasisNumber === ''&&parseInt(vehicle.VehicleYear)>=2011) || */\n (InfoVehicle.ChasisNumber === ''&&vehicle.VehicleYear>=2011) ||\n InfoVehicle.MotorNumber === '' ||\n InfoVehicle.PassengerCapacity === '' ||\n ((InfoVehicle.Vin === null||InfoVehicle.Vin === '')&&vehicle.VehicleYear>=2011)\n /* ((InfoVehicle.Vin === null||InfoVehicle.Vin === '')&&parseInt(vehicle.VehicleYear)>=2011) */\n ) {\n alert('Alerta', 'Todos los campos son requerido')\n } else { \n //console.log(\"CONFIRMACTION 1: \", confirmAction) //confirmAction(true); //confirmAction/* (); */\n sendData();\n /* console.log(\"INFOVEHICLE: \", infoVehicle) */\n }\n };\n\n const changeTypes = () => {\n //console.log(\"changeTypes - vehicle-info: \", vehicle) \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 } /* if (vehicle.MotorNumber === \"\" || vehicle.MotorNumber === null) {\n setFlagMotorNumberEdit(true) setFlagMotorNumberNotEdit(false)} */\n if (InfoVehicle.VehicleBodyTypeName === \"\" || InfoVehicle.VehicleBodyTypeName === null) {\n setFlagVehicleBodyTypeName(true)\n setFlagVehicleBodyTypeNameNotEdit(false)\n } /* se agrego un \"=\" a la vehicle.PassengerCapacity */\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 /* console.log(\"Entra SENDDATA:ChasisNumber \", InfoVehicle.ChasisNumber)\n console.log(\"Entra SENDDATA: MotorNumber\", InfoVehicle.MotorNumber )\n console.log(\"Entra SENDDATA:PassengerCapacity \", InfoVehicle.PassengerCapacity)\n console.log(\"Entra SENDDATA:Vin \", InfoVehicle.Vin)*/\n\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 loadData();\n //console.log(\"ENTRA 3: vehicle-info\")\n if (descuento) {\n alert(`Esta placa tiene un descuento de `)\n }\n changeTypes();\n loadData(); }, []);\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 setPrice('')} />\n \n \n Abonar al crédito \n \n {!pay && \n
\n
\n
\n
\n }\n {pay && \n \n }\n
\n {!pay && \n \n \n
\n \n \n \n \n \n )\n}","import React, { useEffect, useState } from 'react';\nimport { MDBDataTable } from 'mdbreact';\nimport { getDebts } from '../../services/recaudo.service';\nimport { Container, Button } from 'react-bootstrap';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCheck, faEdit } from '@fortawesome/free-solid-svg-icons';\nimport { FormatMoney } from '../../utilities/formats';\nimport { ToastContainer } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { ModalPay } from './components/modal.pay';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\n\nexport const Recaudo = () => {\n const [showPay, setShowPay] = useState(false);\n const [infoModal, setInfoModal] = useState({});\n const [debts, setDebts] = useState({});\n const [debtsC, setDebtsC] = useState([]);\n const [loading, setLoading] = useState(false);\n const [payAll, setPayAll] = useState(false);\n\n \n const updateItem = (id, value) => {\n let cloneDebts = debts;\n let deuda = 0;\n let vencido = 0;\n debtsC.forEach(element => {\n if (element.codigo === id) {\n deuda = element.deuda;\n vencido = element.vencido;\n return;\n }\n });\n let data = {\n columns: cloneDebts.columns, rows: []\n\n }\n for (let index = 0; index < cloneDebts.rows.length; index++) {\n if (cloneDebts.rows[index].codigo === id) {\n if (parseInt(deuda) === parseInt(value)) {\n var myFish = cloneDebts.rows\n data.rows=myFish;\n } else {\n cloneDebts.rows[index].deuda = FormatMoney(parseInt(deuda) - parseInt(value));\n cloneDebts.rows[index].vencido = FormatMoney(parseInt(vencido) - parseInt(value));\n data.rows=cloneDebts.rows;\n return;\n }\n\n }\n }\n setDebts(data);\n }\n\n useEffect(() => {\n setLoading(true);\n getDebts((data, flag) => {\n\n if (flag) {\n setLoading(false);\n let dat = {}\n let rows = []\n let rowsito = []\n data.deudores.forEach(element => {\n rowsito.push({\n codigo: element.cliente_id,\n deuda: (element.deuda),\n vencido: (element.vencido),\n })\n rows.push({\n codigo: element.cliente_id,\n nombre: (element.nombre),\n deuda: FormatMoney(element.deuda),\n vencido: FormatMoney(element.vencido),\n acciones:\n \n \n setShowPay(false)}\n abono={(id, value) => updateItem(id, value)}\n pay={payAll}\n />\n \n );\n}\n","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const searchClientBingo = async (product_id, cedula, callback) => {\n const config = await OdooConfig();\n const data = await Desencrypt();\n const args = [[0, { product_id: product_id, cedula: cedula }]]\n\n const params = {\n model: \"movilgo.webservice\",\n method: \"bingoBuscarCliente\",\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 client.connect((err, response) => {\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 if (err2) {\n callback(err2, false);\n return false;\n }\n callback(response2, true);\n\n });\n }\n //console.log('error',err, response)\n })\n}\n\nexport const getBingo = async (product_id, callback) => {\n const config = await OdooConfig();\n const data = await Desencrypt();\n const args = [[\n 0, { product_id }\n ]]\n\n const params = {\n model: \"movilgo.webservice\",\n method: \"bingoProximoSorteo\",\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 client.connect((err, response) => {\n\n if (err) {\n //console.log('error', response)\n return callback(response, false)\n } else {\n client.execute_kw(params.model, params.method, args, (err2, response2) => {\n if (err2) {\n callback(err2, false);\n return false;\n }\n callback(response2, true);\n\n });\n }\n\n })\n}\n\n","import { faSearch } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport React from 'react';\nimport { PureComponent } from 'react';\nimport { Card, Col, FormControl, InputGroup, Pagination, Row, Button } from 'react-bootstrap';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { getBingo, searchClientBingo } from '../../services/bingo.service';\nimport { Transaction } from '../../services/product.service';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\nimport { ManagmentErrors } from '../../shared/components/managmentErrors';\nimport { Capitalize, FormatMoney } from '../../utilities/formats';\nimport { jsPdfGenerator } from '../../shared/components/pdfTransaction';\nimport { ModalNotificationTransaction } from '../../shared/components/modalNotificationTransaction';\n\nexport class SuperBingo extends PureComponent {\n constructor() {\n super();\n this.state = {\n identification: '',\n celular: '',\n apellidos: '',\n nombre: '',\n loading: true,\n opacity: 1,\n found: false,\n register: false,\n count: 1,\n disabled: true,\n dateStart: \"\",\n reward: \"\",\n modalNotification: false,\n }\n this.response = [];\n }\n\n componentDidMount() {\n if (this.props.bingo) {\n getBingo(this.props.bingo[0].id, (res, flag) => {\n if (flag) {\n const newDate = res.dateStart.split(\"T\")[0].split(\"-\");\n this.setState({\n dateStart: res ? newDate[2] + \"-\" + newDate[1] + \"-\" + newDate[0] : \"\",\n reward: res ? FormatMoney(res.reward) : \"\",\n loading: false\n });\n } else {\n this.setState({ loading: false })\n }\n\n })\n }\n\n\n\n }\n\n foundClient = (response, flag) => {\n if (this.state.identification.trim() === \"\") {\n return;\n }\n\n if (flag) {\n if (response && response.data && response.message === \"Cliente Listado con exito\") {\n const message = () => toast.info(\"¡Usuario encontrado!\");\n message();\n this.setState({\n loading: false,\n opacity: 1,\n found: true,\n register: false,\n count: 1,\n disabled: false,\n celular: response.data.cusPhone,\n nombre: response.data.cusName,\n apellidos: response.data.cusLastName,\n });\n } else {\n const message = () => toast.error(\"¡Usuario no encontrado, por favor registrarlo !\");\n message();\n this.setState({\n loading: false,\n opacity: 1,\n found: true,\n register: true,\n count: 1,\n disabled: true,\n celular: \"\",\n nombre: \"\",\n apellidos: \"\"\n });\n\n }\n } else {\n const message = () => toast.error(\"¡Usuario no encontrado, por favor registrarlo !\");\n message();\n this.setState({\n loading: false,\n opacity: 1,\n found: true,\n register: true,\n count: 1,\n disabled: true,\n celular: \"\",\n nombre: \"\",\n apellidos: \"\"\n });\n }\n\n }\n\n findClient = () => {\n const errorDigitar = () => toast.error(\"¡No se le olvide digitar un número de cédula!\");\n if (this.state.identification.trim() !== \"\") {\n this.setState({ loading: true, opacity: 0.4 });\n searchClientBingo(this.props.bingo[0].id, this.state.identification, this.foundClient);\n } else {\n errorDigitar();\n }\n }\n\n getResponse = (flag, response) => {\n if (flag) {\n this.response = response;\n this.response[\"identification\"] = this.state.identification;\n this.response[\"nombre\"] = this.state.nombre;\n this.response[\"apellidos\"] = this.state.apellidos;\n this.response[\"celular\"] = this.state.celular;\n this.response[\"count\"] = this.state.count;\n\n const success = () => toast.success(\"Gana Bingo comprado exitosamente\");\n success();\n this.setState({\n loading: false,\n opacity: 1,\n identification: '',\n celular: '',\n apellidos: '',\n nombre: '',\n found: false,\n register: false,\n count: 1,\n })\n this.setState({ loading: false, opacity: 1, modalNotification: true });\n } else {\n if (response.errores) {\n const message = ManagmentErrors(response.errores.id);\n const error = () => toast.error(message);\n error();\n } else {\n const message = \"Error desconocido\";\n const error = () => toast.error(message);\n error();\n }\n this.setState({\n loading: false,\n opacity: 1,\n identification: '',\n celular: '',\n apellidos: '',\n nombre: '',\n found: false,\n register: false,\n count: 1,\n })\n\n }\n }\n\n sendData = () => {\n if (this.state.celular.length < 10) {\n const message = () => toast.error(\"¡El número de telefono es demasiado corto!\");\n message();\n return;\n }\n this.setState({ loading: true })\n const product = {\n product_id: this.props.bingo[0].id,\n atributes: {\n bingo_cedula: this.state.identification,\n bingo_numero_celular: this.state.celular,\n bingo_cliente_nombre: this.state.nombre,\n bingo_apellido_nombre: this.state.apellidos,\n bingo_tripletas: this.state.count,\n precio: this.props.bingo[0].precio * this.state.count\n }\n }\n Transaction(product, this.getResponse);\n }\n\n add = () => {\n if (this.state.count >= 1 && this.state.count < 5) {\n this.setState({ count: this.state.count + 1 })\n }\n }\n\n subtract = () => {\n if (this.state.count > 1) {\n this.setState({ count: this.state.count - 1 })\n }\n }\n\n closeModal = (flag) => {\n this.setState({ modalNotification: flag });\n // console.log(\n // this.state.identification,\n // this.state.nombre,\n // this.state.apellidos,\n // this.state.celular\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: GANA BINGO\",\n \"Cedula: \" + this.response.identification,\n \"Cliente: \" + this.response.nombre + \" \" + this.response.apellidos,\n \"Celular: \" + this.response.celular,\n \"Valor: \" + FormatMoney(this.props.bingo[0].precio * this.response.count)\n ]\n // console.log(data);\n jsPdfGenerator(data);\n }\n\n render() {\n return (\n <>\n \n this.closeModal(flag)} type={\"Bingo\"} message={\"Compra realizada exitosamente\"} />}\n {this.state.loading && \n \n Certificado \n \n \n \n \n {/* {this.state.modalNotification && this.closeModal(flag)} type={\"Pin\"} message={\"Recarga de \" + this.state.selectedOperator.name + \" realizada exitosamente\"} />}\n {this.state.loading && \n \n \n \n {/* Modal con la información del pago a realizar */}\n \n
\n \n \n \n \n \n );\n};\n\nPago.propTypes = {\n vehicle: PropTypes.object,\n closeAction: PropTypes.func,\n};\nPago.defaultProps = {\n vehicle: {},\n closeAction: () => { },\n};\n\nconst styles =/* StyleSheet.create */({\n\n marco: {\n margin: 5,\n borderWidth: 1,\n padding: 5,\n borderColor: '#078fa4',\n borderRadius: 10\n },\n title: {\n fontWeight: 'bold',\n },\n container: {\n paddingHorizontal: 10,\n maxHeight: '100%',\n //backgroundColor: '#078FA5'\n },\n titleSummary: {\n alignSelf: 'center',\n fontWeight: 'bold',\n fontSize: 28,\n color: '#07A2BA',\n },\n colContainer: {\n width: '32%',\n },\n rowContainer: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: 5,\n },\n});\n","import React, { useState/*, useEffect*/ } from 'react';\n//import PropTypes from 'prop-types';\nimport { Button, Card, Row, Container, FormControl } from 'react-bootstrap';\n//import { FormatMoney } from '../../../utilities/formats';\nimport { Transaction } from '../../../services/product.service';\nimport { LoadingMovilGo } from '../../../shared/components/loadingMovilGo';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nexport const Desembolso = (props) => {\n\n //el de pago funciona // const { data, loading, productId, document, closeAction, clean, setLoading } = props;\n const [flagButton, setFlagButton] = useState(false)//esta asociado a la desactivación del botón de pago \n const [loadinglocal, setLoadingl] = useState(false);\n\n const Desembolsar = () => {\n\n setLoadingl(true); //activa loading movilgo\n setFlagButton(true) //esta asociado a la desactivación del botón de pago\n\n try {\n const product = {\n //product_id: productId, \n product_id: props.productId,\n atributes: {\n // valorPagar: data.solicitud_valoraprobado,\n //idsolicitud: data.id,\n //cedula: document,\n //cliente_nombre: data.partner_name,\n valorPagar: props.data.solicitud_valoraprobado,\n idsolicitud: props.data.id,\n cedula: props.document,\n cliente_nombre: props.data.partner_name,\n tipo: 'venta'\n }\n }\n // console.log(\"ENTRA rendija props: \", props)\n // console.log(\"------> DATOS PARA ENVIAR A TRANSACTION: \", product.atributes.cedula)\n\n //navigateNext()\n Transaction(product, navigateNext);\n } catch (error) {\n const errorr = () => toast.error(\"Error, Problemas al obtener datos de sesión\");\n errorr();\n\n /* alert(\"Error\", \"Problemas al obtener datos de sesión\"); */\n }\n };\n\n const navigateNext = (flag, response) => {\n // console.log(\"ENTRA flag: \", flag)\n // console.log(\"ENTRA response: \", response)\n\n\n //console.log(\"ENTRA props: \", props.data.id)\n if (flag) {\n //console.log(\"ENTRA 1\")\n if (response.errores) {\n //console.log(\"ENTRA 2\")\n if (response.errores.observacion) {\n // console.log(\"ENTRA 3\")\n const error = () => toast.error('Error,' + response.errores.observacion);\n error();\n /* if(error){ this.clearData(); } */\n /* alert('Error ',response.errores.observacion); setLoading(false); */\n } else {\n //console.log(\"ENTRA 4\")\n Error(response.errores.id)/* setLoading(false); */\n }\n } else {\n //console.log(\"ENTRA 5\")\n props.setLoading(false);\n //////////// \n const success = () => toast.success('Móvilgo, ¡Tu transacción fue exitosa!');\n success();\n /* if(error){ this.clearData(); } */\n /* alert('Movilgo, ¡Tu transacción fue exitosa!'); */\n //console.log(\"ENTRA RENDIJAJAJA\", props.closeAction())\n props.finish(true)\n props.closeAction();\n props.rst(response, props, null)\n props.clean();\n }\n\n } else {\n\n //console.log(\"ENTRA 6\")\n /*props.rst(response, props) */\n\n //const error = () => toast.error('Error en la transacción');\n //props.finish(true)\n props.clean();\n props.closeAction();\n const error = () => toast.error(response.errores.observacion);\n error();\n //props.setLoading(false);\n /* alert('Error en la transacción'); */\n }\n };\n\n return (\n <>\n {loadinglocal && \n \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 {/* MODAL DE DATOS CLIENTE */}\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 {/* MODAL DE ENVIO PÓLIZA */}\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.temps}/* \n productId={this.state.soats} */\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","\nimport React, { useEffect, useState } from 'react'\nimport { getRifaResume } from '../../../services/rifa.service';\nimport './styles.css'\nimport { useParams } from 'react-router-dom';\n\nexport const ShowRifa = () => {\n const [img, setImg] = useState(\"\");\n const [imgPromotional, setImgPromotional] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [numTicket, setNumTicket] = useState(\"\");\n\n let { t } = useParams();\n\n useEffect(() => {\n const callback = (data, flag) => {\n if (data) {\n setImg(data.datos[0].boleta);\n setNumTicket(data.datos[0].numero_boleta);\n setName(data.datos[0].persona);\n setImgPromotional(data.datos[0].rutaimagenpromocional)\n }\n }\n getRifaResume(t, callback);\n }, [t])\n\n\n\n return (\n <>\n {img &&
}\n \n )\n}","import React from 'react'\n\nexport const TermsAndConditions = () => {\n return (\n \n
\n );\n};\n\nVehicleInfo.propTypes = {\n vehicle: PropTypes.object,\n closeAction: PropTypes.func,\n};\nVehicleInfo.defaultProps = {\n vehicle: {},\n closeAction: () => {},\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};\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/components/loadingMovilGo\";\nimport { ModalNotificationTransactionSoat } from \"../../../../shared/components/modalNotificationTransaction\";\nimport { jsPdfGenerator } from \"../../../../shared/components/pdfTransaction\";\nimport Select from \"react-select\";\nimport { DateToString } from \"../../../../utilities/formats\";\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\n\n\nexport const SendPolicy = (props) => {\n const { data, date, dataContact, productId, closeAction, loading, setLoading } = props;\n\n /* const [cellular, setCellular] = useState(\"3245657845\");\n const [email, setEmail] = useState(\"jaimealbertogaviria@reactiva.com.co\"); */\n const [cellular, setCellular] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n /* const [cellular, setCellular] = useState(\"\");\n const [email, setEmail] = useState(\"\"); */\n const [modalNotification, setModalNotificacion] = useState(false);\n const [response, setResponse] = useState([]);\n\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 const contact = data.soat.respuesta_cliente;\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 let Law2161Discount = ''\n let Law2161Discount2 = ''\n let GasDiscount = ''\n let PercentageGasDiscount = ''\n let GasDiscountFormatted = ''\n let TotalLawDiscountFormatted = ''\n\n const clearData = () => {\n setEmail(\"\");\n setCellular(\"\");\n setLoading(false);\n };\n\n //console.log(\"Datos variable date SENDPOLy\", props.date); \n\n const verifyData = () => {\n //console.log(\"esto es el IVA2\", iva);\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 = (flag) => {\n /* const datedate = props.date\n const newDate = DateToString(datedate, true, 0, 0, 1)\n console.log(\"NEWnewDate\", newDate) */\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 = /* this.state */props.date.split(\"-\");\n //console.log(\"LET DATE: \", datee)\n const year = parseInt(datee[0]);// + 1; \n /* const year = parseInt(datee[0]) - 1;*/\n //console.log(\"LET YEAR: \", year)\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] ?? \"\"),\n FirstName1: Capitalize(dataContact.firstName.split(\" \")[1] ?? \"\"),\n LastName: Capitalize(dataContact.lastName.split(\" \")[0] ?? \"\"),\n LastName1: Capitalize(dataContact.lastName.split(\" \")[1] ?? \"\"),\n Phone: cellular,\n },\n //PENDIENTE VERIFICAR QUE MANDA\n FromValidateDate: year + \"-\" + datee[1] + \"-\" + datee[2],//date,//DateToString(date, true, 0, 0, 1),//\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 // console.log(\"preparedData WEB:\",preparedData) \n // console.log(\"FromValidateDate\", preparedData.FromValidateDate);\n // console.log(\"productIdMOVIL\",productId) \n /* console.log(\"VARIABLE CON Vehicle.ServiceTypeId\", preparedData.Vehicle.ServiceTypeId); */\n Transaction({ product_id: productId, atributes: preparedData }, navigateNext);\n }\n };\n\n const navigateNext = (flag, response) => {\n //console.log(\"FLAG RESPONSE\", flag, response)\n\n if (flag) {\n setResponse(response);\n setModalNotificacion(true);\n setLoading(false);\n } else {\n //console.log(\"FLAG RESPONSE\", flag, response)\n if (response.errores) {\n if (response.errores.observacion) {\n const error = () => toast.error(\"Error \" + response.errores.observacion);\n error();\n /* alert(\"Error, \" + response.errores.observacion);\n if (alert) { */\n if (error) {\n clearData();\n }\n } else {\n const error = () => toast.error(\"Error \" + \" No se pudo relizar la transaccion\");\n error();\n /* alert(\"Error, \" + \"No se pudo relizar la transaccion\");\n if (alert) { */\n if (error) {\n clearData();\n }\n }\n } else {\n //console.log(\"FLAG RESPONSE3\", flag, response)\n const error = () => toast.error(\"Error \" + \" Se ha presentado un error de conexion\");\n error();\n /* alert(\"Error \" + \" Se ha presentado un error de conexion\");\n if (alert) { */\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,//contact.DocumentNumber,\n \"Cliente: \" + dataContact.firstName + ' ' + dataContact.lastName,\n /* \"Cliente: \" +\n contact.FirstName +\n \" \" +\n contact.FirstName1 +\n \" \" +\n contact.LastName +\n \" \" +\n contact.LastName, */\n \"Placa: \" + vehicle.NumberPlate,\n \"Valor: \" + FormatMoney(tarifa.TotalWithDiscountAmount),\n ];\n\n jsPdfGenerator(data);\n closeAction(true);\n };\n\n const loadData = () => {\n if (vehicle.NewTariff != null) {\n //console.log(\"tarifa.Law2161Discount\", tarifa.Law2161Discount.Percentage)\n //Law2161Discount=vehicle.NewTariff.Law2161Discount\n Law2161Discount = tarifa.Law2161Discount.Percentage\n Law2161Discount2 = tarifa.Law2161Discount.Percentage\n GasDiscount = vehicle.NewTariff.GasDiscount\n PercentageGasDiscount = vehicle.NewTariff.PercentageGasDiscount\n GasDiscountFormatted = vehicle.NewTariff.GasDiscountFormatted\n TotalLawDiscountFormatted = vehicle.NewTariff.TotalLawDiscountFormatted\n }\n //console.log(\"Law2161Discount2\",Law2161Discount2) \n }\n useEffect(() => {\n loadData();\n }, []);\n\n return (\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 {/*{vehicle.MotorNumber}
*/}\n {InfoVehicle.ChasisNumber.toString() === 'NA'&& (NA
)}\n {InfoVehicle.ChasisNumber.toString() !== 'NA'&& \n ({InfoVehicle.ChasisNumber}
)}\n {parseInt(vehicle.VehicleYear)>2011 && ({vehicle.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 ?? \"--\"}
\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 setInfoVehicle({...InfoVehicle, VehicleBodyTypeName: value})\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 Propietario del Vehiculo
\n\n\n
\n \n \n {/*
\n )}\n \n */}\n \n setContacto({...Contacto,FirstNames:e.target.value})}\n /* onChange={(value) => setContacto({ ...Contacto, FirstName: value })} */\n />\n \n
\n \n Nombre
\n\n {/*
\n\n */}\n \n setContacto({...Contacto,LastName:e.target.value})}\n //onChange={(value) => setContacto({ ...Contacto, LastName: value }) }\n />\n \n
\n\n {/* */}\n Apellido
\n\n
\n \n \n \n
\n\n Tipo de Documento
\n\n \n setContacto({...Contacto,DocumentNumber:e.target.value})}\n // onChange={(value) => setContacto({...Contacto,DocumentNumber: value})}\n />\n \n
\n N.º de Documento
\n\n \n
\n\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 rowContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n marginVertical: 5,\n },\n rowContainer2: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\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/components/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';\n\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 /* documentNumber: \"15428863\",\n licensePlate: \"BAQ976\", */\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 //Modal.setAppElement('div');\n\n }\n\n /* componentDidMount = () => {\n \n \n let soatInfo = this.props.soats/* .replace(/\\\\/g, '') ;\n clean = clean.replace('[', '');\n clean = clean.replace(']', '');\n console.log(\"PROPS SOAT\", this.props.soats) \n console.log(\"PROPS SOAT soatinfo\", soatInfo) \n }\n /* this.setState=({temps:this.props.soats[0].id}); */\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 // console.log(\"PROPS SOAT\", this.props.soats) \n // console.log(\"ENVIAR 2 setSearchedData: res de soat(compra) \",res)\n // console.log(\"1setSearchData - flag, : \", flag)\n // console.log(\"tempsWEB, : \", this.state.temps)\n /* console.log(\"1setSearchData - , res: \", res) */\n if (flag) {\n //console.log(\"RES\", res)\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\n //console.log(\"Mesajetarifa\", Mesajetarifa); \n\n /* //const end = json.soat.respuesta_poliza_vigente.DueValidateDate\n //const endDate = json.soat.respuesta_poliza_vigente.DueValidateDate\n const formatDate = (endDate)=>{\n let formatted_date = endDate.getFullYear() + \"-\" + (endDate.getMonth() + 2) + \"-\" + endDate.getDate()\n return formatted_date;\n } \n //console.log(\"json de rspuesta soat\",endDate)*/\n\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 //endDatesend:endDate,\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 /* this.setState({ dataVehicle: json, \n showVehicleInfo: true, \n loading: false, \n soats: this.props.soats[0].id }); \n console.log(\"ELSE soats: \",this.state.dataVehicle ) */\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 /*console.log(\"ERRORERER\", error()) \n alert(\"Error\"+\"Por favor verifique los datos. Si el error persiste comuníquese con MovilGo\")\n if(alert){ */\n if (error) {\n this.clearData();\n }\n }\n }\n\n sendData = () => {\n /* console.log(\"PORACÁ: \", this.state.temps[0].id) */\n //this.setState({idSoat: this.state.temps[0].id }); \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 if (this.state.documentNumber === '') {\n //console.log(\"CÉDULA1: \",this.state.documentNumber) \n this.setState({ loading: false });\n const error = () => toast.error(\"Error, Debe ingresar un N° de identificación\");\n error();\n } */ else {\n\n\n //const {idSoat}= this.props.soats[0]\n\n let str = JSON.stringify(this.props.soats)\n str = str.replace('[{\"image_medium\":false,\"name\":\"SOAT\",\"tipo\":\"soat\",\"write_date\":\"2022-07-06 12:33:27\",\"active\":true,\"categ_id_name\":\"Soat\",\"id\":', '');\n str = str.replace('}]', '');\n\n console.log(\"str\", str)\n\n\n\n\n let date = this.state.date.split(\"-\");\n const year = parseInt(date[0]) + 1;\n\n //console.log(\"LET YEAR: \",year)\n searchSoat(\n /* PENDIENTE */\n this.state.documentNumber.trim(),\n this.state.licensePlate.trim(),\n str,\n //idSoat,\n //this.state.idSoat,\n //this.state.temps,//[0].id,\n this.state.date,\n year + \"-\" + date[1] + \"-\" + date[2],\n //this.props.soats[0].id, //this.state.soats[0].id,\n /* DateToString(this.state.date, true, 0, 0, 1), DateToString(this.state.date, true),*/\n this.setSearchedData,\n );\n // console.log(\"DATE 1: \", idsoat)\n //console.log(\"DATE 2: \", year + \"-\" + date[1] + \"-\" + date[2])\n //console.log(\"PENDIENTE: \", this.props.soats[0].id)\n this.setState({ loading: true, temps: this.state.soats[0].id,/* this.props.soats[0].id */ })\n }\n }\n\n contact = (response) => {\n this.setState({ dataContact: response })\n };\n vehicle = (response) => {\n this.setState({ getVehiculo: response })\n //console.log(\"VEHICLE\",this.state.getVehiculo)\n }\n\n render() {\n return (\n \n \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 Datos Compra
\n\n
\n\n Tarifa
\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\n Descuento
\n{tarifa.ElectricDiscount > 0 ? '-' : ''}$ {tarifa.ElectricDiscount}
\n
\n {/* Total Soat
\n$ {tarifa.Total + tarifa.ElectricDiscount}
\nPorcentaje desc
\n{tarifa.PercentageElectricDiscount}%
\n
\n T. Combustible
\n{vehicle.FuelTypeId}
\n\n
\n\n \n
\n Dto. ley 2161
\n {/*$ {Law2161Discount}
*/}\n{tarifa.Law2161Discount.Amount ? tarifa.Law2161Discount.Amount : 0}\n {/* {tarifa.Law2161Discount.TotalLaw2161DiscountFormatted} */}
\n\n
\n % Dto. ley 2161
\n {/*$ {Law2161Discount2}
*/}\n{tarifa.Law2161Discount.Percentage ? tarifa.Law2161Discount.Percentage : 0}%\n {/* {tarifa.Law2161Discount.Percentage} */}
\n\n
\n\n \n
\n Dto. por Gas
\n$ {tarifa.GasDiscount}\n {/* $ {GasDiscount} */}
\n\n
\n % Dto. por Gas
\n{tarifa.PercentageGasDiscount}%{/* \n {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}{/* {GasDiscountFormatted} */}
\n\n
\n\n \n
\n Total con desct
\n{tarifa.TotalWithDiscountAmountFormatted}\n {/* {tarifa.TotalFormatted} */}
\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
{/*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
\n \n
\n \n ![\"\"]({require(\"../../../assets/images/movilgositoMano.png\")}\n)
\n
\n \n \n
\n \n
\n \n
\n ¡Hola!
\n\n{name}
\n\n ![\"\"]({require(\"../../../assets/images/puntos4.png\")}\n)
\n ![\"\"]({require(\"../../../assets/images/punto2.png\")}\n)
\n
\n \n ![\"\"]({require(\"../../../assets/images/logo.png\")}\n)
\n
\n \n \n \n \n
\n\n \n 
\n ![\"\"]({require(\"../../../assets/images/nuestra-rifa.png\")}\n)
\n ![\"\"]({require(\"../../../assets/images/puntos3.png\")}\n)
\n ![\"\"]({require(\"../../../assets/images/puntos1.png\")}\n)
\n \n
\n \n \n \n \n N°\n {numTicket}\n
\n\n
\n \n 
\n
\n \n
\n \n ![\"\"]({require(\"../../../assets/images/punto-GO.png\")}\n)
\n \n\n
\n \n \n\n ![\"\"\n]({require(\"../../../assets/images/facebookR.png\")})
![\"\"\n]({require(\"../../../assets/images/instagramR.png\")})
\n \n \n
\n \n
\n Capitalia Centro Empresarial
\n Carrera 23 # 62-39 Ofc 404 B
\n PBX. 8931880 - 3216435013\n
\n
\n \n
\n \n \n En virtud de lo establecido por la disposición de Protección de Datos\n Personales, usted tiene derecho a solicitar al emisor de este mensaje\n la rectificación, actualización, inclusión o supresión de los datos personales\n incluidos en su base de datos de contactos, listas o cadenas de mensajes en los\n cuales usted se encuentre.\n
\n \n\n\n \n
\n \n ![\"\"]({require(\"../../../assets/images/footer.png\")}\n)
\n
\n \n \n
\n\n\n )\n}","import React from 'react'\n\nexport const Political = () => {\n return (\n \n \n \n
\n \n
\n\n\n )\n}","import Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\nexport const getDebts = async ( callback) => {\n const config = await OdooConfig();\n let finish = false;\n const args = [[ 0 ]]\n\n const data = await Desencrypt();\n const params = {\n model: \"movilgo.webservice\",\n method: \"listarDeudaRuta\",\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 return callback(response, false)\n } else {\n client.execute_kw(params.model, params.method, params.args, (err, response) => {\n finish = true\n if (err) {\n callback(err, false);\n return false;\n }\n callback(response, true);\n });\n }\n })\n\n}\n\nexport const payDebt = async (amount,partner_id, call) => {\n\n const config = await OdooConfig();\n const user = Desencrypt();\n let finish = false;\n const args = [[0, {amount,partner_id}]];\n\n const params = {\n model: \"movilgo.webservice\",\n method: \"pagarDeuda\",\n };\n\n setTimeout(() => {\n if (finish) {\n return;\n }\n alert(\"Tiempo limite excedidoo\");\n call(false, \"\");\n return;\n }, 30000);\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 if (errLogin) {\n return;\n }\n odoo.execute_kw(params.model, params.method, args, (err, response) => {\n finish = true;\n if (err) {\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","import React, { useState } from 'react';\nimport { Modal, Card, Button, Col, Row } from 'react-bootstrap';\nimport { FormatMoney } from '../../../utilities/formats';\nimport NumberFormat from 'react-number-format';\nimport { toast } from 'react-toastify';\nimport { ManagmentErrors } from '../../../shared/components/managmentErrors';\nimport { payDebt } from '../../../services/recaudo.service';\n\nexport const ModalPay = (props) => {\n const { show, data, close, abono, pay } = props\n const [price, setPrice] = useState('');\n\n const callBack = (flag, data) => {\n if (flag) {\n const success = () => toast.success(\"Transacción realizada\");\n success();\n } else {\n const message = ManagmentErrors(data.errores.id);\n const error = () => toast.error(message);\n error();\n }\n }\n\n const handlePayDebt = () => {\n if (!pay) {\n if (price <= data.deuda && price > 0) {\n\n if (window.confirm(\"¿Desea abonar \" + FormatMoney(price) + \" a la deuda?\")) {\n abono(data.cliente_id, price);\n payDebt(price, data.cliente_id, callBack);\n setPrice('')\n close();\n }\n } else {\n alert(\"¡Atención! \" + 'No se puede abonar este monto')\n }\n } else {\n abono(data.cliente_id, data.deuda);\n payDebt(data.deuda, data.cliente_id, callBack);\n setPrice('')\n close();\n }\n }\n\n return (\n <>\n \n \n \n
\n \n
\n
\n
\n
\n {!pay &&
\n setPrice(parseInt(event.target.value.replace(\"$\", \"\").replace(\",\", \"\")))}\n />\n
}\n Ingrese un valor
\n\n \n { setInfoModal(element); setShowPay(true); setPayAll(false) }} >\n
\n })\n });\n dat = {\n columns: [\n {\n label: 'Código',\n field: 'codigo',\n },\n {\n label: 'Nombre',\n field: 'nombre',\n sort: 'asc'\n },\n {\n label: 'Deuda',\n field: 'deuda',\n sort: 'asc'\n },\n {\n label: 'Vencido',\n field: 'vencido',\n sort: 'asc'\n },\n {\n label: 'Acciones',\n field: 'acciones',\n },\n\n ],\n rows: rows\n }\n setDebtsC(rowsito);\n setDebts(dat)\n\n } else {\n setLoading(false);\n }\n });\n }, [])\n\n return (\n <>\n {loading && \n \n \n \n \n \n this.setState({ identification: event.target.value.replace(/\\D/, '') })}\n />\n \n this.findClient()}>\n \n \n \n \n
\n {this.state.found && \n {Capitalize(this.state.nombre) + \" \" + Capitalize(this.state.apellidos.split(\" \")[0]) + \" \" + Capitalize(this.state.apellidos.split(\" \")[1] ?? \"\")}\n
\n }\n {this.state.register &&\n \n \n this.setState({ nombre: event.target.value })}\n />\n \n \n this.setState({ apellidos: event.target.value })}\n />\n \n \n this.setState({ celular: event.target.value.replace(/\\D/, '') })}\n />\n \n \n
}\n\n \n {this.state.found && \n \n {FormatMoney(this.props.bingo[0].precio * this.state.count)}\n \n
}\n {this.state.found && \n \n Comprar\n \n }\n \n
\n
\n {this.state.modalNotification && Bingo
\nFecha de sorteo {this.state.dateStart}
\nPremio {FormatMoney(this.state.reward)}
\n\n\n \n \n - \n {this.state.count} \n + \n \n
\n
}\n {this.state.found && \n
\n );\n}\n","//import AsyncStorage from '@react-native-community/async-storage';\n//import {Alert, Linking} from 'react-native';\n//import Odoo from 'react-native-odoo';\nimport Odoo from 'odoo-xmlrpc';\nimport { OdooConfig } from '../utilities/odoo-config';\nimport { Desencrypt } from '../utilities/cipher';\n\n\nexport const searchCertification = async (id, callback) => {\n\n const args = [[0, { product_id: id }]];\n\n const config = await OdooConfig();\n const data = await Desencrypt();\n\n //console.log(\"ARGS - searchCertification\",args)\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//PENDIENTE EDITARLO - no esta completado sobre la movil\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 //console.log(\"searchSnr\",args)\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/* \nexport const salesCertification = async (\n source_request,\n Numberplate,\n InsurancePolicyNumber,\n product_id,\n email,\n callback,\n) => {\n const args = [\n 0,\n {\n source_request,\n product_id,\n Numberplate,\n InsurancePolicyNumber,\n email,\n callback,\n },\n ];\n\n const session = await AsyncStorage.getItem('session');\n const client = new Odoo(JSON.parse(session));\n const params = {\n model: 'movilgo.webservice',\n method: 'soatDatosReimpresion',\n args: args,\n kwargs: {},\n };\n\n client.rpc_call('/web/dataset/call_kw', params, (err, response) => {\n if (err) {\n if (err.code === 100) {\n alert(\n 'Error',\n 'La sesión ha expirado, es necesario volver a loguearse.',\n );\n callback('close', false);\n return false;\n }\n console.log('El Error es: ', JSON.stringify(err));\n callback(err, false);\n return false;\n }\n\n callback(response, true);\n });\n}; */\n\n","import React, { PureComponent, Fragment } from 'react';\nimport { ListOperator } from '../../shared/components/list-operator';\nimport { Summary } from './components/summary';\nimport { ListPrices } from '../../shared/components/list-prices';\nimport { Container, Row, Col, Form, Card, Button, Image, Modal } from 'react-bootstrap';\nimport NumberFormat from 'react-number-format';\nimport { Transaction } from '../../services/product.service';\nimport { LoadingMovilGo } from '../../shared/components/loadingMovilGo';\nimport { ModalNotificationTransaction } from '../../shared/components/modalNotificationTransaction';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { ManagmentErrors } from '../../shared/components/managmentErrors';\nimport { jsPdfGenerator } from '../../shared/components/pdfTransaction';\nimport { FormatMoney } from '../../utilities/formats';\nimport Select from \"react-select\";\nimport { searchCertification, searchSnr } from '../../services/certification.service'\n\nclass Certificados extends PureComponent {\n\n\n constructor(props) {\n super(props);\n this.certificados = this.props.certificados;\n this.state = {\n Certificados: [],\n selectCertification: { id: -1, image_medium: null, name: '' },\n // selectedRecargaSport: { id: -1, title: 'None', color: 'white', },\n snrLicense: \"\",\n snrOffice: \"\",\n phone: \"\",\n email: \"\",\n document: '',\n //buttonCertification: [Departamento:
\n{departamento}
\nMunicipio:
\n{municipio}
\nCódigo:
\n{codigo}
\nsnrLicense:
\n{snrLicense}
\n {/*snrOffice:
\n{snrOffice}
*/}\n\n \n
\n \n \n \n \n \n\n\n \n\n {/* */}\n \n \n {/* */}\n\n \n \n this.setState({ snrLicense: event.target.value })}\n />\n \n \n \n \n \n
\n \n \n {!this.state.loading &&\n \n \n Buscar \n \n
\n }\n \n\n
\n\n Certificados
\n\n {this.state.selectedOperator.image_medium &&\n
\n Certificado de Tradición
\nResumen de compra
\n\n \n
\n
\n \n
\n \n
\n \n Celular:\n
\n \n \n \n
\n
\n \n Identificación:\n
\n \n \n \n
\n
\n \n E-mail:\n
\n \n \n \n
\n \n \n \n
\n Datos del pago
\n\n
\n \n { setPago(e.target.value) }}\n />\n
\n {/* {Cliente
\n{props.data.partner_name}
\n {/*{data.partner_name}
*/}\nSolicitud
\n{props.data.account_move_id}
\n {/*{data.account_move_id}
*/}\nDocumento
\n{props.document}
\nSaldo pendiente
\n{FormatMoney(props.data.valor_deuda)}
\nSaldo a cancelar
\n\n \n
} */}\n {flagError && (
\n {valorPagoError}
)}\n \n \n
\n Datos del Crédito
\n\n
\n Cliente
\n {/*{document}
*/}\n{props.document}
\n\n
\n Solicitud
\n {/*{data.id}
*/}\n{props.data.id}
\n\n
\n Valor aprobado
\n {/*{data.solicitud_valoraprobado}
*/}\n{props.data.solicitud_valoraprobado}
\n\n
\n \n \n Fecha de solicitud
\n {/*{data.fecha_solicitud}
*/}\n{props.data.fecha_solicitud}
\n\n
\n \n {/* \n \n
\n\n \n \n { setId_solicitud(e.target.value) }}\n />\n
\n { setCedula(e.target.value) }}\n />\n
\n { { setShowDesembolso(false) }; { setLoading(false) } }} backdrop=\"static\" >\n \n Realizar Desembolso \n \n \n setShowDesembolso(false)}\n clean={() => clearData()}\n setLoading={(flag) => setLoading(loading)}\n finish={(flag) => setNotification(flag)}\n rst={(infoRecibo, info, abono) => (saveInfoPay(infoRecibo, info, abono))}\n //rst={(infoRecibo) => (saveInfoPay(infoRecibo))}\n />\n \n \n\n { { setShowPago(false) }; { setLoading(false) }/* clearData() */ }}\n backdrop=\"static\" >\n \n Realizar Pago \n \n \n setShowPago(false)}\n clean={() => clearData()}\n setLoading={(flag) => setLoading(loading)}\n finish={(flag) => setNotification(flag)}\n rst={(infoRecibo, info, abono) => (saveInfoPay(infoRecibo, info, abono))}\n >\n \n \n \n\n {notification &&\n closeModal(flag)} */\n closeModal={(flag) => closeModal(flag)}\n type={\"Crédito\"}\n message={\"Crédito diligenciado exitosamente\"} />\n }\n\n \n \n
\n \n
\n Consulta de Crédito
\n
Ingrese el Id
\n\n
Ingrese n° Cédula
\n\n
¿Qué desea realizar?
\n\n \n\n \n\n\n \n { handleChange(e.target.value); setError('') }}\n onBlur={() => onBlur(name, value, required, setError)}\n onKeyDown={(e) => { if(e.keyCode === 13) {enterKey()} }}\n placeholder={placeholder}\n style={{ borderColor: error !== '' ? 'red' : '' }}\n >\n \n \n
\n )\n } else {\n return (\n \n {title}\n { handleChange(e.target.value); setError('') }}\n onBlur={() => onBlur(name, value, required, setError)}\n placeholder={placeholder}\n style={{ borderColor: error !== '' ? 'red' : '' }}\n onKeyDown={(e) => { if(e.keyCode === 13) {enterKey()} }}\n >\n \n \n
\n )\n }\n\n}\n// Campos de solo numeros\nexport const InputNumber = (props) => {\n const { title = \"\", field = {}, type = \"\", handleChange, placeholder = \"\", onBlur = () => { } } = props\n return (\n \n handleChange(field.name, e.target.value.replace(/\\D/, ''))}\n onBlur={() => onBlur(field.name)}\n placeholder={placeholder}\n >\n \n
\n )\n}\n\n\nexport const RadioForm = (props) => {\n const { title = \"\", field = {}, type = \"vertical\", handleChange, options = [] } = props\n if (type === 'horizontal') {\n return (\n \n
\n
\n
\n )\n } else {\n return (\n \n
\n {options.map((option, i) => {\n return (\n \n )\n })}\n
\n \n
\n
\n )\n }\n\n}\n\nexport const ComboBoxForm = props => {\n const { title = \"\", field = {}, handleChange, options = [] } = props\n return (\n \n
\n {options.map((option, i) => {\n return (\n
\n \n
)\n })}\n \n
\n
\n
\n )\n}\n\n\n// tipo date\nexport const DateForm = props => {\n const { title = \"\", field = {}, handleChange, type = \"\" } = props\n return (\n \n
\n \n\n
\n \n
\n
\n )\n}","import { faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport React, { useState } from 'react'\nimport { Button, Modal } from \"react-bootstrap\";\n\n\nexport const Config = (props) => {\n const { close, conexion } = props\n const [configuracionList ] = useState([{ value: 'pruebas', title: 'Pruebas' }, { value: 'produccion', title: 'Producción' }]);\n const [conexionSelect, setConexionSelect] = useState(conexion)\n\n const saveConfiguration = async () => {\n localStorage.setItem(\"conexion\", conexionSelect);\n close();\n }\n\n const onChange = (value) => {\n setConexionSelect(value);\n }\n\n\n return (\n \n
\n handleChange(field.name, e.target.value)}\n />\n
\n \n
\n
\n\n Conexión
\n\n \n\n
\n\n \n {cargar &&
\n {config && \n \n \n Iniciar Sesión \n \n \n \n Usuario}\n required={true} enterKey={login} error={errUser} placeholder=\"Usuario\"\n onBlur={(name, value, required, setError) => verifyField(name, value, required, setError)}\n handleChange={(e) => { setUser(e) }}\n value={user}\n setError={setErrUser}\n />\n Contraseña}\n required={true} error={errPass} type=\"password\" placeholder=\"Contraseña\"\n onBlur={(name, value, required, setError) => verifyField(name, value, required, setError)}\n value={password} handleChange={(e) => { setPassword(e) }}\n setError={setErrPass}\n enterKey={login}\n />\n \n \n \n \n \n
}\n \n \n
\n \n
\n \n \n {/* 
*/}\n
\n \n\n