import React, { useState } from 'react'; import { Head, usePage } from '@inertiajs/react'; import { Container, Row, Col, Card, Alert } from 'react-bootstrap'; import Layout from '../../../Layouts'; import BreadCrumb from '../../../Components/Common/BreadCrumb'; import estilosFoco from '../Contratos/Shared/estilosFocoAccesible.module.css'; import { ComercializadoraSips, SipsProviderConfig } from './types'; import { resolveSipsProvider } from './config/resolveProvider'; import ComercializadoraSelect from './components/ComercializadoraSelect'; import SipsUnsupportedMessage from './components/SipsUnsupportedMessage'; import AudaxSipsPanel from './components/Audax/AudaxSipsPanel'; import AdxSipsPanel from './components/Adx/AdxSipsPanel'; import styles from './Sips.module.css'; interface SipsPageProps { comercializadoras: ComercializadoraSips[]; sipsProvidersByCodCom: Record; [key: string]: unknown; } const SipsIndex = () => { const { comercializadoras = [], sipsProvidersByCodCom = {}, } = usePage().props; const [selectedComercializadora, setSelectedComercializadora] = useState([]); const comercializadora = selectedComercializadora[0] ?? null; const provider = resolveSipsProvider(comercializadora, sipsProvidersByCodCom); const renderProviderPanel = () => { if (!comercializadora) { return ( Seleccione una comercializadora para acceder a la consulta SIPS. ); } if (!provider) { return ; } const codCom = Number(comercializadora.CodCom); switch (provider.key) { case 'audax': return ( ); case 'adx': return ( ); default: return ; } }; return (

Gestión SIPS

Comercializadora

{renderProviderPanel()}
); }; SipsIndex.layout = (page: React.ReactNode) => ; export default SipsIndex;