import React, { useState } from 'react'; import { Head, usePage } from '@inertiajs/react'; import axios from 'axios'; import { Alert, Button, Card, Col, Container, Form, Row } from 'react-bootstrap'; import Swal from 'sweetalert2'; import Layout from '../../../Layouts'; import BreadCrumb from '../../../Components/Common/BreadCrumb'; import { Can } from '../../../Components/Auth/Can'; interface ComercializadoraOption { CodCom: number; RazSocCom: string | null; NomComCom: string | null; provider: string | null; providerLabel: string | null; } interface FechasContrato { FechaUltimaRenovacion: string | null; FechaActivacion: string | null; FechaFinContrato: string | null; FechaRenovacion: string | null; } interface ConsultaResponse { resultado: 'OK' | 'KO'; Data: FechasContrato | null; Error: string | null; } interface PageProps { comercializadoras: ComercializadoraOption[]; proveedoresDisponibles: string[]; [key: string]: unknown; } const fechasVacias: FechasContrato = { FechaUltimaRenovacion: null, FechaActivacion: null, FechaFinContrato: null, FechaRenovacion: null, }; const ConsultaFechasIndex = () => { const { comercializadoras = [], proveedoresDisponibles = [] } = usePage().props; const [codCom, setCodCom] = useState(''); const [cups, setCups] = useState(''); const [fechas, setFechas] = useState(fechasVacias); const [consultando, setConsultando] = useState(false); const seleccionada = comercializadoras.find((item) => String(item.CodCom) === codCom) ?? null; const mostrarError = (mensaje: string) => { setFechas(fechasVacias); Swal.fire({ icon: 'error', title: 'Sin fechas', text: mensaje, }); }; const consultar = async () => { if (!seleccionada) { mostrarError('Seleccione una comercializadora.'); return; } if (!seleccionada.provider) { mostrarError( `Esta comercializadora no tiene consulta de fechas. Disponible para: ${proveedoresDisponibles.join(', ')}.` ); return; } const cupsLimpio = cups.trim().toUpperCase(); if (cupsLimpio.length < 8) { mostrarError('Indique un CUPS válido.'); return; } setConsultando(true); try { const response = await axios.post(route('consulta-fechas.consultar'), { cod_com: seleccionada.CodCom, cups: cupsLimpio, }); if (response.data.resultado === 'OK' && response.data.Data) { setFechas(response.data.Data); return; } mostrarError(response.data.Error || 'No se pudieron consultar las fechas.'); } catch (error) { const data = axios.isAxiosError(error) ? error.response?.data as ConsultaResponse | undefined : undefined; mostrarError(data?.Error || 'No se pudo consultar el servicio de fechas.'); } finally { setConsultando(false); } }; return (

Consultar fechas comercializadoras

Comercializadora { setCodCom(event.target.value); setFechas(fechasVacias); }} > {comercializadoras.map((item) => ( ))} CUPS { setCups(event.target.value.toUpperCase()); setFechas(fechasVacias); }} /> {seleccionada && !seleccionada.provider && ( {seleccionada.RazSocCom} no dispara el servicio. Ahora mismo solo ADX y AUDAX. )} Fecha última renovación Fecha activación Fecha fin contrato Fecha renovación

); }; ConsultaFechasIndex.layout = (page: React.ReactNode) => ; export default ConsultaFechasIndex;