{"version":3,"sources":["services/TrackingService.ts","pages/CicloFacturacion/CicloFacturacionStyles.ts","pages/CicloFacturacion/CicloFacturacion.tsx"],"names":["TrackingService","data","axios","post","process","then","response","Promise","resolve","nroServicio","get","catch","Error","ERROR_1","numeroServicio","idEtiqueta","useStyles","makeStyles","theme","createStyles","width","display","margin","marginBottom","breakpoints","down","formCnt","alignItems","justifyContent","flexFlow","botonIr","input","maxWidth","recaptcha","transform","tooltip","padding","height","zIndex","tooltipIcon","etapas","marginTop","textos","descripcion","textAlign","imgTooltip","avisoPago","CicloFacturacion","captchaRef","formik","className","history","useHistory","dispatch","useDispatch","t","useTranslation","styles","fechaRangoInicio","endOfDay","Date","fechaRangoFin","addDays","useState","mostrarModal","setMostrarModal","enqueueSnackbar","useSnackbar","queryNumeroServicio","QueryParams","useEffect","setFieldValue","validarLogo","codDistribuidora","actualizarLogoBody","urlLogo","obtenerLogo","actualizarLogo","flujoTracking","estadoCiclo","responseFacturacion","esDatoValido","cobroActual","fechaVencimiento","fechaVencimientoFacturacion","getTime","TipoEtapaTrackingEnum","BOLETA_ENTREGADA","BOLETA_NO_ENTREGADA","BOLETA_POR_VENCER","EN_PREPARACION","push","CICLO_FACTURACION","TOMA_LECTURA","EN_TOMA_LECTURA","EN_PROCESO","LECTURA_EXITOSA","EXITO","LECTURA_NO_EXITOSA","SIN_EXITO","NOTIFICACION_BOLETA","ENTREGA_BOLETA","EMITIDA","VENCIMIENTO_BOLETA","ENTREGADA","NO_ENTREGADA","POR_VENCER","BOLETA_PAGADA","PAGADA","onSubmit","formValues","a","request","captcha","nroCliente","values","numServicio","obtenerTokenTracking","responseToken","localStorage","setItem","token","obtenerInfoCliente","responseInfoCliente","actualizarUsuario","obtenerTrackingEtiqueta","responseEtiqueta","obtenerEstadosTrackingPorId","trackings","id","responseEstados","actualizarServicioTracking","estadosAnteriores","datos","obtenerFacturacionTracking","estado","actualizarFacturacion","respuesta","resetForm","reset","mensaje","variant","useFormik","initialValues","validateOnMount","validationSchema","Yup","required","soloNumero","length","handleSubmit","dataTestId","name","value","onBlur","handleBlur","onChange","handleChange","touched","errors","label","placeholder","autocomplete","endAdornment","IconButton","onClick","ref","refCaptcha","setCaptchaRef","sitekey","setSubmitting","Button","color","type","disabled","isValid","dirty","cerrarModal","src","tooltipServicio","alt","defaultProps"],"mappings":"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","file":"static/js/14.bca86ce4.chunk.js","sourcesContent":["import axios from 'axios';\nimport { TokenRequestTrackingModel } from 'models';\nimport { ERROR_1 } from 'navigation';\nimport {\n  FacturacionResponseModel,\n  InfoClienteResponseTrackingModel,\n  TokenResponseTrackingModel,\n  TrackingEstadosPorIdResponseModel,\n  TrackingEtiquetaResponseModel,\n} from './models';\n\nclass TrackingService {\n  /**\n   * Metodo que obtiene el token de la app\n   * @param data request para token\n   * @returns token tracking\n   */\n  static obtenerTokenTracking(data: TokenRequestTrackingModel): Promise<TokenResponseTrackingModel> {\n    return axios\n      .post(`${process.env.REACT_APP_TRACKING_URL}/public/token`, data)\n      .then(response => new Promise(resolve => resolve(response.data)));\n  }\n\n  /**\n   * Obtiene el estado actual de la contingencia\n   * @returns retorna true o false\n   */\n  static obtenerInfoCliente(nroServicio: string): Promise<InfoClienteResponseTrackingModel | any> {\n    return axios\n      .get(`${process.env.REACT_APP_TRACKING_URL}/public/${nroServicio}/ubicacion`)\n      .then(response => new Promise(resolve => resolve(response.data)))\n      .catch(() => {\n        throw new Error(ERROR_1);\n      });\n  }\n\n  /**\n   * Obtiene la facturación de cliente\n   * @returns retorna true o false\n   */\n  static obtenerFacturacionTracking(nroServicio: string): Promise<FacturacionResponseModel> {\n    return axios\n      .get(`${process.env.REACT_APP_TRACKING_URL}/public/facturacion/resumen/${nroServicio}`)\n      .then(response => new Promise(resolve => resolve(response.data)));\n  }\n\n  /**\n   * Obtiene el estado actual de la contingencia\n   * @returns retorna true o false\n   */\n  static obtenerTrackingEtiqueta(numeroServicio: string): Promise<TrackingEtiquetaResponseModel> {\n    return axios\n      .get(`${process.env.REACT_APP_TRACKING_URL}/public/etiqueta?etiquetas=numeroServicio|${numeroServicio}&tipo=CICLO_COMERCIAL`)\n      .then(response => new Promise(resolve => resolve(response.data)));\n  }\n\n  /**\n   * Obtiene el estado actual de la contingencia\n   * @returns retorna true o false\n   */\n  static obtenerEstadosTrackingPorId(idEtiqueta: string): Promise<TrackingEstadosPorIdResponseModel> {\n    return axios\n      .get(`${process.env.REACT_APP_TRACKING_URL}/public/${idEtiqueta}`)\n      .then(response => new Promise(resolve => resolve(response.data)));\n  }\n}\nexport default TrackingService;\n","import { createStyles, makeStyles, Theme } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    numeroServicio: {\n      width: '290px',\n      display: 'flex',\n      margin: '0 auto',\n      marginBottom: '1.5rem',\n      [theme.breakpoints.down('sm')]: {\n        margin: '',\n      },\n    },\n    formCnt: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexFlow: 'column',\n    },\n    botonIr: {\n      [theme.breakpoints.down('xs')]: {\n        width: '100%',\n      },\n    },\n    input: {\n      maxWidth: '396px',\n    },\n    recaptcha: {\n      width: '280px',\n      margin: '0 auto',\n      transform: 'translateX(-11px)',\n      marginBottom: '2rem',\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    etapas: {\n      margin: '2.75rem auto 0 auto',\n      width: '600px',\n      [theme.breakpoints.down('sm')]: {\n        width: 'auto',\n        marginTop: '0',\n      },\n    },\n    textos: {\n      maxWidth: '490px',\n      margin: '0 auto',\n    },\n    descripcion: {\n      margin: '.5rem 0 2.125rem',\n      textAlign: 'center',\n    },\n    imgTooltip: {\n      margin: '0 auto',\n    },\n    avisoPago: {\n      width: '100%',\n    },\n  })\n);\n\nexport default useStyles;\n","/* eslint-disable no-param-reassign */\nimport { Button, IconButton } from '@material-ui/core';\nimport { AyudaLinearIcon, Input, Modal, Typography } from '@saesa/ui-kit-front';\nimport { tooltipServicio } from 'assets/images';\nimport { QueryParams, TipoEtapaTrackingEnum } from 'config';\nimport { addDays, endOfDay } from 'date-fns';\nimport { useFormik } from 'formik';\nimport { TokenRequestTrackingModel } from 'models';\nimport {\n  CICLO_FACTURACION,\n  EMITIDA,\n  ENTREGADA,\n  ENTREGA_BOLETA,\n  EN_PREPARACION,\n  EN_PROCESO,\n  ERROR_1,\n  EXITO,\n  NO_ENTREGADA,\n  PAGADA,\n  POR_VENCER,\n  SIN_EXITO,\n  TOMA_LECTURA,\n  VENCIMIENTO_BOLETA,\n} from 'navigation';\nimport { useSnackbar } from 'notistack';\nimport { useEffect, useState } from 'react';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport TrackingService from 'services/TrackingService';\nimport { actualizarFacturacion, actualizarLogo, actualizarServicioTracking, actualizarUsuario } from 'store';\nimport { obtenerLogo } from 'utils';\nimport { esDatoValido } from 'utils/trackingUtils';\nimport * as Yup from 'yup';\nimport useStyles from './CicloFacturacionStyles';\n\nconst CicloFacturacion = ({ className }: { className?: string }) => {\n  /**\n   * Componente history gestor ruteos\n   */\n  const history = useHistory();\n  /**\n   * Funcion dispatch set redux\n   */\n  const dispatch = useDispatch();\n  /**\n   * useRef de captcha\n   */\n  let captchaRef: ReCAPTCHA;\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   * Fecha de hoy\n   */\n  const fechaRangoInicio = endOfDay(new Date());\n  /**\n   * Fecha de hoy\n   */\n  const fechaRangoFin = endOfDay(addDays(fechaRangoInicio, 5));\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   * Componente de pildora\n   */\n  const { enqueueSnackbar } = useSnackbar();\n\n  /**\n   * Valor de formik\n   */\n  let formik: any;\n\n  /**\n   * Variable que maneja query params\n   */\n  const query = QueryParams();\n  /**\n   * valor de numero de servicio obtenido por query params\n   */\n  const queryNumeroServicio = query.get('numeroServicio') || '';\n\n  /**\n   * useEffect principal\n   */\n  useEffect(() => {\n    formik.setFieldValue('numServicio', queryNumeroServicio);\n  }, []);\n\n  /**\n   * Interface de formulario\n   */\n  interface FormValues {\n    numServicio: string;\n    captcha: string;\n  }\n\n  /**\n   * Metodo que realiza la discriminacion de logo y actualzia logo en redux\n   * @param codDistribuidora Codifog de distribuidora\n   */\n  const validarLogo = (codDistribuidora: string) => {\n    const actualizarLogoBody = {\n      urlLogo: obtenerLogo(codDistribuidora),\n    };\n    dispatch(actualizarLogo(actualizarLogoBody));\n  };\n\n  /**\n   * Valores iniciales de formulario\n   */\n  const initialValues: FormValues = {\n    numServicio: '',\n    captcha: '',\n  };\n\n  const flujoTracking = (estadoCiclo: string, responseFacturacion: any) => {\n    if (esDatoValido(responseFacturacion.cobroActual?.fechaVencimiento)) {\n      const { fechaVencimiento } = responseFacturacion.cobroActual;\n      const fechaVencimientoFacturacion = endOfDay(addDays(new Date(fechaVencimiento), 1));\n\n      if (\n        esDatoValido(fechaVencimiento) &&\n        fechaRangoInicio.getTime() <= fechaVencimientoFacturacion.getTime() &&\n        fechaVencimientoFacturacion.getTime() <= fechaRangoFin.getTime() &&\n        (estadoCiclo === TipoEtapaTrackingEnum.BOLETA_ENTREGADA || estadoCiclo === TipoEtapaTrackingEnum.BOLETA_NO_ENTREGADA)\n      ) {\n        estadoCiclo = TipoEtapaTrackingEnum.BOLETA_POR_VENCER;\n      }\n    }\n    switch (estadoCiclo) {\n      case TipoEtapaTrackingEnum.EN_PREPARACION:\n        history.push(`${CICLO_FACTURACION}/${TOMA_LECTURA}/${EN_PREPARACION}`);\n        break;\n      case TipoEtapaTrackingEnum.EN_TOMA_LECTURA:\n        history.push(`${CICLO_FACTURACION}/${TOMA_LECTURA}/${EN_PROCESO}`);\n        break;\n      case TipoEtapaTrackingEnum.LECTURA_EXITOSA:\n        history.push(`${CICLO_FACTURACION}/${TOMA_LECTURA}/${EXITO}`);\n        break;\n      case TipoEtapaTrackingEnum.LECTURA_NO_EXITOSA:\n        history.push(`${CICLO_FACTURACION}/${TOMA_LECTURA}/${SIN_EXITO}`);\n        break;\n      case TipoEtapaTrackingEnum.NOTIFICACION_BOLETA:\n        history.push(`${CICLO_FACTURACION}/${ENTREGA_BOLETA}/${EMITIDA}`);\n        break;\n      case TipoEtapaTrackingEnum.BOLETA_ENTREGADA:\n        history.push(`${CICLO_FACTURACION}/${VENCIMIENTO_BOLETA}/${ENTREGADA}`);\n        break;\n      case TipoEtapaTrackingEnum.BOLETA_NO_ENTREGADA:\n        history.push(`${CICLO_FACTURACION}/${VENCIMIENTO_BOLETA}/${NO_ENTREGADA}`);\n        break;\n      case TipoEtapaTrackingEnum.BOLETA_POR_VENCER:\n        history.push(`${CICLO_FACTURACION}/${VENCIMIENTO_BOLETA}/${POR_VENCER}`);\n        break;\n      case TipoEtapaTrackingEnum.BOLETA_PAGADA:\n        history.push(`${CICLO_FACTURACION}/${VENCIMIENTO_BOLETA}/${PAGADA}`);\n        break;\n      default:\n        break;\n    }\n  };\n  /**\n   * On submit de formulario\n   */\n  const onSubmit = async (formValues: any) => {\n    const request: TokenRequestTrackingModel = {\n      captcha: formValues.captcha,\n      nroCliente: formik.values.numServicio,\n    };\n\n    try {\n      const responseToken = await TrackingService.obtenerTokenTracking(request);\n      localStorage.setItem('token', responseToken.token);\n      const responseInfoCliente = await TrackingService.obtenerInfoCliente(formik.values.numServicio);\n\n      validarLogo(responseInfoCliente.codDistribuidora);\n      dispatch(actualizarUsuario({ ...responseInfoCliente, numeroServicio: formik.values.numServicio }));\n      const responseEtiqueta = await TrackingService.obtenerTrackingEtiqueta(formik.values.numServicio);\n      const responseEstados = await TrackingService.obtenerEstadosTrackingPorId(responseEtiqueta.trackings[0].id);\n      dispatch(\n        actualizarServicioTracking({\n          estadosAnteriores: responseEstados.estadosAnteriores,\n          datos: responseEstados.datos,\n        })\n      );\n      const responseFacturacion = await TrackingService.obtenerFacturacionTracking(formik.values.numServicio);\n      flujoTracking(responseEstados.estado, responseFacturacion);\n      dispatch(actualizarFacturacion({ respuesta: responseFacturacion }));\n      formik.resetForm();\n      captchaRef.reset();\n    } catch (error: any) {\n      if (error === ERROR_1) {\n        enqueueSnackbar(t(`errors:${error?.response?.data?.mensaje}`), {\n          variant: 'error',\n        });\n      } else {\n        enqueueSnackbar(t('errors.generic'), {\n          variant: 'error',\n        });\n      }\n      formik.resetForm();\n      captchaRef.reset();\n    }\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  return (\n    <section className={className}>\n      <section className={styles.textos}>\n        <Typography className={styles.descripcion} variant=\"parrafo\">\n          {t('tracking:paginas.tracking.cicloFacturacion.contenido.descripcion')}\n        </Typography>\n      </section>\n      <form className={styles.formCnt} 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('tracking:paginas.tracking.cicloFacturacion.contenido.formulario.numeroServicio.label')}\n            placeholder={t('tracking:paginas.tracking.cicloFacturacion.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          data-testid=\"recaptcha\"\n          sitekey={googleCaptchaKey}\n          onChange={value => {\n            formik.setFieldValue('captcha', value);\n            formik.setSubmitting(false);\n          }}\n        />\n        <Button\n          className={styles.botonIr}\n          variant=\"contained\"\n          color=\"primary\"\n          type=\"submit\"\n          data-testid=\"submit\"\n          disabled={!(formik.isValid && formik.dirty)}\n        >\n          {t('tracking:paginas.tracking.cicloFacturacion.contenido.botones.ir')}\n        </Button>\n      </form>\n      {mostrarModal ? (\n        <Modal cerrarModal={cerrarModal}>\n          <img className={styles.imgTooltip} src={tooltipServicio} alt=\"\" />\n        </Modal>\n      ) : null}\n    </section>\n  );\n};\n\nCicloFacturacion.defaultProps = {\n  className: '',\n};\nexport default CicloFacturacion;\n"],"sourceRoot":""}