\n \n \n (*) Se muestra el cálculo del próximo folio que el DTE utilizará en base al valor ingresado, y los CAF vigentes.\n \n (**) La solicitud automática de CAF se hace cada una hora si los folios disponibles bajan del umbral.\n \n \n \n \n \n
\n )\n}\n\nFolios.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles, { withTheme: true })(Folios);","import React, { createContext, useReducer } from \"react\";\n\nlet CertificadosContext = createContext();\n\nlet initialState = {\n openCargarCertificado: false,\n archivoBase64: null,\n claveCertificado: \"\"\n};\n\nlet fixedState = JSON.parse(JSON.stringify(initialState));\n\nlet reducer = (state, action) => {\n switch (action.type) {\n case \"reset\": {\n return fixedState;\n }\n case \"toggleCargarCertificado\": {\n return { ...state, openCargarCertificado: !state.openCargarCertificado };\n }\n case \"loadCertificado\": {\n return { ...state, archivoBase64: action.archivoBase64 };\n }\n case \"changeClaveCertificado\": {\n return { ...state, claveCertificado: action.claveCertificado };\n }\n default:\n return state;\n }\n};\n\nfunction CertificadosProvider(props) {\n let [state, dispatch] = useReducer(reducer, initialState);\n let value = { state, dispatch };\n\n return (\n {props.children}\n );\n}\n\nlet CertificadosConsumer = CertificadosContext.Consumer;\n\nexport { CertificadosContext as CertificadosContext, CertificadosProvider as CertificadosProvider, CertificadosConsumer as CertificadosConsumer };","import React, { useState, useContext } from 'react';\nimport CloseButtonDialog from \"App/components/CloseButtonDialog\";\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport Switch from '@material-ui/core/Switch';\nimport TextField from '@material-ui/core/TextField';\nimport { withStyles } from \"@material-ui/core/styles\";\nimport {CertificadosContext} from \"App/Administracion/Certificados/store\";\nimport {LayoutContext} from \"App/Layout/store\";\nimport { getBase64 } from 'App/Helpers/Actions';\nimport axios from 'axios';\nimport _ from 'underscore';\n\nconst styles = theme => ({\n table: {\n marginTop: 30,\n },\n gridContainer: {\n paddingRight: 30,\n marginTop: \"0.1px\"\n },\n borderRed: {\n borderStyle: \"solid\",\n marginTop: \"0.1px\",\n padding: 10,\n borderColor: \"red\"\n },\n labelPaddingTop: {\n paddingTop: \"10px\"\n }\n});\n\nfunction CargarCertificado(props) {\n const certificadosContext = useContext(CertificadosContext);\n var layoutContext = useContext(LayoutContext);\n const handleToggleModal = ()=> {\n certificadosContext.dispatch({type:\"toggleCargarCertificado\"});\n certificadosContext.dispatch({type:\"reset\"});\n }\n const { classes } = props;\n\n const [ remitenteDefecto, setRemitenteDefecto ] = useState(true);\n\n function onFileInputChange(event) {\n event.preventDefault();\n const _validFileExtensions = [\".pfx\", \".cert\"];\n var fileInput = event.target;\n var file = fileInput.files[0];\n\n if(file != null) {\n var sFileName = file.name;\n var blnValid = false;\n for (var j = 0; j < _validFileExtensions.length; j++) {\n var sCurExtension = _validFileExtensions[j];\n if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {\n blnValid = true;\n break;\n }\n }\n \n if (!blnValid) {\n alert(\"Sólo se aceptan archivos de certificado\");\n return false;\n }\n\n getBase64(file, (archivoBase64)=> {\n archivoBase64 = archivoBase64.substr(archivoBase64.indexOf(',') + 1);\n certificadosContext.dispatch({type:\"loadCertificado\", archivoBase64});\n }, (error)=> {\n console.log(error);\n certificadosContext.dispatch({type:\"loadCertificado\", archivoBase64: null});\n });\n } else {\n certificadosContext.dispatch({type:\"loadCertificado\", archivoBase64: null});\n }\n }\n\n function GuardarCertificado() {\n if(certificadosContext.state.archivoBase64 != null) {\n var data = {\n archivo: certificadosContext.state.archivoBase64,\n clave: certificadosContext.state.claveCertificado\n }\n axios.post('/api/Administracion/Remitente/Crear' + (remitenteDefecto ? \"/Default\" : \"\"), data).then(()=> {\n alert(\"Certificado cargado con éxito\");\n handleToggleModal();\n if(props.getCerts){\n props.getCerts();\n }\n }).catch((e)=> {\n console.log(e.response.data.Mensaje);\n /*alert(e.response.data.Mensaje)*/;\n })\n } else {\n alert(\"No ha sido cargado el certificado al formulario\");\n }\n }\n\n function toggleRemitenteDefecto() {\n setRemitenteDefecto(!remitenteDefecto);\n }\n\n function onChangeClaveCertificado(e) {\n certificadosContext.dispatch({type:\"changeClaveCertificado\", claveCertificado: e.target.value});\n }\n\n const content = (\n \n \n \n \n \n \n \n \n \n Remitente por defecto\n \n \n );\n\n const footer = (\n \n \n \n \n );\n\n return (\n
\n \n
\n );\n}\n\nexport default withStyles(styles)(CargarCertificado);","import React, { useContext, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Icon from '@material-ui/core/Icon';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport { Typography } from '@material-ui/core';\nimport { LayoutContext } from \"App/Layout/store\";\nimport { GetCertificados, EliminaCertificado } from 'App/Administracion/Actions';\nimport {CertificadosContext} from \"App/Administracion/Certificados/store\";\nimport CargarCertificado from './CargarCertificado';\nimport moment from 'moment';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n marginTop: theme.spacing.unit * 3,\n overflowX: 'auto',\n },\n table: {\n minWidth: 700,\n },\n textAlignRight: {\n textAlign: \"right\"\n },\n iconHover: {\n '&:hover': {\n color: \"rgb(61,30,144)\",\n cursor: \"pointer\"\n }\n }\n});\n\nfunction Certificados(props) {\n const { classes, theme } = props;\n const certificadosContext = useContext(CertificadosContext);\n const layoutContext = useContext(LayoutContext);\n\n const [ certificados, setCertificados ] = useState([]);\n\n var getCerts = ()=>GetCertificados((certificados)=> {\n setCertificados(certificados);\n })\n \n useEffect(()=> {\n getCerts()\n }, []);\n\n return (\n
\n \n );\n}\n\nBackdrop.propTypes = {\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css-api) below for more details.\n */\n children: PropTypes.node,\n classes: PropTypes.object.isRequired,\n /**\n * @ignore\n */\n className: PropTypes.string,\n /**\n * If `true`, the backdrop is invisible.\n * It can be used when rendering a popover or a custom select component.\n */\n invisible: PropTypes.bool,\n /**\n * If `true`, the backdrop is open.\n */\n open: PropTypes.bool.isRequired,\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n */\n transitionDuration: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.shape({ enter: PropTypes.number, exit: PropTypes.number }),\n ]),\n};\n\nBackdrop.defaultProps = {\n invisible: false,\n};\n\nexport default withStyles(styles, { name: 'MuiBackdrop' })(Backdrop);","import React, { useContext, useEffect, useState } from 'react'\nimport axios from 'axios'\nimport Swal from 'sweetalert2'\nimport { LayoutContext } from \"App/Layout/store\";\nimport {CircularProgress} from '@material-ui/core';\nimport Backdrop from './Backdrop'\n\nconst AxiosErrorHandler = ({ children }) => {\n const layoutContext = useContext(LayoutContext);\n const [cargando, setCargando] = useState(0)\n useEffect(() => {\n const requestInterceptor = axios.interceptors.request.use(config=>{\n if(!config.noBloquea) setCargando(true)\n return config\n })\n const responseInterceptor = axios.interceptors.response.use(response => {\n setCargando(false)\n return response.data\n }, async (error) => {\n //EN EL FUTURO HACER ALGO CON EL ERROR\n setCargando(false)\n var e = error;\n try{\n e = error.response.data.Mensaje||e\n }catch{}\n if(!error.response?.config?.skipError) Swal.fire(\n {\n icon: 'error',\n text: e||'Ocurrió un error al rescatar los datos'\n }\n )\n return Promise.reject(error);\n })\n\n return () => {\n axios.interceptors.response.eject(responseInterceptor);\n axios.interceptors.request.eject(requestInterceptor);\n }\n }, [])\n\n return <>\n {cargando?\n \n :null}\n {children}\n \n}\n\nexport default AxiosErrorHandler","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport AppLayout from \"./App/Layout/index\";\nimport Home from \"./App/Home/index\";\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport CustomRoute from './App/Helpers/CustomRoute';\nimport Emitidos from \"./App/Emitidos/index\";\nimport Recibidos from \"./App/Recibidos/index\";\nimport EditarCorreo from './App/Administracion/Correo/EditarCorreo';\nimport Folios from './App/Administracion/Folios/index';\nimport Certificados from './App/Administracion/Certificados/index';\nimport ApiKeys from './App/Administracion/ApiKeys/index';\nimport Reglas from './App/Administracion/Reglas/index';\nimport MisClientes from './App/Administracion/MisClientes/index';\nimport Plantillas from './App/Administracion/Plantillas/index';\nimport Usuarios from './App/Administracion/Usuarios/index';\nimport EditarPlantillas from './App/Administracion/Plantillas/editar';\nimport Libro from './App/Libros/index';\nimport Verifica from './App/Verifica/index';\nimport Tareas from './App/Tareas/index';\n//import registerServiceWorker from './registerServiceWorker';\nimport { AuthProvider } from \"react-oidc-context\";\nimport oidcConfiguration from './oidcConfig';\nimport axios from 'axios';\nimport pdfMake from \"pdfmake/build/pdfmake\";\nimport pdfFonts from \"pdfmake/build/vfs_fonts\";\nimport { LayoutProvider } from \"App/Layout/store\";\nimport { nest } from 'recompose';\nimport { FoliosProvider } from \"App/Administracion/Folios/store\";\nimport { RecibidosProvider } from 'App/Recibidos/store';\nimport { CertificadosProvider } from 'App/Administracion/Certificados/store';\nimport { AdministracionProvider } from 'App/Administracion/store';\nimport { CesionProvider } from 'App/Cesion/store';\nimport { TareasProvider } from 'App/Tareas/store';\nimport moment from 'moment';\nimport AxiosErrorHandler from './AxiosErrorHandler'\n\nrequire('moment/locale/es');\n\npdfMake.vfs = pdfFonts.pdfMake.vfs;\nmoment.locale('es');\n\n\naxios.defaults.headers.post['Content-Type'] = 'application/json';\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nconst Stores = nest(\n LayoutProvider,\n FoliosProvider,\n RecibidosProvider,\n CertificadosProvider,\n AdministracionProvider,\n CesionProvider,\n TareasProvider\n);\n\nReactDOM.render(\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 rootElement);\n\n//registerServiceWorker();"],"sourceRoot":""}
![](\"dist/LogoAsyntecBlanco.png\")
Asyntec DTE\n