Av de Mayo 881. Piso 7 oficina G, CABA. CP 1084,\n Argentina
\n
\n
\n
\n
\n
LA AGENCIA DE ACCESO A LA INFORMACIÓN\n PUBLICA, en su character de\n Órgano de Control\n de la Ley Nro. 25326, tiene la atribución de attender las denuncias\n y reclamos que\n interpongan\n quienes resulten afectados en sus derechos por incumplimiento de las\n normas vigentes\n en materia de protección de datos personales.
\n \n Cada uno de nuestros asesores está especializado en el trámite que usted desea realizar, para así ayudar y completar de la manera más eficiente y rápida sus trámites.\n \n
\n
\n
\n \n
\n \n Tiempo es dinero! No pierda el suyo buscando tutoriales, abriendo docenas de pestañas para poder hacer un tramite, lo hace en 5 min en nuestros forms simplificados y se los entregamos en el día!.\n \n
\n
\n
\n \n
\n \n Puede completar sus datos 24/7, y ante cualquier duda nuestros asesores estarán a su disposición para ayudarlos a despejar sus miedos y brindar seguridad para completar sus formularios.\n \n
\n
\n
\n \n
\n \n Todos los datos que usted nos brindan voluntariamente, se encuentran encriptados en nuestra base de datos, y los mismos son borrados automáticamente luego de un breve periodo de tiempo, para su seguridad.\n
\n \n Muy buena la atención de la gente de tramita ya son realmente amables y cordiales.\n \n \n Carla Muñoz\n
\n \n
\n \n
\n \n La verdad es que no tengo quejas, cargue todo muy fácil y me llego todo por mail a tiempo.\n \n \n Roberto Gimenez\n
\n
\n
\n \n
\n \n Al comienzo tenía mis dudas sobre ellos, pero respondieron muy bien, en ningún momento dejaron de comunicarse hasta finalizar mi trámite.\n \n \n Federico Kozinsky\n
\n );\n};\nexport default ModalInfo;\n","import React, { Component, Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components\";\nimport {\n Popover,\n PopoverBody,\n Button,\n Form,\n InputGroup,\n InputGroupText,\n InputGroupAddon\n} from \"reactstrap\";\nimport { StyledTitle } from \"./App\";\nimport { reduxForm, Field, formValueSelector } from \"redux-form\";\nimport {\n required,\n patente,\n email,\n cuit,\n maxLength7,\n validChasis\n} from \"./common/validation\";\nimport classNames from \"classnames\";\nimport TextField from \"./common/TextField\";\nimport SelectField from \"./common/SelectField\";\nimport { getFullnameByCuit } from \"../requests/afip\";\nimport ModalInfo from \"./common/ModalInfo\";\nimport { BrowserView } from \"react-device-detect\";\n\nconst selector = formValueSelector(\"wizard\");\n\nclass StepOne extends Component {\n state = {\n popoverOpen: {},\n modal: false\n };\n\n componentDidMount() {\n if (this.props.product === undefined) {\n this.props.change(\"product\", \"cedula-azul\");\n }\n }\n\n closeModal = () => {\n this.setState({ modal: false });\n };\n\n toggle = name => {\n this.setState({\n popoverOpen: {\n [name]: !this.state.popoverOpen[name]\n }\n });\n };\n\n handleCuit = async event => {\n try {\n const resp = await getFullnameByCuit(event.target.value);\n this.props.change(\"step1_fullname\", resp.data.p_razon_social);\n } catch (error) {\n console.log(error);\n }\n };\n\n renderInput = field => ;\n\n renderSelect = field => ;\n\n render() {\n const { handleSubmit } = this.props;\n\n return (\n \n \n \n {this.state.modal && (\n \n
\n Estimados clientes, Informamos que debido al Decreto de\n Necesidad y Urgencia emitido el día 19/03/2020 por la\n presidencia, como medida de prevención contra el COVID-19 se\n ha dispuesto la cuarentena obligatoria y cierre de los\n Registros Seccionales hasta el 31 de Marzo.\n
\n
\n Se encuentran HABILITADOS todos los turnos posteriores al 1\n de Marzo de 2020, por lo que pueden modificarse o\n seleccionar los mismos.\n
\n
\n Si desea realizar una cambio de turno puede hacerlo en\n cualquier momento con el Código de Servicio y Numero de\n Precarga recibidos a su correo en el siguiente link:{\" \"}\n \n https://www2.jus.gov.ar/dnrpa-site/#!/modificarTurno\n \n
\n
Muchas Gracias
\n
Sean responsables cuiden su salud y la de todos.
\n \n }\n title={\"Aviso Importante!\"}\n showFooter={true}\n />\n )}\n \n \n );\n }\n}\n\nconst StyledButton = styled(Button)`\n background: #30bdbb !important;\n border: none !important;\n border-radius: 0 !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n font-family: Montserrat !important;\n font-weight: 500 !important;\n font-size: 21px !important;\n`;\n\nconst StyledInfo = styled.span`\n cursor: pointer;\n margin-left: 10px;\n i {\n font-size: 18px;\n color: #30bdbb;\n }\n`;\n\nexport const FieldStyled = styled(Field)`\n border: 1px solid #30bdbb !important;\n border-radius: 0 !important;\n font-size: 14px !important;\n font-family: \"Montserrat\" !important;\n`;\n\nconst mapStateToProps = state => {\n return {\n product: selector(state, \"product\"),\n patent: selector(state, \"patent\"),\n chasis: selector(state, \"chasis\"),\n gclid: selector(state, \"gclid\")\n };\n};\n\nexport default reduxForm({\n form: \"wizard\",\n destroyOnUnmount: false,\n forceUnregisterOnUnmount: true,\n onSubmit: () => console.log(\"submited\")\n})(connect(mapStateToProps)(StepOne));\n","export default [\n new Date(),\n\n //ENERO 2022\n new Date(2022, 0, 1),\n new Date(2022, 0, 2),\n new Date(2022, 0, 8),\n new Date(2022, 0, 9),\n new Date(2021, 0, 15),\n new Date(2021, 0, 16),\n new Date(2021, 0, 22),\n new Date(2021, 0, 23),\n new Date(2021, 0, 29),\n new Date(2021, 0, 30),\n\n //Febrero 2022\n new Date(2022, 1, 5),\n new Date(2022, 1, 6),\n new Date(2022, 1, 12),\n new Date(2022, 1, 13),\n new Date(2022, 1, 19),\n new Date(2022, 1, 20),\n new Date(2022, 1, 26),\n new Date(2022, 1, 27),\n //FERIADO\n new Date(2022, 1, 28),\n new Date(2022, 2, 1),\n\n\n //Marzo\n new Date(2022, 2, 5),\n new Date(2022, 2, 6),\n new Date(2022, 2, 12),\n new Date(2022, 2, 13),\n new Date(2022, 2, 19),\n new Date(2022, 2, 20),\n new Date(2022, 2, 26),\n new Date(2022, 2, 27),\n //FERIADO\n new Date(2022, 2, 24),\n\n //Abril\n new Date(2022, 3, 2),\n new Date(2022, 3, 3),\n new Date(2022, 3, 9),\n new Date(2022, 3, 10),\n new Date(2022, 3, 16),\n new Date(2022, 3, 17),\n new Date(2022, 3, 23),\n new Date(2022, 3, 24),\n new Date(2022, 3, 30),\n //FERIADO\n new Date(2022, 3, 15),\n\n //Mayo\n new Date(2022, 4, 1),\n new Date(2022, 4, 7),\n new Date(2022, 4, 8),\n new Date(2022, 4, 14),\n new Date(2022, 4, 15),\n new Date(2022, 4, 21),\n new Date(2022, 4, 22),\n new Date(2022, 4, 28),\n new Date(2022, 4, 29),\n //FERIADO\n new Date(2022, 4, 25),\n\n\n //Junio\n new Date(2022, 5, 4),\n new Date(2022, 5, 5),\n new Date(2022, 5, 11),\n new Date(2022, 5, 12),\n new Date(2022, 5, 18),\n new Date(2022, 5, 19),\n new Date(2022, 5, 25),\n new Date(2022, 5, 26),\n //FERIADO\n new Date(2022, 5, 17),\n new Date(2022, 5, 20),\n\n //Julio\n new Date(2022, 6, 2),\n new Date(2022, 6, 3),\n new Date(2022, 6, 9),\n new Date(2022, 6, 10),\n new Date(2022, 6, 16),\n new Date(2022, 6, 17),\n new Date(2022, 6, 23),\n new Date(2022, 6, 24),\n new Date(2022, 6, 30),\n new Date(2022, 6, 31),\n\n //Agosto\n new Date(2022, 7, 6),\n new Date(2022, 7, 7),\n new Date(2022, 7, 13),\n new Date(2022, 7, 14),\n new Date(2022, 7, 20),\n new Date(2022, 7, 21),\n new Date(2022, 7, 27),\n new Date(2022, 7, 28),\n //FERIADO\n new Date(2022, 7, 15),\n\n //Septiembre\n new Date(2022, 8, 3),\n new Date(2022, 8, 4),\n new Date(2022, 8, 10),\n new Date(2022, 8, 11),\n new Date(2022, 8, 17),\n new Date(2022, 8, 18),\n new Date(2022, 8, 24),\n new Date(2022, 8, 25),\n\n //Octubre\n new Date(2022, 9, 1),\n new Date(2022, 9, 2),\n new Date(2022, 9, 8),\n new Date(2022, 9, 9),\n new Date(2022, 9, 15),\n new Date(2022, 9, 16),\n new Date(2022, 9, 22),\n new Date(2022, 9, 23),\n new Date(2022, 9, 29),\n new Date(2022, 9, 30),\n //FERIADO\n new Date(2022, 9, 7),\n new Date(2022, 9, 10),\n\n //Noviembre\n new Date(2022, 10, 5),\n new Date(2022, 10, 6),\n new Date(2022, 10, 12),\n new Date(2022, 10, 13),\n new Date(2022, 10, 19),\n new Date(2022, 10, 20),\n new Date(2022, 10, 26),\n new Date(2022, 10, 27),\n //FERIADO\n new Date(2022, 10, 21),\n\n // //Diciembre\n new Date(2022, 11, 3),\n new Date(2022, 11, 4),\n new Date(2022, 11, 10),\n new Date(2022, 11, 11),\n new Date(2022, 11, 17),\n new Date(2022, 11, 18),\n new Date(2022, 11, 24),\n new Date(2022, 11, 25),\n new Date(2022, 11, 31),\n //FERIADO\n new Date(2022, 11, 8),\n new Date(2022, 11, 9)\n]\n","import React, { Component, Fragment } from 'react'\nimport { connect } from 'react-redux'\nimport styled from 'styled-components'\nimport {\n Button,\n Form,\n Label,\n Input,\n Col,\n Table,\n Popover,\n PopoverBody,\n} from 'reactstrap'\nimport { StyledTitle } from './App'\nimport { reduxForm, Field, formValueSelector } from 'redux-form'\nimport { required } from './common/validation'\nimport TextField from './common/TextField'\nimport SelectField from './common/SelectField'\nimport axios from 'axios'\nimport { isEmpty } from 'lodash'\nimport { getFullnameByCuit } from '../requests/afip'\nimport { getProductCedulas } from '../requests/product'\nimport config from '../config'\nimport { addDays } from 'date-fns'\nimport DatePicker, { registerLocale, setDefaultLocale } from 'react-datepicker'\nimport es from 'date-fns/locale/es'\nimport 'react-datepicker/dist/react-datepicker.css'\nimport Swal from 'sweetalert2/dist/sweetalert2.js'\nimport 'sweetalert2/src/sweetalert2.scss'\nimport excludes from '../helpers/excludes'\nimport domains from '../helpers/domains'\n\nconst selector = formValueSelector('wizard')\nregisterLocale('es', es)\nsetDefaultLocale('es')\n\nfunction addMonths(date, months) {\n var d = date.getDate();\n date.setMonth(date.getMonth() + +months);\n if (date.getDate() != d) {\n date.setDate(0);\n }\n return date;\n}\n\nclass StepTwo extends Component {\n state = {\n popoverOpen: {},\n showError: false,\n data: [],\n service: 0,\n countCedula: 0,\n costoGestion: 199,\n costoPlus: 50,\n typeDni: '',\n aTypeDni: '',\n typeCedula: 0,\n selectedTypes: [],\n typePerson: '',\n valueDate: '',\n minDate: new Date(),\n maxDate: addMonths(new Date(), 1),\n accepted: false,\n showErrorNotAccepted: false,\n showErrorCed: false,\n showErrorNoDate: false,\n showErrorSameTitAuth: false,\n myRef: React.createRef(),\n showExpediciónCedula: true,\n showRevocCedulaAzul: false,\n showRenovationCedulaVerde: false,\n showDuplicateCedulaVerde: false,\n showExpedicionCedulaVerde: false,\n priceRenovation: 199,\n priceDuplicate: 199,\n arancelRenovation: {\n arancel: 325,\n renovation: 335,\n multa: 135,\n form13: 222,\n },\n arancelDuplication: {\n arancel: 325,\n duplicate: 335,\n multa: 135,\n form13: 222,\n },\n expeditionCedulaAzul: {\n cedulaAuthorization: 385,\n arancel: 375,\n formulariotp: 258,\n bonif: 258,\n multa: 135,\n formulario13: 222,\n },\n arancelCedulaVerde: {\n cedulaAuthorization: 335,\n arancel: 325,\n formulariotp: 228,\n bonif: 228,\n multa: 135,\n formulario13: 222,\n },\n typesDniFisica: [\n {\n id: '1',\n type: 'DNI',\n },\n {\n id: '2',\n type: 'Libreta de Enrolamiento',\n },\n {\n id: '3',\n type: 'Libreta Cívica',\n },\n {\n id: '4',\n type: 'DNI Extranjero',\n },\n {\n id: '5',\n type: 'Cedula de identidad Extranjero',\n },\n {\n id: '6',\n type: 'Pasaporte',\n },\n {\n id: '7',\n type: 'CUIT / CUIL',\n },\n ],\n typesMotive: [\n {\n id: '1',\n type: 'EXTRAVIO',\n },\n {\n id: '2',\n type: 'ROBO Y/O HURTO',\n },\n {\n id: '3',\n type: 'DETERIORO',\n },\n {\n id: '4',\n type: 'DESTRUCCIÓN',\n },\n ],\n typesDniJuridica: [\n {\n id: '7',\n type: 'CUIT',\n },\n ],\n }\n\n async componentDidMount() {\n // const resultCedulaAzul = await getProductCedulas(6);\n // const resultCedulaVerde = await getProductCedulas(8);\n let amountCedulaAzul = 249\n let amountCedulaVerde = 249\n\n if (this.props.a_dni_type === undefined) {\n this.props.change('a_dni_type', '1')\n this.props.untouch('a_dni_type')\n }\n\n if (this.props.product == 'cedula-azul') {\n this.setState({\n costoGestion: amountCedulaAzul,\n })\n }\n\n if (this.props.product == 'revocacion-cedula-azul') {\n this.setState({\n showRevocCedulaAzul: true,\n showExpediciónCedula: false,\n showDuplicateCedulaVerde: false,\n showExpedicionCedulaVerde: false,\n showRenovationCedulaVerde: false,\n costoGestion: amountCedulaAzul,\n })\n }\n\n if (this.props.product == 'renovate-cedula-verde') {\n this.setState({\n showExpediciónCedula: false,\n showDuplicateCedulaVerde: false,\n showExpedicionCedulaVerde: false,\n showRevocCedulaAzul: false,\n showRenovationCedulaVerde: true,\n costoGestion: amountCedulaVerde,\n })\n }\n\n if (this.props.product == 'duplicate-cedula-verde') {\n this.setState({\n showExpediciónCedula: false,\n showRenovationCedulaVerde: false,\n showExpedicionCedulaVerde: false,\n showRevocCedulaAzul: false,\n showDuplicateCedulaVerde: true,\n costoGestion: amountCedulaVerde,\n })\n }\n\n if (this.props.product == 'cedula-verde') {\n this.setState({\n showExpediciónCedula: false,\n showRenovationCedulaVerde: false,\n showExpedicionCedulaVerde: true,\n showDuplicateCedulaVerde: false,\n showRevocCedulaAzul: false,\n typeCedula: 1,\n costoGestion: amountCedulaVerde,\n })\n }\n\n const typeRodado = domains.getTypeRodadoByDomain(this.props.patent)\n\n if (typeRodado.auto.length > 0 && typeRodado.moto.length == 0) {\n this.setState({\n expeditionCedulaAzul: {\n cedulaAuthorization: 945,\n arancel: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n formulario13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length == 0 && typeRodado.moto.length > 0) {\n this.setState({\n expeditionCedulaAzul: {\n cedulaAuthorization: 540,\n arancel: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n formulario13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length > 0 && typeRodado.moto.length == 0) {\n this.setState({\n arancelRenovation: {\n arancel: 945,\n renovation: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n form13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length == 0 && typeRodado.moto.length > 0) {\n this.setState({\n arancelRenovation: {\n arancel: 540,\n renovation: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n form13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length > 0 && typeRodado.moto.length == 0) {\n this.setState({\n arancelCedulaVerde: {\n cedulaAuthorization: 1447,\n arancel: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n formulario13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length == 0 && typeRodado.moto.length > 0) {\n this.setState({\n arancelCedulaVerde: {\n cedulaAuthorization: 1007,\n arancel: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n formulario13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length > 0 && typeRodado.moto.length == 0) {\n this.setState({\n arancelDuplication: {\n cedulaAuthorization: 1447,\n arancel: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n formulario13: 0,\n },\n })\n }\n\n if (typeRodado.auto.length == 0 && typeRodado.moto.length > 0) {\n this.setState({\n arancelDuplication: {\n cedulaAuthorization: 1007,\n arancel: 0,\n formulariotp: 0,\n bonif: 0,\n multa: 0,\n formulario13: 0,\n },\n })\n }\n\n const now = new Date()\n const end = new Date()\n\n this.setState({\n service: 0,\n })\n\n this.setState({\n maxDate: end.setDate(now.getDate() + 31),\n })\n\n this.setState({\n selectedTypes: this.state.typesDniFisica,\n })\n if (this.props.step1_caracter == 'titular') {\n this.props.change('step2_dni_type', '7')\n this.props.change('t_cuit_cuil', this.props.step1_cuit)\n }\n\n if (now.getDay() == 6) {\n this.setState({\n minDate: addDays(this.state.minDate, 2),\n })\n } else {\n if (now.getHours() >= 12) {\n if (addDays(now, 1).getDay() == 5) {\n this.setState({\n minDate: addDays(this.state.minDate, 3),\n })\n } else {\n this.setState({\n minDate: addDays(this.state.minDate, 1),\n })\n }\n }\n }\n\n this.setState({\n typePerson: 'fisica',\n })\n\n this.setState({\n showError: false,\n })\n\n this.calculatePrice()\n\n window.scrollTo(0, 0)\n }\n\n toggle = (name) => {\n this.setState({\n popoverOpen: {\n [name]: !this.state.popoverOpen[name],\n },\n })\n }\n\n validateDniOne = (value) => {\n if (this.props.step2_dni_type == '1') {\n return this.validateDni(value)\n }\n\n if (this.props.step2_dni_type == '7') {\n return this.validateCuit(value)\n }\n }\n\n validateDniTwo = (value) => {\n if (this.props.a_dni_type == '1') {\n return this.validateDni(value)\n }\n\n if (this.props.a_dni_type == '7') {\n return this.validateCuit(value)\n }\n }\n\n validateDni = (value) => {\n if (isEmpty(value)) return 'Campo requerido'\n\n if (String(value.length) < 7) return 'Dni debe ser mayor a 6 digitos'\n\n if (String(value.length) > 8) return 'Dni debe ser menor 8 digitos'\n\n return undefined\n }\n\n validateCuit = (value) => {\n var mult = [5, 4, 3, 2, 7, 6, 5, 4, 3, 2]\n var total = 0\n var cuit = []\n\n value = value ? value.toString().replace(/-/g, '') : ''\n\n if (value.match(/[a-z]/i)) {\n return 'El cuit tiene un formato inválido'\n }\n\n for (var x = 0; x < value.length; x++) {\n if (value.substr(x, 1) !== '') {\n cuit[x] = value.substr(x, 1)\n }\n }\n\n if (cuit.length == 0) return undefined\n\n if (cuit.length == 11) {\n var prim = cuit[0] + cuit[1]\n if (\n prim == 27 ||\n prim == 20 ||\n prim == 23 ||\n prim == 30 ||\n prim == 33 ||\n prim == 34 ||\n prim == 24\n ) {\n for (var i = 0; i < mult.length; i++) {\n total += parseInt(cuit[i]) * mult[i]\n }\n var mod = total % 11\n var digito = mod == 0 ? 0 : mod == 1 ? 9 : 11 - mod\n\n if (digito == parseInt(cuit[10])) {\n return undefined\n } else {\n return 'El cuit tiene un formato inválido'\n }\n } else {\n return 'El cuit tiene un formato inválido'\n }\n } else {\n return 'El cuit tiene un formato inválido'\n }\n }\n\n handleChangeDni = (event) => {\n this.setState({ typeDni: event.target.value })\n }\n\n handleChangeADni = (event) => {\n this.setState({ aTypeDni: event.target.value })\n }\n\n checkCorrectData = (dniType, number) => {\n if (dniType == 7) {\n return this.validateCuit(number)\n }\n\n if (dniType == 1) {\n return this.validateDni(number)\n }\n }\n\n handleAddCedule = (e) => {\n e.preventDefault()\n e.stopPropagation()\n\n const costoGestion = this.state.costoGestion\n const costoPlus = this.state.costoPlus\n let cost = 0\n\n if (this.checkCorrectData(this.props.a_dni_type, this.props.a_cuit_cuil)) {\n return\n }\n\n if (this.isSameTitularToAutorized()) {\n this.setState({\n showErrorSameTitAuth: true,\n })\n return\n } else {\n this.setState({\n showErrorSameTitAuth: false,\n })\n }\n\n if (\n this.existSameDocNumber(\n this.setNameDoc(this.props.a_dni_type),\n this.props.a_cuit_cuil\n )\n ) {\n this.setState({\n showErrorCed: true,\n })\n return\n } else {\n this.setState({\n showErrorCed: false,\n })\n }\n\n if (\n !this.props.a_cuit_cuil ||\n !this.props.a_dni_type ||\n !this.props.a_firstname ||\n !this.props.a_lastname\n )\n return\n\n if (this.state.showError) {\n this.setState({\n showError: false,\n })\n }\n\n this.props.changeData({\n cuitCuil:\n this.props.a_cuit_cuil.length === 7 && this.props.a_dni_type == '1'\n ? `0${this.props.a_cuit_cuil}`\n : this.props.a_cuit_cuil,\n dniType: this.setNameDoc(this.props.a_dni_type),\n firstname: this.props.a_firstname,\n lastname: this.props.a_lastname,\n typeCedula: this.state.typeCedula == 0 ? 'cedula-azul' : 'cedula-verde',\n })\n\n if (this.state.countCedula == 0) {\n cost = costoGestion\n this.setState({ service: cost })\n } else if (this.state.countCedula > 1) {\n cost = this.state.service + costoPlus\n this.setState({ service: cost })\n }\n\n this.props.change('a_cuit_cuil', '')\n this.props.untouch('a_cuit_cuil')\n this.props.change('a_dni_type', '1')\n this.props.untouch('a_dni_type')\n this.props.change('a_firstname', '')\n this.props.untouch('a_firstname')\n this.props.change('a_lastname', '')\n this.props.untouch('a_lastname')\n this.setState({\n countCedula: this.state.countCedula + 1,\n })\n\n const heigthFirstElement = document.getElementById('btn-solicitud-mobile')\n .clientHeight\n\n window.scrollTo(0, heigthFirstElement)\n }\n\n calculatePrice = () => {\n let count = 0\n let service = 0\n if (this.props.data.length > 0) {\n this.props.data.forEach((element) => {\n if (count == 0) {\n service += this.state.costoGestion\n }\n\n if (count >= 2) {\n service += this.state.costoPlus\n }\n\n count++\n })\n\n this.setState({\n service: service,\n })\n\n this.setState({\n countCedula: count,\n })\n }\n\n return\n }\n\n isSameTitularToAutorized = () => {\n let subscuit = ''\n\n if (\n this.props.step2_dni_type == 7 &&\n this.props.a_dni_type != 7 &&\n this.props.a_cuit_cuil.length != 11\n ) {\n subscuit = this.props.t_cuit_cuil\n .replace(/-/g, '')\n .substr(2, this.props.t_cuit_cuil.length)\n subscuit = subscuit.substring(0, subscuit.length - 1)\n\n return this.props.a_cuit_cuil == subscuit\n }\n\n if (\n this.props.step2_dni_type == 1 &&\n this.props.a_dni_type != 1 &&\n this.props.t_cuit_cuil != 11\n ) {\n subscuit = this.props.a_cuit_cuil\n .replace(/-/g, '')\n .substr(2, this.props.a_cuit_cuil.length)\n subscuit = subscuit.substring(0, subscuit.length - 1)\n\n return this.props.t_cuit_cuil == subscuit\n }\n\n return (\n this.props.t_cuit_cuil.replace(/-/g, '') ==\n this.props.a_cuit_cuil.replace(/-/g, '')\n )\n }\n\n deleteCedule = (index) => {\n const costoGestion = this.state.costoGestion\n const costoPlus = this.state.costoPlus\n\n this.props.onDelete(index)\n\n this.setState({\n countCedula: this.state.countCedula - 1,\n })\n\n if (this.state.countCedula == 1) {\n this.setState({ countCedula: 0 })\n }\n\n if (this.state.countCedula > 2) {\n this.setState({ service: this.state.service - costoPlus })\n }\n\n if (this.state.countCedula == 0) {\n this.setState({ service: this.state.service - costoGestion })\n }\n }\n\n handleChangeDate = (date) => {\n this.setState({\n valueDate: date,\n })\n }\n\n setNameDoc = (typeDni) => {\n switch (typeDni) {\n case '1':\n return 'DNI'\n case '2':\n return 'Libreta de Enrolamiento'\n case '3':\n return 'Libreta Cívica'\n case '4':\n return 'DNI Extranjero'\n case '5':\n return 'Cedula de identidad Extranjero'\n case '6':\n return 'Pasaporte'\n case '7':\n return 'CUIT/CUIL'\n default:\n return 'DNI'\n }\n }\n\n setNameProduct = (type) => {\n switch (type) {\n case 'cedula-azul':\n return 'EXPEDICIÓN CÉDULA AZUL'\n case 'renovate-cedula-verde':\n return 'RENOVACIÓN POR VENCIMIENTO CÉDULA VERDE'\n case 'duplicate-cedula-verde':\n return 'DUPLICADO DE CÉDULA VERDE'\n case 'cedula-verde':\n return 'EXPEDICIÓN ADICIONAL DE CÉDULA VERDE'\n case 'revocacion-cedula-azul':\n return 'REVOCADO CEDULA AZUL'\n default:\n return 'EXPEDICIÓN CÉDULA AZUL'\n }\n }\n\n renderInput = (field) => \n\n renderSelect = (field) => \n\n renderOptionsDnis = () => {\n return this.state.selectedTypes.map((item, index) => (\n \n ))\n }\n\n handleJuridica = (event) => {\n this.props.changeType('fisica')\n this.setState({\n selectedTypes: this.state.typesDniJuridica,\n })\n this.setState({\n typePerson: 'juridica',\n })\n }\n\n handleFisica = (event) => {\n this.props.changeType('juridica')\n this.setState({\n selectedTypes: this.state.typesDniFisica,\n })\n this.setState({\n typePerson: 'fisica',\n })\n }\n\n handleAccepted = (event) => {\n this.setState({\n accepted: true,\n })\n }\n\n handNotAccepted = (event) => {\n this.setState({\n accepted: false,\n })\n }\n\n handleTypeDniChoise = async (event) => {\n if (this.props.a_dni_type == '7') {\n try {\n const resp = await getFullnameByCuit(event.target.value)\n this.props.change('a_fullname', resp.data.p_razon_social)\n } catch (error) {\n console.log(error)\n }\n }\n }\n\n handleKeyDown = (e, cb) => {\n if (e.key === 'Enter' && e.shiftKey === false) {\n e.preventDefault()\n cb()\n }\n }\n\n handleDateChangeRaw = (e) => {\n e.preventDefault()\n }\n\n excludeDates = () => {\n const exclude = excludes\n return exclude\n }\n\n existSameDocNumber = (type, number) => {\n const exist = this.props.data.filter((data) => {\n return data.cuitCuil == number && data.dniType == type\n })\n\n if (exist.length > 0) {\n return true\n }\n\n return false\n }\n\n getDataServicesCedula = () => {\n let data = {\n patent: this.props.patent,\n chasis: this.props.chasis,\n product: this.props.product,\n cost: this.state.service,\n turnDate: this.state.valueDate,\n solicitante: {\n caracter: this.props.step1_caracter,\n cuit: this.props.step1_cuit,\n fullname: this.props.step1_fullname,\n email: this.props.step1_email,\n codeArea: '11',\n phone: '1111111',\n operador: 'personal',\n },\n titular: {\n typePerson: this.state.typePerson,\n docType: this.setNameDoc(this.props.step2_dni_type),\n codNumber:\n this.props.t_cuit_cuil.length === 7 &&\n this.props.step2_dni_type == '1'\n ? `0${this.props.t_cuit_cuil}`\n : this.props.t_cuit_cuil,\n },\n cedulas: this.props.data,\n }\n return data\n }\n\n getDataServicesRenovation = () => {\n let data = {\n patent: this.props.patent,\n chasis: this.props.chasis,\n product: this.props.product,\n cost: this.state.costoGestion,\n turnDate: this.state.valueDate,\n solicitante: {\n caracter: this.props.step1_caracter,\n cuit: this.props.step1_cuit,\n fullname: this.props.step1_fullname,\n email: this.props.step1_email,\n codeArea: '11',\n phone: '1111111',\n operador: 'personal',\n },\n titular: {\n typePerson: this.state.typePerson,\n docType: this.setNameDoc(this.props.step2_dni_type),\n codNumber:\n this.props.t_cuit_cuil.length === 7 &&\n this.props.step2_dni_type == '1'\n ? `0${this.props.t_cuit_cuil}`\n : this.props.t_cuit_cuil,\n },\n cedulas: null,\n }\n\n return data\n }\n\n getDataDuplicate = () => {\n let data = {\n patent: this.props.patent,\n chasis: this.props.chasis,\n product: this.props.product,\n cost: this.state.costoGestion,\n turnDate: this.state.valueDate,\n motive: this.props.step2_motive,\n solicitante: {\n caracter: this.props.step1_caracter,\n cuit: this.props.step1_cuit,\n fullname: this.props.step1_fullname,\n email: this.props.step1_email,\n codeArea: '11',\n phone: '1111111',\n operador: 'personal',\n },\n titular: {\n typePerson: this.state.typePerson,\n docType: this.setNameDoc(this.props.step2_dni_type),\n codNumber:\n this.props.t_cuit_cuil.length === 7 &&\n this.props.step2_dni_type == '1'\n ? `0${this.props.t_cuit_cuil}`\n : this.props.t_cuit_cuil,\n },\n cedulas: null,\n }\n\n return data\n }\n\n getDataServices = () => {\n if (\n this.props.product == 'cedula-azul' ||\n this.props.product == 'revocacion-cedula-azul' ||\n this.props.product == 'cedula-verde'\n ) {\n return this.getDataServicesCedula()\n }\n\n if (this.props.product == 'renovate-cedula-verde') {\n return this.getDataServicesRenovation()\n }\n\n if (this.props.product == 'duplicate-cedula-verde') {\n return this.getDataDuplicate()\n }\n }\n\n caclPayToCedula = (\n arancel,\n formulario13,\n expCedulaAutorizar,\n cant,\n multa = 0\n ) => {\n if (this.state.showExpedicionCedulaVerde) {\n return expCedulaAutorizar * cant + (arancel + multa + formulario13)\n }\n\n return expCedulaAutorizar * cant + arancel\n }\n\n handleSubmitStepTwo = () => {\n if (this.props.product == 'duplicate-cedula-verde') {\n if (\n this.props.step2_motive == null ||\n this.props.step2_motive.length == 0 ||\n /^\\s*$/.test(this.props.step2_motive)\n ) {\n this.setState({\n showErrorNotMotive: true,\n })\n\n return\n }\n }\n\n if (\n this.checkCorrectData(this.props.step2_dni_type, this.props.t_cuit_cuil)\n )\n return\n\n if (this.props.data.length === 0 && this.state.showExpediciónCedula) {\n this.setState({\n showError: true,\n })\n\n return\n }\n\n if (this.state.accepted === false) {\n this.setState({\n showErrorNotAccepted: true,\n })\n\n return\n }\n\n if (this.state.valueDate == '') {\n this.setState({\n showErrorNoDate: true,\n })\n\n return\n }\n\n const gclid = JSON.parse(localStorage.getItem('gclid'))\n\n let cedula = this.getDataServices()\n\n cedula.gclid = gclid ? gclid.value : null\n\n Swal.fire({\n title: 'Estas a un paso de completar el tramite!',\n onBeforeOpen: () => {\n Swal.showLoading()\n return axios\n .post(`${config.serverUrl}/store`, { cedula })\n .then((res) => {\n setTimeout(() => {\n window.location.href = res.data.data.url\n }, 3000)\n })\n .catch((error) => {\n Swal.showValidationMessage(`Envío fallido disculpe: ${error}`)\n })\n },\n })\n }\n\n render() {\n const { handleSubmit } = this.props\n\n return (\n {\n this.handleKeyDown(e, this.handleAddCedule)\n }}\n onSubmit={(e) => {\n e.preventDefault()\n e.stopPropagation()\n this.handleSubmitStepTwo()\n }}>\n
\n \n Puede cargar todas las cedulas que necesite en esta pantalla.\n \n \n El precio de gestión corresponde hasta 2 cédulas, a partir de la\n 3ra se cobrará $50 adicionales por c/u.\n \n\n {this.state.showErrorCed && (\n \n {' '}\n \n {' '}\n Ya tiene agregado una cedula con el mismo número de\n documento.\n \n \n )}\n
\n \n \n TOTAL APROXIMADO A ABONAR EN EL REGISTRO\n \n this.toggle('Popover3')}\n id='Popover3'>\n \n \n this.toggle('Popover3')}>\n \n Los costos pueden variar segun vehículo y registro\n \n \n \n \n \n $\n {this.caclPayToCedula(\n this.state.arancelCedulaVerde.arancel,\n this.state.arancelCedulaVerde.formulario13,\n this.state.arancelCedulaVerde.cedulaAuthorization,\n this.props.data.length,\n this.state.arancelCedulaVerde.multa\n )}\n .-\n \n \n \n
TOTAL COSTO GESTIÓN
\n \n this.toggle('Popover2')}\n id='Popover2'>\n \n \n this.toggle('Popover2')}>\n \n El precio de gestión corresponde hasta 2 cédulas, a\n partir de la 3ra se cobrará $50 adicionales por c/u.\n \n \n \n \n ${this.state.service}.-\n \n \n
\n
\n \n
Turno:
\n \n \n this.toggle('Popover4')}\n id='Popover4'>\n \n \n this.toggle('Popover4')}>\n \n La fecha de turno esta sostenido a disponibilidad en\n el registro.\n \n \n \n \n
\n \n Puede cargar todas las cedulas que necesite en esta pantalla.\n \n \n El precio de gestión corresponde hasta 2 cédulas, a partir de la\n 3ra se cobrará $50 adicionales por c/u.\n \n\n {this.state.showErrorCed && (\n \n {' '}\n \n {' '}\n Ya tiene agregado una cedula con el mismo número de\n documento.\n \n \n )}\n
\n \n \n TOTAL APROXIMADO A ABONAR EN EL REGISTRO\n \n this.toggle('Popover3')}\n id='Popover3'>\n \n \n this.toggle('Popover3')}>\n \n Los costos pueden variar segun vehículo y registro\n \n \n \n \n \n $\n {this.caclPayToCedula(\n this.state.expeditionCedulaAzul.arancel,\n this.state.expeditionCedulaAzulformulario13,\n this.state.expeditionCedulaAzul.cedulaAuthorization,\n this.props.data.length,\n this.state.expeditionCedulaAzul.debt\n )}\n .-\n \n \n \n
TOTAL COSTO GESTIÓN
\n \n this.toggle('Popover2')}\n id='Popover2'>\n \n \n this.toggle('Popover2')}>\n \n El precio de gestión corresponde hasta 2 cédulas, a\n partir de la 3ra se cobrará $50 adicionales por c/u.\n \n \n \n \n ${this.state.service}.-\n \n \n
\n
\n \n
Turno:
\n \n \n this.toggle('Popover4')}\n id='Popover4'>\n \n \n this.toggle('Popover4')}>\n \n La fecha de turno esta sostenido a disponibilidad en\n el registro.\n \n \n \n \n
\n \n \n TOTAL APROXIMADO A ABONAR EN EL REGISTRO\n \n this.toggle('Popover3')}\n id='Popover3'>\n \n \n this.toggle('Popover3')}>\n \n Los costos pueden variar segun vehículo y registro\n \n \n \n \n \n $\n {this.state.arancelCedulaVerde.arancel +\n this.state.arancelCedulaVerde.formulario13 +\n this.state.arancelCedulaVerde.cedulaAuthorization +\n this.state.arancelCedulaVerde.multa}\n \n \n \n
TOTAL COSTO GESTIÓN
\n \n this.toggle('Popover2')}\n id='Popover2'>\n \n \n this.toggle('Popover2')}>\n \n Solo abona el costo de gestión.\n \n \n \n\n \n ${this.state.costoGestion}.-\n \n \n\n \n
Turno:
\n \n \n this.toggle('Popover4')}\n id='Popover4'>\n \n \n this.toggle('Popover4')}>\n \n La fecha de turno esta sostenido a disponibilidad en el\n registro.\n \n \n \n \n
\n \n \n TOTAL APROXIMADO A ABONAR EN EL REGISTRO\n \n this.toggle('Popover3')}\n id='Popover3'>\n \n \n this.toggle('Popover3')}>\n \n Los costos pueden variar segun vehículo y registro\n \n \n \n \n \n ${' '}\n {this.state.arancelCedulaVerde.arancel +\n this.state.arancelCedulaVerde.formulario13 +\n this.state.arancelCedulaVerde.cedulaAuthorization +\n this.state.arancelCedulaVerde.multa}\n .-\n \n \n \n
\n COSTO DE GESTIÓN\n
\n \n this.toggle('Popover2')}\n id='Popover2'>\n \n \n this.toggle('Popover2')}>\n \n Solo abona el costo de gestión.\n \n \n \n \n ${this.state.costoGestion}.-\n \n \n \n
Turno:
\n \n \n this.toggle('Popover4')}\n id='Popover4'>\n \n \n this.toggle('Popover4')}>\n \n La fecha de turno esta sostenido a disponibilidad en el\n registro.\n \n \n \n \n
\n He leído y acepto los{' '}\n \n Términos y Condiciones del uso\n {' '}\n que se presentan en este sitio brindando mi conformidad a la\n empresa a prestar el servicio de la gestión de las Cédulas\n correspondientes, conociendo de que este trámite puede\n realizarse ingresando personalmente y sin costo en el sitio de\n la DNRPA y la misma brinda información suficiente para realizar\n dicho trámite en su pagina web.\n
\n \n
\n\n
\n {this.state.showError && (\n \n {' '}\n Debe agregar al menos una cedula\n \n )}\n\n {this.state.showErrorNotMotive && (\n \n {' '}\n Debe seleccionar el motivo\n \n )}\n\n {this.state.showErrorNotAccepted && (\n \n {' '}\n Debe aceptar los términos y condiciones de uso\n \n )}\n\n {this.state.showErrorNoDate && (\n \n {' '}\n Debe seleccionar un turno\n \n )}\n
![](\"https://www.afip.gob.ar/images/f960/DATAWEB.jpg\")
\n \n