{"version":3,"sources":["config/TiposEstadosDesconexion.ts","utils/truncarText.ts","pages/Desconexion/EstoySinLuz/FormPerfil/FormDatosStyles.ts","pages/Desconexion/EstoySinLuz/FormPerfil/FormDatos.tsx","pages/Desconexion/EstoySinLuz/Paso1/Paso1Styles.ts","pages/Desconexion/EstoySinLuz/Paso1/Paso1.tsx","pages/Desconexion/EstoySinLuz/Paso2/Paso2Styles.ts","pages/Desconexion/EstoySinLuz/Paso2/Paso2.tsx","pages/Desconexion/EstoySinLuz/Paso3/Paso3Styles.ts","pages/Desconexion/EstoySinLuz/Paso3/Paso3.tsx","pages/Desconexion/EstoySinLuz/Paso4/Paso4Styles.ts","pages/Desconexion/EstoySinLuz/Paso4/Paso4.tsx","pages/Desconexion/EstoySinLuz/PasoTicketEnProceso/PasoTicketEnProcesoStyles.ts","pages/Desconexion/EstoySinLuz/PasoTicketEnProceso/PasoTicketEnProceso.tsx","pages/Desconexion/EstoySinLuz/PasoTicketIngresado/PasoTicketIngresadoStyles.ts","pages/Desconexion/EstoySinLuz/PasoTicketIngresado/PasoTicketIngresado.tsx","pages/Desconexion/EstoySinLuz/EstoySinLuzStyles.ts","pages/Desconexion/EstoySinLuz/EstoySinLuz.tsx"],"names":["TipoEstadoDesconexion","truncarTexto","text","maxLength","length","substring","FormDatosStyles","makeStyles","theme","createStyles","gridContenedor","display","gridTemplateColumns","gridTemplateAreas","gridGap","maxWidth","margin","breakpoints","down","gridContenedorContigencia","distribuidora","gridArea","width","nombre","apellido","region","comuna","email","telefono","area","borderColor","resize","caracteres","paddingTop","color","textoCaracteres","fontSize","botonVolver","alignItems","textDecoration","gap","fontWeight","botonera","justifyContent","botonIr","flex","contenedorBotones","marginTop","contenedor","marginLeft","botonPerfil","marginBottom","iconoGrande","minWidth","height","marginRight","background","borderRadius","iconoChico","icono","stroke","datosPersonales","textoPersonales","wordBreak","boton","border","backgroundColor","boxShadow","cursor","position","verticalAlign","padding","transition","contadorCaracteresVerde","contadorCaracteresRojo","startAdornment","customMenuPaper","customSelected","menusItemPerson","placeHolder","fontFamily","fontStyle","lineHeight","paddingBottom","seleccion","FormDatos","formik","onClickRedireccionEtapa","infoCliente","CustomSelect","withStyles","outlined","Select","CustomMenuItem","root","MenuItem","t","useTranslation","styles","useStyles","dispatch","useDispatch","enqueueSnackbar","useSnackbar","useState","TipoDistribuidora","SAESA","toString","setDistribuidora","validadorModoContingencia","setValidadorModoContingencia","setComuna","setRegion","listadoRegiones","setListadoRegiones","listadoComunas","setListadoComunas","pasoActualStore","useSelector","state","desconexion","pasoActual","requestEnviarReclamoSinLuz","servicio","codDistribuidora","contingencia","reclamo","comentarios","codigoRegion","ocultarLoading","loading","document","getElementById","classList","remove","validarEstadoReclamo","responseCreacionTicket","estadoCreacion","TICKET_CREADO","actualizarNumeroSolicitud","nroTicketSaesa","ETAPAS","PASO4","TICKET_INGRESADO","PASO_TICKET_INGRESADO","CREACION_TICKET_EN_PROCESO","PASO_TICKET_EN_PROCESO","variant","useEffect","EtapasNumero","PASO3","DesconexionService","obtenerListadoRegion","then","response","catch","error","data","mensaje","setFieldValue","obtenerListadoComunas","values","useFormik","initialValues","numeroTelefono","descripcion","onSubmit","distribuidoraSeleccionada","modoContingencia","numeroCliente","add","mostrarLoading","enviarReclamo","enableReinitialize","validateOnMount","validationSchema","Yup","required","max","noNumero","soloNumero","resetForm","enlace","addEventListener","e","preventDefault","PASO2","PASO1","onChangeSelect","event","setEstado","valorFormik","resultadoValor","target","value","nombreRegion","regionBuscar","find","reg","buscarCodigoRegion","className","handleSubmit","id","name","onChange","FRONTEL","EDELAYSEN","LUZ_OSORNO","dataTestId","onBlur","handleBlur","handleChange","touched","errors","label","placeholder","MenuProps","classes","paper","anchorOrigin","vertical","horizontal","transformOrigin","disabled","map","item","selected","cantidadCaracteresMaximosSelect","nombreComuna","minRows","maxRows","total","href","PATH_ESTOY_SIN_LUZ","src","iconoVolver","alt","Button","type","isValid","dirty","onClick","Paso1Styles","numeroServicio","input","recaptcha","tooltip","zIndex","tooltipIcon","textos","imgTooltip","filter","tituloTooltip","textAlign","parrafoTooltip","Paso1","captchaRef","setInfoCliente","mostrarModal","setMostrarModal","numServicio","captcha","formValues","actualizarLogoBody","urlLogo","obtenerLogo","request","obtenerTokenDesconexion","responseDesconexion","localStorage","setItem","token","obtenerEstadoServicio","responseCodigo","esDatoValido","actualizarLogo","infoClienteModel","localidad","estadoServicio","codigoEstadoSuministro","cortes","validarCorte","actualizarPasoActual","mostrarPildoraError","reset","strong","autocomplete","endAdornment","IconButton","ref","refCaptcha","setCaptchaRef","sitekey","process","setSubmitting","cerrarModal","tooltipServicio","defaultProps","Paso2Styles","link","detalleServicioOk","detalleServicioFail","iconoBoton","iconoCheck","fill","mensajeServicioOK","mensajeServicioFail","mensajePago","contenedorMensajePago","iconoMensajePago","Paso2","history","useHistory","generarURLPago","TipoCorteServicio","CORTADO","TRAMITE_CORTE","iconoInformacion","renderContenido","setRenderContenido","clsx","REPOSICION","parametros","empresa","cliente","NORMAL","window","location","TIPOCORTE","COD_CORTE_IMPREVISTO","COD_CORTE_PROGRAMADO","push","MAPACORTES","URLSearchParams","obtenerTextoBoton","iconoRedireccion","Paso3Styles","tituloFormulario","texto","cardMapa","cardMapaTitulo","cardMapaBajada","botonMapa","imagenBotonMapa","Paso3","url","getAttribute","iconoMapa","iconoRedireccionMorado","Paso4Styles","iconoManoArriba","contenido","flexDirection","reporteExito","lineWeight","numeroSeguimiento","contenedorDisclaimer","iconoMensajeDisclaimer","mensajeDisclaimer","Paso4","numeroSolicitud","glosa","datosDistribuidora","setDatosDistribuidora","setearDistribuidora","Typography","dangerouslySetInnerHTML","__html","strong1","str","PasoTicketEnProcesoStyles","iconoSuperior","PasoTicketEnProceso","iconoReloj","PasoTicketIngresadoStyles","PasoTicketIngresado","EstoySinLuzStyles","estoySinLuz","contenidoPaso1","contenidoPaso2","contenidoPaso3","contenidoPaso4","contenidoPasoTicketIngresado","contenidoPasoTicketEnProceso","ocultar","logo","urlDistribuidora","etapas","EstoySinLuz","setPasoActual","nombreEtapas","calle","modalNoDisponible","setModalNoDisponible","modalNoDisponibleFlagVisible","modalPaginaNoDisponible","activacionModal","valorMinutosModal","tiempoCookie","flagCargado","flagCargadoEstoySinLuz","paso","tiempoMostrarModal","milisegundosPorMinuto","obtenerFeatureFlag","actualizarEstadoModalPaginaNoDisponible","web","modalSitioNoDisponible","actualizarEstadoFlagEstoySinLuz","mostrarModalCookie","ModalSitioNoDisponible","titulo","activeStep","DEFAULT","obtenerPasoActual","steps","stepNames"],"mappings":"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","file":"static/js/3.5aa2c5ad.chunk.js","sourcesContent":["export enum TipoEstadoDesconexion {\n  // Estados de Desconexion\n  ERROR_CREACION_TICKET = 'ERROR_CREACION_TICKET',\n  TICKET_CREADO = 'TICKET_CREADO',\n  TICKET_INGRESADO = 'TICKET_INGRESADO',\n  CREACION_TICKET_EN_PROCESO = 'CREACION_TICKET_EN_PROCESO',\n}\n","/**\n * Función para convertir y limitar textos largos\n * @param text texto a limitar\n * @param maxLength maximo de caracteres a mostrar\n * @returns el texto convertido\n */\nexport const truncarTexto = (text: any, maxLength: any) => {\n  if (text.length > maxLength) {\n    return `${text.substring(0, maxLength)}...`;\n  }\n  return text;\n};\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst FormDatosStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    gridContenedor: {\n      display: 'grid',\n      gridTemplateColumns: '1fr 1fr',\n      gridTemplateAreas: `\n          \"distribuidora distribuidora\"\n          \"nombre apellido\"\n          \"email telefono\"\n          \"area area\"\n          \"boton boton\"\n        `,\n      gridGap: '1.25rem',\n      maxWidth: '500px',\n      margin: '0 auto',\n      [theme.breakpoints.down('sm')]: {\n        gridTemplateAreas: `\n             \"distribuidora\"\n             \"nombre\"\n             \"apellido\"\n             \"email\"\n             \"telefono\"\n             \"area\"\n             \"boton\"\n           `,\n        gridTemplateColumns: '1fr',\n      },\n    },\n\n    gridContenedorContigencia: {\n      display: 'grid',\n      gridTemplateColumns: '1fr 1fr',\n      gridTemplateAreas: `\n          \"distribuidora distribuidora\"\n          \"nombre apellido\"\n          \"region comuna\"\n          \"email telefono\"\n          \"area area\"\n          \"boton boton\"\n        `,\n      gridGap: '1.25rem',\n      maxWidth: '500px',\n      margin: '0 auto',\n      [theme.breakpoints.down('sm')]: {\n        gridTemplateAreas: `\n             \"distribuidora\"\n             \"nombre\"\n             \"apellido\"\n             \"region\"\n             \"comuna\"\n             \"email\"\n             \"telefono\"\n             \"area\"\n             \"boton\"\n           `,\n        gridTemplateColumns: '1fr',\n      },\n    },\n    distribuidora: {\n      gridArea: 'distribuidora',\n      width: '48%',\n      [theme.breakpoints.down('sm')]: {\n        width: '100%',\n      },\n    },\n    nombre: {\n      gridArea: 'nombre',\n    },\n    apellido: {\n      gridArea: 'apellido',\n    },\n    region: {\n      gridArea: 'region',\n      maxWidth: '240px',\n      [theme.breakpoints.down('sm')]: {\n        maxWidth: '100%',\n      },\n    },\n    comuna: {\n      gridArea: 'comuna',\n      maxWidth: '240px',\n      [theme.breakpoints.down('sm')]: {\n        maxWidth: '100%',\n      },\n    },\n    email: {\n      gridArea: 'email',\n    },\n    telefono: {\n      gridArea: 'telefono',\n    },\n    area: {\n      gridArea: 'area',\n      borderColor: '#9196B1',\n      resize: 'none',\n    },\n    caracteres: {\n      display: 'flex',\n      paddingTop: '3px',\n      color: '#5A607F',\n    },\n    textoCaracteres: {\n      fontSize: '10px',\n    },\n    botonVolver: {\n      display: 'flex',\n      alignItems: 'center',\n      textDecoration: 'none',\n      gap: '8px',\n      color: 'var(--primario-morado)',\n      fontSize: '14px',\n      fontWeight: 600,\n    },\n    botonera: {\n      display: 'flex',\n      justifyContent: 'center',\n      gap: '1.5rem',\n    },\n    botonIr: {\n      gridArea: 'boton',\n      [theme.breakpoints.down('sm')]: {\n        flex: 1,\n      },\n    },\n    contenedorBotones: {\n      gridArea: 'botones',\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: '1.25rem',\n    },\n    contenedor: {\n      marginTop: '1.5rem',\n      [theme.breakpoints.down('xs')]: {\n        marginLeft: '0',\n      },\n    },\n    botonPerfil: {\n      display: 'block',\n      maxWidth: '300px',\n      [theme.breakpoints.down('xs')]: {\n        maxWidth: 'initial',\n        marginBottom: '66px',\n      },\n    },\n    iconoGrande: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      minWidth: '2.875rem',\n      height: '2.875rem',\n      marginRight: '0.5rem',\n      background: 'var(--secundario-azul-marino)',\n      borderRadius: '50%',\n    },\n    iconoChico: {\n      width: '22px',\n      height: '22px',\n    },\n    icono: {\n      stroke: 'var(--blanco)',\n      width: '1.5rem',\n      height: '1.5rem',\n    },\n    datosPersonales: {\n      display: 'flex',\n      alignItems: 'center',\n      marginBottom: '2.875rem',\n    },\n    textoPersonales: {\n      color: 'var(--primario-azul-oscuro)',\n      wordBreak: 'break-word',\n    },\n    boton: {\n      width: '280px',\n      color: 'var(--primario-morado)',\n      border: '2px solid var(--primario-morado)',\n      backgroundColor: 'transparent',\n      boxShadow: 'unset',\n      borderRadius: '2.5rem',\n      cursor: 'pointer',\n      display: 'inline-flex',\n      position: 'relative',\n      alignItems: 'center',\n      verticalAlign: 'middle',\n      justifyContent: 'center',\n      textDecoration: 'none',\n      height: '3.125rem',\n      padding: '0.375rem 1rem',\n      minWidth: '64px',\n      fontWeight: 700,\n      transition:\n        'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n      '&:hover': {\n        border: '2px solid var(--primario-morado)',\n        backgroundColor: 'var(--hover-secundary)',\n      },\n    },\n    contadorCaracteresVerde: {\n      color: 'var(--verde-exito)',\n    },\n    contadorCaracteresRojo: {\n      color: 'var(--rojo-error)',\n    },\n    startAdornment: {\n      color: 'var(--input-label)',\n    },\n    customMenuPaper: {\n      boxShadow: '0px 2px 12px 0px #09275424 !important',\n    },\n    customSelected: {\n      backgroundColor: 'rgba(0, 0, 0, 0.08) !important',\n    },\n\n    menusItemPerson: {\n      padding: '10px 16px',\n    },\n    placeHolder: {\n      fontFamily: 'Neutrif Studio',\n      fontStyle: 'normal',\n      fontWeight: 400,\n      fontSize: '14px',\n      lineHeight: '18px',\n      color: 'var(--gris-l43)',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n    },\n    seleccion: {\n      fontFamily: 'Neutrif Studio',\n      fontStyle: 'normal',\n      fontWeight: 400,\n      fontSize: '14px',\n      lineHeight: '18px',\n      color: 'var(--gris-l3)',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n    },\n  })\n);\n\nexport default FormDatosStyles;\n","import { Button, MenuItem, Select, withStyles } from '@material-ui/core';\nimport { Input, TextArea, Typography } from '@saesa/ui-kit-front';\nimport { ETAPAS } from 'config/tipoEtapasEnum';\nimport { useFormik } from 'formik';\nimport { InfoClienteModel } from 'models';\nimport { useSnackbar } from 'notistack';\nimport { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport DesconexionService from 'services/desconexionService';\nimport * as Yup from 'yup';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { iconoVolver } from 'assets/images';\nimport { actualizarNumeroSolicitud, RootState } from 'store';\nimport { PATH_ESTOY_SIN_LUZ } from 'root-page';\nimport { TipoDistribuidora } from 'config/tipoDistribuidoraEnum';\nimport { cantidadCaracteresMaximosSelect } from 'utils/constants';\nimport { EtapasNumero } from 'config';\nimport { truncarTexto } from 'utils/truncarText';\nimport { TipoEstadoDesconexion } from 'config/TiposEstadosDesconexion';\nimport { EnviarReclamoRequestModel } from 'services/models';\nimport useStyles from './FormDatosStyles';\n\ninterface FormValues {\n  nombre: string;\n  apellido: string;\n  email: string;\n  region: string;\n  codigoRegion: string;\n  comuna: string;\n  numeroTelefono: string;\n  descripcion: string;\n}\nconst FormDatos = ({\n  onClickRedireccionEtapa,\n  infoCliente,\n}: {\n  onClickRedireccionEtapa: (etapa: ETAPAS) => void;\n  infoCliente: InfoClienteModel;\n}) => {\n  /**\n   * Custom select de material\n   */\n  const CustomSelect = withStyles(() => ({\n    outlined: {\n      display: 'flex',\n      alignItems: 'center',\n      padding: '0.375rem',\n      background: 'var(--blanco)',\n      border: '1px solid var(--secundario-azul-marino)',\n    },\n  }))(Select);\n\n  /**\n   * Custom item de material\n   */\n  const CustomMenuItem = withStyles(() => ({\n    root: {\n      padding: '0.5rem 0.5rem 0 0.5rem',\n      '&:last-of-type': {\n        paddingBottom: '0.5rem',\n      },\n    },\n  }))(MenuItem);\n\n  const { t } = useTranslation();\n  const styles = useStyles();\n  let formik: any;\n  const dispatch = useDispatch();\n  /**\n   * Máximo de caracteres permitido en textarea de consulta/reclamo\n   */\n  const MAX_CARACTERES_CONSULTA = 800;\n\n  /**\n   * Valores iniciales de formulario\n   */\n  const initialValues: FormValues = {\n    nombre: '',\n    apellido: '',\n    email: '',\n    region: '',\n    codigoRegion: '',\n    comuna: '',\n    numeroTelefono: '',\n    descripcion: '',\n  };\n  /**\n   * Uso de las pildoras de notificaciones\n   */\n  const { enqueueSnackbar } = useSnackbar();\n\n  /**\n   * Distribuidora seleccionada.\n   */\n  const [distribuidora, setDistribuidora] = useState(TipoDistribuidora.SAESA.toString());\n\n  /**\n   * Validador del modo contigencia\n   */\n  const [validadorModoContingencia, setValidadorModoContingencia] = useState(false);\n\n  /**\n   * UseState que contiene el valor de la comuna\n   */\n  const [comuna, setComuna] = useState<string>(t('desconexion:paginas.estoySinLuz.formulario.campos.comuna.label'));\n\n  /**\n   * UseState que contiene el valor de la comuna\n   */\n  const [region, setRegion] = useState<string>(t('desconexion:paginas.estoySinLuz.formulario.campos.region.label'));\n\n  /**\n   * UseState que contiene el valor del listado de regiones\n   */\n  const [listadoRegiones, setListadoRegiones] = useState<[]>([]);\n\n  /**\n   * UseState que contiene el valor del listado de regiones\n   */\n  const [listadoComunas, setListadoComunas] = useState<[]>([]);\n\n  /**\n   * Obtiene el valor del paso actual\n   */\n  const pasoActualStore = useSelector((state: RootState) => state.desconexion.pasoActual);\n\n  /**\n   * Inicialización de request para reutilizar en validación.\n   */\n  let requestEnviarReclamoSinLuz: EnviarReclamoRequestModel = {\n    servicio: '',\n    codDistribuidora: '',\n    contingencia: false,\n    reclamo: {\n      nombre: '',\n      apellido: '',\n      email: '',\n      telefono: '',\n      comentarios: '',\n      codigoRegion: '',\n      comuna: '',\n    },\n  };\n\n  /**\n   * Oculta el loading.\n   */\n  const ocultarLoading = () => {\n    const loading = document.getElementById('loading');\n    return loading?.classList.remove('backdrop--show');\n  };\n\n  /**\n   * Depliega el loading.\n   */\n  const mostrarLoading = () => {\n    const loading = document.getElementById('loading');\n    return loading?.classList.add('backdrop--show');\n  };\n\n  /**\n   * Despliega mensaje de error generico.\n   */\n  const mostrarMensajeErrorGenerico = () => {\n    enqueueSnackbar(t(`errors:desconexion.000`), {\n      variant: 'error',\n    });\n\n    ocultarLoading();\n  };\n\n  /**\n   * Valida el estado de la creación del ticket de reclamo y realiza acciones según el estado.\n   *\n   * @param responseCreacionTicket - El objeto de respuesta que contiene el estado de la creación del ticket.\n   */\n  const validarEstadoReclamo = (responseCreacionTicket: any) => {\n    // Se valida con el mismo servicio que se envía el reclamo\n    switch (responseCreacionTicket?.estadoCreacion) {\n      case TipoEstadoDesconexion.TICKET_CREADO:\n        dispatch(actualizarNumeroSolicitud(responseCreacionTicket.nroTicketSaesa));\n        onClickRedireccionEtapa(ETAPAS.PASO4);\n        break;\n      case TipoEstadoDesconexion.TICKET_INGRESADO:\n        onClickRedireccionEtapa(ETAPAS.PASO_TICKET_INGRESADO);\n        break;\n      case TipoEstadoDesconexion.CREACION_TICKET_EN_PROCESO:\n        onClickRedireccionEtapa(ETAPAS.PASO_TICKET_EN_PROCESO);\n        break;\n      default:\n        mostrarMensajeErrorGenerico();\n        break;\n    }\n  };\n\n  /**\n   * Función usada para obtener el listado de las regiones\n   */\n  const obtenerListadoDeRegiones = () => {\n    DesconexionService.obtenerListadoRegion()\n      .then(response => {\n        setListadoRegiones(response);\n      })\n      .catch(error => {\n        enqueueSnackbar(t(`errors:${error?.response?.data?.mensaje}`), {\n          variant: 'error',\n        });\n\n        setListadoRegiones([]);\n      });\n  };\n\n  /**\n   * Función usada para obtener el listado de las comunas\n   */\n  const obtenerListadoDeComunas = () => {\n    DesconexionService.obtenerListadoComunas(formik.values.codigoRegion)\n      .then(response => {\n        setListadoComunas(response);\n      })\n      .catch(error => {\n        enqueueSnackbar(t(`errors:${error?.response?.data?.mensaje}`), {\n          variant: 'error',\n        });\n        setListadoComunas([]);\n      });\n  };\n\n  /**\n   * UseEffect para obtener el listado de las regiones\n   */\n  useEffect(() => {\n    if (pasoActualStore === EtapasNumero.PASO3) {\n      obtenerListadoDeRegiones();\n    }\n  }, [infoCliente]);\n\n  /**\n   * UseEffect para obtener el listado de las comunas\n   */\n  useEffect(() => {\n    if (pasoActualStore === EtapasNumero.PASO3) {\n      formik.setFieldValue('comuna', '');\n      setComuna(t('desconexion:paginas.estoySinLuz.formulario.campos.comuna.label'));\n      setListadoComunas([]);\n      obtenerListadoDeComunas();\n    }\n  }, [region]);\n\n  /**\n   * Funcion que llama a ultimo servicio para envio de reclamo\n   */\n  const onSubmit = () => {\n    let distribuidoraSeleccionada = infoCliente.codDistribuidora;\n\n    const modoContingencia = infoCliente.codDistribuidora === '';\n\n    if (!infoCliente.codDistribuidora) {\n      distribuidoraSeleccionada = distribuidora;\n    }\n\n    requestEnviarReclamoSinLuz = {\n      servicio: infoCliente.numeroCliente,\n      codDistribuidora: distribuidoraSeleccionada,\n      contingencia: modoContingencia,\n      reclamo: {\n        nombre: formik.values.nombre,\n        apellido: formik.values.apellido,\n        email: formik.values.email,\n        telefono: formik.values.numeroTelefono,\n        comentarios: formik.values.descripcion,\n        codigoRegion: formik.values.codigoRegion,\n        comuna: formik.values.comuna,\n      },\n    };\n    mostrarLoading();\n    DesconexionService.enviarReclamo(requestEnviarReclamoSinLuz)\n      .then(response => {\n        ocultarLoading();\n        validarEstadoReclamo(response);\n      })\n      .catch(error => {\n        ocultarLoading();\n        enqueueSnackbar(t(`errors:${error?.response?.data?.mensaje}`), {\n          variant: 'error',\n        });\n      });\n  };\n\n  /**\n   * Envía el formulario de reportar corte.\n   */\n  const handleSubmit = () => {\n    formik.handleSubmit();\n  };\n\n  formik = useFormik({\n    initialValues,\n    onSubmit,\n    enableReinitialize: true,\n    validateOnMount: true,\n    validationSchema: Yup.object({\n      nombre: Yup.string().required(t('errors.required')).max(40, t('errors.max')).noNumero(t('errors.noSoloNumeros')),\n      apellido: Yup.string().required(t('errors.required')).max(40, t('errors.max')).noNumero(t('errors.noSoloNumeros')),\n      email: Yup.string().required(t('errors.required')).email(t('errors.email')).max(100, t('errors.max')),\n      numeroTelefono: Yup.string().required(t('errors.required')).soloNumero(t('errors.soloNumeros')).length(9, t('errors.length')),\n      descripcion: Yup.string().max(800, t('errors.max')),\n    }),\n  });\n\n  /**\n   * Función para validar validar el modo contigencia\n   */\n  const handleValidarModoContingencia = () => {\n    setValidadorModoContingencia(false);\n    if (infoCliente.codDistribuidora === '' && (formik.values.region === '' || formik.values.comuna === '')) {\n      setValidadorModoContingencia(true);\n    }\n  };\n\n  useEffect(() => {\n    formik.resetForm();\n  }, [onClickRedireccionEtapa]);\n\n  /**\n   * UseEffect para validar el modo contigencia\n   */\n  useEffect(() => {\n    handleValidarModoContingencia();\n  }, [formik]);\n\n  /**\n   * Use Effect encargado de volver atrás desde el evento del link.\n   */\n  useEffect(() => {\n    const enlace = document.getElementById('botonVolver');\n    if (enlace) {\n      enlace.addEventListener('click', e => {\n        e.preventDefault();\n\n        if (infoCliente.codDistribuidora !== '') {\n          onClickRedireccionEtapa(ETAPAS.PASO2);\n        } else {\n          onClickRedireccionEtapa(ETAPAS.PASO1);\n        }\n      });\n    }\n  }, [infoCliente]);\n\n  /**\n   * Captura el evento de cambiar distribuidora\n   *\n   * @param event a utilizar\n   */\n  const onServicioChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n    setDistribuidora(event.target.value as string);\n  };\n\n  /**\n   * Función para realizar busqueda de codigo de region\n   * @param nombreRegion nombre de la region a buscar\n   * @returns codigo de la region o valor \"Región\"\n   */\n  const buscarCodigoRegion = (nombreRegion: string) => {\n    const regionBuscar: any = listadoRegiones.find((reg: any) => reg.nombreRegion === nombreRegion);\n    if (regionBuscar) {\n      if (regionBuscar?.codigoRegion) {\n        return regionBuscar?.codigoRegion;\n      }\n      return t('desconexion:paginas.estoySinLuz.formulario.campos.region.label');\n    }\n    return t('desconexion:paginas.estoySinLuz.formulario.campos.region.label');\n  };\n\n  /**\n   * Función que maneja el cambio de usuarios\n   * @param event evento que registrará el cambio de usuario\n   * @param setEstado set de useState a cambiar\n   * @param valorFormik string de clave del formulario\n   */\n  const onChangeSelect = (event: any, setEstado: any, valorFormik: string) => {\n    const resultadoValor = event.target.value;\n    setEstado(resultadoValor);\n    formik.setFieldValue(valorFormik, resultadoValor);\n\n    if (valorFormik === 'region') {\n      formik.setFieldValue('codigoRegion', buscarCodigoRegion(resultadoValor));\n    }\n  };\n\n  /**\n   * Función que maneja el estado del seleccionador de comuna\n   * @returns true o false segun este el estado del seleccionador de región\n   */\n  const validarCampoComuna = () => region === '' || region === t('desconexion:paginas.estoySinLuz.formulario.campos.region.label');\n\n  return (\n    <section className={styles.contenedor}>\n      <form\n        onSubmit={formik.handleSubmit}\n        className={`${infoCliente.codDistribuidora === '' ? styles.gridContenedorContigencia : styles.gridContenedor}`}\n        data-testid=\"grupo-input-desconexion\"\n      >\n        {infoCliente.codDistribuidora === '' && (\n          <CustomSelect\n            className={styles.distribuidora}\n            id=\"selector-tipo-grafico\"\n            name=\"selector-tipo-grafico\"\n            value={distribuidora}\n            onChange={onServicioChange}\n            data-testid=\"selector-tipo-grafico\"\n          >\n            <CustomMenuItem value={TipoDistribuidora.SAESA} key={TipoDistribuidora.SAESA}>\n              <Typography variant=\"parrafo\">{t('desconexion:paginas.estoySinLuz.dxSaesa')}</Typography>\n            </CustomMenuItem>\n\n            <CustomMenuItem value={TipoDistribuidora.FRONTEL} key={TipoDistribuidora.SAESA}>\n              <Typography variant=\"parrafo\">{t('desconexion:paginas.estoySinLuz.dxFrontel')}</Typography>\n            </CustomMenuItem>\n\n            <CustomMenuItem value={TipoDistribuidora.EDELAYSEN} key={TipoDistribuidora.SAESA}>\n              <Typography variant=\"parrafo\">{t('desconexion:paginas.estoySinLuz.dxEdelaysen')}</Typography>\n            </CustomMenuItem>\n\n            <CustomMenuItem value={TipoDistribuidora.LUZ_OSORNO} key={TipoDistribuidora.SAESA}>\n              <Typography variant=\"parrafo\">{t('desconexion:paginas.estoySinLuz.dxLuzOsorno')}</Typography>\n            </CustomMenuItem>\n          </CustomSelect>\n        )}\n\n        <Input\n          dataTestId=\"input-desconexion-nombre\"\n          className={styles.nombre}\n          name=\"nombre\"\n          value={formik.values.nombre}\n          onBlur={formik.handleBlur}\n          onChange={formik.handleChange}\n          touched={formik.touched.nombre}\n          errors={formik.errors.nombre}\n          label={t('desconexion:paginas.estoySinLuz.formulario.campos.nombre.label')}\n          placeholder={t('desconexion:paginas.estoySinLuz.formulario.campos.nombre.placeholder')}\n        />\n        <Input\n          dataTestId=\"input-desconexion-apellido\"\n          className={styles.apellido}\n          name=\"apellido\"\n          value={formik.values.apellido}\n          onBlur={formik.handleBlur}\n          onChange={formik.handleChange}\n          touched={formik.touched.apellido}\n          errors={formik.errors.apellido}\n          label={t('desconexion:paginas.estoySinLuz.formulario.campos.apellido.label')}\n          placeholder={t('desconexion:paginas.estoySinLuz.formulario.campos.apellido.placeholder')}\n        />\n        {infoCliente.codDistribuidora === '' && (\n          <CustomSelect\n            id=\"selector-tipo-region\"\n            className={styles.region}\n            name=\"selector-tipo-region\"\n            value={region}\n            onChange={event => onChangeSelect(event, setRegion, 'region')}\n            data-testid=\"selector-tipo-region\"\n            MenuProps={{\n              classes: { paper: styles.customMenuPaper },\n              anchorOrigin: {\n                vertical: 'bottom',\n                horizontal: 'left',\n              },\n              transformOrigin: {\n                vertical: 'top',\n                horizontal: 'left',\n              },\n            }}\n          >\n            <MenuItem\n              value={t('desconexion:paginas.estoySinLuz.formulario.campos.region.label')}\n              disabled\n              className={styles.menusItemPerson}\n              key=\"region\"\n            >\n              <Typography className={styles.placeHolder}>{t('desconexion:paginas.estoySinLuz.formulario.campos.region.label')}</Typography>\n            </MenuItem>\n\n            {listadoRegiones.map((item: any) => (\n              <MenuItem\n                value={item?.nombreRegion}\n                className={styles.menusItemPerson}\n                classes={{ selected: styles.customSelected }}\n                key={item?.nombreRegion}\n              >\n                <Typography className={styles.seleccion}>{truncarTexto(item?.nombreRegion, cantidadCaracteresMaximosSelect)}</Typography>\n              </MenuItem>\n            ))}\n          </CustomSelect>\n        )}\n        {infoCliente.codDistribuidora === '' && (\n          <CustomSelect\n            id=\"selector-tipo-comuna\"\n            className={styles.comuna}\n            disabled={validarCampoComuna()}\n            name=\"selector-tipo-comuna\"\n            value={comuna}\n            onChange={event => onChangeSelect(event, setComuna, 'comuna')}\n            data-testid=\"selector-tipo-comuna\"\n            MenuProps={{\n              classes: { paper: styles.customMenuPaper },\n              anchorOrigin: {\n                vertical: 'bottom',\n                horizontal: 'left',\n              },\n              transformOrigin: {\n                vertical: 'top',\n                horizontal: 'left',\n              },\n            }}\n          >\n            <MenuItem\n              value={t('desconexion:paginas.estoySinLuz.formulario.campos.comuna.label')}\n              disabled\n              className={styles.menusItemPerson}\n              key=\"comuna\"\n            >\n              <Typography className={styles.placeHolder}>{t('desconexion:paginas.estoySinLuz.formulario.campos.comuna.label')}</Typography>\n            </MenuItem>\n\n            {listadoComunas.map((item: any) => (\n              <MenuItem\n                value={item?.nombreComuna}\n                className={styles?.menusItemPerson}\n                classes={{ selected: styles.customSelected }}\n                key={item.nombreComuna}\n              >\n                <Typography className={styles.seleccion}>{truncarTexto(item?.nombreComuna, cantidadCaracteresMaximosSelect)}</Typography>\n              </MenuItem>\n            ))}\n          </CustomSelect>\n        )}\n\n        <Input\n          dataTestId=\"input-desconexion-email\"\n          className={styles.email}\n          name=\"email\"\n          value={formik.values.email}\n          onBlur={formik.handleBlur}\n          onChange={formik.handleChange}\n          touched={formik.touched.email}\n          errors={formik.errors.email}\n          label={t('desconexion:paginas.estoySinLuz.formulario.campos.email.label')}\n          placeholder={t('desconexion:paginas.estoySinLuz.formulario.campos.email.placeholder')}\n        />\n        <Input\n          dataTestId=\"input-desconexion-telefono\"\n          className={styles.telefono}\n          name=\"numeroTelefono\"\n          value={formik.values.numeroTelefono}\n          onBlur={formik.handleBlur}\n          onChange={formik.handleChange}\n          touched={formik.touched.numeroTelefono}\n          errors={formik.errors.numeroTelefono}\n          label={t('desconexion:paginas.estoySinLuz.formulario.campos.numeroTelefono.label')}\n          placeholder={t('desconexion:paginas.estoySinLuz.formulario.campos.numeroTelefono.placeholder')}\n          startAdornment={\n            <Typography className={styles.startAdornment} variant=\"parrafo\">\n              +56{' '}\n            </Typography>\n          }\n        />\n        <section className={styles.area}>\n          <TextArea\n            className={styles.area}\n            minRows={3}\n            maxRows={4}\n            name=\"descripcion\"\n            value={formik.values.descripcion}\n            onChange={formik.handleChange}\n            onBlur={formik.handleBlur}\n            touched={formik.touched.descripcion}\n            errors={formik.errors.descripcion}\n            placeholder={t('desconexion:paginas.estoySinLuz.formulario.campos.descripcion.placeholder')}\n            dataTestId=\"input-desconexion-descripcion\"\n            maxLength={MAX_CARACTERES_CONSULTA}\n          />\n          <section className={styles.caracteres}>\n            <Typography variant=\"label\" className={styles.textoCaracteres}>\n              {!formik.errors.descripcion ? MAX_CARACTERES_CONSULTA - formik.values.descripcion.length : null}&nbsp;\n            </Typography>\n            <Typography variant=\"label\" className={styles.textoCaracteres}>\n              {!formik.errors.descripcion\n                ? t('desconexion:paginas.estoySinLuz.formulario.contador', {\n                    total: MAX_CARACTERES_CONSULTA,\n                  })\n                : null}\n            </Typography>\n          </section>\n        </section>\n      </form>\n      <div className={styles.botonera}>\n        <a id=\"botonVolver\" className={styles.botonVolver} href={PATH_ESTOY_SIN_LUZ}>\n          <img src={iconoVolver} alt=\"icono\" />\n          <span>{t('desconexion:paginas.estoySinLuz.paso3.contenido.botones.volver')}</span>\n        </a>\n        <Button\n          data-testid=\"button-form-perfil\"\n          className={styles.botonIr}\n          type=\"submit\"\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={!(formik.isValid && formik.dirty && !validadorModoContingencia)}\n          onClick={handleSubmit}\n        >\n          {t('desconexion:paginas.estoySinLuz.paso3.contenido.botones.ir')}\n        </Button>\n      </div>\n    </section>\n  );\n};\nexport default FormDatos;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst Paso1Styles = makeStyles((theme: Theme) =>\n  createStyles({\n    numeroServicio: {\n      width: '350px',\n      display: 'flex',\n      margin: '1.5rem auto 0 auto',\n      [theme.breakpoints.down('sm')]: {\n        maxWidth: '350px',\n        width: 'auto',\n      },\n    },\n    botonIr: {\n      width: 'auto',\n      marginTop: '2rem',\n      fontSize: '14px',\n      fontStyle: 'normal',\n      fontWeight: 600,\n    },\n    input: {\n      maxWidth: '396px',\n    },\n    recaptcha: {\n      width: '304px',\n      margin: '1.5rem auto 0 auto',\n    },\n    tooltip: {\n      margin: '0',\n      padding: '0',\n      height: '30px',\n      zIndex: 2,\n    },\n    tooltipIcon: {\n      '--icon-primary-dark': 'var(--primario-morado)',\n    },\n    textos: {\n      margin: '2rem auto 0 auto',\n      maxWidth: '490px',\n    },\n    descripcion: {\n      marginTop: '0.5rem',\n    },\n    imgTooltip: {\n      margin: '0 auto',\n      width: '342px',\n      filter: 'drop-shadow(7px 7px 16px rgba(24, 57, 106, 0.16))',\n    },\n    tituloTooltip: {\n      fontSize: '16px',\n      fontStyle: 'normal',\n      fontWeight: 600,\n      lineHeight: '20px',\n      color: 'var(--secundarios-azul-marino, #074177)',\n      textAlign: 'center',\n      paddingBottom: '12px',\n    },\n    parrafoTooltip: {\n      fontSize: '14px',\n      fontStyle: 'normal',\n      fontWeight: 400,\n      lineHeight: '18px',\n      textAlign: 'center',\n      paddingBottom: '20px',\n    },\n  })\n);\n\nexport default Paso1Styles;\n","import { Button, IconButton } from '@material-ui/core';\nimport { AyudaLinearIcon, Input, Modal, Typography } from '@saesa/ui-kit-front';\nimport { tooltipServicio } from 'assets/images';\nimport { ETAPAS } from 'config/tipoEtapasEnum';\nimport { useFormik } from 'formik';\nimport { InfoClienteModel } from 'models';\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport DesconexionService from 'services/desconexionService';\nimport { TokenRequestDesconexionModel } from 'services/models';\nimport { actualizarLogo, actualizarPasoActual } from 'store';\nimport { obtenerLogo } from 'utils';\nimport { EtapasNumero } from 'config';\nimport { useSnackbar } from 'notistack';\nimport { esDatoValido, validarCorte } from 'utils/desconexionUtils';\nimport * as Yup from 'yup';\nimport useStyles from './Paso1Styles';\n\nconst Paso1 = ({\n  className,\n  onClickRedireccionEtapa,\n  setInfoCliente,\n}: {\n  className?: string;\n  onClickRedireccionEtapa: (etapa: ETAPAS) => void;\n  setInfoCliente: Dispatch<SetStateAction<InfoClienteModel>>;\n}) => {\n  const dispatch = useDispatch();\n  /**\n   * useRef de captcha\n   */\n  let captchaRef: ReCAPTCHA;\n  /**\n   * Valor de formik\n   */\n  let formik: any;\n  /**\n   * Uso del i18n para traducciones\n   */\n  const { t } = useTranslation();\n  /**\n   * Componente de hoja de estilos\n   */\n  const styles = useStyles();\n  /**\n   * useState tipo booleano para mostrar modal\n   */\n  const [mostrarModal, setMostrarModal] = useState(false);\n  /**\n   * UseRef de recaptcha\n   */\n  const setCaptchaRef = (ref: ReCAPTCHA | null) => {\n    if (ref) {\n      captchaRef = ref;\n      return captchaRef;\n    }\n    return captchaRef;\n  };\n  const cerrarModal = () => {\n    setMostrarModal(false);\n  };\n  /**\n   * Enviroment de google catpcha\n   */\n  const googleCaptchaKey = process.env.REACT_APP_CAPTCHA_KEY || '';\n\n  /**\n   * Componente de pildora\n   */\n  const { enqueueSnackbar } = useSnackbar();\n\n  /**\n   * Interface de formulario\n   */\n  interface FormValues {\n    numServicio: string;\n    captcha: string;\n  }\n\n  /**\n   * Valores iniciales de formulario\n   */\n  const initialValues: FormValues = {\n    numServicio: '',\n    captcha: '',\n  };\n\n  /**\n   * Funcion encargada de desplegar pildora de error.\n   * @param error a desplegar\n   */\n  const mostrarPildoraError = (error: any) => {\n    enqueueSnackbar(t(`errors:${error?.response?.data?.mensaje}`), {\n      variant: 'error',\n    });\n  };\n\n  /**\n   * On submit de formulario\n   */\n  const onSubmit = (formValues: any) => {\n    let actualizarLogoBody = {\n      urlLogo: obtenerLogo(null),\n    };\n    const request: TokenRequestDesconexionModel = {\n      captcha: formValues.captcha,\n      servicio: formik.values.numServicio,\n    };\n    DesconexionService.obtenerTokenDesconexion(request)\n      .then(responseDesconexion => {\n        localStorage.setItem('token', responseDesconexion.token);\n        DesconexionService.obtenerEstadoServicio(request.servicio)\n          .then(responseCodigo => {\n            if (esDatoValido(responseCodigo.codDistribuidora)) {\n              actualizarLogoBody = {\n                urlLogo: obtenerLogo(responseCodigo.codDistribuidora),\n              };\n              dispatch(actualizarLogo(actualizarLogoBody));\n            }\n            let infoClienteModel = {\n              numeroCliente: formik.values.numServicio,\n              codDistribuidora: responseCodigo.codDistribuidora,\n              comuna: responseCodigo.comuna,\n              localidad: responseCodigo.localidad,\n              estadoServicio: responseCodigo.codigoEstadoSuministro,\n            };\n\n            if (responseCodigo.cortes && responseCodigo.cortes !== null) {\n              // Valida si tiene corte programado o imprevisto\n              infoClienteModel = validarCorte(responseCodigo, infoClienteModel);\n            }\n\n            setInfoCliente(infoClienteModel);\n            onClickRedireccionEtapa(ETAPAS.PASO2);\n          })\n          .catch(() => {\n            dispatch(actualizarPasoActual(EtapasNumero.PASO3));\n            // Se activa modo contingencia\n            const infoClienteModel = {\n              numeroCliente: formik.values.numServicio,\n              codDistribuidora: '',\n              comuna: '',\n              localidad: '',\n              estadoServicio: '',\n            };\n            setInfoCliente(infoClienteModel);\n\n            onClickRedireccionEtapa(ETAPAS.PASO3);\n          });\n      })\n      .catch(error => {\n        mostrarPildoraError(error);\n      });\n    formik.resetForm();\n    captchaRef.reset();\n  };\n  /**\n   * Datos de formik\n   */\n  formik = useFormik({\n    initialValues,\n    onSubmit,\n    validateOnMount: true,\n    validationSchema: Yup.object({\n      numServicio: Yup.string().required(t('errors.required')).soloNumero(t('errors.soloNumeros')).length(8, t('errors.length')),\n      captcha: Yup.string().required(),\n    }),\n  });\n\n  useEffect(() => {\n    formik.resetForm();\n    captchaRef.reset();\n  }, [onClickRedireccionEtapa]);\n\n  return (\n    <section className={className}>\n      <section className={styles.textos}>\n        <Typography strong=\"semi-bold\" variant=\"parrafo\">\n          {t('desconexion:paginas.estoySinLuz.paso1.contenido.titulo')}\n        </Typography>\n        <Typography className={styles.descripcion} variant=\"parrafo\">\n          {t('desconexion:paginas.estoySinLuz.paso1.contenido.descripcion')}\n        </Typography>\n      </section>\n      <form onSubmit={formik.handleSubmit}>\n        <section className={styles.numeroServicio}>\n          <Input\n            dataTestId=\"numServicio\"\n            name=\"numServicio\"\n            value={formik.values.numServicio}\n            onBlur={formik.handleBlur}\n            onChange={formik.handleChange}\n            touched={formik.touched.numServicio}\n            errors={formik.errors.numServicio}\n            label={t('desconexion:paginas.estoySinLuz.paso1.contenido.formulario.numeroServicio.label')}\n            placeholder={t('desconexion:paginas.estoySinLuz.paso1.contenido.formulario.numeroServicio.placeholder')}\n            autocomplete=\"off\"\n            endAdornment={\n              <>\n                <IconButton className={styles.tooltip} aria-label=\"menu\" onClick={() => setMostrarModal(!mostrarModal)}>\n                  <AyudaLinearIcon className={styles.tooltipIcon} />\n                </IconButton>\n              </>\n            }\n          />\n        </section>\n        <ReCAPTCHA\n          className={styles.recaptcha}\n          ref={refCaptcha => setCaptchaRef(refCaptcha)}\n          sitekey={googleCaptchaKey}\n          onChange={value => {\n            formik.setFieldValue('captcha', value);\n            formik.setSubmitting(false);\n          }}\n        />\n        <Button className={styles.botonIr} variant=\"contained\" color=\"primary\" type=\"submit\" disabled={!(formik.isValid && formik.dirty)}>\n          {t('desconexion:paginas.estoySinLuz.paso1.contenido.botones.ir')}\n        </Button>\n      </form>\n      {mostrarModal ? (\n        <Modal cerrarModal={cerrarModal}>\n          <Typography className={styles.tituloTooltip} variant=\"parrafo\">\n            {t('desconexion:paginas.estoySinLuz.paso1.modal.titulo')}\n          </Typography>\n          <Typography className={styles.parrafoTooltip} variant=\"parrafo\">\n            {t('desconexion:paginas.estoySinLuz.paso1.modal.bajada')}\n          </Typography>\n          <img className={styles.imgTooltip} src={tooltipServicio} alt=\"{t('desconexion:paginas.estoySinLuz.paso1.modal.textoBoleta')}\" />\n        </Modal>\n      ) : null}\n    </section>\n  );\n};\n\nPaso1.defaultProps = {\n  className: '',\n};\n\nexport default Paso1;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst Paso2Styles = makeStyles((theme: Theme) =>\n  createStyles({\n    link: {\n      textDecoration: 'none',\n    },\n    detalleServicioOk: {\n      display: 'flex',\n      maxWidth: '400px',\n      margin: '2rem auto 0 auto',\n      justifyContent: 'space-between',\n      [theme.breakpoints.down('sm')]: {\n        maxWidth: '422px',\n        minWidth: 'auto',\n      },\n    },\n    detalleServicioFail: {\n      padding: '1.25rem 2.875rem',\n      [theme.breakpoints.down('sm')]: {\n        padding: '1.25rem .625rem',\n        maxWidth: '422px',\n        minWidth: 'auto',\n      },\n    },\n    recaptcha: {\n      width: '50%',\n      minWidth: '300px',\n      margin: '.5rem auto 0 auto',\n    },\n    contenedorBotones: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: '2rem',\n    },\n    botonIr: {\n      [theme.breakpoints.down('sm')]: {\n        width: '422px',\n        maxWidth: '422px',\n      },\n    },\n    iconoBoton: {\n      marginLeft: '8px',\n    },\n    iconoCheck: {\n      fill: 'var(--primario-neon)',\n    },\n    mensajeServicioOK: {\n      maxWidth: 'fit-content',\n      margin: '0 auto 0 auto',\n      padding: '1.5rem 1rem 0 1rem',\n    },\n    mensajeServicioFail: {},\n    mensajePago: {\n      padding: '16px',\n      background: 'var(--morado-l-98, #F7F5FF)',\n      marginTop: '20px',\n      display: 'flex',\n      borderRadius: '10px',\n    },\n    contenedorMensajePago: {\n      display: 'flex',\n      justifyContent: 'center',\n    },\n    iconoMensajePago: {\n      marginRight: '10px',\n    },\n  })\n);\n\nexport default Paso2Styles;\n","import { Typography } from '@saesa/ui-kit-front';\nimport { Button } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { InfoCliente, MensajeServicio } from 'components';\nimport { ETAPAS } from 'config/tipoEtapasEnum';\nimport { InfoClienteModel } from 'models';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { TipoCorteServicio } from 'config/tipoCorteServicioEnum';\nimport { TIPOCORTE } from 'config/tiposCorte';\nimport { iconoInformacion, iconoRedireccion } from 'assets/images';\nimport { useEffect, useState } from 'react';\nimport { TipoDistribuidora } from 'config/tipoDistribuidoraEnum';\nimport { MAPACORTES } from 'root-page';\nimport useStyles from './Paso2Styles';\n\nconst Paso2 = ({\n  className,\n  onClickRedireccionEtapa,\n  infoCliente,\n}: {\n  className?: string;\n  onClickRedireccionEtapa: (etapa: ETAPAS) => void;\n  infoCliente: InfoClienteModel;\n}) => {\n  /**\n   * Componente de hoja de estilos\n   */\n  const styles = useStyles();\n  /**\n   * Uso del i18n para traducciones\n   */\n  const { t } = useTranslation();\n  /**\n   * Componente history gestor ruteos\n   */\n  const history = useHistory();\n\n  /**\n   * Obtiene url de pago según la distribuidora\n   * @returns url de pago según distribuidora\n   */\n  const generarURLPago = () => {\n    switch (infoCliente.codDistribuidora) {\n      case TipoDistribuidora.EDELAYSEN:\n        return process.env.REACT_APP_URL_PAGO_EDELAYSEN;\n      case TipoDistribuidora.FRONTEL:\n        return process.env.REACT_APP_URL_PAGO_FRONTEL;\n      case TipoDistribuidora.LUZ_OSORNO:\n        return process.env.REACT_APP_URL_PAGO_LUZOSORNO;\n      default:\n        return process.env.REACT_APP_URL_PAGO_SAESA;\n    }\n  };\n\n  /**\n   * Accion boton que avanza a paso 3\n   */\n  const onClickIr = () => {\n    // Objeto de parametros para la url de mapa\n    const parametros = {\n      empresa: infoCliente.codDistribuidora,\n      cliente: infoCliente.numeroCliente,\n    };\n\n    switch (infoCliente.estadoServicio) {\n      case TipoCorteServicio.NORMAL:\n        onClickRedireccionEtapa(ETAPAS.PASO3);\n        break;\n      case TipoCorteServicio.CORTADO:\n        window.location.href = generarURLPago()!;\n        break;\n      case TipoCorteServicio.TRAMITE_CORTE:\n        window.location.href = generarURLPago()!;\n        break;\n      case TIPOCORTE.COD_CORTE_IMPREVISTO:\n        history.push(`${MAPACORTES}?${new URLSearchParams(parametros).toString()}`);\n        break;\n      case TIPOCORTE.COD_CORTE_PROGRAMADO:\n        history.push(`${MAPACORTES}?${new URLSearchParams(parametros).toString()}`);\n        break;\n      default:\n        onClickRedireccionEtapa(ETAPAS.PASO3);\n    }\n  };\n\n  /**\n   * Obtiene texto del botón según el estado del servicio\n   * @param estadoServicio del cliente\n   * @returns texto del botón\n   */\n  const obtenerTextoBoton = (estadoServicio: string) => {\n    switch (estadoServicio) {\n      case TipoCorteServicio.NORMAL:\n        return t('desconexion:paginas.estoySinLuz.paso2.contenido.botones.ir');\n      case TipoCorteServicio.CORTADO:\n        return t('desconexion:paginas.estoySinLuz.paso2.corteComercial.botones.ir');\n      case TipoCorteServicio.TRAMITE_CORTE:\n        return t('desconexion:paginas.estoySinLuz.paso2.corteTramite.botones.ir');\n      case TIPOCORTE.COD_CORTE_IMPREVISTO:\n        return t('desconexion:paginas.estoySinLuz.paso2.corteProgramado.botones.ir');\n      case TIPOCORTE.COD_CORTE_PROGRAMADO:\n        return t('desconexion:paginas.estoySinLuz.paso2.corteImprevisto.botones.ir');\n      default:\n        return t('desconexion:paginas.estoySinLuz.paso2.contenido.botones.ir');\n    }\n  };\n\n  /**\n   * Obtiene mensaje de pago\n   * @returns mensaje de pago\n   */\n  const mensajePago = () => {\n    if (infoCliente.estadoServicio === TipoCorteServicio.CORTADO || infoCliente.estadoServicio === TipoCorteServicio.TRAMITE_CORTE) {\n      return (\n        <div className={styles.contenedorMensajePago}>\n          <Typography className={styles.mensajePago} variant=\"parrafo\">\n            <img className={styles.iconoMensajePago} src={iconoInformacion} alt=\"icono\" />\n            {t('desconexion:paginas.estoySinLuz.paso2.corteComercial.glosaPago')}\n          </Typography>\n        </div>\n      );\n    }\n\n    return <></>;\n  };\n\n  /**\n   * Estado para manejo de contenido por tipo.\n   */\n  const [renderContenido, setRenderContenido] = useState(mensajePago());\n\n  /**\n   * Efecto que gatilla el cambio del mensaje por tipo\n   */\n  useEffect(() => {\n    setRenderContenido(mensajePago());\n  }, [infoCliente]);\n\n  return (\n    <section className={className}>\n      <InfoCliente\n        className={clsx(styles.detalleServicioOk, {\n          [styles.detalleServicioFail]: !infoCliente.estadoServicio,\n        })}\n        infoCliente={infoCliente}\n      />\n      <MensajeServicio\n        className={clsx(styles.mensajeServicioOK, {\n          [styles.mensajeServicioFail]: !infoCliente.estadoServicio,\n        })}\n        estadoServicio={infoCliente.estadoServicio}\n      />\n      {infoCliente.estadoServicio !== TipoCorteServicio.REPOSICION && (\n        <section className={styles.contenedorBotones}>\n          <Button className={styles.botonIr} variant=\"contained\" color=\"primary\" onClick={onClickIr} data-testid=\"boton-ir\">\n            {obtenerTextoBoton(infoCliente.estadoServicio)}\n            {infoCliente.estadoServicio !== TipoCorteServicio.NORMAL && (\n              <img className={styles.iconoBoton} src={iconoRedireccion} alt=\"icono\" />\n            )}\n          </Button>\n        </section>\n      )}\n\n      {renderContenido}\n    </section>\n  );\n};\n\nPaso2.defaultProps = {\n  className: '',\n};\n\nexport default Paso2;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst Paso3Styles = makeStyles((theme: Theme) =>\n  createStyles({\n    detalleServicioOk: {\n      display: 'flex',\n      maxWidth: '422px',\n      margin: '2.125rem auto 0 auto',\n      justifyContent: 'space-between',\n      [theme.breakpoints.down('sm')]: {\n        maxWidth: '422px',\n        minWidth: 'auto',\n      },\n    },\n    detalleServicioFail: {\n      padding: '1.25rem 2.875rem',\n      [theme.breakpoints.down('sm')]: {\n        padding: '1.25rem .625rem',\n        maxWidth: '422px',\n        minWidth: 'auto',\n      },\n    },\n    tituloFormulario: {\n      marginTop: '1.5rem',\n      textAlign: 'center',\n    },\n    texto: {\n      maxWidth: '422px',\n      margin: '0.5rem auto 0 auto',\n      textAlign: 'center',\n    },\n    cardMapa: {\n      width: '500px',\n      maxWidth: '100%',\n      display: 'flex',\n      margin: '24px auto',\n      padding: '20px',\n      alignItems: 'flex-start',\n      gap: '16px',\n    },\n    cardMapaTitulo: {\n      color: 'var(--secundarios-azul-marino, #074177)',\n      fontSize: '16px',\n      fontStyle: 'normal',\n      fontWeight: 600,\n      lineHeight: '20px',\n    },\n    cardMapaBajada: {\n      fontSize: '14px',\n      fontStyle: 'normal',\n      fontWeight: 400,\n      lineHeight: '18px',\n      marginTop: '4px',\n    },\n    botonMapa: {\n      margin: 'auto',\n    },\n    imagenBotonMapa: {\n      width: '24px',\n      [theme.breakpoints.down('sm')]: {\n        width: '40px',\n      },\n    },\n  })\n);\n\nexport default Paso3Styles;\n","import { Card, Typography } from '@saesa/ui-kit-front';\nimport clsx from 'clsx';\nimport { InfoCliente } from 'components';\nimport { ETAPAS } from 'config/tipoEtapasEnum';\nimport { InfoClienteModel } from 'models';\nimport { FormDatos } from 'pages/Desconexion';\nimport { useTranslation } from 'react-i18next';\nimport { iconoMapa, iconoRedireccionMorado } from 'assets/images';\nimport { MAPACORTES } from 'root-page';\nimport { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport useStyles from './Paso3Styles';\n\nconst Paso3 = ({\n  className,\n  onClickRedireccionEtapa,\n  infoCliente,\n}: {\n  className?: string;\n  onClickRedireccionEtapa: (etapa: ETAPAS) => void;\n  infoCliente: InfoClienteModel;\n}) => {\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  /**\n   * Componente history gestor ruteos\n   */\n  const history = useHistory();\n\n  /**\n   * Use Effect encargado de volver al mapa desde el evento del link.\n   */\n  useEffect(() => {\n    // Obtiene el enlace para volver al mapa en base al id del elemento\n    const enlace = document.getElementById('irAlMapa');\n    if (enlace) {\n      enlace.addEventListener('click', e => {\n        e.preventDefault();\n\n        // Objeto de parametros para la url\n        const parametros = {\n          empresa: infoCliente.codDistribuidora,\n          cliente: infoCliente.numeroCliente,\n        };\n\n        // Añade parametros a la url de empresa y cliente\n        const url = `${enlace.getAttribute('href')}?${new URLSearchParams(parametros).toString()}`;\n        history.push(url);\n      });\n    }\n  }, [infoCliente]);\n\n  return (\n    <section className={className}>\n      <InfoCliente\n        className={clsx(styles.detalleServicioOk, {\n          [styles.detalleServicioFail]: !infoCliente.estadoServicio,\n        })}\n        infoCliente={infoCliente}\n      />\n\n      {infoCliente.codDistribuidora === '' && (\n        <Card className={styles.cardMapa}>\n          <img src={iconoMapa} alt=\"icono\" />\n\n          <div>\n            <Typography className={styles.cardMapaTitulo} variant=\"parrafo\">\n              {t('desconexion:paginas.estoySinLuz.paso3.tituloMapa')}\n            </Typography>\n            <Typography className={styles.cardMapaBajada} variant=\"parrafo\">\n              {t('desconexion:paginas.estoySinLuz.paso3.bajadaMapa')}\n            </Typography>\n          </div>\n\n          <a data-testid=\"ir-al-mapa\" id=\"irAlMapa\" className={styles.botonMapa} href={MAPACORTES}>\n            <img className={styles.imagenBotonMapa} src={iconoRedireccionMorado} alt=\"icono\" />\n          </a>\n        </Card>\n      )}\n\n      <Typography strong=\"bold\" className={styles.tituloFormulario} variant=\"parrafo\">\n        {t('desconexion:paginas.estoySinLuz.paso3.contenido.datosContacto')}\n      </Typography>\n      <Typography className={styles.texto} variant=\"parrafo\">\n        {t('desconexion:paginas.estoySinLuz.paso3.contenido.descripcion')}\n      </Typography>\n      <FormDatos onClickRedireccionEtapa={onClickRedireccionEtapa} infoCliente={infoCliente} />\n    </section>\n  );\n};\n\nPaso3.defaultProps = {\n  className: '',\n};\n\nexport default Paso3;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst Paso4Styles = makeStyles((theme: Theme) =>\n  createStyles({\n    iconoCheck: {\n      fill: 'var(--primario-neon)',\n    },\n    iconoManoArriba: {\n      margin: '2rem auto 0 auto',\n      '--icon-primary-light': 'hsla(var(--valor-primario-morado), 0.5)',\n      '--icon-purple': 'var(--secundarios-azul-marino, #074177)',\n      width: '168px',\n      height: '125px',\n      [theme.breakpoints.down('sm')]: {\n        width: '200px',\n      },\n    },\n    contenido: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      alignItems: 'center',\n      margin: '0 auto',\n      maxWidth: '500px',\n    },\n    reporteExito: {\n      color: 'var(--secundarios-azul-marino, #074177)',\n      margin: '1.75rem auto 0 auto',\n      fontWeight: 600,\n      fontSize: '18px',\n      fontStyle: 'normal',\n      lineHeight: '18px',\n    },\n    descripcion: {\n      margin: '0.75rem auto 0 auto',\n      maxWidth: '500px',\n      textAlign: 'center',\n      fontSize: '16px',\n      lineHeight: '24px',\n      lineWeight: '400',\n    },\n    numeroSeguimiento: {\n      margin: '0.75rem auto 0 auto',\n      fontSize: '16px',\n      lineHeight: '24px',\n      fontWeight: 600,\n      textAlign: 'center',\n    },\n    contenedorDisclaimer: {\n      display: 'flex',\n      justifyContent: 'center',\n      maxWidth: '100%',\n      padding: '16px',\n      background: 'var(--morado-l-98, #F7F5FF)',\n      marginTop: '32px',\n      borderRadius: '10px',\n    },\n    iconoMensajeDisclaimer: {\n      marginRight: '10px',\n      height: '17px',\n    },\n    mensajeDisclaimer: {\n      textAlign: 'left',\n      fontSize: '14px',\n    },\n    boton: {\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: '2rem',\n      textDecoration: 'none',\n      fontSize: '14px',\n      fontWeight: 600,\n      lineHeight: '18px',\n      '&:hover': {\n        color: 'var(--morado-l36)',\n      },\n    },\n  })\n);\n\nexport default Paso4Styles;\n","import { ConfirmacionIcon } from '@saesa/ui-kit-front';\nimport { useTranslation } from 'react-i18next';\nimport { InfoClienteModel } from 'models';\nimport { useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from 'store';\nimport { setearDistribuidora } from 'utils/desconexionUtils';\nimport { iconoInformacion } from 'assets/images';\nimport { Typography } from '@material-ui/core';\nimport useStyles from './Paso4Styles';\n\nconst Paso4 = ({ className, infoCliente }: { className?: string; infoCliente: InfoClienteModel }) => {\n  /**\n   * Uso de estilos\n   */\n  const styles = useStyles();\n  /**\n   * Componente i18n de traduccion\n   */\n  const { t } = useTranslation();\n\n  /**\n   * Se obiene los datos de desconexion\n   */\n  const numeroSolicitud = useSelector((state: RootState) => state.desconexion.numeroSolicitud);\n\n  /**\n   * Datos iniciales de la distribuidora.\n   */\n  const distribuidora = {\n    glosa: '',\n    url: '',\n  };\n\n  /**\n   * State Distribuidora\n   */\n  const [datosDistribuidora, setDatosDistribuidora] = useState(distribuidora);\n\n  /**\n   * Use effect encargado de refrescar la distribuidora.\n   */\n  useEffect(() => {\n    setDatosDistribuidora(setearDistribuidora(infoCliente));\n  }, [infoCliente]);\n\n  return (\n    <section className={className}>\n      <section className={styles.contenido}>\n        <ConfirmacionIcon className={styles.iconoManoArriba} />\n        <Typography className={styles.reporteExito}>{t('desconexion:paginas.estoySinLuz.paso4.contenido.titulo')}</Typography>\n        <Typography className={styles.descripcion}>{t('desconexion:paginas.estoySinLuz.paso4.contenido.descripcion')}</Typography>\n        <Typography className={styles.numeroSeguimiento}>\n          {`${t('desconexion:paginas.estoySinLuz.paso4.contenido.numeroSeguimiento')}${numeroSolicitud}`}\n        </Typography>\n        <div className={styles.contenedorDisclaimer}>\n          <img className={styles.iconoMensajeDisclaimer} src={iconoInformacion} alt=\"icono\" />\n          <Typography\n            className={styles.mensajeDisclaimer}\n            dangerouslySetInnerHTML={{\n              __html: t('desconexion:paginas.estoySinLuz.paso4.contenido.glosaDisclaimer', {\n                strong1: (str: any) => `<strong>${str}</strong>`,\n              }),\n            }}\n          />\n        </div>\n        <a className={styles.boton} href={datosDistribuidora.url}>\n          {t('desconexion:paginas.estoySinLuz.botonIrDistribuidora')} {datosDistribuidora.glosa}\n        </a>\n      </section>\n    </section>\n  );\n};\n\nPaso4.defaultProps = {\n  className: '',\n};\n\nexport default Paso4;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst PasoTicketEnProcesoStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    iconoCheck: {\n      fill: 'var(--primario-neon)',\n    },\n    iconoSuperior: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      margin: '2rem auto 0 auto',\n      '--icon-primary-light': 'hsla(var(--valor-primario-morado), 0.5)',\n      '--icon-purple': 'var(--secundarios-azul-marino, #074177)',\n      width: '168px',\n      height: '125px',\n      [theme.breakpoints.down('sm')]: {\n        width: '129px',\n        height: '96px',\n      },\n    },\n    contenido: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n    },\n    descripcion: {\n      margin: '0.75rem auto 0 auto',\n      maxWidth: '500px',\n      textAlign: 'center',\n      fontSize: '16px',\n      lineHeight: '24px',\n    },\n    reporteExito: {\n      color: 'var(--secundarios-azul-marino, #074177)',\n      margin: '1.75rem auto 0 auto',\n      textAlign: 'center',\n    },\n    boton: {\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: '2rem',\n      textDecoration: 'none',\n      fontSize: '14px',\n      fontWeight: 600,\n      lineHeight: '18px',\n      '&:hover': {\n        color: 'var(--morado-l36)',\n      },\n    },\n  })\n);\n\nexport default PasoTicketEnProcesoStyles;\n","import { Typography } from '@saesa/ui-kit-front';\nimport { useTranslation } from 'react-i18next';\nimport { InfoClienteModel } from 'models';\nimport { useEffect, useState } from 'react';\nimport { setearDistribuidora } from 'utils/desconexionUtils';\nimport { iconoReloj } from 'assets/images';\nimport useStyles from './PasoTicketEnProcesoStyles';\n\nconst PasoTicketEnProceso = ({ className, infoCliente }: { className?: string; infoCliente: InfoClienteModel }) => {\n  /**\n   * Uso de estilos\n   */\n  const styles = useStyles();\n\n  /**\n   * Componente i18n de traduccion\n   */\n  const { t } = useTranslation();\n\n  /**\n   * Datos iniciales de la distribuidora.\n   */\n  const distribuidora = {\n    glosa: '',\n    url: '',\n  };\n\n  /**\n   * State Distribuidora.\n   */\n  const [datosDistribuidora, setDatosDistribuidora] = useState(distribuidora);\n\n  /**\n   * Use effect encargado de refrescar la distribuidora.\n   */\n  useEffect(() => {\n    setDatosDistribuidora(setearDistribuidora(infoCliente));\n  }, [infoCliente]);\n\n  return (\n    <section className={className}>\n      <section className={styles.contenido}>\n        <div className={styles.iconoSuperior}>\n          <img src={iconoReloj} alt=\"alerta\" />\n        </div>\n        <Typography strong=\"bold\" className={styles.reporteExito} variant=\"h3\">\n          {t('desconexion:paginas.estoySinLuz.pasoTicketEnProceso.contenido.titulo')}\n        </Typography>\n        <Typography className={styles.descripcion} variant=\"parrafo\">\n          {t('desconexion:paginas.estoySinLuz.pasoTicketEnProceso.contenido.descripcion')}\n        </Typography>\n        <a className={styles.boton} href={datosDistribuidora.url}>\n          {t('desconexion:paginas.estoySinLuz.botonIrDistribuidora')} {datosDistribuidora.glosa}\n        </a>\n      </section>\n    </section>\n  );\n};\n\nPasoTicketEnProceso.defaultProps = {\n  className: '',\n};\n\nexport default PasoTicketEnProceso;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst PasoTicketIngresadoStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    iconoCheck: {\n      fill: 'var(--primario-neon)',\n    },\n    iconoSuperior: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      margin: '2rem auto 0 auto',\n      '--icon-primary-light': 'hsla(var(--valor-primario-morado), 0.5)',\n      '--icon-purple': 'var(--secundarios-azul-marino, #074177)',\n      width: '168px',\n      height: '125px',\n      [theme.breakpoints.down('sm')]: {\n        width: '129px',\n        height: '96px',\n      },\n    },\n    contenido: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n    },\n    reporteExito: {\n      color: 'var(--secundarios-azul-marino, #074177)',\n      margin: '1.75rem auto 0 auto',\n      textAlign: 'center',\n    },\n    descripcion: {\n      margin: '0.75rem auto 0 auto',\n      maxWidth: '500px',\n      textAlign: 'center',\n      fontSize: '16px',\n      lineHeight: '24px',\n    },\n    boton: {\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: '2rem',\n      textDecoration: 'none',\n      fontSize: '14px',\n      fontWeight: 600,\n      lineHeight: '18px',\n      '&:hover': {\n        color: 'var(--morado-l36)',\n      },\n    },\n  })\n);\n\nexport default PasoTicketIngresadoStyles;\n","import { Typography } from '@saesa/ui-kit-front';\nimport { useTranslation } from 'react-i18next';\nimport { InfoClienteModel } from 'models';\nimport { useEffect, useState } from 'react';\nimport { setearDistribuidora } from 'utils/desconexionUtils';\nimport { iconoReloj } from 'assets/images';\nimport useStyles from './PasoTicketIngresadoStyles';\n\nconst PasoTicketIngresado = ({ className, infoCliente }: { className?: string; infoCliente: InfoClienteModel }) => {\n  /**\n   * Componente i18n de traduccion\n   */\n  const { t } = useTranslation();\n\n  /**\n   * Uso de estilos\n   */\n  const styles = useStyles();\n\n  /**\n   * Datos iniciales de la distribuidora.\n   */\n  const distribuidora = {\n    glosa: '',\n    url: '',\n  };\n\n  /**\n   * State Distribuidora\n   */\n  const [datosDistribuidora, setDatosDistribuidora] = useState(distribuidora);\n\n  /**\n   * Use effect encargado de refrescar la distribuidora.\n   */\n  useEffect(() => {\n    setDatosDistribuidora(setearDistribuidora(infoCliente));\n  }, [infoCliente]);\n\n  return (\n    <section className={className}>\n      <section className={styles.contenido}>\n        <div className={styles.iconoSuperior}>\n          <img src={iconoReloj} alt=\"alerta\" />\n        </div>\n        <Typography className={styles.reporteExito} variant=\"h3\" strong=\"bold\">\n          {t('desconexion:paginas.estoySinLuz.pasoTicketIngresado.contenido.titulo')}\n        </Typography>\n        <Typography className={styles.descripcion} variant=\"parrafo\">\n          {t('desconexion:paginas.estoySinLuz.pasoTicketIngresado.contenido.descripcion')}\n        </Typography>\n        <a className={styles.boton} href={datosDistribuidora.url}>\n          {t('desconexion:paginas.estoySinLuz.botonIrDistribuidora')} {datosDistribuidora.glosa}\n        </a>\n      </section>\n    </section>\n  );\n};\n\nPasoTicketIngresado.defaultProps = {\n  className: '',\n};\n\nexport default PasoTicketIngresado;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst EstoySinLuzStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    estoySinLuz: {\n      margin: '1.875rem auto 4.5rem auto',\n      minWidth: '1090px',\n      [theme.breakpoints.down('sm')]: {\n        margin: '1.875rem 1.25rem 1rem 1.25rem',\n        minWidth: 'inherit',\n      },\n    },\n    contenedor: {},\n    contenidoPaso1: {\n      padding: '0 146px',\n      textAlign: 'center',\n      [theme.breakpoints.down('sm')]: {\n        padding: 'initial',\n      },\n    },\n    contenidoPaso2: {\n      padding: '0 146px',\n      [theme.breakpoints.down('sm')]: {\n        padding: '0',\n      },\n    },\n    contenidoPaso3: {\n      padding: '0 104px',\n      [theme.breakpoints.down('sm')]: {\n        padding: '0',\n      },\n    },\n    contenidoPaso4: {\n      padding: '0 146px',\n      [theme.breakpoints.down('sm')]: {\n        padding: '0',\n      },\n    },\n    contenidoPasoTicketIngresado: {\n      [theme.breakpoints.down('sm')]: {\n        padding: '0',\n      },\n    },\n    contenidoPasoTicketEnProceso: {\n      [theme.breakpoints.down('sm')]: {\n        padding: '0',\n      },\n    },\n    ocultar: {\n      display: 'none !important',\n    },\n    logo: {\n      margin: '0 auto',\n      marginTop: '20px',\n      marginBottom: '40px',\n      height: '32px',\n    },\n    urlDistribuidora: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: '40px',\n      textDecoration: 'none',\n      fontSize: '14px',\n      fontStyle: 'normal',\n      fontWeight: 600,\n      lineHeight: '18px',\n    },\n    etapas: {\n      margin: '0 auto 0 auto',\n      width: '800px',\n      [theme.breakpoints.down('sm')]: {\n        width: 'auto',\n        marginTop: '0',\n      },\n    },\n  })\n);\n\nexport default EstoySinLuzStyles;\n","import clsx from 'clsx';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { actualizarEstadoFlagEstoySinLuz, actualizarEstadoModalPaginaNoDisponible, RootState } from 'store';\nimport { PagesItem } from 'components';\nimport { ETAPAS } from 'config/tipoEtapasEnum';\nimport { InfoClienteModel } from 'models';\nimport { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { milisegundosPorMinuto } from 'utils/constants';\nimport { setearDistribuidora } from 'utils/desconexionUtils';\nimport { Stepper } from '@saesa/ui-kit-front';\nimport DesconexionService from 'services/desconexionService';\nimport { mostrarModalCookie } from 'utils/cookieUtils';\nimport ModalSitioNoDisponible from 'components/ModalSitioNoDisponible/ModalSitioNoDisponible';\nimport { EtapasModel } from 'models/EtapasModel';\nimport { Paso1, Paso2, Paso3, Paso4, PasoTicketEnProceso, PasoTicketIngresado } from '..';\nimport useStyles from './EstoySinLuzStyles';\nimport './estilosPredefinidos.css';\n\nconst EstoySinLuz = () => {\n  /**\n   * Uso del i18n para traducciones\n   */\n  const { t } = useTranslation();\n  /**\n   * Componente de hoja de estilos\n   */\n  const styles = useStyles();\n\n  /**\n   * Disparador para el selector\n   */\n  const dispatch = useDispatch();\n\n  /**\n   * UseState de tipo ETAPAS\n   */\n  const [pasoActual, setPasoActual] = useState(ETAPAS.PASO1);\n  /**\n   * Logo distribuidora según numero de servicio\n   */\n  const logo = useSelector((state: RootState) => state.desconexion.distribuidora);\n\n  /**\n   * Modelo de etapas para stepper\n   */\n  const etapas: EtapasModel = {\n    etapas: [ETAPAS.PASO1, ETAPAS.PASO2, ETAPAS.PASO3],\n    nombreEtapas: [\n      t('desconexion:paginas.estoySinLuz.etapas.1'),\n      t('desconexion:paginas.estoySinLuz.etapas.2'),\n      t('desconexion:paginas.estoySinLuz.etapas.3'),\n    ],\n  };\n\n  /**\n   * Objeto de cliente vacío\n   */\n  const inicialInfoCliente = {\n    numeroCliente: '',\n    codDistribuidora: '',\n    calle: '',\n    comuna: '',\n    localidad: '',\n    estadoServicio: '',\n  };\n  /**\n   * UseState de tipo ETAPAS\n   */\n  const [infoCliente, setInfoCliente] = useState<InfoClienteModel>(inicialInfoCliente);\n\n  /**\n   * Datos iniciales de la distribuidora.\n   */\n  const distribuidora = {\n    glosa: '',\n    url: '',\n  };\n\n  /**\n   * State Distribuidora\n   */\n  const [datosDistribuidora, setDatosDistribuidora] = useState(distribuidora);\n\n  /**\n   * UseState que controla el estado del modal de no disponible\n   */\n  const [modalNoDisponible, setModalNoDisponible] = useState<boolean>(false);\n\n  /**\n   * Obtiene el valor del flag del estado modal no disponible\n   */\n  const modalNoDisponibleFlagVisible = useSelector((state: RootState) => state.desconexion.modalPaginaNoDisponible.activacionModal);\n\n  /**\n   * Obtiene el valor del flag delvalor en minutos de la cookie para el modal no disponible\n   */\n  const valorMinutosModal = useSelector((state: RootState) => state.desconexion.modalPaginaNoDisponible.tiempoCookie);\n\n  /**\n   * Obtiene el valor del flag estado de carga del flag\n   */\n  const flagCargado: boolean = useSelector((state: RootState) => state.desconexion.flagCargadoEstoySinLuz);\n\n  /**\n   * Observador de click modal\n   * @param paso etapa de tipo ETAPAS\n   */\n  const onClickRedireccionEtapa = (paso: ETAPAS) => {\n    setPasoActual(paso);\n  };\n\n  /**\n   * Obtiene el paso actual según la etapa del flujo.\n   * @returns paso actual para el Stepper\n   */\n  const obtenerPasoActual = () => {\n    switch (pasoActual) {\n      case ETAPAS.PASO3:\n        return +ETAPAS.PASO1;\n      case ETAPAS.PASO4:\n      case ETAPAS.PASO_TICKET_INGRESADO:\n      case ETAPAS.PASO_TICKET_EN_PROCESO:\n        return +ETAPAS.PASO2;\n      default:\n        return +ETAPAS.DEFAULT;\n    }\n  };\n\n  /**\n   * Obtiene el valor de la feature flag\n   */\n  const obtenerFeatureFlag = () => {\n    DesconexionService.obtenerFeatureFlag()\n      .then(response => {\n        dispatch(actualizarEstadoModalPaginaNoDisponible(response.web.modalSitioNoDisponible));\n        dispatch(actualizarEstadoFlagEstoySinLuz(true));\n      })\n      .catch(() => {\n        dispatch(actualizarEstadoModalPaginaNoDisponible({ tiempoCookie: 0, activacionModal: false }));\n        dispatch(actualizarEstadoFlagEstoySinLuz(false));\n      });\n  };\n\n  /**\n   * Función para cerrar modal de no disponible\n   */\n  const cerrarModalNoDisponible = () => {\n    setModalNoDisponible(false);\n  };\n\n  /**\n   * Constante que contiene el tiempo para mostrar el modal\n   */\n  const tiempoMostrarModal = valorMinutosModal * milisegundosPorMinuto;\n\n  /**\n   * Use effect encargado de refrescar la distribuidora.\n   */\n  useEffect(() => {\n    setDatosDistribuidora(setearDistribuidora(infoCliente));\n  }, [infoCliente]);\n\n  /**\n   * Use effect para inicializar el featureFlag\n   */\n  useEffect(() => {\n    obtenerFeatureFlag();\n  }, []);\n\n  /**\n   * UseEffect que maneja el estado de la cookie del modal\n   */\n  useEffect(() => {\n    if (valorMinutosModal > 0 && modalNoDisponibleFlagVisible) {\n      setModalNoDisponible(mostrarModalCookie('cookieEstoySinLuz', tiempoMostrarModal));\n    }\n  }, [flagCargado]);\n\n  return (\n    <section className={styles.estoySinLuz}>\n      {modalNoDisponible && modalNoDisponibleFlagVisible && <ModalSitioNoDisponible cerrarModal={cerrarModalNoDisponible} />}\n\n      <img className={styles.logo} src={logo.urlLogo} alt=\"{t('desconexion:paginas.estoySinLuz.grupoSaesa')}\" />\n\n      <PagesItem\n        titulo={t('desconexion:paginas.estoySinLuz.titulo')}\n        pasoActual={pasoActual}\n        className={styles.contenedor}\n        dataTestId=\"boletas\"\n        infoCliente={infoCliente}\n      >\n        <Stepper className={styles.etapas} activeStep={obtenerPasoActual()} steps={etapas.etapas} stepNames={etapas.nombreEtapas} />\n\n        <Paso1\n          className={clsx(styles.contenidoPaso1, {\n            [styles.ocultar]: pasoActual !== ETAPAS.PASO1,\n          })}\n          onClickRedireccionEtapa={onClickRedireccionEtapa}\n          setInfoCliente={setInfoCliente}\n        />\n        <Paso2\n          className={clsx(styles.contenidoPaso2, {\n            [styles.ocultar]: pasoActual !== ETAPAS.PASO2,\n          })}\n          onClickRedireccionEtapa={onClickRedireccionEtapa}\n          infoCliente={infoCliente}\n        />\n        <Paso3\n          className={clsx(styles.contenidoPaso3, {\n            [styles.ocultar]: pasoActual !== ETAPAS.PASO3,\n          })}\n          onClickRedireccionEtapa={onClickRedireccionEtapa}\n          infoCliente={infoCliente}\n        />\n        <Paso4\n          className={clsx(styles.contenidoPaso4, {\n            [styles.ocultar]: pasoActual !== ETAPAS.PASO4,\n          })}\n          infoCliente={infoCliente}\n        />\n        <PasoTicketIngresado\n          className={clsx(styles.contenidoPasoTicketIngresado, {\n            [styles.ocultar]: pasoActual !== ETAPAS.PASO_TICKET_INGRESADO,\n          })}\n          infoCliente={infoCliente}\n        />\n        <PasoTicketEnProceso\n          className={clsx(styles.contenidoPasoTicketEnProceso, {\n            [styles.ocultar]: pasoActual !== ETAPAS.PASO_TICKET_EN_PROCESO,\n          })}\n          infoCliente={infoCliente}\n        />\n      </PagesItem>\n\n      <a\n        href={datosDistribuidora.url}\n        className={clsx(styles.urlDistribuidora, {\n          [styles.ocultar]:\n            pasoActual === ETAPAS.PASO3 ||\n            pasoActual === ETAPAS.PASO4 ||\n            pasoActual === ETAPAS.PASO_TICKET_EN_PROCESO ||\n            pasoActual === ETAPAS.PASO_TICKET_INGRESADO,\n        })}\n      >\n        {t('desconexion:paginas.estoySinLuz.botonIrDistribuidora')} {datosDistribuidora.glosa}\n      </a>\n    </section>\n  );\n};\n\nexport default EstoySinLuz;\n"],"sourceRoot":""}