\r\n {getStepContent(step)}\r\n \r\n\r\n {/*{isDev() && (*/}\r\n {/* */}\r\n {/* {JSON.stringify({*/}\r\n {/* codeRefId,*/}\r\n {/* errorCode,*/}\r\n {/* message,*/}\r\n {/* isMessageVisible,*/}\r\n {/* formErrorsStep1,*/}\r\n {/* formErrorsStep2,*/}\r\n {/* isFormValidStep1,*/}\r\n {/* isFormValidStep2,*/}\r\n {/* isUIBusy,*/}\r\n {/* })}*/}\r\n {/*
*/}\r\n {/*)}*/}\r\n \r\n \r\n\r\n \r\n setMessageVisible(false)}\r\n autoHideDuration={9000}\r\n anchorOrigin={{ vertical: \"top\", horizontal: \"center\" }}\r\n style={{ position: \"relative\", marginTop: -10 }}\r\n >\r\n {message !== null && (\r\n \r\n {message.text}
\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CertificatesQueryForm;\r\n","// *** Services\r\nimport { SengridActions, SessionActions } from \"services\";\r\n//REACT\r\nimport React, {\r\n useCallback,\r\n useContext,\r\n useLayoutEffect,\r\n useState,\r\n} from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport jwt from \"jwt-decode\";\r\n// @material-ui/icons\r\nimport DescriptionIcon from \"@material-ui/icons/Description\";\r\nimport VerifiedUserIcon from \"@material-ui/icons/VerifiedUser\";\r\nimport AccountBalanceIcon from \"@material-ui/icons/AccountBalance\";\r\nimport PersonAddDisabledIcon from \"@material-ui/icons/PersonAddDisabled\";\r\nimport CloudDownloadIcon from \"@material-ui/icons/CloudDownload\";\r\nimport AssignmentIcon from \"@material-ui/icons/Assignment\";\r\n//Secciones\r\nimport Cabecera from \"../CabeceraPie/Cabecera\";\r\nimport PiePagina from \"../CabeceraPie/PiePagina\";\r\nimport NavPills from \"components/NavPills/NavPills\";\r\n// core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Card from \"components/Card/Card.js\";\r\n// *** Contexto\r\nimport { UsuarioContext } from \"config/context/UsuarioProvider\";\r\n\r\n//**** Material-UI\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport MuiAlert from \"@material-ui/lab/Alert\";\r\nimport TableStyles from \"assets/jss/material-kit-pro-react/components/tableStyle.js\";\r\n\r\nimport CertificatesRevocationForm from \"./RevocacionCertificados/CertificatesRevocationForm\";\r\nimport CertificatesQueryForm from \"./ConsultaCertificados/CertificatesQueryForm\";\r\n\r\nconst useStyles = makeStyles(TableStyles);\r\n\r\nfunction Alert(props) {\r\n return \r\n
\r\n {/*
*/}\r\n
\r\n
\r\n
setAlertisFormValid(true)}\r\n autoHideDuration={9000}\r\n >\r\n {snackbarMessage} \r\n \r\n\r\n \r\n \r\n \r\n \r\n Firma Simple:
\r\n \r\n window.open(\"http://crl.firmadox.cl\", \"_blank\")\r\n }\r\n >\r\n crl.firmadox.cl
\r\n \r\n Firma Avanzada:
\r\n \r\n window.open(\"http://crl.firmadox.cl\", \"_blank\")\r\n }\r\n >\r\n crl.firmadox.cl
\r\n \r\n \r\n \r\n ),\r\n },\r\n {\r\n tabButton: \"Revocación de Certificados\",\r\n tabIcon: PersonAddDisabledIcon,\r\n tabContent: (\r\n \r\n \r\n \r\n \r\n Firmadox, Acreditado según RAEX202200985, de 26 de\r\n Mayo de 2022, de la Subsecretaría de Economía,\r\n Fomento y Reconstrucción.\r\n
\r\n \r\n window.open(window.CaRoot, \"_blank\")\r\n }\r\n >\r\n Descargar FirmaDox. : CaRoot
\r\n \r\n \r\n window.open(window.CaIntermedia, \"_blank\")\r\n }\r\n >\r\n Descargar FirmaDox. : CaIntermedia
\r\n \r\n Certificado Raiz, otras entidades Acreditadas:
\r\n Acepta.com
\r\n \r\n Acreditado según R.A. Exenta N° 650, de 21 de\r\n octubre de 2004, de la Subsecretaría de Economía,\r\n Fomento y Reconstrucción.\r\n
\r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_acepta.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Descargar
\r\n \r\n E-Sign
\r\n \r\n Acreditado según R.A. Exenta N° 330, de 1 de junio\r\n de 2005, de la Subsecretaría de Economía, Fomento y\r\n Reconstrucción.\r\n
\r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_e_sign.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Descargar
\r\n \r\n CertiNet
\r\n \r\n Acreditado según R.A. Exenta N° 330, de 1 de junio\r\n de 2005, de la Subsecretaría de Economía, Fomento y\r\n Reconstrucción.\r\n
\r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_certinet.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Descargar
\r\n \r\n E-Partners
\r\n \r\n Acreditado según R.A.E. Nº 172, de 30 de enero de\r\n 2013, de la Subsecretaría de Economía, y Empresas de\r\n Menor Tamaño. Certificado Raíz E-Partners S.A.\r\n
\r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_e_partners.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Certificado Raíz E-Partners S.A.
\r\n \r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_e_partners.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Certificados Raíz al 08 de mayo de 2017.
\r\n \r\n TOC
\r\n \r\n Acreditado según R.A.E. Nº 1902, de 17 de junio de\r\n 2016, de la Subsecretaría de Economía y Empresas de\r\n Menor Tamaño.\r\n
\r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_toc.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Descargar
\r\n \r\n IDok
\r\n \r\n Acreditado según R.A.E. Nº 3396, de 06 de noviembre\r\n de 2017, de la Subsecretaría de Economía y Empresas\r\n de Menor Tamaño.\r\n
\r\n \r\n window.open(\r\n `${window.urlWebDefault}/Documentos/raiz_idok.rar`,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Descargar
\r\n \r\n \r\n \r\n ),\r\n },\r\n {\r\n tabButton: \"Manuales y Descargas\",\r\n tabIcon: DescriptionIcon,\r\n tabContent: (\r\n \r\n \r\n MANUALES FIRMA SIMPLE\r\n \r\n \r\n \r\n window.open(\r\n \"https://www.youtube.com/watch?v=LNlMh6Q8w3g\",\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Instalación de Certificados Firma Simple en PC\r\n \r\n \r\n window.open(\r\n \"https://www.youtube.com/watch?v=cYaXYXCP2bw\",\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Centralizar CertificadoFirma Simple en SII\r\n \r\n \r\n window.open(\r\n \"https://youtu.be/0VYAcL1G5Ys?si=qEhDe4ENIyFc75RI\",\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Descarga e instalación Certificado Raíz e Intermedio\r\n \r\n \r\n
\r\n MANUALES FIRMA AVANZADA\r\n \r\n
\r\n \r\n window.open(window.pdfInstallFEAWin, \"_blank\")\r\n }\r\n >\r\n Instalación E-Token y Firma PDF - WINDOWS\r\n \r\n \r\n window.open(window.pdfInstallFEAMac, \"_blank\")\r\n }\r\n >\r\n Instalación E-Token y Firma PDF - MAC\r\n \r\n \r\n
DESCARGAS \r\n
\r\n
\r\n Windows\r\n \r\n \r\n \r\n window.open(window.drWinSaX32msi, \"_blank\")\r\n }\r\n >\r\n MS Window 7 - 10 - 11 32 bits\r\n \r\n \r\n window.open(window.drWinSaX64msi, \"_blank\")\r\n }\r\n >\r\n MS Window 7 - 10 - 11 64 Bits\r\n \r\n \r\n window.open(window.drWinGlX32msi, \"_blank\")\r\n }\r\n >\r\n MS Windows XP - Vista - 32Bits\r\n \r\n \r\n window.open(window.drWinGlX64msi, \"_blank\")\r\n }\r\n >\r\n MS Windows XP - Vista - 64Bits\r\n \r\n \r\n\r\n
\r\n MAC\r\n \r\n \r\n \r\n window.open(window.drMacCatdmg, \"_blank\")\r\n }\r\n >\r\n Catalina\r\n \r\n \r\n window.open(window.drMacMavdmg, \"_blank\")\r\n }\r\n >\r\n Mavericks Yosemite el_capitan sierra\r\n \r\n \r\n window.open(window.drMacMojdmg, \"_blank\")\r\n }\r\n >\r\n Mojave\r\n \r\n \r\n window.open(window.drMacMondmg, \"_blank\")\r\n }\r\n >\r\n Monterrey\r\n \r\n \r\n window.open(window.drMacVendmg, \"_blank\")\r\n }\r\n >\r\n Ventura\r\n \r\n \r\n window.open(window.drMacSondmg, \"_blank\")\r\n }\r\n >\r\n Sonoma\r\n \r\n \r\n
\r\n
\r\n {status === 4 ?\r\n \r\n \r\n
El cobro ha sido anulado. \r\n
Si tiene dudas con respecto al pago no dude en enviarnos un correo a\r\n soporte@firmadox.cl explicando brevemente el problema. \r\n
redirectFirmadox()}>Volver al sitio web de compra \r\n
\r\n
\r\n
\r\n :\r\n
}\r\n\r\n {status === 3 ?\r\n \r\n \r\n
El cobro ha sido rechazado. \r\n
Si tiene dudas con respecto al pago no dude en enviarnos un correo a\r\n soporte@firmadox.cl explicando brevemente el problema. \r\n
redirectPago()}>Reintentar el pago \r\n
\r\n
\r\n
\r\n :\r\n
\r\n }\r\n {\r\n status !== 3 && status !== 4 ?\r\n \r\n \r\n
Espere un momento, estamos confirmando el pago. \r\n No cierre esta página, lo redireccionaremos automáticamente para completar su proceso de compra. \r\n \r\n \r\n
\r\n
\r\n :
\r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
{titleByUrlParams()} \r\n \r\n {planUser === \"CFEA\" || planUser === \"CFES\" ? (\r\n \r\n {planUser === \"CFEA\" ? (\r\n
\r\n changeCheck(\"tieneToken\")}\r\n checked={usuario.tieneToken}\r\n checkedIcon={\r\n
\r\n ) : null}\r\n
\r\n
\r\n {console.log(\"planCompra\", planCompra)}\r\n {planCompra &&\r\n planCompra.map((prop, key) => (\r\n
\r\n setusuario({\r\n ...usuario,\r\n selectedEnabledPlan: prop.codigo,\r\n })\r\n }\r\n value=\"a\"\r\n name=\"radio button enabled\"\r\n aria-label=\"A\"\r\n icon={\r\n {prop.duracionProducto + \"($\" + miles(prop.valor) + \")\"} \r\n // : prop.duracionProducto + \"($\" + miles(prop.valor) + \")\"\r\n ? \r\n
{prop.duracionProducto + \" = $\" + miles(prop.valor) } \r\n
{ \"(Valor = \" + precioInicial(prop.valor) + \"+IVA)\" }
\r\n
\r\n
{prop.duracionProducto + \" = $\" + miles(prop.valor)} \r\n
{ \"(Valor = \" + precioInicial(prop.valor) + \"+IVA)\" }
\r\n
\r\n
\r\n
\r\n \r\n \r\n setusuario({ ...usuario, codDescuento: e.target.value })\r\n }\r\n\r\n error={errorDescuento}\r\n helperText={errorDescuento || usuario.descuentoAplicado ? {helperTextDescuento} : \"\"}\r\n />\r\n \r\n \r\n {\r\n usuario.descuentoAplicado ?\r\n \r\n \r\n eliminarDescuento()}\r\n className={classes.actionButton}\r\n >\r\n \r\n \r\n :\r\n \r\n validaDescuento()}\r\n className={classes.actionButton}\r\n >\r\n \r\n \r\n }\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {
\r\n
setOpenHelp(false)} aria-labelledby=\"customized-dialog-title\" open={openHelp}>\r\n setOpenHelp(false)}>\r\n ¿Qué es el Número de Serie?\r\n \r\n \r\n \r\n El número de serie o de documento es un número único que está impreso en tu cédula de identidad. Este dato es muy importante para comprar tu certificado en FirmaDox. Así verificamos tus datos y podemos continuar con el proceso de registro.\r\n \r\n \r\n \r\n \r\n \r\n setOpenHelp(false)} color=\"primary\">\r\n Cerrar\r\n \r\n \r\n \r\n
\r\n }\r\n
\r\n
Ingreso de Datos Personales \r\n \r\n
\r\n \r\n \r\n {planUser === \"CFAO\" ?\r\n nombresRef.current.validate(e.target.value)}\r\n label=\"Nombre\"\r\n id=\"txtNombre\"\r\n value={usuario.nombres}\r\n onChange={e => setusuario({ ...usuario, nombres: e.target.value.replace(/[^A-Za-z ñÑÁÉÍÓÚáéíóú]+/g, \"\").toUpperCase() })}\r\n validators={['minStringLength:3', 'maxStringLength:50', \"required\"]}\r\n errorMessages={['Campo requerido o mínimo 3 y máximo 50 caracteres']}\r\n />\r\n : null}\r\n \r\n \r\n {planUser === \"CFAO\" ?\r\n apellidosRef.current.validate(e.target.value)}\r\n label=\"Apellidos\"\r\n id=\"txtApellidos\"\r\n value={usuario.apellidos}\r\n onChange={e => setusuario({ ...usuario, apellidos: e.target.value.replace(/[^A-Za-z ñÑÁÉÍÓÚáéíóú]+/g, \"\").toUpperCase() })}\r\n validators={['minStringLength:3', 'maxStringLength:50', \"required\"]}\r\n errorMessages={['Campo requerido o mínimo 3 y máximo 50 caracteres']}\r\n />\r\n : null}\r\n \r\n \r\n {planUser === \"CFAO\" ?\r\n rutRef.current.validate(e.target.value)}\r\n id=\"txtRUT\"\r\n label=\"RUN\"\r\n type=\"RUT\"\r\n value={usuario.rut}\r\n onChange={e => setusuario({ ...usuario, rut: formatRut(e.target.value.replace(/[^0-9kK-]/g, \"\").toUpperCase(), true) })}\r\n validators={[\"isTruthy\", 'isRut', \"required\"]}\r\n errorMessages={['Campo requerido o formato incorrecto','Campo con formato incorrecto','Campo requerido']}\r\n />\r\n : null}\r\n\r\n \r\n {planUser === \"CFES\" ?\r\n \r\n numserieRef.current.validate(e.target.value)}\r\n id=\"txtNoSerie\"\r\n label=\"No. de Serie\"\r\n value={usuario.numserie}\r\n onChange={e => setusuario({ ...usuario, numserie: e.target.value.toUpperCase() })}\r\n validators={['minStringLength:9', 'maxStringLength:10', \"required\"]}\r\n errorMessages={['Campo requerido o mínimo 9 y máximo 10 caracteres']}\r\n inputProps={{\r\n maxLength: 10\r\n , style: { textTransform: 'uppercase' }\r\n , endAdornment:\r\n \r\n openHelp ? setOpenHelp(false) : setOpenHelp(true)}\r\n >\r\n \r\n live_help\r\n \r\n \r\n \r\n }}\r\n\r\n />\r\n \r\n : null}\r\n\r\n \r\n {planUser === \"CFAO\" ?\r\n setusuario({ ...usuario, email: e.target.value.toUpperCase() })}\r\n />\r\n : null}\r\n {planUser === \"CFES\" || planUser === \"CFEA\" ?\r\n emailRef.current.validate(e.target.value)}\r\n id=\"txtEmail\"\r\n label=\"Correo Electrónico\"\r\n value={usuario.email}\r\n onChange={e => setusuario({ ...usuario, email: e.target.value.toUpperCase() })}\r\n validators={[\"isTruthy\", \"isEmail\", \"required\"]}\r\n errorMessages={['Campo requerido y con formato correo','Campo no tiene formato de correo','Campo requerido']}\r\n />\r\n : null}\r\n \r\n \r\n celularRef.current.validate(e.target.value)}\r\n id=\"txtCelular\"\r\n label=\"Teléfono\"\r\n type=\"number\"\r\n onInput={(e) => { e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 9) }}\r\n value={usuario.celular}\r\n onChange={e => setusuario({ ...usuario, celular: e.target.value })}\r\n //validators={[\"isTruthy\", \"required\"]}\r\n validators={['minStringLength:9', 'maxStringLength:9', \"required\"]}\r\n errorMessages={['Campo requerido']}\r\n InputProps={{\r\n startAdornment: +56- \r\n , style: { textTransform: 'uppercase' }\r\n }}\r\n\r\n />\r\n \r\n \r\n direccionRef.current.validate(e.target.value)}\r\n id=\"txtDirección\"\r\n label=\"Dirección\"\r\n value={usuario.direccion}\r\n onChange={e => setusuario({ ...usuario, direccion: e.target.value.replace(/[^A-Za-z0-9 #ºÑñ]+/g, \"\").toUpperCase() })}\r\n validators={['minStringLength:5', 'maxStringLength:100', \"required\"]}\r\n errorMessages={['Campo requerido']}\r\n />\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n
Datos de facturación \r\n \r\n
\r\n onchange(false)} \r\n checked={usuario.selectedEnabledEmpresa ? false : true}\r\n checkedIcon={
\r\n
\r\n onchange(true)} \r\n checked={usuario.selectedEnabledEmpresa} \r\n checkedIcon={
\r\n \r\n
\r\n
\r\n \r\n \r\n {planUser === \"CFES\" ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {labelText !== undefined ? (\r\n \r\n {labelText}\r\n \r\n ) : null}\r\n {error ? errMsg ? errMsg : \"El campo es requerido\" : null }
\r\n {/* {error ? (\r\n \r\n );\r\n}\r\n\r\nCustomInput.propTypes = {\r\n labelText: PropTypes.node,\r\n labelProps: PropTypes.object,\r\n id: PropTypes.string,\r\n inputProps: PropTypes.object,\r\n formControlProps: PropTypes.object,\r\n inputRootCustomClasses: PropTypes.string,\r\n error: PropTypes.bool,\r\n success: PropTypes.bool,\r\n white: PropTypes.bool\r\n};\r\n","import {\r\n primaryColor,\r\n warningColor,\r\n dangerColor,\r\n successColor,\r\n infoColor,\r\n roseColor,\r\n grayColor,\r\n title\r\n} from \"assets/jss/material-kit-pro-react.js\";\r\n\r\nconst infoStyle = {\r\n infoArea: {\r\n maxWidth: \"max-content\",\r\n margin: \"0 auto\",\r\n padding: \"70px 0 30px\"\r\n },\r\n iconWrapper: {\r\n float: \"left\",\r\n marginTop: \"24px\",\r\n marginRight: \"10px\"\r\n },\r\n primary: {\r\n color: primaryColor[0]\r\n },\r\n warning: {\r\n color: warningColor[0]\r\n },\r\n danger: {\r\n color: dangerColor[0]\r\n },\r\n success: {\r\n color: successColor[0]\r\n },\r\n info: {\r\n color: infoColor[0]\r\n },\r\n rose: {\r\n color: roseColor[0]\r\n },\r\n gray: {\r\n color: grayColor[0]\r\n },\r\n icon: {\r\n width: \"2.25rem\",\r\n height: \"2.25rem\",\r\n fontSize: \"2.25rem\"\r\n },\r\n descriptionWrapper: {\r\n color: grayColor[0],\r\n overflow: \"hidden\"\r\n },\r\n title: {\r\n ...title,\r\n margin: \"1.75rem 0 0.875rem !important\",\r\n minHeight: \"unset\"\r\n },\r\n description: {\r\n color: grayColor[0],\r\n overflow: \"hidden\",\r\n marginTop: \"0px\",\r\n \"& p\": {\r\n color: grayColor[0],\r\n fontSize: \"14px\"\r\n }\r\n },\r\n iconWrapperVertical: {\r\n float: \"none\"\r\n },\r\n iconVertical: {\r\n width: \"61px\",\r\n height: \"61px\"\r\n }\r\n};\r\n\r\nexport default infoStyle;\r\n","import React from \"react\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n\r\nimport styles from \"assets/jss/material-kit-pro-react/components/infoStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function InfoArea(props) {\r\n const { title, description, iconColor, vertical, className } = props;\r\n const classes = useStyles();\r\n const iconWrapper = classNames({\r\n [classes.iconWrapper]: true,\r\n [classes[iconColor]]: true,\r\n [classes.iconWrapperVertical]: vertical\r\n });\r\n const iconClasses = classNames({\r\n [classes.icon]: true,\r\n [classes.iconVertical]: vertical\r\n });\r\n const infoAreaClasses = classNames({\r\n [classes.infoArea]: true,\r\n [className]: className !== undefined\r\n });\r\n let icon = null;\r\n switch (typeof props.icon) {\r\n case \"string\":\r\n icon = {props.icon} ;\r\n break;\r\n default:\r\n icon = \r\n
{icon}
\r\n
\r\n
{title} \r\n
{description}
\r\n
\r\n
\r\n
\r\n setSignupModalPin({\r\n ...signupModalPin,\r\n open: false,\r\n modificarData: true,\r\n })\r\n }\r\n aria-labelledby=\"signup-modal-slide-title\"\r\n aria-describedby=\"signup-modal-slide-description\"\r\n >\r\n \r\n \r\n \r\n Validación de Datos\r\n \r\n \r\n \r\n \r\n \r\n \r\n Le enviamos un código al correo electrónico{\" \"}\r\n {usuario.email}. Busque el código que se encuentra en su\r\n correo electrónico e ingréselo en la casilla que se\r\n encuentra al lado, si escribió mal el correo electrónico o\r\n desea modificar los datos ingresados en el formulario\r\n anterior haga clic en el botón \"Modificar mis datos\".\r\n \r\n }\r\n icon={Group}\r\n iconColor=\"info\"\r\n />\r\n \r\n {\r\n setSignupModalPin({ open: false, modificarData: true });\r\n setbtnDisable(false)\r\n }}\r\n >\r\n Modificar Mis Datos\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {signupModalPin.mensaje}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n const src = source;\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n","/* eslint-disable react/prop-types */\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport { UsuarioContext } from \"config/context/UsuarioProvider\";\r\nimport { Iframe } from \"./iframe/iframe\";\r\n\r\n// *** core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport MuiAlert from \"@material-ui/lab/Alert\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport { SessionActions } from \"services\";\r\n// *** @material-ui/core components\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\n\r\n// *** Imagenes\r\nimport imgContratoFea from \"assets/img/com-fea/img-contrato.png\";\r\nimport imgContrato from \"assets/img/com-fes/img-contrato.png\";\r\nimport featuresStyle from \"assets/jss/material-kit-pro-react/views/sectionsSections/featuresStyle.js\";\r\n\r\nconst useStyles2 = makeStyles(featuresStyle);\r\nconst styles = {\r\n root: {\r\n \"&.MuiCheckbox-colorSecondary.Mui-checked\": {\r\n color: \"#a1c330\",\r\n },\r\n },\r\n};\r\n\r\nconst GreenCheckbox = withStyles(styles)(Checkbox);\r\n\r\nfunction Alert(props) {\r\n return \r\n
setShowError(false)}\r\n autoHideDuration={9000}\r\n >\r\n \r\n ERROR: Ha ocurrido un error. Intente nuevamente o contáctenos.\r\n \r\n \r\n \r\n \r\n \r\n {planUser === \"CFES\" ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n Contrato de Adhesión \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setChecked(!checked);\r\n }}\r\n checked={checked}\r\n />\r\n }\r\n classes={{ label: classes2.label, root: classes2.labelRoot }}\r\n label=\"Debe aceptar los términos y condiciones del contrato para continuar.\"\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","// *** REACT components \r\nimport React,{useEffect,useContext} from 'react'\r\n// *** core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\"\r\nimport InputAdornment from '@material-ui/core/InputAdornment'\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport TextField from '@material-ui/core/TextField';\r\n// *** Contexto\r\nimport {UsuarioContext} from 'config/context/UsuarioProvider'\r\nimport { ValidatorForm, TextValidator} from 'react-material-ui-form-validator'\r\n// *** Services\r\nimport { PlanCompraActions } from \"services\"\r\n\r\nexport default function DatosFacturacion() {\r\n const {usuario, dataEmpresa, setdataEmpresa} = useContext(UsuarioContext);\r\n var rutRef = React.createRef()\r\n var celularRef = React.createRef()\r\n var emailRef = React.createRef()\r\n var razonSocialRef = React.createRef()\r\n var direccionRef = React.createRef()\r\n const [value, setValue] = React.useState(null);\r\n const [listActividad, setListActividad] = React.useState([]);\r\n ValidatorForm.addValidationRule('isTruthy', value => value); \r\n ValidatorForm.addValidationRule('isRut', (value) => {\r\n let rutFormateado = formatRut(value,false) \r\n return rutEsValido(rutFormateado)\r\n })\r\n const defaultProps = {\r\n options: listActividad,\r\n getOptionLabel: (option) => option.actividadEconomica,\r\n };\r\n const flatProps = {\r\n options: listActividad.map((option) => option.actividadEconomica),\r\n };\r\n \r\n function formatRut(value, useThousandsSeparator) {\r\n var rutAndDv = splitRutAndDv(value)\r\n var cRut = rutAndDv[0]; var cDv = rutAndDv[1]\r\n if (!(cRut && cDv)) { return cRut || value; }\r\n var rutF = \"\"\r\n var thousandsSeparator = useThousandsSeparator ? \".\" : \"\"\r\n while (cRut.length > 3) {\r\n rutF = thousandsSeparator + cRut.substr(cRut.length - 3) + rutF\r\n cRut = cRut.substring(0, cRut.length - 3)\r\n }\r\n return cRut + rutF + \"-\" + cDv\r\n }\r\n\r\n function splitRutAndDv(rut) {\r\n var cValue = clearFormat(rut);\r\n if (cValue.length === 0) { return [null, null]; }\r\n if (cValue.length === 1) { return [cValue, null]; }\r\n var cDv = cValue.charAt(cValue.length - 1);\r\n var cRut = cValue.substring(0, cValue.length - 1);\r\n return [cRut, cDv];\r\n }\r\n function clearFormat(value) {\r\n return value.replace(/[\\.\\-]/g, \"\");\r\n }\r\n function rutEsValido(rut) {\r\n if (!rut || rut.trim().length < 3) return false;\r\n const rutLimpio = rut.replace(/[^0-9kK-]/g, \"\");\r\n\r\n if (rutLimpio.length < 3) return false;\r\n\r\n const split = rutLimpio.split(\"-\");\r\n if (split.length !== 2) return false;\r\n\r\n const num = parseInt(split[0], 10);\r\n const dgv = split[1];\r\n\r\n const dvCalc = calculateDV(num);\r\n return dvCalc === dgv.toUpperCase();\r\n }\r\n function calculateDV(rut) {\r\n const cuerpo = `${rut}`;\r\n // Calcular Dígito Verificador\r\n let suma = 0;\r\n let multiplo = 2;\r\n\r\n // Para cada dígito del Cuerpo\r\n for (let i = 1; i <= cuerpo.length; i++) {\r\n // Obtener su Producto con el Múltiplo Correspondiente\r\n const index = multiplo * cuerpo.charAt(cuerpo.length - i);\r\n\r\n // Sumar al Contador General\r\n suma += index;\r\n\r\n // Consolidar Múltiplo dentro del rango [2,7]\r\n if (multiplo < 7) {\r\n multiplo += 1;\r\n } else {\r\n multiplo = 2;\r\n }\r\n }\r\n\r\n // Calcular Dígito Verificador en base al Módulo 11\r\n const dvEsperado = 11 - (suma % 11);\r\n if (dvEsperado === 10) return \"K\";\r\n if (dvEsperado === 11) return \"0\";\r\n return `${dvEsperado}`;\r\n }\r\n useEffect(() => {\r\n PlanCompraActions.ActividadEconomica().then((response)=>{\r\n //cargar validar correo \r\n setListActividad(response.data)\r\n })\r\n if(usuario.selectedEnabledEmpresa===false)\r\n setdataEmpresa({...dataEmpresa, rut:usuario.rut, email:usuario.email, telefono:usuario.celular,direccion: usuario.direccion}); \r\n }, []);\r\n return (\r\n \r\n
\r\n \r\n rutRef.current.validate(e.target.value)}\r\n id=\"txtRUT\" \r\n label=\"RUT\" \r\n type=\"RUT\" \r\n value={dataEmpresa.rut}\r\n onChange={e => setdataEmpresa({...dataEmpresa, rut:formatRut(e.target.value.replace(/[^0-9kK-]/g, \"\"),true).toUpperCase()})}\r\n validators={[\"isTruthy\",'isRut',\"required\"]}\r\n errorMessages={['Campo requerido o formato incorrecto']}\r\n /> \r\n \r\n \r\n razonSocialRef.current.validate(e.target.value)}\r\n id=\"txtRAZON_SOCIAL\" \r\n label=\"RAZÓN SOCIAL\" \r\n value={dataEmpresa.razonSocial}\r\n onChange={e => setdataEmpresa({...dataEmpresa, razonSocial:e.target.value.replace(/[^A-Za-z 0-9#ÑñÁÉÍÓÚáéíóú]+/g, \"\").toUpperCase()})}\r\n validators={['minStringLength:5','maxStringLength:100',\"required\"]}\r\n errorMessages={['Campo requerido o mínimo 5 y máximo 100 caracteres']} \r\n />\r\n \r\n \r\n { \r\n setdataEmpresa({...dataEmpresa, actividadEconomica:value,actividadEconomicaError:false})\r\n }}\r\n renderInput={(params) => \r\n \r\n emailRef.current.validate(e.target.value)}\r\n id=\"txtCorreo_Electronico\" \r\n label=\"Correo Electrónico\" \r\n value={dataEmpresa.email}\r\n onChange={e => setdataEmpresa({...dataEmpresa, email:e.target.value})}\r\n validators={[\"isTruthy\",\"isEmail\",\"required\"]}\r\n errorMessages={['Campo requerido y con formato correo']} \r\n inputProps={{\r\n style: {textTransform: 'uppercase'}\r\n ,maxLength: 100\r\n }} \r\n /> \r\n \r\n \r\n celularRef.current.validate(e.target.value)}\r\n id=\"txtCelular\" \r\n label=\"Teléfono\" \r\n type=\"number\" \r\n onInput = {(e) =>{e.target.value = Math.max(0, parseInt(e.target.value) ).toString().slice(0,9)}} \r\n value={dataEmpresa.telefono}\r\n onChange={e => setdataEmpresa({...dataEmpresa, telefono:e.target.value})}\r\n validators={[\"isTruthy\",\"required\"]}\r\n errorMessages={['Campo requerido']}\r\n InputProps={{\r\n startAdornment: +56- ,\r\n }}\r\n /> \r\n \r\n \r\n direccionRef.current.validate(e.target.value)}\r\n id=\"txtDireccion\" \r\n label=\"Dirección\" \r\n value={dataEmpresa.direccion}\r\n onChange={e => setdataEmpresa({...dataEmpresa, direccion:e.target.value.replace(/[^A-Za-z 0-9#ºñÑ]+/g, \"\").toUpperCase()})}\r\n validators={['minStringLength:5','maxStringLength:100',\"required\"]}\r\n errorMessages={['Campo requerido o mínimo 5 y máximo 100 caracteres']} \r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {planUser === \"CFES\" ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n \r\n
Datos Facturación \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {planUser === \"CFES\" ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
Compra finalizada \r\n \r\n
\r\n {planUser === \"CFES\" ? (\r\n \r\n
\r\n Estimado cliente, ha culminado con éxito la compra del producto FIRMA SIMPLE.\r\n Para descargar el certificado seleccione el botón \"Descargar\" y siga las instrucciones enviadas por correo o presione el botón Finalizar para culminar el\r\n proceso.\r\n \r\n \r\n ) : (\r\n \r\n
\r\n Estimado cliente, ha culminado con éxito la compra de FIRMA AVANZADA.\r\n Para completar el proceso presione el botón Finalizar.\r\n Para obtener su token, uno de nuestros ejecutivos se pondrá en contacto\r\n dentro de las próximas 20 horas hábiles o puede acercarse a\r\n nuestras oficinas ubicadas en Fanor Velasco N° 85, piso 3.\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
setAlertisFormValid(true)}\r\n autoHideDuration={9000}\r\n >\r\n \r\n ERROR: {TestError}\r\n \r\n \r\n {Progress ? (\r\n \r\n \r\n ) : (\r\n \r\n {usuario.paso === \"SELEC_PLAN\" || usuario.paso === \"VAL_EMAIL\" ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n validateForm()}\r\n disabled={btnDisable}\r\n >\r\n Finalizar\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n validateForm()}\r\n disabled={btnDisable}\r\n >\r\n Siguiente\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
{\r\n localStorage.clear();\r\n SessionActions.logout();\r\n history.push(\"/\");\r\n }}\r\n TransitionComponent={Transition}\r\n keepMounted\r\n aria-labelledby=\"signup-modal-slide-title\"\r\n aria-describedby=\"signup-modal-slide-description\"\r\n >\r\n \r\n \r\n \r\n Cédula de identidad enviada exitosamente\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Uno de nuestros operadores ya fue informado para realizar la validación manual, en breve nos pondremos en contacto para continuar con la descarga del certificado.\r\n \r\n \r\n {\r\n localStorage.clear();\r\n SessionActions.logout();\r\n history.push(\"/\");\r\n }}\r\n >\r\n Salir y esperar que me contacten\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","//**** REACT\r\nimport React, { useContext } from \"react\";\r\n// *** Services\r\n\r\n// *** Core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport TextField from \"@material-ui/core/TextField/TextField\";\r\n\r\n// *** Contexto\r\nimport { UsuarioContext } from \"config/context/UsuarioProvider\";\r\n\r\nimport imgValidacionCedula from \"assets/img/com-fes/img-validacion-cedula.png\";\r\n// *** @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport featuresStyle from \"assets/jss/material-kit-pro-react/views/sectionsSections/featuresStyle.js\";\r\nimport basicsStyle from \"assets/jss/material-kit-pro-react/views/componentsSections/basicsStyle.js\";\r\nimport Button from \"components/CustomButtons/Button\";\r\nimport ImageUpload from \"components/CustomUpload/ImageUpload.js\";\r\nimport { ValidatorForm, TextValidator } from \"react-material-ui-form-validator\";\r\nimport EnvioCI from \"./EnvioCI\";\r\n\r\n//**** Estilos\r\nimport styles from \"assets/jss/material-kit-pro-react/views/ecommerceSections/latestOffersStyle\";\r\nconst useStyles = makeStyles(styles);\r\n\r\n\r\n//const useStyles = makeStyles(basicsStyle);\r\nconst useStyles2 = makeStyles(featuresStyle);\r\n\r\nexport default function ValidacionCI() {\r\n const { usuario, setusuario, planUser } = useContext(UsuarioContext);\r\n const classes2 = useStyles2();\r\n const classes = useStyles();\r\n var numserieRef = React.createRef();\r\n ValidatorForm.addValidationRule(\"isTruthy\", (value) => value);\r\n function Alert() {\r\n return \"\";\r\n }\r\n const onChange = (e) => {\r\n //e.preventDefault();\r\n // file is the file/image uploaded\r\n // in this function you can save the image (file) on form submit\r\n // you have to call it yourself\r\n convertBase64(e).then((response)=>{\r\n //console.log(response,'documento')\r\n setusuario({ ...usuario, b64: response })\r\n })\r\n\r\n };\r\n const convertBase64 = (file) => {\r\n return new Promise((resolve, reject) => {\r\n const fileReader = new FileReader();\r\n fileReader.readAsDataURL(file)\r\n fileReader.onload = () => {\r\n var doc = fileReader.result.split(\",\");\r\n resolve(doc[1]);\r\n }\r\n fileReader.onerror = (error) => {\r\n reject(error);\r\n }\r\n })\r\n }\r\n return (\r\n \r\n {usuario.cienviado==true?\r\n
:null}\r\n
\r\n \r\n \r\n {planUser === \"CFES\" ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
No se pudo validar la cédula ingresada. \r\n \r\n \r\n
\r\n Agradeceremos enviar un email adjuntando su cédula de identidad vigente al correo soporte@firmadox.cl. Uno de nuestros ejecutivos se pondrá en contacto a la brevedad.\r\n \r\n
\r\n \r\n \r\n \r\n \r\n setusuario({ ...usuario, rut: e.target.value })\r\n }\r\n />\r\n \r\n \r\n numserieRef.current.validate(e.target.value)}\r\n id=\"txtNoSerie\"\r\n label=\"No. de Serie\"\r\n value={usuario.numserie}\r\n onChange={(e) =>\r\n setusuario({ ...usuario, numserie: e.target.value })\r\n }\r\n validators={[\r\n \"minStringLength:9\",\r\n \"maxStringLength:10\",\r\n \"required\",\r\n ]}\r\n errorMessages={[\r\n \"Campo requerido o mínimo 9 y máximo 10 caracteres\",\r\n ]}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
Validación de Identidad \r\n \r\n
\r\n \r\n {question.question === null && question.retNo != null ?\r\n \r\n \r\n
\r\n : null}\r\n\r\n {question.question && question.question.map((questionProp, key) =>\r\n \r\n \r\n {questionProp.text} \r\n changeRadio(\"radio-\" + questionProp.id, key, valor)}>\r\n {questionProp.answers && questionProp.answers.map((answers, keyAnswer) =>\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
setAlertisFormValid(true)}\r\n autoHideDuration={9000}\r\n >\r\n \r\n ERROR: {TestError}\r\n \r\n \r\n {Progress ? (\r\n \r\n \r\n ) : (\r\n \r\n {usuario.paso === \"SELEC_PLAN\" || usuario.paso === \"VAL_EMAIL\" ? (\r\n \r\n validateForm()}\r\n disabled={btnDisable}\r\n >\r\n Siguiente\r\n \r\n
\r\n )}\r\n {usuario.paso === \"FIN\" && (\r\n \r\n
\r\n \r\n \r\n
\r\n validateForm(\"descargar\")}\r\n disabled={btnDisable}\r\n >\r\n Descargar Ahora\r\n \r\n
\r\n
\r\n validateForm()}\r\n disabled={btnDisable}\r\n >\r\n Finalizar\r\n \r\n \r\n )}\r\n {usuario.paso === \"VAL_CI\" && (\r\n
\r\n
\r\n btn_salir()}>\r\n Salir\r\n \r\n
\r\n
\r\n validateForm()}>\r\n {usuario.b64 !== \"\"\r\n ? \"solicitar validación manual\"\r\n : \"Intentar Nuevamente\"}\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n \r\n
\r\n {title}\r\n \r\n {subtitle} \r\n \r\n \r\n
\r\n {steps.map((prop, key) => {\r\n return (\r\n \r\n \r\n {this.props.changeTabs ? (\r\n
{\r\n e.preventDefault();\r\n this.navigationStepChange(key);\r\n }}\r\n >\r\n {prop.stepName}\r\n \r\n ) : (\r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n {prop.stepName}\r\n \r\n )}\r\n \r\n
\r\n {steps[this.state.currentStep].stepName}\r\n \r\n {steps.map((prop, key) => {\r\n const stepContentClasses = cx({\r\n [classes.stepContentActive]: this.state.currentStep === key,\r\n [classes.stepContent]: this.state.currentStep !== key,\r\n });\r\n return (\r\n
\r\n
(this[prop.stepId] = node)}\r\n allStates={this.state.allStates}\r\n {...prop.componentProps}\r\n />\r\n \r\n );\r\n })}\r\n
\r\n
\r\n {this.state.previousButton && this.props.showPreviusButton ? (\r\n this.previousButtonClick()}\r\n disabled={this.props.isUIBusy}\r\n >\r\n {this.props.previousButtonText}\r\n \r\n ) : this.props.extraButtonClick ? (\r\n \r\n {this.props.isUIBusy\r\n ? this.props.extraButtonBusyTitle\r\n : this.props.extraButtonTitle}\r\n \r\n ) : null}\r\n
\r\n
\r\n {this.state.nextButton ? (\r\n this.nextButtonClick()}\r\n disabled={this.props.isUIBusy}\r\n >\r\n {this.props.nextButtonText}\r\n \r\n ) : null}\r\n {this.state.finishButton ? (\r\n this.finishButtonClick()}\r\n disabled={this.props.isUIBusy}\r\n >\r\n {this.props.finishButtonText}\r\n \r\n ) : null}\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
¡Información incorrecta o inválida!
\r\n
\r\n {notificationText}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n +56 226 179 201\r\n
\r\n
\r\n
\r\n {/* {this.state.AlertisFormValid===false? null:\r\n
\r\n \r\n ERROR: {this.state.TestError}\r\n \r\n } */}\r\n\r\n
\r\n \r\n Ingresa los datos requeridos \r\n Debes utilizar el correo empleado en la compra del certificado y
\r\n el código recibido al finalizar la misma.
\r\n \r\n \r\n \r\n * \r\n Correo Electrónico \r\n \r\n }\r\n\r\n id=\"email\"\r\n formControlProps={{\r\n fullWidth: true,\r\n style: {textTransform: 'uppercase'}\r\n }}\r\n inputProps={{\r\n value: this.state.email,\r\n maxLength: 100,\r\n style: { textTransform: 'uppercase' },\r\n onChange: event => this.change(event, \"email\", \"email\", 0),\r\n startAdornment: (\r\n \r\n \r\n \r\n \r\n * \r\n Código \r\n \r\n }\r\n id=\"codigo\"\r\n formControlProps={{\r\n fullWidth: true\r\n }}\r\n inputProps={{\r\n value: this.state.codigo,\r\n type:this.state.showCodigo ? 'text' : 'password',\r\n onChange: event => this.change(event, \"codigo\", \"length\", 3),\r\n startAdornment: (\r\n \r\n \r\n {this.state.showCodigo\r\n ? \r\n \r\n : \r\n \r\n }\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n Crear Clave\r\n \r\n \r\n Cree la clave para acceder a su certificado digital\r\n \r\n \r\n \r\n \r\n * \r\n Crear Clave \r\n \r\n }\r\n id=\"credenciales\"\r\n formControlProps={{\r\n fullWidth: true,\r\n }}\r\n inputProps={{\r\n type: this.state.showPasswordCredenciales ? \"text\" : \"password\",\r\n onChange: (event) =>\r\n this.change(event, \"credenciales\", \"length\", 3),\r\n startAdornment: (\r\n \r\n \r\n {this.state.showPasswordCredenciales ? (\r\n \r\n \r\n \r\n \r\n \r\n * \r\n Confirmar Clave \r\n \r\n }\r\n id=\"confirmarCredenciales\"\r\n formControlProps={{\r\n fullWidth: true,\r\n }}\r\n inputProps={{\r\n type: this.state.showPasswordCredencialesCon\r\n ? \"text\"\r\n : \"password\",\r\n onChange: (event) =>\r\n this.change(event, \"confirmarCredenciales\", \"length\", 3),\r\n startAdornment: (\r\n \r\n \r\n {this.state.showPasswordCredencialesCon ? (\r\n \r\n \r\n \r\n \r\n \r\n ¡ IMPORTANTE !\r\n \r\n \r\n \r\n \r\n \r\n La Clave de un certificado NO se puede cambiar. \r\n \r\n Debe recordar esta clave durante toda la vigencia del\r\n certificado.\r\n \r\n \r\n Si olvida su clave, deberá pagar $3.000 para la emisión de un\r\n nuevo certificado, el que tendrá una vigencia de 1 año.\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nStep2.propTypes = {\r\n classes: PropTypes.object,\r\n};\r\n\r\nexport default withStyles(style)(Step2);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\n\r\n// core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Link from \"@material-ui/core/Link\";\r\n\r\nimport customSelectStyle from \"assets/jss/material-kit-pro-react/customSelectStyle.js\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n\r\nconst style = {\r\n infoText: {\r\n fontWeight: \"300\",\r\n margin: \"10px 0 30px\",\r\n textAlign: \"center\",\r\n },\r\n ...customSelectStyle,\r\n};\r\n\r\nclass Step3 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n simpleSelect: \"\",\r\n desgin: false,\r\n code: false,\r\n develop: false,\r\n };\r\n }\r\n sendState() {\r\n return this.state;\r\n }\r\n handleSimple = (event) => {\r\n this.setState({ [event.target.name]: event.target.value });\r\n };\r\n isValidated() {\r\n return true;\r\n }\r\n render() {\r\n const { classes } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n ¡Felicidades!\r\n \r\n \r\n \r\n {!this.props.isExtraButtonDone ? (\r\n \r\n Estimado cliente, su certificado ha sido descargado\r\n satisfactoriamente en la carpeta designada. Si usted desea\r\n centralizar su certificado en la nube del Servicio Impuesto\r\n Interno{\" \"}\r\n \r\n (SII)\r\n {\" \"}\r\n deberá presionar el botón{\" \"}\r\n \r\n Centralizar\r\n \r\n , en caso contrario deberá presionar el botón{\" \"}\r\n \r\n Finalizar\r\n {\" \"}\r\n para terminar el proceso de descarga de certificados.\r\n \r\n ) : (\r\n \r\n Estimado cliente, su certificado ha sido descargado\r\n satisfactoriamente en la carpeta designada. Para terminar el\r\n proceso de descarga de certificados presione{\" \"}\r\n \r\n Finalizar\r\n {\" \"}\r\n .\r\n \r\n )}\r\n\r\n \r\n Si no sabes instalar el certificado, siga los pasos que le indicamos\r\n en el siguiente manual:\r\n \r\n\r\n \r\n
window.open(window.pdfManualFES, \"_blank\")}\r\n >\r\n Manual Instalación Firma Simple
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nStep3.propTypes = {\r\n classes: PropTypes.object,\r\n};\r\n\r\nexport default withStyles(style)(Step3);\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { InputAdornment, IconButton, Modal, Grid } from \"@material-ui/core\";\r\n\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport VisibilityOffOutlinedIcon from \"@material-ui/icons/VisibilityOffOutlined\";\r\nimport VisibilityOutlinedIcon from \"@material-ui/icons/VisibilityOutlined\";\r\n\r\nimport StyledButton from \"../../components/CustomButtons/StyledButton\";\r\nimport CustomInput from \"../../components/CustomInput/CustomInput\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n paper: {\r\n backgroundColor: \"#fff\",\r\n position: \"relative\",\r\n borderRadius: 8,\r\n boxShadow: theme.shadows[5],\r\n\r\n outline: \"none\",\r\n minWidth: \"auto\",\r\n maxWidth: 477,\r\n textAlign: \"center\",\r\n },\r\n container: {\r\n padding: theme.spacing(3),\r\n marginTop: theme.spacing(2),\r\n },\r\n closeButton: {\r\n position: \"absolute\",\r\n top: theme.spacing(1),\r\n right: theme.spacing(1),\r\n \"&:hover\": {\r\n backgroundColor: \"rgba(0, 0, 0, 0.04)\",\r\n },\r\n },\r\n closeButtonIcon: {\r\n color: \"black\",\r\n },\r\n title: {\r\n marginBottom: 10,\r\n fontSize: 24,\r\n fontWeight: 400,\r\n },\r\n buttonsContainer: {\r\n marginTop: 10,\r\n },\r\n inputLabelContainer: {\r\n textTransform: \"capitalize\",\r\n },\r\n inputLabel: {\r\n color: \"red\",\r\n paddingRight: \"5px\",\r\n },\r\n}));\r\n\r\nconst PasswordConfirmation = ({\r\n title,\r\n subtitle,\r\n isOpen,\r\n onClose,\r\n onSubmit,\r\n password,\r\n}) => {\r\n const classes = useStyles();\r\n\r\n // const [state, setState] = useState(null);\r\n const [isPasswordVisible, setPasswordVisible] = useState(false);\r\n const [isPasswordValid, setPasswordValid] = useState(false);\r\n\r\n const [passwordError, setPasswordError] = useState(null);\r\n\r\n const onChangePasswordVisibility = useCallback(\r\n () => setPasswordVisible((prevState) => !prevState),\r\n [setPasswordVisible]\r\n );\r\n\r\n useEffect(() => {\r\n if (passwordError !== null) {\r\n setPasswordValid(passwordError === \"\");\r\n }\r\n }, [passwordError, setPasswordValid]);\r\n\r\n const onChangePassword = useCallback(\r\n (event) => {\r\n const _password = event.target.value;\r\n\r\n if (_password && _password.trim() !== \"\") {\r\n if (_password !== password) {\r\n setPasswordError(\" La clave ingresada no es válida\");\r\n } else {\r\n setPasswordError(\"\");\r\n }\r\n } else {\r\n setPasswordError(\"La clave es requerida\");\r\n }\r\n },\r\n [password, setPasswordError]\r\n );\r\n\r\n const onSend = useCallback(() => {\r\n onClose();\r\n onSubmit();\r\n }, [onClose, onSubmit]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {title} \r\n \r\n\r\n {subtitle && (\r\n \r\n {subtitle} \r\n \r\n )}\r\n\r\n \r\n \r\n * \r\n Clave \r\n \r\n }\r\n formControlProps={{\r\n fullWidth: true,\r\n }}\r\n inputProps={{\r\n type: isPasswordVisible ? \"text\" : \"password\",\r\n onChange: onChangePassword,\r\n startAdornment: (\r\n \r\n \r\n {isPasswordVisible ? (\r\n \r\n ),\r\n }}\r\n />\r\n \r\n\r\n \r\n \r\n ENVIAR\r\n \r\n \r\n\r\n {/**/}\r\n {/* {JSON.stringify({ passwordError, isPasswordValid })}*/}\r\n {/* */}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default PasswordConfirmation;\r\n","//**** REACT\r\nimport React, { useCallback, useEffect, useState } from \"react\";\r\n//Secciones\r\nimport Cabecera from \"../CabeceraPie/Cabecera\";\r\nimport PiePagina from \"../CabeceraPie/PiePagina\";\r\n\r\nimport Wizard from \"components/Wizard/Wizard.js\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\n\r\nimport Step1 from \"./WizardSteps/Step1.js\";\r\nimport Step2 from \"./WizardSteps/Step2.js\";\r\nimport Step3 from \"./WizardSteps/Step3.js\";\r\n\r\n//**** Material-UI\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n//**** Estilos\r\nimport styles from \"assets/jss/material-kit-pro-react/views/ecommerceSections/latestOffersStyle\";\r\nimport { CertificadoActions } from \"../../services\";\r\nimport { Snackbar } from \"@material-ui/core\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport PasswordConfirmation from \"./PasswordConfirmation\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst getErrorDescription = (code) => {\r\n switch (code) {\r\n case \"network\":\r\n return \"Ha ocurrido un error. Verifique su conexión.\";\r\n case \"E04\":\r\n return \"El certificado ha sido centralizado satisfactoriamente en la nube del SII.\";\r\n case \"E07\":\r\n return \"El Servicio de Impuestos Internos (SII) no está disponible.\";\r\n default:\r\n return \"No se pudo procesar la solicitud, comuníquese con contacto@firmadox.cl.\";\r\n }\r\n};\r\n\r\nfunction prompt_before_unload(event) {\r\n event.preventDefault();\r\n event.returnValue = \"\";\r\n}\r\n\r\nexport default function DescargaFes() {\r\n const classes = useStyles();\r\n\r\n const [isUIBusy, setUIBusy] = useState(false);\r\n\r\n const [extraData, setExtraData] = useState(null);\r\n\r\n const [errorCode, setErrorCode] = useState(null);\r\n const [message, setMessage] = useState(null);\r\n const [isMessageVisible, setMessageVisible] = useState(false);\r\n\r\n const [\r\n isPasswordConfirmationVisible,\r\n setPasswordConfirmationVisible,\r\n ] = useState(false);\r\n\r\n useEffect(() => {\r\n if (errorCode) {\r\n setMessage({ text: getErrorDescription(errorCode), severity: \"error\" });\r\n }\r\n }, [errorCode, setMessage]);\r\n\r\n useEffect(() => {\r\n setMessageVisible(message != null);\r\n }, [message, setMessageVisible]);\r\n\r\n const onClosePasswordPrompt = useCallback(\r\n () => setPasswordConfirmationVisible(false),\r\n [setPasswordConfirmationVisible]\r\n );\r\n\r\n const onExtraButtonClick = useCallback(\r\n () => setPasswordConfirmationVisible(true),\r\n [setPasswordConfirmationVisible]\r\n );\r\n\r\n const onCentralize = useCallback(() => {\r\n setUIBusy(true);\r\n setErrorCode(null);\r\n setMessage(null);\r\n\r\n window.addEventListener(\"beforeunload\", prompt_before_unload);\r\n\r\n CertificadoActions.centralizarCertificado(extraData)\r\n .then((response) => {\r\n if (!response) {\r\n throw new Error(\"Empty response\");\r\n }\r\n\r\n console.log(response);\r\n const { error } = response.payload;\r\n\r\n if (response.success) {\r\n setMessage({\r\n text:\r\n \"El certificado ha sido centralizado satisfactoriamente en la nube del SII.\",\r\n severity: \"success\",\r\n });\r\n\r\n setExtraData(null);\r\n } else {\r\n console.error(error);\r\n\r\n setErrorCode(error); // code\r\n }\r\n })\r\n .catch((reason) => {\r\n console.error(reason);\r\n\r\n setErrorCode(\"network\");\r\n })\r\n .finally(() => {\r\n setUIBusy(false);\r\n\r\n window.removeEventListener(\"beforeunload\", prompt_before_unload);\r\n });\r\n }, [extraData, setUIBusy, setErrorCode, setMessage, setExtraData]);\r\n\r\n return (\r\n \r\n {extraData && (\r\n
\r\n )}\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n (window.location.href = `${window.urlWP}`)\r\n }\r\n color=\"primary\"\r\n isUIBusy={isUIBusy}\r\n extraButtonTitle={\"Centralizar\"}\r\n extraButtonBusyTitle={\"Centralizando...\"}\r\n extraButtonClick={extraData ? onExtraButtonClick : null}\r\n />\r\n \r\n\r\n \r\n {/*{JSON.stringify({ message, isMessageVisible })}
*/}\r\n setMessageVisible(false)}\r\n autoHideDuration={9000}\r\n >\r\n {message !== null && (\r\n \r\n {message.text}
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Uno de los pilares fundamentales de nuestra empresa es la atención hacia nuestros clientes, por lo que contamos con un personal\r\n capacitado que le proporcionará toda la información necesaria en el proceso de compra de nuestros productos.\r\n
\r\n \r\n No dude en contactarnos, será bien atendido.\r\n
\r\n \r\n Email: contacto@firmadox.cl\r\n
\r\n \r\n Teléfono: +56232230152\r\n
\r\n \r\n \r\n )\r\n },\r\n {\r\n tabButton: \"SOPORTE\",\r\n tabIcon: HeadsetMic,\r\n tabContent: (\r\n \r\n \r\n \r\n Si necesita ayuda con el uso de los productos que entrega FirmaDOX, no dude en contactarnos en los siguientes canales:\r\n
\r\n \r\n \r\n
\r\n \r\n Email: soporte@firmadox.cl\r\n
\r\n \r\n Teléfono: +56226179201\r\n
\r\n \r\n \r\n )\r\n },\r\n {\r\n tabButton: \"Preguntas Frecuentes\",\r\n tabIcon: ContactSupport,\r\n tabContent: (\r\n \r\n {preguntasR && preguntasR.map((questionProp, key) =>\r\n \r\n \r\n {questionProp.pregunta}\r\n \r\n \r\n \r\n \r\n {questionProp.respuesta}\r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n }\r\n ]}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n,\r\n document.getElementById(\"root\")\r\n);\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nexport default function KhipuNotify() {\r\n const [ApiVersion, setApiVersion] = useState(\"\");\r\n const [NotificationToken, setNotificationToken] = useState(\"\");\r\n useEffect(() => {\r\n const params = new URLSearchParams(window.location.search);\r\n setApiVersion(params.get('api_version'));\r\n setNotificationToken(params.get('notification_token'));\r\n }, []);\r\n\r\n return (\r\n \r\n
API Version \r\n {ApiVersion} \r\n Notification Token \r\n {NotificationToken} \r\n \r\n )\r\n}\r\n","//REACT\r\nimport React from 'react'\r\n\r\n// @material-ui/icons\r\nimport InfoIcon from '@material-ui/icons/Info';\r\nimport RoomIcon from '@material-ui/icons/Room';\r\nimport GavelIcon from '@material-ui/icons/Gavel';\r\n//Secciones\r\nimport Cabecera from \"../CabeceraPie/Cabecera\"\r\nimport PiePagina from \"../CabeceraPie/PiePagina\"\r\n\r\nimport Carrusel from \"pages/Home/sections/Carrusel\"\r\nimport NavPills from \"components/NavPills/NavPills\"\r\n// core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\n\r\nexport default function IndexHome() {\r\n React.useEffect(() => {\r\n window.scrollTo(0, 0);\r\n document.body.scrollTop = 0;\r\n window.localStorage.clear()\r\n window.sessionStorage.clear()\r\n });\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Proveer de soluciones digitales que permitan efectuar transacciones electrónicas seguras, confiables y no repudiables entre personas y empresas.\r\n
\r\n \r\n \r\n )\r\n },\r\n {\r\n tabButton: \"Visión\",\r\n tabIcon: RoomIcon,\r\n tabContent: (\r\n \r\n \r\n \r\n Contribuir a que el país genere una economía basada en procesos digitales confiables.\r\n
\r\n \r\n \r\n )\r\n },\r\n {\r\n tabButton: \"Valores\",\r\n tabIcon: GavelIcon,\r\n tabContent: (\r\n \r\n \r\n \r\n Integridad y Responsabilidad: \r\n
\r\n \r\n -Ética: Conducir las relaciones con probidad y honestidad, entregando nuestros servicios en un marco legal, moral y social.\r\n
\r\n \r\n -Honestidad y Transparencia: Hacemos lo que decimos que vamos a hacer para mejorar la gestión administrativa y operacional de nuestros clientes, con sentido común y respetando la legislación.\r\n
\r\n \r\n -Orientación al Cliente: Son el centro de la organización. Trabajamos para atender sus necesidades. Todos nuestros recursos y esfuerzos están enfocados en esta dirección.\r\n
\r\n \r\n \r\n )\r\n }\r\n ]}\r\n />\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n En Firmadox queremos que su emprendimiento pueda acceder\r\n a el mundo de la factura electrónica al menor costo\r\n posible y de la manera más rápida, ya estamos\r\n acreditados por el S.I.I para entregar firmas\r\n electrónicas de uso tributario, con ella podrá facturar\r\n electrónicamente a través del sitio web del S.I.I.\r\n
\r\n \r\n \r\n \r\n COMPRAR\r\n \r\n
\r\n \r\n ),\r\n },\r\n {\r\n tabButton: \"Firma Avanzada\",\r\n tabIcon: PersonAdd,\r\n tabContent: (\r\n \r\n \r\n \r\n Nuestra firma electrónica avanzada está acreditada según\r\n la resolución exenta N° RAEX202200985, del 26 de mayo de\r\n 2022, de la Subsecretaría de Economía y Empresas de\r\n Menor Tamaño. Con ella podrá tener la confianza de que\r\n su firma electrónica avanzada cumple con los más altos\r\n estándares de seguridad. Firme electrónicamente\r\n contratos, documentos, etc. Consulte por nuestros\r\n servicios de gestión documental asociados al uso de la\r\n firma electrónica.\r\n
\r\n \r\n \r\n \r\n COMPRAR\r\n \r\n
\r\n \r\n ),\r\n },\r\n ]}\r\n />\r\n \r\n \r\n
\r\n
\r\n
\r\n