setSolAuthModal(true)}/>\n }\n
\n \n {solAuthModal &&\n
\n }\n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n
\n
\n setState({...state, pagAdjunto: baseb4})} defaultImgProp={defaultImg}/>\n \n \n {/*{state.pagMonto >= prestamo.preCapitalActual &&*/}\n {/*
{Strings.pagoCancelaMsj}
*/}\n {/*}*/}\n\n\n {!isPending && !!msj &&\n
{msj}
\n }\n
\n \n \n {Strings.total}: {formatPeso(parseFloat(state.pagMonto || 0) +\n parseFloat(state.pagMora || 0) -\n parseFloat(state.pagDescuento || 0))} \n
\n \n {Strings.agregar} {Strings.pago} \n \n \n );\n}\nconst mapStateToprops = (state) => ({\n prestamo:state.prestamos.byId,\n defaultCajId: state.auth.user.cajId || \"\",\n rolId: state.auth.user.rolId || \"\",\n});\nexport default connect(mapStateToprops,{mostrarPrestamoById})(AddPago);\n","import React, {useEffect, useState} from 'react';\nimport {connect} from 'react-redux';\nimport {mostrarPrestamoById} from \"../../redux/actions/prestamoActions\"\nimport {useHistory, useLocation} from \"react-router-dom\";\nimport {postPagoInicial} from \"../../services\"\nimport {Button, Dialog, DialogActions, DialogContent, Grid, TextField, useMediaQuery} from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport {DateInput, TextFieldCurrency} from \"../../components/CustomTextField\"\nimport {getUsuTipo, hasPermissionTo, PERSMISOS, TIPOUSUARIO} from \"../../helpers\";\nimport {LoadingProgress, MostrarError, TopBarDialog} from \"../../components\";\nimport {SelectCaja, SelectEnum, SelectFiles} from \"../../components/selects\";\nimport Strings from \"../../assets/strings\";\nimport defaultImg from \"../../assets/img/reciboImg.jpg\";\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n boxShadow: \"none\",\n [theme.breakpoints.up('sm')]: {\n maxWidth:540,\n margin:\"0px auto\",\n },\n [theme.breakpoints.only('xs')]: {\n \"& .MuiInput-input\":{\n position: \"relative\",\n padding: 7,\n border: \"1px solid #e6e6e6\",\n },\n \"& .MuiInputLabel-formControl:not(.MuiInputLabel-shrink)\":{\n left:theme.spacing(1),\n\n }\n }\n },\n content:{\n padding:theme.spacing(2),\n },\n montoInput:{\n background: \"#f3f3f3\",\n padding: theme.spacing(2),\n textAlign: \"center\",\n marginBottom: theme.spacing(2),\n \"& .MuiInput-root\":{\n margin:\"0px !important\",\n },\n \"& input\": {\n fontSize: \"1em\",\n color:theme.palette.primary.main,\n textAlign: \"center\",\n background: theme.palette.common.white,\n\n \"&:disabled\":{\n background: theme.palette.grey[100]\n }\n }\n },\n alertText:{\n background:theme.palette.secondary.light,\n padding: \"5px \"+ theme.spacing(2),\n textAlign: \"center\",\n fontSize: \".9rem\",\n color:theme.palette.secondary.contrastText,\n },\n dialogActions:{\n justifyContent: \"space-between\",\n background: \"#f8f8f8\",\n },\n authMask:{ position: \"absolute\", height: \"calc(100% - 16px)\", width: \"calc(100% - 16px)\", zIndex: 1, cursor: \"pointer\" }\n}));\nlet initialState = {\n preId:0,\n pagMonto: 0,\n pagNota: \"\",\n pagFecha: \"\",\n cajId: \"\",\n autPin:\"\",\n pagAdjunto:\"\"\n};\nfunction AddPagoInicial({prestamo,mostrarPrestamoById,defaultCajId}){\n let history = useHistory();\n const {state:hState={}} = useLocation();\n\n const classes = useStyles();\n const smVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n\n const [state, setState] = useState(initialState);\n\n const [isPending, setIsPending] = useState(false);\n\n const [error, setError] = useState(null);\n\n useEffect(()=>{\n if (prestamo.preId) {\n let obj={\n preId:prestamo.preId,\n pagMonto:prestamo.preInicial,\n pagFecha:prestamo.currentDate\n };\n\n //setear la caja por defecto al pagar, si tiene permiso\n let dCajId = \"\";\n if (getUsuTipo() !== TIPOUSUARIO.agente){ //titutar o admin\n dCajId = defaultCajId || prestamo.cajId || \"\"\n }else{\n if(defaultCajId === -1 || defaultCajId === prestamo.cajId){\n dCajId = prestamo.cajId;\n }else{\n dCajId = defaultCajId\n }\n }\n\n setState(prevState => ({...prevState,cajId: dCajId, ...obj}));\n }\n },[prestamo, setState,defaultCajId]);\n\n const handleChange = e => {\n const {value,name} = e.target;\n if(name === \"pagFecha\") return setState({...state,pagFecha: value+\"\"+prestamo.currentDate?.substring(10)});\n\n setState({...state,[name]:value});\n };\n\n const submit = (e) => {\n e.preventDefault();\n setIsPending(true);\n setError(null);\n let data = {\n preId: state.preId,\n pagFecha: state.pagFecha,\n pagMonto: state.pagMonto,\n cajId: state.cajId,\n autPin: state.autPin,\n pagNota: state.pagNota,\n pagAdjunto: state.pagAdjunto\n };\n\n //no enviar adjunto si es el mismo\n if(hState?.modalPagoInicial.pagAdjunto === data.pagAdjunto){\n delete data.pagAdjunto\n }\n\n postPagoInicial(data)\n .then(({data})=>{\n setIsPending(false);\n mostrarPrestamoById(prestamo.preId);\n history.replace(history.location.pathname,{recibo:data})\n }).catch(({response})=>{\n setError(response.data);\n setIsPending(false)\n })\n };\n return (\n
\n \n\n \n {isPending && \n \n \n \n \n \n {/*{solAuthModal &&*/}\n {/**/}\n {/* }*/}\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n setState({...state, pagAdjunto: baseb4})} defaultImgProp={defaultImg}/>\n \n \n {/*{state.pagMonto >= prestamo.preCapitalActual &&*/}\n {/* {Strings.pagoCancelaMsj}
*/}\n {/*}*/}\n\n \n {Strings.agregar} {Strings.pago} \n \n \n );\n}\nconst mapStateToprops = (state) => ({\n prestamo:state.prestamos.byId,\n defaultCajId: state.auth.user.cajId || \"\",\n rolId: state.auth.user.rolId || \"\",\n});\nexport default connect(mapStateToprops,{mostrarPrestamoById})(AddPagoInicial);\n","import React, {useState} from 'react';\nimport { connect } from 'react-redux';\nimport makeStyles from '@mui/styles/makeStyles';\nimport {agregarNota,eliminarNota} from \"../../redux/actions/prestamoActions\"\nimport {useHistory} from \"react-router-dom\";\nimport Strings from \"../../assets/strings\";\n\nimport {\n Typography,\n Dialog,\n DialogContent,\n Button,\n IconButton,\n Divider,\n useMediaQuery,\n} from '@mui/material';\nimport {formatDate, hasPermissionTo, PERSMISOS} from \"../../helpers\";\nimport {LoadingProgress,TopBarDialog} from \"../../components\";\nimport {Close} from '@mui/icons-material';\n\nconst useStyles = makeStyles(theme => ({\n content:{\n padding: theme.spacing(2),\n \"& p\":{\n margin: \"2px 0px 8px\",\n }\n },\n contTextArea:{\n position: \"relative\",\n\n \"& textarea\":{\n padding: theme.spacing(1)+\" \"+theme.spacing(2),\n\n display: \"block\",\n width: \"100%\",\n resize: \"none\",\n border: \"none\",\n outline: \"none\",\n boxSizing: \"border-box\",\n height: 33,\n transition: \"all 100ms\",\n },\n\n \"& .addCont\":{\n display: \"flex\",\n justifyContent: \"flex-end\",\n padding: \"0px 16px\",\n }\n },\n item:{\n position: \"relative\",\n borderBottom: \"1px solid #c9c9c9\",\n marginBottom: 8,\n \"&:hover button\":{\n display:\"block\",\n },\n \"& button\":{\n display:\"none\",\n position: \"absolute\",\n right: 0,\n }\n }\n}));\nfunction NotasPrestamo({notas,isPending,preId,...props}){\n let history = useHistory();\n const classes = useStyles();\n const smVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n const [state, setState] = useState({prnNota:\"\"});\n\n const handleChange = e => {\n const {value,name} = e.target;\n setState({...state,[name]:value});\n };\n const submit = e => {\n props.agregarNota({...state,preId});\n setState({prnNota:\"\"});\n };\n return (\n
history.goBack()}>\n history.goBack()} nofullScreen/>\n \n {isPending && \n {hasPermissionTo(PERSMISOS.prestamosEliminarNotas) &&\n
props.eliminarNota(nota.prnId)} size={\"small\"}> \n }\n
{formatDate(nota.prnFecha)} \n
{nota.prnNota}
\n
\n {state.prnNota && \n
\n\n {state.prnNota &&\n
\n {Strings.agregar} \n
\n }\n
\n );\n}\nconst mapStateToprops = (state) => ({\n preId:state.prestamos.byId.preId,\n notas:state.prestamos.byId.notas || [],\n isPending: state.prestamos.isPending,\n});\nexport default connect(mapStateToprops,{agregarNota,eliminarNota})(NotasPrestamo);\n\n","import React, {useEffect, useState} from 'react';\nimport { connect } from 'react-redux';\nimport {mostrarPrestamoById} from \"../../redux/actions/prestamoActions\"\nimport {useHistory} from \"react-router-dom\";\nimport {postPagoRapido} from \"../../services\"\nimport {\n TextField,\n Grid,\n Dialog,\n DialogContent,\n DialogActions,\n Button,\n useMediaQuery,\n} from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport {DateInput,TextFieldCurrency} from \"../../components/CustomTextField\"\nimport {formatPeso, hasPermissionTo, PERSMISOS} from \"../../helpers\";\nimport {LoadingProgress,MostrarError,TopBarDialog,HtmlTooltip} from \"../../components\";\nimport {SelectEnum,SelectCaja} from \"../../components/selects\";\nimport Strings from \"../../assets/strings\";\n\nconst useStyles = makeStyles(theme => ({\n root: {\n boxShadow: \"none\",\n [theme.breakpoints.up('sm')]: {\n maxWidth:540,\n margin:\"0px auto\",\n },\n [theme.breakpoints.only('xs')]: {\n \"& .MuiInput-input\":{\n position: \"relative\",\n padding: 7,\n border: \"1px solid #e6e6e6\",\n },\n \"& .MuiInputLabel-formControl:not(.MuiInputLabel-shrink)\":{\n left:theme.spacing(1),\n\n }\n }\n },\n tabs:{\n minHeight: 37,\n \"& button\":{\n minHeight: 37,\n \"&.Mui-selected\":{\n background: theme.palette.primary.main,\n color: theme.palette.common.white,\n borderTop: \"1px solid rgba(0, 0, 0, 0.1)\"\n }\n },\n \"& .MuiTabs-indicator\":{\n display:\"none\",\n }\n },\n content:{\n padding:theme.spacing(2),\n },\n cuotaInteres:{\n display: \"flex\",\n justifyContent: \"flex-end\",\n fontSize: \".9em\",\n fontWeight: 600,\n textAlign: \"center\",\n marginTop: 40,\n marginBottom: 4,\n \"& span\":{\n fontWeight: \"normal\",\n },\n \"&> div\": {\n \"&:first-child\":{\n marginRight: \"auto\"\n },\n \"&:nth-child(2)\": {\n marginRight: 5\n }\n }\n },\n soloInteresLb:{\n position: \"absolute\", left: 11, top: 54,\n [theme.breakpoints.down('md')]: {\n top: 44\n },\n },\n montoInput:{\n background: \"#f3f3f3\",\n padding: theme.spacing(2),\n textAlign: \"center\",\n marginBottom: theme.spacing(2),\n \"& .MuiInput-root\":{\n margin:\"0px !important\",\n },\n \"& input\": {\n fontSize: \"1em\",\n color:theme.palette.primary.main,\n textAlign: \"center\",\n background: theme.palette.common.white,\n\n \"&:disabled\":{\n background: theme.palette.grey[100]\n }\n }\n },\n alertText:{\n background:theme.palette.secondary.light,\n padding: \"5px \"+ theme.spacing(2),\n textAlign: \"center\",\n fontSize: \".9rem\",\n color:theme.palette.secondary.contrastText,\n },\n dialogActions:{\n justifyContent: \"space-between\",\n background: \"#f8f8f8\",\n },\n totalApagar:{\n paddingLeft: theme.spacing(1),\n fontWeight: 500,\n \"& span\":{\n color:theme.palette.secondary.main\n }\n }\n}));\nlet initialState = {\n pagFormaPago:0,\n preId:0,\n pagMonto: 0,\n pagMora: 0,\n pagDescuento: 0,\n pagNota: \"\",\n pagFecha: \"\",\n cajId: \"\",\n};\nfunction AddPagoRapido({prestamo,mostrarPrestamoById,defaultCajId}){\n initialState.cajId = defaultCajId;\n let history = useHistory();\n const classes = useStyles();\n const smVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n const [state, setState] = useState(initialState);\n const [isPending, setIsPending] = useState(false);\n const [error, setError] = useState(null);\n\n\n useEffect(()=>{\n if (prestamo.preId) {\n let obj={\n preId:prestamo.preId,\n pagMora:prestamo.mora ? prestamo.mora : 0,\n pagMonto: prestamo.prePagoPendiente? prestamo.prePagoPendiente : (prestamo.preMontoCuota < prestamo.mora ? prestamo.preMontoCuota + prestamo.mora : prestamo.preMontoCuota ),\n pagFecha:prestamo.currentDate\n };\n setState(prevState => ({...prevState,...obj}));\n }\n },[prestamo, setState]);\n\n const handleChange = e => {\n const {value,name} = e.target;\n if(name === \"pagFecha\") return setState({...state,[name]: value+\"\"+prestamo.currentDate?.substr(10)});\n setState({...state,[name]:value});\n };\n const submit = (e) => {\n e.preventDefault();\n setIsPending(true);\n setError(null);\n let data = {...state};\n\n postPagoRapido(data)\n .then(({data})=>{\n setIsPending(false);\n mostrarPrestamoById(prestamo.preId);\n history.replace(history.location.pathname,{recibo:data})\n }).catch(({response})=>{\n setError(response.data);\n setIsPending(false)\n })\n };\n\n return (\n
\n \n \n \n {isPending && \n \n\n \n \n \n \n \n
\n {prestamo.prePagoPendiente > 0 &&\n <>{Strings.pendiente}: {formatPeso(prestamo.prePagoPendiente)} \n }\n
\n
\n {Strings.cuota}: {formatPeso(prestamo.preMontoCuota)}
\n
\n {Strings.interes}: {formatPeso(prestamo.preCuotaInteres)}
\n
\n \n {}} fullWidth />\n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n {Strings.total}: {formatPeso(parseFloat(state.pagMonto || 0) -\n parseFloat(state.pagDescuento || 0))} \n
\n \n {Strings.agregar} {Strings.pago} \n \n \n );\n}\nconst mapStateToprops = (state) => ({\n prestamo:state.prestamos.byId,\n defaultCajId: state.auth.user.cajId || \"\",\n});\nexport default connect(mapStateToprops,{mostrarPrestamoById})(AddPagoRapido);\n","import React, {useEffect, useState} from 'react';\nimport {Link, useHistory, useLocation, useParams} from 'react-router-dom';\nimport {connect} from \"react-redux\";\nimport makeStyles from '@mui/styles/makeStyles';\nimport {marcarPrestamoIncobrable, mostrarPrestamoById} from '../../redux/actions/prestamoActions';\nimport { mostrarClienteById} from \"../../redux/actions/clientesActions\";\n\nimport {\n formatPeso,\n formatDate,\n alertNote,\n hasPermissionTo,\n PERSMISOS,\n moment,\n openNewWin,\n} from '../../helpers';\nimport {IconButton, Typography, Grid, MenuItem, Menu, Button, Paper, Hidden , useMediaQuery, Box} from '@mui/material';\nimport {MoreVert,MoreHoriz} from '@mui/icons-material';\n\nimport ListPagos from '../../components/listPagos'\nimport ListAmort from '../../components/listAmort'\nimport {AppBar, HtmlTooltip, LoadingProgress} from \"../../components\";\n//import ContratoDialog from \"./ContratoDialog\";\nimport AjustarCapitalDialog from \"./AjustarCapitalDialog\";\nimport CancelDialog from './CancelDialog'\nimport HacerPago from './addPago'\nimport HacerPagoInicial from './addPagoInicial'\nimport ContactDetails from \"../clientes/ContactDetails\";\nimport Strings from \"../../assets/strings\";\nimport NotasPrestamo from \"./NotasPrestamo\";\nimport { Rating } from '@mui/material';\nimport NoImg from '../../assets/img/defaultAvatar.jpg';\nimport {useCustomFormInput} from \"../../hooks/useCustomFormInput\";\nimport AddPagoRapido from \"./AddPagoRapido\";\n\nconst useStyles = makeStyles(theme => ({\n clientAvatar: {\n textAlign: \"center\",\n padding: 20,\n border: \"1px solid #ddd\",\n height: 138,\n [theme.breakpoints.down('md')]: {\n textAlign: \"left\",\n padding: \"0px 16px 8px\",\n border: \"none\",\n background: theme.palette.primary.main,\n color:\"white\",\n display: \"flex\",\n justifyContent: \"start\",\n alignItems: \"center\",\n height: \"auto\",\n position: \"fixed\",\n width: \"100%\",\n zIndex: 1,\n },\n },\n imgCont:{\n width: 100,\n height: 100,\n marginBottom:8,\n margin: \"0 auto\",\n position: \"relative\",\n [theme.breakpoints.down('md')]: {\n margin: \"0\",\n marginRight: theme.spacing(2),\n height: 45,\n width: 45,\n \"& img\":{\n width: 45,\n height: 45,\n }\n },\n\n },\n contentInner:{\n [theme.breakpoints.down('md')]: {\n padding: 0,\n },\n },\n estadoRating:{\n [theme.breakpoints.down('md')]: {\n display:\"flex\",\n },\n\n },\n estado:{\n marginTop: 10,\n textAlign: \"center\",\n height: 16,\n padding: \"7px 14px\",\n background: \"#eceeef\",\n [theme.breakpoints.down('md')]: {\n // marginTop: 0,\n // marginBottom:theme.spacing(1),\n display:\"none\",\n },\n \"&.i\":{\n background:\"rgba(21,216,193,0.13)\",\n \"& .estado\":{\n color: \"#15d2d8\",\n }\n },\n \"&.c\":{\n background:\"rgba(216, 67, 21, 0.13)\",\n \"& .estado\":{\n color: \"#d84315\",\n }\n },\n \"&.m\":{\n background:\"rgba(255, 111, 0, 0.05)\",\n \"& .estado\":{\n color: \"#ff6f00\",\n }\n },\n \"&.p\":{\n background:\"rgba(25, 118, 210, 0.07)\",\n \"& .estado\":{\n color: \"#1976d2\",\n }\n }\n },\n\n imgCircle: {\n borderRadius: \"50%\",\n [theme.breakpoints.down('md')]: {\n borderRadius: theme.shape.borderRadius,\n },\n },\n controls:{\n marginTop: 10,\n overflowX: 'auto',\n boxShadow: \"none\",\n borderRadius: 0,\n \"& > div\":{\n minWidth: 479,\n },\n \"& a , button:not(:first-child)\":{\n textTransform: \"capitalize\",\n fontWeight: \"normal\",\n fontSize: \".9rem\",\n },\n [theme.breakpoints.down('xl')]: {\n textAlign: \"center\",\n }\n },\n\n table: {\n [theme.breakpoints.up('md')]: {\n paddingTop: theme.spacing(3),\n },\n marginBottom: 35,\n },\n button: {\n marginLeft: theme.spacing(1),\n color:\"inherit\"\n },\n info:{\n overflowX: \"auto\",\n overflowY: \"hidden\",\n\n padding: 10,\n [theme.breakpoints.up('md')]: {\n background:\"#eceeef\",\n padding: 6,\n boxShadow: \"none\",\n borderRadius: 0,\n \"&:not(.all)\":{\n height: 167,\n },\n \"&>div\":{\n minWidth: 785,\n }\n },\n position: \"relative\",\n [theme.breakpoints.down('md')]: {\n padding: 0,\n margin: \"53px 0 0 0px\",\n borderRadius: \"0\",\n boxShadow: \"none\"\n },\n },\n itemInfo:{\n ...theme.typography.subheading,\n padding: \"10px !important\",\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n [theme.breakpoints.down('md')]: {\n display: \"flex\",\n flexDirection: \"column-reverse\",\n padding: \"5px 16px !important\",\n },\n \"& span:last-child\":{\n background: \"#f6f6f6\",\n padding: \"5px 13px\",\n marginLeft: 10,\n [theme.breakpoints.down('md')]: {\n background: \"none\",\n marginLeft: 0,\n padding: 0,\n fontSize: \"0.9rem\",\n },\n },\n \"& span:first-child\":{\n [theme.breakpoints.down('md')]: {\n display: \"block\",\n fontSize: \".7rem\",\n },\n }\n },\n btnMoreInfo:{\n position:\"absolute\",\n right:theme.spacing(2),\n cursor:\"pointer\",\n },\n moreInfo:{\n background:theme.palette.grey[100],\n \"& span\":{\n fontSize: 15,\n }\n },\n cancelBox:{\n \"& .title\":{\n background: \"#ffdede\",\n },\n \"& textarea\":{\n width: \"calc(100% - 7px)\",\n border: \"1px solid #e6e6e6\",\n resize: \"none\",\n },\n \"& .content\":{\n padding: \"10px 10px 0 10px\",\n }\n },\n contGrid:{\n [theme.breakpoints.down('md')]: {\n padding: \"0px !important\",\n margin: \"0px !important\",\n },\n },\n btnPagoRapido:{\n position: \"absolute\",\n width: 170,\n bottom: 10,\n right: 10\n },\n notaNumber:{\n background: \"#b5b5b5\",\n fontSize: \"10px !important\",\n width: 18,\n height: 18,\n borderRadius: 9,\n color: \"white\"\n }\n}));\n\n\nfunction DetallesPrestamo({usuInicioSesion,prestamo,mostrarPrestamoById,mostrarClienteById,marcarPrestamoIncobrable,isFetching}) {\n\n const {goBack,...history} = useHistory();\n const {state:hState={}} = useLocation();\n const customFormInput = useCustomFormInput(\"pre\");\n\n let { preId } = useParams();\n\n const smVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n const classes = useStyles();\n const [showAllInfo, setShowAllInfo] = useState(false);\n\n const [showAmort, setShowAmort] = useState(false);\n const [openMenu, setOpenMenu] = useState(null);\n\n useEffect(() => {\n if (preId > 0)\n mostrarPrestamoById(preId);\n }, [mostrarPrestamoById, preId]);\n const pushUrl = (state)=>{\n if(openMenu)setOpenMenu(false);\n let pathname = history.location.pathname;\n history.push(pathname,state);\n };\n const showClientModal = cliId => {\n mostrarClienteById(cliId);\n pushUrl({cliId});\n }\n const exportar = ()=>{\n openNewWin(\"/reports/detallesPrestamo/\"+preId);\n // if(showAmort)\n // downloadFiles(\n // {\n // Monto:prestamo.preCapitalInicial,\n // TipoAmortizacion:prestamo.preTipoAmortizacion,\n // CicloPago: prestamo.preCiclosPago,\n // Tasa:prestamo.preTasaInteres,\n // Cuotas:prestamo.prePlazo,\n // FechaPrimerPago:prestamo.preFechaPrimerPago\n // },\"rptAmortizacion\"\n // )\n // else\n // downloadFiles({preId:prestamo.preId},\"rptDetallePrestamo\");\n }\n const onClickPendiente = (v) => {\n pushUrl({modalPago: v})\n }\n return (\n <>\n
\n {/*} text={Strings.notas} onClick={()=> pushUrl({verNotas:prestamo.preId})}/>*/}\n {prestamo?.notas?.length ?? 0}} onClick={()=> pushUrl({verNotas:prestamo.preId})}>{Strings.notas} \n \n setOpenMenu(e.currentTarget)}>\n \n \n \n \n
\n {isFetching &&
}\n
\n \n showClientModal(prestamo.cliId)}>\n
\n
\n
\n
\n
{prestamo.cliente} \n
\n \n {prestamo.preEstado === \"incobrable\" ? (Incobrable ):(\n {prestamo.cuotasAtrasadas>1 && prestamo.cuotasAtrasadas} {Strings[prestamo.preEstado]} \n )}\n \n \n {prestamo.cliCalificacion} \n \n
\n
\n
\n {prestamo.preEstado === \"incobrable\" ? (Incobrable ):(\n {prestamo.cuotasAtrasadas>1 && prestamo.cuotasAtrasadas} {Strings[prestamo.preEstado]} \n )}\n
\n \n \n {if(!window.getSelection().toString()) setShowAllInfo(!showAllInfo);}}>\n \n {!showAllInfo && }\n {showAllInfo &&\n \n \n \n ID: \n {prestamo.preId} \n \n {!!prestamo.preInicial &&\n \n {Strings.inicial} {Strings.pendiente}: \n {formatPeso(prestamo.preInicial)} \n \n }\n {!!prestamo.preIdReeganche &&\n history.push(\"/prestamo/\"+prestamo.preIdReeganche)}>\n {Strings.reenganche}: \n {prestamo.preIdReeganche} \n \n }\n {!!prestamo.preReferencia &&\n \n {Strings.codigoRef}: \n {prestamo.preReferencia} \n \n }\n \n {Strings.fechaApertura}: \n {formatDate(prestamo.preFecha)} \n \n {!!prestamo.preCodeudor &&\n \n {Strings.codeudor}: \n {prestamo.preCodeudor} \n \n }\n {!!prestamo.preDiasExcluidos &&\n \n {Strings.diasExcluidos}: \n \n {prestamo.preDiasExcluidos.split(\",\")\n .map(s=>moment().day(s).format(\"dd\")).join(', ')}\n \n \n }\n {!!prestamo.caja &&\n \n {Strings.caja}: \n {prestamo.caja} \n \n }\n {!!prestamo.preFechaActualizacion &&\n \n {Strings.editado}: \n {formatDate(prestamo.preFechaActualizacion)} \n \n }\n {!!prestamo.creadoPor &&\n \n {Strings.creadoPor}: \n {prestamo.creadoPor} \n \n }\n\n {customFormInput && Object.keys(customFormInput).map((key)=><>\n {prestamo[key] &&\n \n {customFormInput[key].name}: \n {prestamo[key]} \n \n }\n )}\n {!!prestamo.agenteComision &&\n \n {Strings.agente}: \n {prestamo.agenteComision} \n \n }\n {!!prestamo.carDescripcion &&\n \n {Strings.cartera}: \n {prestamo.carDescripcion} \n \n }\n {!!prestamo.preMontoSeguro &&\n \n {Strings.seguro}: \n {prestamo.preMontoSeguro} \n \n }\n \n \n }\n \n {Strings.capitalActual}: \n {formatPeso(prestamo.preCapitalActual)} \n \n \n {Strings.cuotas}: \n {prestamo.prePlazoString} \n \n \n {Strings.amortizacion}: \n {Strings[prestamo.preTipoAmortizacionString]} \n \n \n {Strings.proximo} {Strings.pago}: \n {formatDate(prestamo.preFechaProximoPago,\"dd, DD/MM/YYYY\")} \n \n \n {Strings.interes}: \n {prestamo.preTasaInteres} % \n \n\n \n {Strings.capitalInicial}: \n {formatPeso(prestamo.preCapitalInicial)} \n \n \n \n \n {Strings.balancePendiente}\n \n \n {formatPeso(prestamo.preBalancePendiente)} \n \n \n {Strings.modalidad}: \n {Strings[prestamo.preCiclosPagoString]} \n \n\n \n {Strings.mora}: \n % {prestamo.prePorcientoMora} \n \n \n {Strings.parcialPendiente}: \n {formatPeso(prestamo.prePagoPendiente)} \n \n \n {Strings.comision}: \n %{prestamo.prePorcientoComision} \n \n \n {Strings.gastosLegales}: \n {prestamo.preGastosLegales} \n \n \n
\n \n \n {hasPermissionTo(PERSMISOS.pagosCrear) &&\n pushUrl({modalPago: {preId:prestamo.preId}})}\n disabled={prestamo.preCancelado || prestamo.preEstado === \"incobrable\"}\n color={\"primary\"} variant={\"contained\"}>{Strings.agregar} {Strings.pago} \n }\n {hasPermissionTo(PERSMISOS.pagosCrear) && !!prestamo.preInicial &&\n pushUrl({modalPagoInicial: {preId:prestamo.preId}})}\n disabled={prestamo.preCancelado || prestamo.preEstado === \"incobrable\"}\n color={\"secondary\"} variant={\"contained\"}>{Strings.inicial} \n }\n {!prestamo.preCancelado && prestamo.preEstado !== \"incobrable\" && <>\n {hasPermissionTo(PERSMISOS.prestamosActualizar) &&\n {Strings.editar} \n }\n {hasPermissionTo(PERSMISOS.prestamosEliminar) &&\n pushUrl({modalCancel:prestamo.preId})}>{Strings.anular} \n }\n {hasPermissionTo(PERSMISOS.prestamosAjustes) &&\n pushUrl({modalAjustar: prestamo.preId})}>{Strings.ajustar} {Strings.capital} \n }\n {hasPermissionTo(PERSMISOS.prestamosCrear) &&\n {Strings.reenganche} \n }\n }\n {!prestamo.preCancelado &&\n marcarPrestamoIncobrable(preId)}>\n {prestamo.preEstado === \"incobrable\" ? \"Marcar cobrable\" : \"Incobrable\"}\n \n }\n setShowAmort(!showAmort)}>{!showAmort ? Strings.amortizacion:Strings.pagos } \n openNewWin(\"/reports/contrato/\"+preId)}\n // onClick={()=> pushUrl({modalContrato:true})}\n >\n {Strings.contrato} \n {Strings.exportar} \n\n \n \n \n \n \n \n {hasPermissionTo(PERSMISOS.pagosCrear) &&\n pushUrl({modalPago:{preId:prestamo.preId}})}\n disabled={prestamo.preCancelado || prestamo.preEstado === \"incobrable\"}\n fullWidth color={\"primary\"} variant={\"contained\"}>{Strings.agregar} {Strings.pago} \n\n }\n \n {hasPermissionTo(PERSMISOS.pagoInicial) && !!prestamo.preInicial &&\n \n pushUrl({modalPagoInicial: {preId:prestamo.preId}})}\n disabled={prestamo.preCancelado || prestamo.preEstado === \"incobrable\"}\n fullWidth color={\"secondary\"} variant={\"contained\"}>{Strings.inicial} \n\n \n }\n \n\n\n \n \n
\n {showAmort ? (\n \n ): (\n \n )\n }\n
\n
\n {hasPermissionTo(PERSMISOS.pagosCrear) && [\"melvin92\",\"ramon19\",\"shiara23\",\"niovi\", \"jsjprestamos\",\"shiara1223\",\"edyliw\",\"ezequiel\",\"angelosf\",\"demo14\",\"evangelista\",\"carlos\",\"patricia24\",\"yami19\",\"cristhian\",\"putyss.01\", \"jorfan\",\"deibi12\",\"dsegura\",\"inversioneswilfin\",\"adonis21\",\"jsjinversiones\",\"cruzprestamo\",\"thevionic\",\"plopez\",\"capo03\", \"emmanuel\",\"capo03\",\"israel2017\", \"ramon19\"].includes(usuInicioSesion?.trim().toLowerCase()) &&\n
pushUrl({modalPagoRapido:prestamo.preId})}\n disabled={prestamo.preCancelado}\n fullWidth color={\"primary\"} variant={\"contained\"}>{Strings.pago} rápido \n }\n\n\n {!!hState?.modalPago?.preId &&
}\n {!!hState?.modalPagoInicial?.preId &&
}\n\n\n\n {!!hState.cliId &&
}\n {!!hState.verNotas &&
}\n {!!hState.modalAjustar &&
}\n {/*{!!hState.modalContrato &&
}*/}\n {!!hState.modalCancel && \n
\n {Strings.prestatario} \n \n {cliente} \n \n \n setOpenDialog(false)} fullWidth maxWidth={\"xs\"} open={openDialog}>\n \n {loading && }\n
\n\n \n {items.map(c => (\n handleListItemClick(c)} key={c.cliId}>\n \n \n {c.cliNombres +\" \"+c.cliApellidos} \n {Strings[c.cliEstadoString]} \n \n \n \n ))}\n
\n \n \n );\n}\n","import React, {useEffect, useState} from 'react';\nimport {useLocation,useHistory, useParams} from 'react-router-dom';\nimport {mostrarPrestamoById,agregarEditarPrestamo} from \"../../redux/actions/prestamoActions\";\nimport {mostrarGeneralesSinoEsta} from \"../../redux/actions/generalesActions\";\n\nimport {connect} from \"react-redux\";\n\nimport { Grid, TextField, Button, CircularProgress, FormControl, Input, InputLabel } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport {nullToEmptyString, sumarQuincena} from '../../helpers';\nimport SearchClienteDialog from '../../components/SearchClienteDialog';\n\nimport {MostrarError, AppBar, LoadingProgress, ButtonResponsive, HtmlTooltip} from \"../../components\";\nimport {DateInput, TextFieldCurrency, TextFieldPhone} from \"../../components/CustomTextField\";\nimport Strings from \"../../assets/strings\";\nimport {SelectAgente, SelectCaja, SelectDay, SelectEnum, SelectCartera} from \"../../components/selects\";\nimport {AssessmentOutlined} from \"@mui/icons-material\";\nimport {moment} from \"../../helpers\";\nimport AmortCal, {getAmortList} from \"../../components/calAmort\";\nimport Box from \"@mui/material/Box\";\nimport {useCustomFormInput} from \"../../hooks/useCustomFormInput\";\n\nconst useStyles = makeStyles(theme => ({\n\n root: {\n padding: theme.spacing(2),\n },\n btn:{\n marginRight: 5,\n color:theme.palette.common.white,\n fontWeight:\"normal\",\n },\n btnCodeudor:{\n marginTop:theme.spacing(2),\n marginBottom:theme.spacing(2),\n boxShadow: \"none !important\",\n borderRadius: 0,\n background: theme.palette.grey[100],\n [theme.breakpoints.down('md')]: {\n width: \"100%\",\n },\n }\n\n}));\nlet initialState ={\n preId: \"\",\n preReferencia: \"\",\n cliId: \"\",\n carId:\"\",\n cliente:\"\",\n preTipoAmortizacion: \"\",\n preCapitalInicial: \"\",\n preTasaInteres: \"\",\n montoCuota:\"\",\n prePlazo: \"\",\n preCiclosPago: \"\",\n preFecha: moment().format(\"YYYY-MM-DD\"),\n preFechaProximoPago: \"\",\n preFechaPrimerPago:\"\",\n preDiasExcluidos: \"\",\n prePorcientoMora: \"\",\n prePorcientoComision:\"\",\n usuIdAgente:\"\",\n cajId: \"\",\n preGastosLegales:\"\",\n preCodeudor: \"\",\n preCodeudorCedula: \"\",\n preCodeudorTelefono: \"\",\n preCodeudorDireccion: \"\",\n preIdReeganche: \"\",\n preMontoSeguro:\"\",\n preInicial:\"\"\n};\n\nfunction CrearPrestamo(props) {\n const {state:urlState} = useLocation();\n const customFormInput = useCustomFormInput(\"pre\");\n const {goBack,...history} = useHistory();\n const [reenganche] = useState(Boolean(window.location.pathname.indexOf(\"reenganche\") !== -1));\n\n\n //set cliente por defecto\n if(urlState?.cliente){\n const {cliId,fullName } = urlState.cliente;\n initialState = {\n ...initialState,\n cliId,\n cliente: fullName,\n }\n }\n\n\n const classes = useStyles();\n\n initialState.cajId = props.defaultCajId;\n let { preId:urlPreId} = useParams();\n const {mostrarPrestamoById,mostrarGeneralesSinoEsta,genPorcientoMora, prestamo, isFetching,isPending, error} = props;\n\n const [state, setState] = useState(initialState);\n useEffect(()=>{\n if(urlPreId){\n mostrarPrestamoById(urlPreId);\n }else{\n mostrarGeneralesSinoEsta();\n }\n },[urlPreId,setState,mostrarPrestamoById,mostrarGeneralesSinoEsta]);\n useEffect(()=>{\n setState({...initialState, prePorcientoMora: genPorcientoMora});\n if(!!prestamo.preId && prestamo.preId === parseInt(urlPreId)) {\n let preOjb = {...prestamo}\n if(reenganche){\n delete preOjb.preId;\n delete preOjb.amortizacion;\n delete preOjb.pagos;\n delete preOjb.preCapitalInicial;\n preOjb.preIdReeganche = prestamo.preId\n preOjb.preFecha = moment().format(\"YYYY-MM-DD\")\n }\n setState(nullToEmptyString(preOjb));\n }\n },[urlPreId,prestamo,genPorcientoMora,reenganche]);\n\n // Reset fecha si se cambia a modalidad quincenal\n const {preCiclosPago} = state\n useEffect(()=>{\n if(preCiclosPago === \"16\"){\n setState(prevState => ({...prevState,\n preCiclosPago,\n preFecha: \"\",\n preFechaProximoPago: \"\",\n preFechaPrimerPago:\"\",\n }));\n }\n\n },[preCiclosPago]);\n\n const handleChange = (e) => {\n const {name,value} = e.target;\n if(name === \"prePlazo\"){\n return setState({...state,[name]: parseInt(value)});\n }\n //calcular fecha proximo pago\n else if(!state.preId && (name === \"preFecha\" || name === \"preCiclosPago\")){\n const {preFecha,preCiclosPago} = state;\n let cicloPago = name === \"preCiclosPago\" ? parseInt(value) : parseInt(preCiclosPago);\n let fecha = moment(name === \"preFecha\" ? value : preFecha,\"YYYY-MM-DD\");\n let preFechaPrimerPago;\n\n if (cicloPago === 30) {\n preFechaPrimerPago = fecha.add(1, \"months\").format(\"YYYY-MM-DD\");\n }else if(cicloPago === 16){\n preFechaPrimerPago = sumarQuincena(fecha) ? moment(sumarQuincena(fecha)).format(\"YYYY-MM-DD\") : \"\";\n }else {\n preFechaPrimerPago = fecha.add(cicloPago, \"days\").format(\"YYYY-MM-DD\");\n }\n setState((prev)=>({...prev,[name]: value,preFechaPrimerPago}));\n }else{\n setState({...state,[name]: value});\n }\n };\n\n const handleCliChange = ({cliId,cliNombres,cliApellidos}) => {\n setState({...state,cliId:cliId,cliente:cliNombres+\" \"+cliApellidos});\n };\n const submit = (e) =>{\n e.preventDefault();\n let prestamo = {...state,pagos:null,amortizacion:null,cliAvatar:null};\n if(!!state?.montoCuota){\n const {preCapitalInicial, preTasaInteres, prePlazo, preCiclosPago, preTipoAmortizacion, preFechaPrimerPago, montoCuota} = state;\n getAmortList({\n capital: preCapitalInicial,\n interes: preTasaInteres,\n cuotas: prePlazo,\n ciclosPago: preCiclosPago,\n tipoAmortizacian: preTipoAmortizacion,\n fecha: preFechaPrimerPago,\n montoCuota\n }).then(res=> {\n setState(prevState => ({...prevState,preTasaInteres: res.interes}))\n prestamo.preTasaInteres = res.interes;\n props.agregarEditarPrestamo(prestamo);\n })\n }else {\n props.agregarEditarPrestamo(prestamo);\n }\n };\n return (\n <>\n \n } text={Strings.amortizacion}\n onClick={()=>history.push(history.location.pathname,{showCal:true})}/>\n \n {isPending? (\n {Strings.guardar} \n )}\n \n \n \n {isFetching &&
}\n
\n \n\n {urlState && urlState.showCal &&\n {\n setState(prevState => ({\n ...prevState,\n preFechaPrimerPago: val.fecha,\n preCapitalInicial: val.capital,\n preTasaInteres: val.interes,\n prePlazo: val.cuotas,\n preCiclosPago: val.ciclosPago,\n preTipoAmortizacion: val.tipoAmortizacian,\n montoCuota: val.montoCuota\n }))\n }} />\n }\n \n
{Strings.customFormInputMjs} \n\n
\n \n \n \n ID \n {Strings.descripcion} \n {Strings.requerido} \n \n \n \n \n {Strings.formulario} {Strings.cliente} \n {[1,2,3,4].map((e)=>\n \n cliCampo{e} \n \n \n \n \n \n \n )}\n \n {Strings.formulario} {Strings.prestamo} \n {[1,2,3,4].map((e)=>\n \n preCampo{e} \n \n \n \n \n \n \n )}\n \n
\n \n
\n \n {isPending? (\n {Strings.guardar} \n )}\n \n \n \n\n {isFetching &&
}\n
\n history.push(\"ajustes#\"+v)}\n variant={\"scrollable\"}\n className={classes.tabs}\n >\n \n \n\n \n\n {/**/}\n\n {activedTab === \"camposFormularios\" &&\n setState({...state,genConfCampos})}/>\n }\n {activedTab === \"recibo\" &&\n \n \n {\n [\n {id:\"copia\",text:Strings.copia},\n {id:\"capital\",text:Strings.capital},\n {id:\"mora\",text:Strings.mora},\n {id:\"interes\",text:Strings.interes},\n {id:\"seguro\",text:Strings.seguro},\n {id:\"descuento\",text:Strings.descuento},\n {id:\"capitalRestante\",text:Strings.capitalPendiente},\n {id:\"balancePendiente\",text:`${Strings.balancePendiente} (${Strings.capital} + ${Strings.interes})`},\n {id:\"proximoPago\",text:`${Strings.fecha} ${Strings.proximo} ${Strings.pago}`},\n {id:\"formaPago\",text:Strings.formaPago},\n {id:\"agente\",text:Strings.nombres+\" \"+Strings.cobrador},\n {id:\"firma\",text:Strings.firma},\n\n ].map(s=>\n \n \n \n \n )\n }\n \n \n
\n\n
\n }\n {activedTab === \"otros\" &&\n \n \n {\n props.parametros.map((s)=> {\n\n let checked = Boolean(state.parametros.find(param => param?.key === s?.key));\n return(\n handleParamCheck({target:{name:s.key,checked:!checked}})}>\n\n \n \n \n )\n })\n }\n\n
\n
\n }\n \n\n {success ?(\n \n \n ):(\n <>\n\n \n \n {loading && \n \n \n {Strings.cancelar}\n \n \n {Strings.guardar}\n \n \n \n )}\n\n \n );\n}\nexport default ChangePassword\n\n\n\n","import React, {useEffect, useState} from 'react';\nimport {connect} from \"react-redux\";\nimport {\n Grid,\n TextField,\n Button,\n InputLabel,\n FormControl,\n Select,\n MenuItem,\n Typography,\n} from '@mui/material';\n\n\nimport makeStyles from '@mui/styles/makeStyles';\n\n\nimport AppBar from '../../components/appBar';\nimport Strings from \"../../assets/strings\";\n\nimport {colors} from \"../../assets/colors\";\nimport {TextFieldPhone} from \"../../components/CustomTextField\";\nimport {editarPerfil} from \"../../redux/actions/authentication\";\nimport {nullToEmptyString} from \"../../helpers\";\nimport {MostrarError} from \"../../components/MostrarError\";\nimport {useHistory} from \"react-router-dom\";\nimport {SelectCaja, SelectFiles} from \"../../components/selects\";\nimport defaultImgFirma from '../../assets/img/firma.jpg';\n\nimport ChangePassword from \"./ChangePassword\";\n\nconst useStyles = makeStyles(theme => ({\n\n root:{\n padding:theme.spacing(2),\n },\n firma:{\n \"& img\":{\n maxWidth: 150,\n boxShadow: \"0px 0px 5px #c4b9b9\"\n }\n },\n\n divColor:{\n width:\"100%\",\n padding: \"1px 7px\",\n color: \"white\",\n }\n}));\n\nfunction MiPerfil(props){\n let history = useHistory();\n const classes = useStyles();\n const [state, setState] = useState({\n usuId:\"\",\n usuInicioSesion: \"\",\n usuClave: \"\",\n usuNombres: \"\",\n usuApellidos: \"\",\n usuEmail: \"\",\n usuTelefono: \"\",\n usuUIColor: \"\",\n usuFirma:\"\",\n cajId: props.defaultCajId,\n })\n const {editarPerfil, perfil} = props\n useEffect(()=>{\n setState(nullToEmptyString(perfil))\n },[setState,perfil])\n const handleChange = (e)=>{\n const {name, value} = e.target\n setState({...state, [name]: value});\n }\n const {errors,isPending} = props;\n\n return(\n <>\n \n {Strings.guardar} \n \n \n \n \n \n \n {Strings.pendiente} \n {Strings.aprobada} \n {Strings.rechazada} \n \n \n } text={Strings.exportar} disabled={isEmpty} onClick={()=>downloadFiles(filter,\"solicitudes\")}/>\n\n \n \n mostrarSolicitudes({})} filter={filtered}/>\n \n\n \n {isFetching && isEmpty && \n\n \n \n {!isEmpty && list.results.map(sol =>\n history.push(`/solicitud/${sol.solId}`)}>\n {Strings[sol.solEstadoString]} \n {formatDate(sol.solFechaCreacion)} \n {sol.solNombreCompleto} \n {formatPeso(sol.solMontoPrestamo)} \n {sol.solCuotas} \n {Strings[sol.solCiclosPagoString]} \n {sol.solCedula} \n {sol.solTelefono} \n {filter.estado !== \"1\" &&\n {formatDate(sol.solFechaAprobacion)} \n }\n {sol.agente} \n \n )}\n \n \n handleFilter({target:{name:\"page\",value:page+1}})}\n onRowsPerPageChange={handleFilter}\n\n // onPageChange={(e,page)=> setFilter({...filter,page:page+1})}\n // onRowsPerPageChange={(e)=> setFilter({...filter,pageSize:parseInt(e.target.value)})}\n />\n \n {isMobile.anyWebView()?(\n }\n onClose={()=>setOpen(false)}\n onOpen={()=>setOpen(true)}\n open={open}\n >\n }\n tooltipTitle={\"Compartir\"}\n tooltipOpen\n FabProps={{\n onClick: ()=>{\n isMobile.AndroidWebView()? window.Android.shareLink(url): window.webkit.messageHandlers.shareLink.postMessage(url);\n }\n }}\n />\n }\n tooltipTitle={\"Abrir\"}\n tooltipOpen\n FabProps={{\n component: \"a\",\n target:\"_blank\",\n rel:\"noopener noreferrer\",\n href: url\n }}\n />\n \n\n ):(\n \n \n \n \n )}\n\n\n\n \n );\n}\n\nconst mapStateToProps = (state) => ({\n solicitudes: state.solicitudes,\n userName: state.auth.user.usuInicioSesion,\n\n});\nexport default connect(mapStateToProps, { mostrarSolicitudes })(Solicitudes);\n","export const iconPath = [\n {\n name: \"Person\",\n path: \"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\n },\n {\n name: \"PersonPin\",\n path: \"M12 2c-4.97 0-9 4.03-9 9 0 4.17 2.84 7.67 6.69 8.69L12 22l2.31-2.31C18.16 18.67 21 15.17 21 11c0-4.97-4.03-9-9-9zm0 2c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.3c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n },\n {\n name: \"PersonPinCircle\",\n path: \"M12 2C8.14 2 5 5.14 5 9C5 14.25 12 22 12 22S19 14.25 19 9C19 5.14 15.86 2 12 2M12 4C13.1 4 14 4.9 14 6C14 7.11 13.1 8 12 8S10 7.11 10 6C10 4.9 10.9 4 12 4M12 14C10.33 14 8.86 13.15 8 11.85C8 10.53 10.67 9.8 12 9.8S16 10.53 16 11.85C15.14 13.15 13.67 14 12 14Z\"\n },\n {\n name: \"ArrowDownward\",\n path: \"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"\n },\n {\n name: \"Place\",\n path: \"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\n },\n {\n name: \"PersonPinOutlined\",\n path: \"M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16,14H8V13C8,11.67 10.67,11 12,11C13.33,11 16,11.67 16,13V14M12,6A2,2 0 0,1 14,8A2,2 0 0,1 12,10A2,2 0 0,1 10,8A2,2 0 0,1 12,6Z\"\n },\n {\n name: \"Apartment\",\n path: \"M15.19 21C14.12 19.43 13 17.36 13 15.5C13 13.67 13.96 12 15.4 11H15V9H17V10.23C17.5 10.09 18 10 18.5 10C18.67 10 18.84 10 19 10.03V3H5V21H11V17.5H13V21H15.19M15 5H17V7H15V5M9 19H7V17H9V19M9 15H7V13H9V15M9 11H7V9H9V11M9 7H7V5H9V7M11 5H13V7H11V5M11 9H13V11H11V9M11 15V13H13V15H11M18.5 12C16.6 12 15 13.61 15 15.5C15 18.11 18.5 22 18.5 22S22 18.11 22 15.5C22 13.61 20.4 12 18.5 12M18.5 16.81C17.8 16.81 17.3 16.21 17.3 15.61C17.3 14.91 17.9 14.41 18.5 14.41S19.7 15 19.7 15.61C19.8 16.21 19.2 16.81 18.5 16.81Z\"\n },\n {\n name: \"House\",\n path: \"M19 9.3V4h-3v2.6L12 3 2 12h3v8h5v-6h4v6h5v-8h3l-3-2.7zm-9 .7c0-1.1.9-2 2-2s2 .9 2 2h-4z\"\n },\n {\n name: \"Home\",\n path: \"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"\n },\n // {\n // name: \"DirectionsBike\",\n // path: \"M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z\"\n // },\n // {\n // name: \"DirectionsRun\",\n // path: \"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z\"\n // },\n // {\n // name: \"DriveEta\",\n // path: \"M18.92 5.01C18.72 4.42 18.16 4 17.5 4h-11c-.66 0-1.21.42-1.42 1.01L3 11v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 15c-.83 0-1.5-.67-1.5-1.5S5.67 12 6.5 12s1.5.67 1.5 1.5S7.33 15 6.5 15zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 10l1.5-4.5h11L19 10H5z\"\n // },\n {\n name: \"Flag\",\n path: \"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\n },\n {\n name: \"GolfCourse\",\n path: \"M17 5.92L9 2v18H7v-1.73c-1.79.35-3 .99-3 1.73 0 1.1 2.69 2 6 2s6-.9 6-2c0-.99-2.16-1.81-5-1.97V8.98l6-3.06z\"\n },\n {\n name: \"LocationOn\",\n path: \"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\n },\n // {\n // name: \"Motorcycle\",\n // path: \"M17.5 10c-.03 0-.05.01-.08.01L13.41 6H9v2h3.59l2 2h-8.1C4.01 10 2 12.02 2 14.5 2 16.99 4.01 19 6.5 19c2.22 0 4.06-1.62 4.42-3.73L13.04 14c-.02.17-.04.33-.04.5 0 2.49 2.01 4.5 4.5 4.5s4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zm-8.66 5.26C8.52 16.27 7.58 17 6.47 17c-1.38 0-2.5-1.12-2.5-2.5S5.09 12 6.47 12c1.12 0 2.05.74 2.37 1.75H6v1.5l2.84.01zM17.47 17c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\n // },\n {\n name: \"Navigation\",\n path: \"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"\n },\n\n\n\n\n {\n name: \"bus-marker\",\n path: \"M12 2C7.58 2 4 2.5 4 6V16A3 3 0 0 0 5 18.22V20A1 1 0 0 0 6 21H7A1 1 0 0 0 8 20V19H14A8 8 0 0 1 13 15.5A5.55 5.55 0 0 1 15.38 11H6V6H18V10A4.07 4.07 0 0 1 18.5 10A5.34 5.34 0 0 1 20 10.22V6C20 2.5 16.42 2 12 2M7.5 14A1.5 1.5 0 1 1 6 15.5A1.5 1.5 0 0 1 7.5 14M18.5 12A3.54 3.54 0 0 0 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5A3.54 3.54 0 0 0 18.5 12M18.5 16.8A1.2 1.2 0 1 1 18.5 14.4A1.29 1.29 0 0 1 19.7 15.6A1.15 1.15 0 0 1 18.5 16.8Z\"\n },\n {\n name: \"cash-marker\",\n path: \"M18.5,16.8C17.8,16.8 17.3,16.2 17.3,15.6C17.3,14.9 17.9,14.4 18.5,14.4C19.1,14.4 19.7,15 19.7,15.6C19.8,16.2 19.2,16.8 18.5,16.8M18.5,12C16.6,12 15,13.6 15,15.5C15,18.1 18.5,22 18.5,22C18.5,22 22,18.1 22,15.5C22,13.6 20.4,12 18.5,12M14.9,11.3C14.6,10 13.4,9 12,9C10.3,9 9,10.3 9,12C9,13.7 10.3,15 12,15C12.4,15 12.7,14.9 13,14.8C13.2,13.4 13.9,12.2 14.9,11.3M13,16H7A2,2 0 0,0 5,14V10A2,2 0 0,0 7,8H17A2,2 0 0,0 19,10C19,10 20,10 21,10.6V6H3V18H13.5C13.3,17.3 13.1,16.7 13,16Z\"\n },\n {\n name: \"cellphone-marker\",\n path: \"M18.5 13C16.6 13 15 14.61 15 16.5C15 19.11 18.5 23 18.5 23S22 19.11 22 16.5C22 14.61 20.4 13 18.5 13M18.5 17.81C17.8 17.81 17.3 17.21 17.3 16.61C17.3 15.91 17.9 15.41 18.5 15.41S19.7 16 19.7 16.61C19.8 17.21 19.2 17.81 18.5 17.81M15.91 23H7C5.9 23 5 22.11 5 21V3C5 1.89 5.89 1 7 1H17C18.1 1 19 1.89 19 3V11.03C18.84 11 18.67 11 18.5 11C18 11 17.5 11.08 17 11.22V5H7V19H13.54C14.14 20.5 15.12 21.97 15.91 23Z\"\n },\n {\n name: \"home-map-marker\",\n path: \"M12,3L2,12H5V20H19V12H22L12,3M12,7.7C14.1,7.7 15.8,9.4 15.8,11.5C15.8,14.5 12,18 12,18C12,18 8.2,14.5 8.2,11.5C8.2,9.4 9.9,7.7 12,7.7M12,10A1.5,1.5 0 0,0 10.5,11.5A1.5,1.5 0 0,0 12,13A1.5,1.5 0 0,0 13.5,11.5A1.5,1.5 0 0,0 12,10Z\"\n },\n {\n name: \"hospital-marker\",\n path: \"M12,2C15.86,2 19,5.13 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M9,6V12H11V10H13V12H15V6H13V8H11V6H9Z\"\n },\n {\n name: \"hospital-marker\",\n path: \"M12,2C15.86,2 19,5.13 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M9,6V12H11V10H13V12H15V6H13V8H11V6H9Z\"\n },\n {\n name: \"map-marker\",\n path: \"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\"\n },\n\n {\n name: \"map-marker-alert\",\n path: \"M12 2C15.9 2 19 5.1 19 9C19 14.2 12 22 12 22S5 14.2 5 9C5 5.1 8.1 2 12 2M11 6V12H13V6H11M11 14V16H13V14H11Z\"\n },\n {\n name: \"map-marker-down\",\n path: \"M12 2A7 7 0 0 0 5 9C5 14.25 12 22 12 22S19 14.25 19 9A7 7 0 0 0 12 2M7.5 10H10V5H14V10H16.5L12 14.5Z\"\n },\n {\n name: \"map-marker-radius\",\n path: \"M12,2C15.31,2 18,4.66 18,7.95C18,12.41 12,19 12,19C12,19 6,12.41 6,7.95C6,4.66 8.69,2 12,2M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M20,19C20,21.21 16.42,23 12,23C7.58,23 4,21.21 4,19C4,17.71 5.22,16.56 7.11,15.83L7.75,16.74C6.67,17.19 6,17.81 6,18.5C6,19.88 8.69,21 12,21C15.31,21 18,19.88 18,18.5C18,17.81 17.33,17.19 16.25,16.74L16.89,15.83C18.78,16.56 20,17.71 20,19Z\"\n },\n {\n name: \"map-marker-remove-variant\",\n path: \"M12,2C8.14,2 5,5.14 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9C19,5.14 15.86,2 12,2M9.59,5.17L12,7.58L14.41,5.17L15.83,6.58L13.41,9L15.83,11.41L14.41,12.83L12,10.41L9.59,12.83L8.17,11.41L10.59,9L8.17,6.58\"\n },\n {\n name: \"map-marker-star\",\n path: \"M12 2C8.1 2 5 5.1 5 9C5 14.2 12 22 12 22S19 14.2 19 9C19 5.1 15.9 2 12 2M14.5 13L12 11.5L9.5 13L10.2 10.2L8 8.3L10.9 8.1L12 5.4L13.1 8L16 8.3L13.8 10.2L14.5 13Z\"\n },\n {\n name: \"store-marker\",\n path: \"M20 6H4V4H20V6M13 15.5C13 16.64 13.43 17.86 14 19V20H4V14H3V12L4 7H20L20.7 10.5C20 10.18 19.28 10 18.5 10C15.5 10 13 12.5 13 15.5M12 14H6V18H12V14M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z\"\n },\n {\n name: \"motorbike\",\n path: \"M17.42,10L13.41,6H9V8H12.59L14.59,10H6.5C4,10 2,12 2,14.5C2,17 4,19 6.5,19C8.72,19 10.56,17.38 10.92,15.27L13.04,14C13,14.17 13,14.33 13,14.5C13,17 15,19 17.5,19C20,19 22,17 22,14.5C22,12 20,10 17.5,10M8.84,15.26C8.5,16.27 7.58,17 6.47,17C5.09,17 3.97,15.88 3.97,14.5C3.97,13.12 5.09,12 6.47,12C7.59,12 8.5,12.74 8.84,13.75H6V15.25L8.84,15.26M17.47,17C16.09,17 14.97,15.88 14.97,14.5C14.97,13.12 16.09,12 17.47,12A2.5,2.5 0 0,1 19.97,14.5A2.5,2.5 0 0,1 17.47,17Z\"\n },\n {\n name: \"account-tie\",\n path: \"M12 3C14.21 3 16 4.79 16 7S14.21 11 12 11 8 9.21 8 7 9.79 3 12 3M16 13.54C16 14.6 15.72 17.07 13.81 19.83L13 15L13.94 13.12C13.32 13.05 12.67 13 12 13S10.68 13.05 10.06 13.12L11 15L10.19 19.83C8.28 17.07 8 14.6 8 13.54C5.61 14.24 4 15.5 4 17V21H20V17C20 15.5 18.4 14.24 16 13.54Z\"\n },\n]\n\n\nexport function getIcon(name=\"Place\") {\n\n return iconPath.find(i=>i.name === name)?.path ?? null;\n}","import React, {useState, useEffect} from 'react';\nimport {agregarEditarRuta} from \"../../redux/actions/rutasActions\";\nimport {\n Button,\n Dialog,\n DialogContent,\n TextField,\n DialogActions,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Grid, SvgIcon,\n} from \"@mui/material\";\nimport makeStyles from '@mui/styles/makeStyles';\nimport {useHistory, useLocation} from \"react-router-dom\";\nimport {nullToEmptyString} from \"../../helpers\";\nimport {connect} from \"react-redux\";\nimport LoadingProgress from \"../../components/LoadingProgress\";\nimport Strings from \"../../assets/strings\"\nimport {colors} from \"../../assets/colors\";\nimport {iconPath} from \"../../assets/iconPath\";\nconst useStyles = makeStyles(theme => ({\n\n root:{\n padding:theme.spacing(2),\n },\n divColor:{\n width:\"100%\",\n padding: \"1px 7px\",\n color: \"white\",\n },\n divIcon:{\n \"&>div\":{\n padding: \"4px 5px !important\",\n paddingRight: \"16px !important\",\n textAlign: \"center !important\",\n height: \"29px !important\",\n [theme.breakpoints.down('md')]: {\n height: \"26px !important\",\n },\n }\n }\n}));\n\nconst initialState = {\n rutId: null, rutDescripcion: \"\", rutColor: \"\", rutIcon:\"\"\n};\nfunction Crear(props) {\n const classes = useStyles();\n\n const {goBack} = useHistory();\n const {state:urlState={}} = useLocation();\n\n\n const [state, setState] = useState(initialState);\n const {isPending} = props;\n\n useEffect(() => {\n if(!!urlState && urlState.rutId) {\n setState(state => ({...state, ...nullToEmptyString(urlState)}));\n }else {\n setState(initialState);\n }\n }, [setState, urlState]);\n\n const handleSubmit = e => {\n e.preventDefault();\n props.agregarEditarRuta(state)\n };\n\n return (\n <>\n \n \n {isPending && \n \n {Strings.cancelar} \n \n {!!state.rutId ? Strings.actualizar : Strings.guardar}\n \n \n \n \n );\n\n}\nconst mapStateToProps = (state) => ({\n isPending: state.rutas.isPending,\n});\nexport default connect(mapStateToProps, { agregarEditarRuta })(Crear);\n","var _defs, _polygon, _polygon2, _polygon3, _polygon4, _polygon5, _polygon6, _polygon7, _polygon8, _polygon9, _rect, _rect2, _rect3, _polygon10, _polygon11, _path, _ellipse, _path2, _circle, _path3, _ellipse2, _path4, _circle2, _path5, _circle3, _path6, _circle4, _path7, _circle5;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgMap(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"e6acf613-1465-4206-8e97-2c0e8d4b1ea6\",\n \"data-name\": \"Layer 1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n width: 887.59053,\n height: 794.69949,\n viewBox: \"0 0 887.59053 794.69949\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"e7432531-051f-4229-a0a7-c46f90e1c00c\",\n x1: 148.90523,\n y1: 794.69949,\n x2: 148.90523,\n y2: 65.63373,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"gray\",\n stopOpacity: 0.25\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.53514,\n stopColor: \"gray\",\n stopOpacity: 0.12\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"gray\",\n stopOpacity: 0.1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"b47202c6-c1c9-40b8-92af-db2c55bf8bd1\",\n x1: 446.71569,\n y1: 794.69949,\n x2: 446.71569,\n y2: 65.63373,\n xlinkHref: \"#e7432531-051f-4229-a0a7-c46f90e1c00c\"\n }), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"adbec034-83c8-4647-bb3b-2a01b75562b1\",\n x1: 741.60573,\n y1: 794.69949,\n x2: 741.60573,\n y2: 65.63373,\n xlinkHref: \"#e7432531-051f-4229-a0a7-c46f90e1c00c\"\n }), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"eb6a4cdb-41e1-4fe3-bddb-eac7508f621d\",\n x1: 889.89998,\n y1: 291.93722,\n x2: 889.89998,\n y2: 71.20644,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#b3b3b3\",\n stopOpacity: 0.25\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.53514,\n stopColor: \"#b3b3b3\",\n stopOpacity: 0.1\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#b3b3b3\",\n stopOpacity: 0.05\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"f829b744-a02a-4a2c-9fed-3f5da7d4212f\",\n x1: 733.69525,\n y1: 105.86015,\n x2: 733.69525,\n y2: 63.03179,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopOpacity: 0.12\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.55135,\n stopOpacity: 0.09\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopOpacity: 0.02\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"ae45afba-725c-45f7-9e29-49ac6fec796e\",\n x1: 311.1462,\n y1: 736.28097,\n x2: 311.1462,\n y2: 513.98983,\n xlinkHref: \"#eb6a4cdb-41e1-4fe3-bddb-eac7508f621d\"\n }), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"f4c06303-04ff-41d3-ad1f-a3b84d982f8e\",\n x1: 154.94147,\n y1: 549.2607,\n x2: 154.94147,\n y2: 506.12958,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00541,\n stopOpacity: 0.12\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.55135,\n stopOpacity: 0.09\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopOpacity: 0.05\n })))), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, \"Map light\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _polygon || (_polygon = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"297.81 766.722 0 794.699 0 93.611 297.81 65.634 297.81 766.722\",\n fill: \"url(#e7432531-051f-4229-a0a7-c46f90e1c00c)\"\n })), _polygon2 || (_polygon2 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"297.81 766.722 595.621 794.699 595.621 93.611 297.81 65.634 297.81 766.722\",\n fill: \"url(#b47202c6-c1c9-40b8-92af-db2c55bf8bd1)\"\n })), _polygon3 || (_polygon3 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"887.591 766.722 595.621 794.699 595.621 93.611 887.591 65.634 887.591 766.722\",\n fill: \"url(#adbec034-83c8-4647-bb3b-2a01b75562b1)\"\n })), _polygon4 || (_polygon4 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"298.865 747.261 9.488 774.143 9.488 100.511 298.865 73.629 298.865 747.261\",\n fill: \"#f5f5f5\"\n })), _polygon5 || (_polygon5 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"298.865 747.261 588.242 774.143 588.242 100.511 298.865 73.629 298.865 747.261\",\n fill: \"#fff\"\n })), _polygon6 || (_polygon6 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"877.618 747.261 588.242 774.143 588.242 100.511 877.618 73.629 877.618 747.261\",\n fill: \"#f5f5f5\"\n })), _polygon7 || (_polygon7 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"298.865 135.494 79.065 143.206 79.065 173.251 79.065 214.364 79.065 244.409 265.657 244.409 265.657 207.817 298.865 206.652 349.466 222.271 349.466 151.113 298.865 135.494\",\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _polygon8 || (_polygon8 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"298.865 701.403 52.183 725.123 52.183 634.989 298.865 611.269 298.865 701.403\",\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _polygon9 || (_polygon9 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"271.865 422.403 25.183 446.123 25.183 355.989 271.865 332.269 271.865 422.403\",\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 444.34375,\n y: 631.82616,\n width: 107.52802,\n height: 82.22731,\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 409.34375,\n y: 438.82616,\n width: 107.52802,\n height: 82.22731,\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 453.34375,\n y: 181.82616,\n width: 107.52802,\n height: 82.22731,\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _polygon10 || (_polygon10 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"836.505 676.102 668.888 690.334 668.888 581.225 836.505 566.993 836.505 676.102\",\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _polygon11 || (_polygon11 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"816.505 292.102 648.888 306.334 648.888 197.225 816.505 182.993 816.505 292.102\",\n fill: \"#e6e6e6\",\n opacity: 0.3\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M958.28172,142.038c0,39.11917-68.38174,149.89926-68.38174,149.89926S821.51824,181.15713,821.51824,142.038,852.13379,71.20644,889.9,71.20644,958.28172,102.91879,958.28172,142.038Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"url(#eb6a4cdb-41e1-4fe3-bddb-eac7508f621d)\"\n })), _ellipse || (_ellipse = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 733.69525,\n cy: 84.44597,\n rx: 20.67355,\n ry: 21.41418,\n fill: \"url(#f829b744-a02a-4a2c-9fed-3f5da7d4212f)\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M953.17715,142.165c0,34.947-63.27717,133.91214-63.27717,133.91214S826.62281,177.112,826.62281,142.165a63.27717,63.27717,0,1,1,126.55434,0Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"#e6e6e6\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 733.69525,\n cy: 85.10003,\n r: 19.13031,\n fill: \"#fff\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M381.55767,585.32206c0,39.39571-70.41147,150.95891-70.41147,150.95891s-70.41146-111.5632-70.41146-150.95891,31.52429-71.33223,70.41146-71.33223S381.55767,545.92636,381.55767,585.32206Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"url(#ae45afba-725c-45f7-9e29-49ac6fec796e)\"\n })), _ellipse2 || (_ellipse2 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 154.94147,\n cy: 527.69514,\n rx: 21.28719,\n ry: 21.56556,\n fill: \"url(#f4c06303-04ff-41d3-ad1f-a3b84d982f8e)\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M374.42337,584.92742c0,34.947-63.27717,133.91214-63.27717,133.91214S247.869,619.87443,247.869,584.92742a63.27717,63.27717,0,1,1,126.55433,0Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"#e6e6e6\"\n })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 154.94147,\n cy: 527.86248,\n r: 19.13031,\n fill: \"#fff\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M717.42337,589.92742c0,34.947-63.27717,133.91214-63.27717,133.91214S590.869,624.87443,590.869,589.92742a63.27717,63.27717,0,1,1,126.55433,0Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"#e6e6e6\"\n })), _circle3 || (_circle3 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 497.94147,\n cy: 532.86248,\n r: 19.13031,\n fill: \"#fff\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M965.42337,549.92742c0,34.947-63.27717,133.91214-63.27717,133.91214S838.869,584.87443,838.869,549.92742a63.27716,63.27716,0,1,1,126.55433,0Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"#e6e6e6\"\n })), _circle4 || (_circle4 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 745.94147,\n cy: 492.86248,\n r: 19.13031,\n fill: \"#fff\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M406.42337,115.92742c0,34.947-63.27717,133.91214-63.27717,133.91214S279.869,150.87443,279.869,115.92742a63.27717,63.27717,0,1,1,126.55433,0Z\",\n transform: \"translate(-156.20473 -52.65025)\",\n fill: \"#e6e6e6\"\n })), _circle5 || (_circle5 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 186.94147,\n cy: 58.86248,\n r: 19.13031,\n fill: \"#fff\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMap);\nexport default __webpack_public_path__ + \"static/media/map.5debd03a.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useEffect, useState} from 'react';\nimport { connect } from 'react-redux';\nimport { mostrarRutas, eliminarRuta} from '../../redux/actions/rutasActions';\nimport AppBar from \"../../components/appBar\";\nimport Crear from './crear';\nimport {\n ListItem,\n List,\n ListItemText,\n ListItemSecondaryAction,\n IconButton,\n Button,\n ListItemIcon, SvgIcon\n} from \"@mui/material\";\nimport PlusFab from \"../../components/PlusFab\";\nimport {Close} from \"@mui/icons-material\";\nimport LoadingProgress from \"../../components/LoadingProgress\";\nimport {useHistory, useLocation} from \"react-router-dom\";\nimport ConfirmDialog from \"../../components/ConfirmDialog\";\nimport {MostrarError} from \"../../components/MostrarError\";\nimport Strings from \"../../assets/strings\";\nimport {hasPermissionTo, noTilde, PERSMISOS} from \"../../helpers\";\nimport {Empty, SeacrhAppBar} from \"../../components\";\nimport {ReactComponent as EmptySvg} from \"../../assets/img/map.svg\";\nimport {getIcon} from \"../../assets/iconPath\";\n\nfunction Rutas(props) {\n const {goBack,...history} = useHistory();\n const {state:urlState} = useLocation();\n const [searchBox, setSearchBox] = useState(\"\");\n\n const { mostrarRutas } = props;\n useEffect(() => {\n mostrarRutas();\n }, [mostrarRutas]);\n\n\n const { title: mainTitle, rutas: { list, isFetching, error } } = props;\n const isEmpty = !isFetching && list.length === 0;\n\n\n const filterItems = () => {\n return list.filter(item=> noTilde(item.rutDescripcion).indexOf(noTilde(searchBox)) !== -1);\n }\n return <>\n \n setSearchBox(target.value)}/>\n \n \n {!urlState && }\n {isFetching && !list.length && \n {!isEmpty && filterItems().map(item =>\n {\n if(!hasPermissionTo(PERSMISOS.rutasActualizar)) return false;\n history.push(history.location.pathname,item)}}>\n \n \n \n \n \n {hasPermissionTo(PERSMISOS.rutasEliminar) && !item.registroDelSistema &&\n \n history.push(history.location.pathname,{confirmDialog:item.rutId})}\n size=\"large\">\n \n \n \n }\n \n )}\n
\n {isEmpty &&\n \n {Strings.rutasHelpMsj}
\n \n }\n\n\n {hasPermissionTo(PERSMISOS.rutasCrear) &&\n history.push(history.location.pathname,{rutId:\"\"})} />\n }\n props.eliminarRuta(urlState && urlState.confirmDialog)}/>\n\n \n ;\n\n}\n\nconst mapStateToProps = (state) => ({\n rutas: state.rutas\n});\nexport default connect(mapStateToProps, { mostrarRutas, eliminarRuta })(Rutas);\n","import React, {useState, useEffect} from 'react';\nimport {agregarEditarCartera} from \"../../redux/actions/carterasActions\";\nimport {\n Button,\n Dialog,\n DialogContent,\n TextField,\n DialogActions, Grid\n} from \"@mui/material\";\nimport {useHistory, useLocation} from \"react-router-dom\";\nimport {nullToEmptyString} from \"../../helpers\";\nimport {connect} from \"react-redux\";\nimport LoadingProgress from \"../../components/LoadingProgress\";\nimport Strings from \"../../assets/strings\"\n\n\nconst initialState = {\n carId: null, carDescripcion: \"\", carCapital: \"\"\n};\n\n\n\nfunction Crear(props) {\n const {goBack} = useHistory();\n const {state:urlState={}} = useLocation();\n\n\n const [state, setState] = useState(initialState);\n const {isPending} = props;\n\n useEffect(() => {\n if(!!urlState && urlState.carId) {\n setState(state => ({...state, ...nullToEmptyString(urlState)}));\n }else {\n setState(initialState);\n }\n }, [setState, urlState]);\n\n const handleSubmit = e => {\n e.preventDefault();\n props.agregarEditarCartera(state)\n };\n\n return (\n <>\n \n \n {isPending && \n \n {Strings.cancelar} \n \n {!!state.carId ? Strings.actualizar : Strings.guardar}\n \n \n \n \n );\n\n}\nconst mapStateToProps = (state) => ({\n isPending: state.carteras.isPending,\n});\nexport default connect(mapStateToProps, { agregarEditarCartera })(Crear);\n","var _g, _g2, _g3, _g4, _g5, _g6, _g7, _g8, _g9, _g10, _g11, _g12, _g13, _g14, _g15, _g16, _g17;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgWallet(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M487.59,299.894h-7.662v-69.015c0-10.926-5.438-20.6-13.743-26.478v-9.397c0-13.631-11.089-24.72-24.72-24.72h-5.721 l21.889-32.12c7.337-10.766,4.547-25.495-6.219-32.833L302.883,4.111c-5.215-3.555-11.501-4.867-17.705-3.69 c-6.201,1.175-11.574,4.694-15.128,9.91L141.849,198.454h-35.675l8.607-87.13c0.097-0.982,0.735-1.833,1.625-2.168 c11.089-4.181,20.699-11.989,27.059-21.985c0.501-0.787,1.446-1.237,2.424-1.138l55.955,5.528 c4.012,0.389,7.581-2.533,7.977-6.543s-2.533-7.581-6.543-7.977l-55.955-5.528c-6.495-0.636-12.689,2.357-16.169,7.825 c-4.676,7.35-11.742,13.09-19.895,16.164c-6.137,2.314-10.351,7.826-10.999,14.387l-8.748,88.564h-9.303L95.821,60.649 c0.49-4.96,4.917-8.604,9.883-8.107l113.074,11.17c4.01,0.387,7.581-2.533,7.977-6.543s-2.533-7.581-6.543-7.977l-113.074-11.17 C94.174,36.743,82.581,46.248,81.3,59.214l-10.972,111.07H51.643c-13.63,0-24.72,11.089-24.72,24.72v6.41 c-11.151,5.134-18.915,16.406-18.915,29.465v248.695c0,17.88,14.546,32.426,32.427,32.426h407.067 c17.88,0,32.426-14.546,32.426-32.426V410.56h7.662c9.044,0,16.401-7.357,16.401-16.4v-77.865 C503.992,307.251,496.634,299.894,487.59,299.894z M441.465,184.876L441.465,184.876c5.586-0.001,10.129,4.543,10.129,10.129 v3.717c-1.342-0.17-2.705-0.267-4.092-0.267h-30.955l9.253-13.579H441.465z M282.107,18.547c1.36-1.995,3.415-3.341,5.787-3.791 c0.567-0.107,1.136-0.161,1.701-0.161c1.797,0,3.553,0.538,5.071,1.572l148.531,101.22c4.118,2.807,5.186,8.441,2.38,12.559 l-46.686,68.506h-11.204l22.889-33.587c3.712-5.447,4.018-12.379,0.796-18.092c-4.282-7.59-6.018-16.527-4.888-25.166 c0.84-6.427-1.988-12.701-7.38-16.375L322.106,52.76c-5.393-3.675-12.267-4.012-17.941-0.879 c-7.625,4.21-16.578,5.863-25.208,4.655c-6.4-0.898-12.891,1.992-16.548,7.357l-91.699,134.56h-11.204L282.107,18.547z M285.32,142.438c-31.771,0-57.851,24.773-59.976,56.015h-36.979L274.464,72.11c0.001,0,0.001,0,0.001,0 c0.489-0.719,1.3-1.147,2.133-1.147c0.111,0,0.222,0.008,0.333,0.023c11.738,1.642,23.913-0.604,34.285-6.331 c0.816-0.452,1.864-0.387,2.672,0.163l76.999,52.473c0.806,0.55,1.249,1.502,1.129,2.426c-1.537,11.749,0.825,23.903,6.648,34.225 c0.467,0.829,0.41,1.891-0.144,2.706l-28.488,41.804h-24.733C343.172,167.211,317.093,142.438,285.32,142.438z M330.668,198.454 h-90.695c2.09-23.189,21.624-41.424,45.347-41.424C309.044,157.029,328.579,175.265,330.668,198.454z M41.514,195.004 c0-5.586,4.543-10.13,10.129-10.13h17.244l-1.341,13.579H41.514V195.004z M22.599,230.879c0-9.834,8.001-17.835,17.836-17.835 h407.067c9.835,0,17.835,8.001,17.835,17.835v20.244H22.599V230.879z M465.337,479.574c0,9.834-8,17.835-17.835,17.835H40.435 c-9.835,0-17.836-8.001-17.836-17.835V459.33h39.342c4.03,0,7.295-3.266,7.295-7.295c0-4.029-3.266-7.295-7.295-7.295H22.599 V265.714h442.738v34.18h-69.366h-0.001c-21.856,0-40.788,12.74-49.773,31.181c-0.03,0.062-0.064,0.122-0.095,0.184 c-0.076,0.157-0.142,0.32-0.216,0.478c-1.07,2.273-2,4.626-2.757,7.054c-0.002,0.007-0.004,0.013-0.006,0.02 c-1.615,5.189-2.486,10.702-2.486,16.416c0,30.511,24.822,55.333,55.332,55.333h0.001h69.366v34.18H108.655 c-4.03,0-7.295,3.266-7.295,7.295c0,4.029,3.266,7.295,7.295,7.295h356.682V479.574z M489.401,394.159 c0,0.998-0.812,1.81-1.811,1.81h-91.618c-15.445,0-28.911-8.639-35.818-21.338c-0.314-0.577-0.614-1.163-0.901-1.756 c-0.573-1.187-1.09-2.406-1.547-3.654c-1.602-4.366-2.476-9.08-2.476-13.994s0.875-9.628,2.476-13.994 c0.458-1.247,0.975-2.466,1.547-3.654c0.287-0.593,0.587-1.179,0.901-1.756c6.907-12.699,20.373-21.338,35.818-21.338h91.618 c0.998,0,1.811,0.812,1.811,1.81V394.159z\"\n })))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M397.681,325.627c-16.322,0-29.6,13.279-29.6,29.6c0,16.321,13.278,29.599,29.6,29.599c16.322,0,29.6-13.278,29.6-29.599 C427.281,338.906,414.003,325.627,397.681,325.627z M397.681,370.235c-8.276,0-15.009-6.733-15.009-15.008 c0-8.275,6.733-15.009,15.009-15.009s15.009,6.733,15.009,15.009S405.957,370.235,397.681,370.235z\"\n })))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", null)), _g4 || (_g4 = /*#__PURE__*/React.createElement(\"g\", null)), _g5 || (_g5 = /*#__PURE__*/React.createElement(\"g\", null)), _g6 || (_g6 = /*#__PURE__*/React.createElement(\"g\", null)), _g7 || (_g7 = /*#__PURE__*/React.createElement(\"g\", null)), _g8 || (_g8 = /*#__PURE__*/React.createElement(\"g\", null)), _g9 || (_g9 = /*#__PURE__*/React.createElement(\"g\", null)), _g10 || (_g10 = /*#__PURE__*/React.createElement(\"g\", null)), _g11 || (_g11 = /*#__PURE__*/React.createElement(\"g\", null)), _g12 || (_g12 = /*#__PURE__*/React.createElement(\"g\", null)), _g13 || (_g13 = /*#__PURE__*/React.createElement(\"g\", null)), _g14 || (_g14 = /*#__PURE__*/React.createElement(\"g\", null)), _g15 || (_g15 = /*#__PURE__*/React.createElement(\"g\", null)), _g16 || (_g16 = /*#__PURE__*/React.createElement(\"g\", null)), _g17 || (_g17 = /*#__PURE__*/React.createElement(\"g\", null)));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgWallet);\nexport default __webpack_public_path__ + \"static/media/wallet.bfc0b6c9.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useEffect, useState} from 'react';\nimport { connect } from 'react-redux';\nimport { mostrarCarteras} from '../../redux/actions/carterasActions';\nimport AppBar from \"../../components/appBar\";\nimport Crear from './crear';\nimport {Button, TableBody, TableRow, TableCell} from \"@mui/material\";\nimport PlusFab from \"../../components/PlusFab\";\nimport LoadingProgress from \"../../components/LoadingProgress\";\nimport {useHistory} from \"react-router-dom\";\nimport {MostrarError} from \"../../components/MostrarError\";\nimport Strings from \"../../assets/strings\";\nimport {formatDate, formatPeso, hasPermissionTo, PERSMISOS} from \"../../helpers\";\nimport {ButtonResponsive, Empty, SeacrhAppBar, TableSort} from \"../../components\";\nimport {ReactComponent as EmptySvg} from \"../../assets/img/wallet.svg\";\nimport {Help} from \"@mui/icons-material\";\nconst initialState={\n name: '',\n page:1,\n pageSize:15,\n orderBy:\"\",\n orderByIsDescending:\"\"\n};\nfunction Carteras(props) {\n const history = useHistory();\n const [filter, setFilter] = useState(initialState);\n\n const { mostrarCarteras } = props;\n useEffect(() => {\n mostrarCarteras();\n }, [mostrarCarteras]);\n const handleFilter = e => {\n const {name, value} = e.target;\n if(name === \"name\" || name === \"page\" || name === \"pageSize\"){\n return mostrarCarteras({\n ...filter,\n page:null,\n ...(name === \"name\" && {estado: \"-2\"}),\n [name]:value\n });\n }\n setFilter({...filter,page:null,[name]:value})\n };\n const tableSortProps = orderBy => {\n return {\n active:filter.orderBy === orderBy,\n direction: filter.orderByIsDescending ? \"desc\" : 'asc',\n onClick:()=>mostrarCarteras({...filter,page:null,orderBy,orderByIsDescending:!filter.orderByIsDescending})\n };\n };\n\n const { title: mainTitle, carteras: { list, isFetching, error } } = props;\n const isEmpty = (!list.results || list.results.length === 0);\n return (\n <>\n \n } text={Strings.ayuda} onClick={() => window.open(\"https://youtu.be/Tn2ZFByRZls\",\"_blank\")}/>\n \n \n \n {isFetching && isEmpty && \n \n {!isEmpty && list.results.map(item =>\n history.push(`/cartera/${item.carId}`)}>\n\n {item.carDescripcion} \n {formatPeso(item.carCapital)} \n {item.cantidadPrestamos} \n {formatDate(item.carFechaCreacion)} \n \n )}\n \n \n\n {isEmpty &&\n \n {Strings.carterasHelpMsj}
\n \n }\n\n\n {hasPermissionTo(PERSMISOS.carterasCrear) &&\n history.push(history.location.pathname,{carId:\"\"})} />\n }\n \n \n );\n\n}\n\nconst mapStateToProps = (state) => ({\n carteras: state.carteras\n});\nexport default connect(mapStateToProps, { mostrarCarteras })(Carteras);\n","import React from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nconst useStyles = makeStyles(theme => ({\n root: {\n padding: \"4px 0px\",\n background: \"white\",\n border: \"1px solid \" +theme.palette.grey[300],\n marginBottom: \"10px\",\n textAlign: \"right\",\n \"& .title\": {\n fontSize: \"1em\",\n padding: \"6px 21px 9px\"\n },\n \"& .number\": {\n fontSize: \"1.2em\",\n position: \"relative\",\n padding: \"10px 20px 3px\",\n borderBottom: \"1px solid #eee\"\n },\n \"& .number:before\": {\n content: '\"\"',\n border: \"1px solid #eee\",\n background: \"white\",\n fontSize: \"2em\",\n borderRadius: \"50%\",\n width: \"55px\",\n height: \"55px\",\n position: \"absolute\",\n bottom: \"-27.4px\",\n left: \"18.7px\"\n },\n\n \"& .number svg\": {\n left: \"29px\",\n width: \"38px\",\n bottom: \"-24px\",\n height: \"52px\",\n position: \"absolute\"\n },\n [theme.breakpoints.down('md')]: {\n textAlign: \"center\",\n borderBottom: \"none\",\n boxShadow:theme.shadows[1],\n marginBottom: 0,\n\n \"& .number:before, & .number svg\":{\n display:\"none\"\n },\n \"& .title\": {\n color: theme.palette.primary.main,\n padding: \"3px 6px 6px\",\n fontSize: \".8em\",\n },\n \"& .number\": {\n padding: \"5px 6px 0px\",\n borderBottom: \"none\",\n fontSize: \"1em\",\n\n },\n },\n },\n}));\nexport default function ClientListItem(props) {\n\n const classes = useStyles();\n const { title, subTitle, Icon, color = \"#d9534f\" } = props;\n return (\n\n \n
\n {subTitle}\n \n
\n
\n {title}\n
\n
\n setOpenMenu(e.currentTarget)}>\n \n \n \n \n {isFetching &&
}\n\n
\n {cartera?.dataReporte?.map(pre =>\n \n \n \n )}\n \n
\n {(!viewTableList && smVewport)?(\n cartera?.prestamos?.map(pre =>\n
history.push(`/prestamo/${pre.preId}`)} item={pre}/>\n )\n ):(\n {}}>\n \n {cartera?.prestamos?.map(pre =>\n history.push(`/prestamo/${pre.preId}`)}\n onContextMenu={(e)=>{e.preventDefault();window.open(`/prestamo/${pre.preId}`,\"_blank\")}}>\n \n {pre.cliente}\n {pre.cuotasAtrasadas>1 && pre.cuotasAtrasadas} {Strings[pre.estado]}
\n \n\n {formatPeso(pre.preBalancePendiente)} \n {formatPeso(pre.preMontoCuota)} \n {formatPeso(pre.mora)} \n\n {formatDate(pre.preFechaProximoPago,\"dd, DD/MM/YYYY\")} \n {formatPeso(pre.preCapitalActual)} \n\n {formatPeso(pre.preGastosLegales)} \n\n\n {Strings[pre.preAmortizacionString]} \n {pre.prePlazoString} \n {formatPeso(pre.preCapitalInicial)} \n {formatPeso(pre.totalPagos)} \n\n {pre.preTasaInteres}% \n {Strings[pre.preCicloPagoString]} \n {pre.preReferencia} \n {formatDate(pre.preFecha)} \n {pre.caja} \n\n \n )}\n \n {/*{!isEmpty &&*/}\n {/**/}\n {/* */}\n {/* Total: {formatPeso(list.footerTotals.preBalancePendiente)} */}\n {/* {formatPeso(list.footerTotals.preMontoCuota)} */}\n {/* {formatPeso(list.footerTotals.mora)} */}\n\n {/* {formatPeso(list.footerTotals.preCapitalActual)} */}\n {/* {formatPeso(list.footerTotals.preGastosLegales)} */}\n {/* */}\n {/* {formatPeso(list.footerTotals.preCapitalInicial)} */}\n {/* {formatPeso(list.footerTotals.totalPagos)} */}\n {/* */}\n {/* */}\n {/* }*/}\n \n ) }\n \n\n
eliminarCartera(urlState?.confirmDialog)} replace={\"/carteras\"}/>\n \n );\n\n\n}\n\nconst mapStateToProps = (state) => ({\n cartera: state.carteras.byId,\n isFetching: state.carteras.isFetching,\n});\nexport default connect(mapStateToProps, { mostrarCarteraById,eliminarCartera })(DetallesCartera);\n\n\n\n","import React from 'react';\nimport { Grid, useMediaQuery } from \"@mui/material\";\nimport makeStyles from '@mui/styles/makeStyles';\nimport CounterItem from \"./CounterItem\";\nimport {SupervisorAccountOutlined,DescriptionOutlined,AttachMoneyOutlined, BarChart} from \"@mui/icons-material\";\nimport {formatPeso} from \"../../helpers\";\nimport {connect} from \"react-redux\";\nimport HtmlTooltip from \"../HtmlTooltip\";\nimport Strings from \"../../assets/strings\";\n\nconst useStyles = makeStyles(theme => ({\n root: {\n [theme.breakpoints.down('md')]: {\n marginBottom: theme.spacing(1)\n },\n }\n}));\n\nfunction HomeCounter({dashBoard}) {\n const xsVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n\n const classes = useStyles();\n return (\n \n \n \n \n \n \n \n = 2000 ? Strings.ilimitado: dashBoard.maxPrestamos}`} Icon={DescriptionOutlined} color={\"#ffc36d\"}/>\n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n )\n}\n\nconst mapStateToProps = (state) => ({\n dashBoard: state.dashBoard\n});\nexport default connect(mapStateToProps)(HomeCounter);\n\n","import React, {useEffect, useState} from 'react';\nimport { Typography, Button, useMediaQuery } from '@mui/material';\n\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport Chart from \"react-apexcharts\";\nimport {formatPeso, moment} from \"../../helpers\";\nimport {connect} from \"react-redux\";\nimport {getResumenGrafico} from \"../../services\";\nimport LoadingProgress from \"../LoadingProgress\";\nimport {CloudDownloadOutlined} from \"@mui/icons-material\";\nimport downloadFiles from \"../../helpers/downloadFiles\";\nimport {SelectSmart} from \"../CustomTextField\";\nimport Strings from \"../../assets/strings\";\n\nconst useStyles = makeStyles(theme => ({\n root:{\n background: theme.palette.common.white,\n border: \"1px solid \" +theme.palette.grey[300],\n [theme.breakpoints.down('md')]: {\n marginBottom: theme.spacing(5)\n },\n },\n filterButton: {\n //margin: theme.spacing.unit,\n padding: \"2px 5px\",\n minHeight: \"auto\",\n minWidth: 104,\n marginLeft: 4,\n \"& svg\":{\n width:18,\n }\n },\n head:{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n padding: \"0 \"+theme.spacing(1),\n height: 47,\n borderBottom: \"1px solid \"+theme.palette.grey[300],\n marginBottom: theme.spacing(1),\n \"&> p\":{\n marginRight: \"auto\"\n },\n \"& button\":{\n textTransform: \"capitalize\",\n fontWeight: \"normal\",\n fontSize: \".9rem\",\n background: \"none !important\",\n \"&:after\":{\n content: \"''\",\n borderRight: \"1px solid\",\n height: \"58%\",\n position: \"absolute\",\n right: -4,\n zIndex: 1,\n opacity: .4\n }\n }\n },\n yearSelect:{\n textAlign:\"right\",\n width:82,\n \"& .MuiInput-root\":{\n border: \"none !important\",\n outline: \"none\",\n margin: \"0 !important\",\n \"&:after\":{\n display: \"none !important\",\n }\n },\n \"& .MuiSelect-select\":{\n marginRight:theme.spacing(1),\n background: \"none\",\n }\n\n },\n chart:{\n [theme.breakpoints.down('md')]: {\n overflow: \"auto\",\n overflowY: \"hidden\",\n\n \"& .graph\":{\n minWidth:500,\n },\n },\n \"& .total\":{\n position: \"absolute\",\n right: theme.spacing(2),\n },\n \"& .apexcharts-menu\":{\n width: \"39px\", overflow: \"hidden\", minWidth: 0,\n \"&>div\":{\n whiteSpace: \"nowrap\",\n marginLeft: \"-77px\",\n wordSpacing: \"23px\"\n }\n },\n\n },\n tableDetail:{\n width:\"100%\",\n minWidth: 800,\n textAlign: \"left\",\n fontSize: 12,\n background: theme.palette.grey[50],\n padding: \"8px 3px\",\n \"& tr\":{\n background: \"transparent !important\",\n\n },\n \"& th\":{\n fontWeight: 500,\n padding: 5,\n },\n \"& td\":{\n padding: 5,\n }\n }\n}));\n\nconst CURRENT_YEAR = new Date().getFullYear().toString();\nfunction years() {\n var years = [];\n var year = parseInt(CURRENT_YEAR);\n for(let i=0;i<=7;i++){\n years.push(year--);\n year = year--\n }\n return years;\n}\nfunction IngresosChart({ingresos}) {\n const xsVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n const smVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n\n const classes = useStyles();\n const [loading, seLoading] = useState(false);\n const [anio, setAnio] = useState(CURRENT_YEAR);\n const [data, seData] = useState();\n const [dataPointIndex, setDataPointIndex] = useState(null);\n\n\n const [clearData, setClearData] = useState([]);\n\n const handleChange = e => {\n const {value} = e.target;\n setAnio(value);\n if(value === CURRENT_YEAR) return seData(null); //para traer los datos ya cargados en redux\n seLoading(true);\n getResumenGrafico(value).then(res=>{\n seData(res.data)\n }).finally(()=>seLoading(false));\n };\n\n useEffect(()=>{\n let datos = data || ingresos || [];\n let converted = [];\n\n if(datos.length)\n converted = datos.map(e=>(\n {\n name:Strings[e.name],\n data: dataPointIndex !== null ? [e.data[dataPointIndex]] : e.data}\n ));\n\n setClearData(converted);\n },[ingresos,data,dataPointIndex,setClearData]);\n\n const optionsChart = {\n chart: {\n type: 'bar',\n height: xsVewport?300:473,\n stacked: Boolean(dataPointIndex === null),\n toolbar: {\n show: true,\n offsetX: 0,\n offsetY: 0,\n tools: {\n download: false,\n selection: true,\n zoom: false,\n zoomin: false,\n zoomout: false,\n pan: false,\n reset: false ,\n },\n },\n events: {\n dataPointSelection: function (e, chart, opts) {\n setDataPointIndex(dataPointIndex === null? opts.dataPointIndex:null);\n }\n }\n },\n plotOptions: {\n bar: {\n horizontal: false,\n // columnWidth: '65%',\n endingShape: 'flat'\n },\n },\n // grid: {\n // borderColor: '#ccc',\n // strokeDashArray: 7,\n // xaxis: {\n // lines: {\n // show: true\n // }\n // }\n // },\n dataLabels: {\n enabled: Boolean(dataPointIndex !== null),\n formatter: function (val) {\n return formatPeso(val);\n },\n // offsetY: -20,\n style: {\n // fontSize: '12px',\n colors: [\"#304758\"]\n }\n },\n stroke: {\n show: true,\n width: 1,\n colors: ['transparent']\n },\n xaxis: {\n categories: dataPointIndex !== null ? [dataPointIndex]:[...Array(12).keys()],\n labels: {\n formatter: (number) => moment().month(number).format(dataPointIndex !== null ?\"MMMM\" :\"MMM\"),\n }\n },\n yaxis: {\n labels: {\n formatter: (value) => value.toFixed(),\n }\n },\n fill: {\n opacity: 1\n },\n tooltip: {\n enabled: Boolean(dataPointIndex === null),\n shared: true,\n intersect:false,\n followCursor:true,\n y: {\n formatter: (value) => formatPeso(value),\n }\n }\n\n };\n const calHeight = ()=>{\n let vh = window.innerHeight - 396;\n if(vh < 273) vh = 273;\n return smVewport ? vh :450\n }\n\n return (\n \n
\n
{Strings.ingresos} {dataPointIndex !== null && moment().month(dataPointIndex).format(\"MMMM\")} \n
}\n size={\"small\"} onClick={()=>downloadFiles({anio},\"resumenGrafico\")}>\n {Strings.exportar}\n \n
\n ({key:year,value:year}))}\n />\n
\n
\n\n
\n {dataPointIndex !== null &&\n
\n {Strings.total} = {formatPeso(clearData.reduce((a, b) => +a + +b.data[0], 0))}\n
\n }\n {loading &&
}\n
\n
\n
\n
\n \n
\n {formatPeso(dashBoard.ingresos)}\n {Strings.ingreso} \n
\n
\n \n \n {ciclosName}\n \n \n {ciclos?.map((opt)=>\n {opt.value} \n )}\n \n \n\n
\n
\n {formatPeso(dashBoard.egresos)}\n {Strings.egresos} \n
\n
\n )\n}\n","import React, {useEffect} from 'react';\nimport {\n Grid, IconButton, CircularProgress, Hidden, Backdrop, BottomNavigation, BottomNavigationAction, useMediaQuery,\n} from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport {togglePaypalPlan} from \"../../redux/actions/themeActions\";\nimport AppBar from '../../components/appBar';\nimport HomeCounter from '../../components/homeWidget/HomeCounter';\nimport Strings from '../../assets/strings';\nimport IngresosChart from \"../../components/homeWidget/IngresosChart\"\nimport InComeOut from \"../../components/homeWidget/inComeOut\";\nimport CxC from \"../../components/homeWidget/CxC\";\nimport {\n Add, DescriptionOutlined, SupervisorAccountOutlined, BarChart, PeopleAltOutlined, Refresh,\n} from \"@mui/icons-material\"\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {mostrarDashBoardData} from \"../../redux/actions/dashBoardActions\";\nimport {hasPermissionTo, moment, PERSMISOS, TIPOPLAN} from \"../../helpers\";\nimport { SpeedDial, Alert } from '@mui/material';\nimport SpeedDialAction from '@mui/material/SpeedDialAction';\nimport {Link} from \"react-router-dom\";\nimport Button from \"@mui/material/Button\";\nconst useStyles = makeStyles(theme => ({\n root:{\n paddingBottom: 0,\n [theme.breakpoints.down('md')]: {\n overflow: \"hidden\",\n margin: theme.spacing(1),\n \"& .cxcContent\":{\n margin: -theme.spacing(1),\n height: \"calc(100vh - 107px)\",\n \"&>.content\":{\n paddingBottom:0,\n height: \"calc(100vh - 191px)\",\n \"& .total\":{\n bottom: 0,\n }\n }\n },\n '& .chart':{\n marginTop: -24\n }\n\n }\n },\n tab:{\n position: 'fixed',\n bottom: 0,\n width:\"100%\",\n borderTop: \"1px solid \"+theme.palette.grey[300],\n },\n speedDial:{\n //display:\"none\",\n position: 'fixed',\n bottom: theme.spacing(2),\n right: theme.spacing(2),\n [theme.breakpoints.down('md')]: {\n \"&>button\":{\n opacity: 0,\n }\n }\n },\n sDAction:{\n \"& .MuiSpeedDialAction-staticTooltipLabel\":{\n color: theme.palette.secondary.main,\n border: \"1px solid \" + theme.palette.secondary.main,\n boxShadow: \"none\",\n padding: \"0px 10px\",\n whiteSpace: \"nowrap\",\n fontSize: \".9rem\",\n },\n \"& svg\":{\n color:theme.palette.primary.main,\n }\n\n },\n drawerTop:{\n display:\"flex\",\n justifyContent:\"space-between\",\n alignItems:\"center\",\n height:50,\n paddingLeft:theme.spacing(2),\n background:theme.palette.primary.main,\n color:theme.palette.common.white,\n },\n listRoot:{\n minWidth:255,\n },\n alert:{\n [theme.breakpoints.down('md')]: {\n \"& .MuiAlert-icon\":{\n display: \"none\",\n },\n flexDirection: \"column\",\n }\n },\n\n}));\nconst isIOS = ()=>{\n if(window?.webkit?.messageHandlers?.pagar)\n return true\n else\n return false\n}\nexport default function DashBoard() {\n const classes = useStyles();\n const smVewport = useMediaQuery((theme)=>theme.breakpoints.down('md'));\n\n const {usuInicioSesion,usuTipoPlan,usuFechaCreacion} = useSelector(state => state.auth?.user);\n const isFetching = useSelector(state => state.dashBoard.isFetching);\n const [tab, setTab] = React.useState(\"cxc\");\n\n\n const Dispatch = useDispatch();\n const [openSpeedDial, setOpenSpeedDial] = React.useState(false);\n // const [openSetting, setOpenSetting] = React.useState(false);\n\n useEffect(()=>{\n Dispatch(mostrarDashBoardData());\n },[Dispatch]);\n const pay = ()=>{\n if(isIOS()){\n window.webkit.messageHandlers.pagar.postMessage(\"Pagar\");\n }else {\n Dispatch(togglePaypalPlan())\n // window.open(\"https://prestamistapp.com/checkout?user=\"+usuInicioSesion,\"_Blank\")\n }\n }\n const contactar = () =>{\n window.open(\"https://api.whatsapp.com/send/?phone=18498641680&text=Hola, desde PrestamistAPP, mi usuario es \"+usuInicioSesion,\"_Blank\")\n }\n return <>\n \n Dispatch(mostrarDashBoardData())}\n disabled={isFetching}\n size=\"large\">{isFetching?setOpenSetting(true)}> */}\n \n\n \n {usuTipoPlan === TIPOPLAN.gratis &&\n <>\n
\n \n Videos\n \n \n {Strings.contacto}\n \n \n {Strings.comprar}\n \n \n\n \n {(!smVewport || tab === \"chart\") &&\n \n {(!smVewport || tab === \"chart\") &&\n \n \n }\n \n 
\n \n