/* TravelFamily.AI — Réservation directe. • ReserverHub : grille de cartes stylisées posée juste après le globe. • ReserverScreen : intake riche (routes filtrées, A/R, options) → résultats réels (Duffel vols, Google activités) ou UI premium « prête à brancher ». */ /* ── Aéroports de départ (multi-aéroports) ───────────── */ const RES_ORIGINS = [ { code:'CDG', label:'Paris CDG' }, { code:'ORY', label:'Paris Orly' }, { code:'MPL', label:'Montpellier' }, { code:'BCN', label:'Barcelone' }, { code:'MRS', label:'Marseille' }, { code:'LYS', label:'Lyon' }, { code:'NCE', label:'Nice' }, { code:'TLS', label:'Toulouse' }, { code:'BOD', label:'Bordeaux' }, { code:'NTE', label:'Nantes' }, { code:'GVA', label:'Genève' }, { code:'BRU', label:'Bruxelles' }, { code:'LUX', label:'Luxembourg' }, ]; /* ── Affiliations (liens trackés réels) ────────────────── Revenu sur réservation partenaire. Remplacer/ajouter au fil des validations. */ const AFFILIATES = { getyourguide: { id:'Q2FL4D9', cmp:'share_to_earn' }, discovercars: { aid:'TravelFamily' }, }; function gygUrl(city){ const base = 'https://www.getyourguide.fr/s/'; const q = new URLSearchParams({ q: city||'', partner_id: AFFILIATES.getyourguide.id, cmp: AFFILIATES.getyourguide.cmp }); return base + '?' + q.toString(); } function discoverCarsUrl(){ return 'https://www.discovercars.com/?a_aid=' + encodeURIComponent(AFFILIATES.discovercars.aid); } /* Destinations dans le monde entier (IATA + coordonnées + région) pour vols / hôtels / activités. */ const REGION_ORDER = ['Europe','Maghreb','Moyen-Orient','Afrique & Océan Indien','Amériques','Asie','Océanie']; const RES_DESTS = [ // Europe { iata:'LIS', name:'Lisbonne', country:'Portugal', region:'Europe', lat:38.7223, lng:-9.1393 }, { iata:'OPO', name:'Porto', country:'Portugal', region:'Europe', lat:41.1579, lng:-8.6291 }, { iata:'FAO', name:'Algarve (Faro)', country:'Portugal', region:'Europe', lat:37.0194, lng:-7.9304 }, { iata:'BCN', name:'Barcelone', country:'Espagne', region:'Europe', lat:41.3874, lng:2.1686 }, { iata:'MAD', name:'Madrid', country:'Espagne', region:'Europe', lat:40.4168, lng:-3.7038 }, { iata:'AGP', name:'Malaga', country:'Espagne', region:'Europe', lat:36.7213, lng:-4.4214 }, { iata:'PMI', name:'Majorque', country:'Espagne', region:'Europe', lat:39.5696, lng:2.6502 }, { iata:'CTA', name:'Sicile (Catane)', country:'Italie', region:'Europe', lat:37.5079, lng:15.0830 }, { iata:'NAP', name:'Naples', country:'Italie', region:'Europe', lat:40.8518, lng:14.2681 }, { iata:'FCO', name:'Rome', country:'Italie', region:'Europe', lat:41.9028, lng:12.4964 }, { iata:'VCE', name:'Venise', country:'Italie', region:'Europe', lat:45.4408, lng:12.3155 }, { iata:'MXP', name:'Milan', country:'Italie', region:'Europe', lat:45.4642, lng:9.1900 }, { iata:'ATH', name:'Athènes', country:'Grèce', region:'Europe', lat:37.9838, lng:23.7275 }, { iata:'JMK', name:'Mykonos', country:'Grèce', region:'Europe', lat:37.4467, lng:25.3289 }, { iata:'DBV', name:'Dubrovnik', country:'Croatie', region:'Europe', lat:42.6507, lng:18.0944 }, { iata:'LHR', name:'Londres', country:'Royaume-Uni', region:'Europe', lat:51.5074, lng:-0.1278 }, { iata:'AMS', name:'Amsterdam', country:'Pays-Bas', region:'Europe', lat:52.3676, lng:4.9041 }, { iata:'BER', name:'Berlin', country:'Allemagne', region:'Europe', lat:52.5200, lng:13.4050 }, { iata:'PRG', name:'Prague', country:'Tchéquie', region:'Europe', lat:50.0755, lng:14.4378 }, { iata:'VIE', name:'Vienne', country:'Autriche', region:'Europe', lat:48.2082, lng:16.3738 }, { iata:'CPH', name:'Copenhague',country:'Danemark', region:'Europe', lat:55.6761, lng:12.5683 }, { iata:'KEF', name:'Reykjavik', country:'Islande', region:'Europe', lat:64.1466, lng:-21.9426 }, { iata:'IST', name:'Istanbul', country:'Turquie', region:'Europe', lat:41.0082, lng:28.9784 }, { iata:'GVA', name:'Annecy / Genève', country:'France/Suisse', region:'Europe', lat:45.8992, lng:6.1294 }, // Maghreb { iata:'RAK', name:'Marrakech', country:'Maroc', region:'Maghreb', lat:31.6295, lng:-7.9811 }, { iata:'CMN', name:'Casablanca',country:'Maroc', region:'Maghreb', lat:33.5731, lng:-7.5898 }, { iata:'TUN', name:'Tunis', country:'Tunisie', region:'Maghreb', lat:36.8065, lng:10.1815 }, { iata:'DJE', name:'Djerba', country:'Tunisie', region:'Maghreb', lat:33.8076, lng:10.8451 }, // Moyen-Orient { iata:'DXB', name:'Dubaï', country:'Émirats', region:'Moyen-Orient', lat:25.2048, lng:55.2708 }, { iata:'DOH', name:'Doha', country:'Qatar', region:'Moyen-Orient', lat:25.2854, lng:51.5310 }, { iata:'AUH', name:'Abu Dhabi', country:'Émirats', region:'Moyen-Orient', lat:24.4539, lng:54.3773 }, // Afrique & Océan Indien { iata:'CAI', name:'Le Caire', country:'Égypte', region:'Afrique & Océan Indien', lat:30.0444, lng:31.2357 }, { iata:'DKR', name:'Dakar', country:'Sénégal', region:'Afrique & Océan Indien', lat:14.7167, lng:-17.4677 }, { iata:'NBO', name:'Nairobi', country:'Kenya', region:'Afrique & Océan Indien', lat:-1.2921, lng:36.8219 }, { iata:'JNB', name:'Johannesburg', country:'Afrique du Sud', region:'Afrique & Océan Indien', lat:-26.2041, lng:28.0473 }, { iata:'MRU', name:'Maurice', country:'Maurice', region:'Afrique & Océan Indien', lat:-20.1609, lng:57.5012 }, { iata:'RUN', name:'La Réunion',country:'France', region:'Afrique & Océan Indien', lat:-20.8789, lng:55.4481 }, { iata:'SEZ', name:'Seychelles',country:'Seychelles',region:'Afrique & Océan Indien', lat:-4.6796, lng:55.4920 }, { iata:'ZNZ', name:'Zanzibar', country:'Tanzanie', region:'Afrique & Océan Indien', lat:-6.1659, lng:39.2026 }, // Amériques { iata:'JFK', name:'New York', country:'États-Unis',region:'Amériques', lat:40.7128, lng:-74.0060 }, { iata:'LAX', name:'Los Angeles',country:'États-Unis',region:'Amériques', lat:34.0522, lng:-118.2437 }, { iata:'MIA', name:'Miami', country:'États-Unis',region:'Amériques', lat:25.7617, lng:-80.1918 }, { iata:'YUL', name:'Montréal', country:'Canada', region:'Amériques', lat:45.5019, lng:-73.5674 }, { iata:'CUN', name:'Cancún', country:'Mexique', region:'Amériques', lat:21.1619, lng:-86.8515 }, { iata:'MEX', name:'Mexico', country:'Mexique', region:'Amériques', lat:19.4326, lng:-99.1332 }, { iata:'PUJ', name:'Punta Cana',country:'Rép. dom.', region:'Amériques', lat:18.5601, lng:-68.3725 }, { iata:'HAV', name:'La Havane', country:'Cuba', region:'Amériques', lat:23.1136, lng:-82.3666 }, { iata:'GIG', name:'Rio de Janeiro', country:'Brésil', region:'Amériques', lat:-22.9068, lng:-43.1729 }, { iata:'EZE', name:'Buenos Aires', country:'Argentine', region:'Amériques', lat:-34.6037, lng:-58.3816 }, { iata:'LIM', name:'Lima', country:'Pérou', region:'Amériques', lat:-12.0464, lng:-77.0428 }, { iata:'SJO', name:'San José', country:'Costa Rica',region:'Amériques', lat:9.9281, lng:-84.0907 }, // Asie { iata:'BKK', name:'Bangkok', country:'Thaïlande', region:'Asie', lat:13.7563, lng:100.5018 }, { iata:'HKT', name:'Phuket', country:'Thaïlande', region:'Asie', lat:7.8804, lng:98.3923 }, { iata:'DPS', name:'Bali', country:'Indonésie', region:'Asie', lat:-8.4095, lng:115.1889 }, { iata:'SIN', name:'Singapour', country:'Singapour', region:'Asie', lat:1.3521, lng:103.8198 }, { iata:'KUL', name:'Kuala Lumpur', country:'Malaisie', region:'Asie', lat:3.1390, lng:101.6869 }, { iata:'HAN', name:'Hanoï', country:'Vietnam', region:'Asie', lat:21.0278, lng:105.8342 }, { iata:'NRT', name:'Tokyo', country:'Japon', region:'Asie', lat:35.6762, lng:139.6503 }, { iata:'ICN', name:'Séoul', country:'Corée du Sud', region:'Asie', lat:37.5665, lng:126.9780 }, { iata:'DEL', name:'Delhi', country:'Inde', region:'Asie', lat:28.6139, lng:77.2090 }, { iata:'MLE', name:'Maldives', country:'Maldives', region:'Asie', lat:4.1755, lng:73.5093 }, { iata:'CMB', name:'Colombo', country:'Sri Lanka', region:'Asie', lat:6.9271, lng:79.8612 }, // Océanie { iata:'SYD', name:'Sydney', country:'Australie', region:'Océanie', lat:-33.8688, lng:151.2093 }, { iata:'AKL', name:'Auckland', country:'Nouvelle-Zélande', region:'Océanie', lat:-36.8485, lng:174.7633 }, { iata:'PPT', name:'Tahiti', country:'Polynésie', region:'Océanie', lat:-17.5516, lng:-149.5585 }, ]; const RES_DEST_BY = Object.fromEntries(RES_DESTS.map(d=>[d.iata,d])); /* Réseau réaliste : grands hubs desservent le monde ; petits aéroports surtout l'Europe. On ne fige plus une liste à la mode — tout le monde est accessible depuis un hub. */ const HUB_ALL = new Set(['CDG','ORY','BRU']); // monde entier const HUB_WIDE = new Set(['LYS','NCE','MRS','GVA']); // Europe+Maghreb+M-O + long-courriers populaires const POPULAR_LONGHAUL = new Set(['JFK','MIA','CUN','DXB','DOH','BKK','HKT','DPS','MRU','RUN','PUJ','SEZ','NRT']); const NEAR_REGIONS = new Set(['Europe','Maghreb','Moyen-Orient']); /* Toutes les destinations sont réservables depuis tout aéroport (Duffel assemble les escales). On distingue seulement vol DIRECT vs itinéraire AVEC ESCALE. */ function flightDestsFor(origin){ return RES_DESTS.filter(d=>d.iata!==origin); } function flightIsDirect(origin, d){ if(!d) return true; if(HUB_ALL.has(origin)) return true; if(HUB_WIDE.has(origin)) return NEAR_REGIONS.has(d.region) || POPULAR_LONGHAUL.has(d.iata); return d.region==='Europe' || d.region==='Maghreb'; } /* par région pour un select de destinations. */ function GroupedDestOptions({ dests }){ const by = {}; dests.forEach(d=>{ (by[d.region]=by[d.region]||[]).push(d); }); return REGION_ORDER.filter(r=>by[r]).map(r=>( {by[r].map(d=>)} )); } /* Ports ferry + routes valides (traversées réelles). */ const FERRY_ROUTES = { 'Marseille':['Bastia','Ajaccio','Porto-Vecchio','Tanger Med','Palma de Majorque'], 'Toulon':['Bastia','Ajaccio','Porto-Vecchio','Calvi'], 'Nice':['Bastia','Ajaccio','Calvi'], 'Sète':['Tanger Med','Palma de Majorque'], 'Barcelone':['Palma de Majorque','Civitavecchia (Rome)','Gênes','Tanger Med','Algésiras'], 'Gênes':['Bastia','Palma de Majorque','Barcelone','Tanger Med'], 'Civitavecchia (Rome)':['Barcelone','Palma de Majorque'], 'Bastia':['Marseille','Toulon','Nice','Gênes'], 'Ajaccio':['Marseille','Toulon','Nice'], 'Calvi':['Toulon','Nice'], 'Porto-Vecchio':['Marseille','Toulon'], 'Palma de Majorque':['Barcelone','Marseille','Sète','Gênes','Civitavecchia (Rome)'], 'Tanger Med':['Marseille','Sète','Barcelone','Gênes','Algésiras'], 'Algésiras':['Tanger Med','Barcelone'], }; const FERRY_PORTS = Object.keys(FERRY_ROUTES); /* Gares & villes location. */ const RES_STATIONS = ['Paris','Lyon','Marseille','Montpellier','Bordeaux','Lille','Nantes','Strasbourg','Nice','Toulouse','Rennes','Genève','Bruxelles','Londres','Barcelone','Milan']; /* Villes location voiture + pays (pour règle permis international). */ const CAR_CITIES = [ ['Paris','France'],['Lyon','France'],['Marseille','France'],['Nice','France'],['Montpellier','France'], ['Bordeaux','France'],['Toulouse','France'],['Genève','Suisse'],['Lisbonne','Portugal'],['Barcelone','Espagne'], ['Malaga','Espagne'],['Rome','Italie'],['Naples','Italie'],['Athènes','Grèce'],['Marrakech','Maroc'], ]; const CAR_INTL_PERMIT = new Set(['Maroc']); // permis international requis const CAR_CATS = ['Citadine','Compacte','Familiale','Monospace 7 places','SUV','Premium / automatique']; const RESERVER_MODES = [ { mode:'vol', icon:'plane', tone:'ocean', title:'Vol', sub:'Aller, A/R ou multi · devis réel' }, { mode:'hotel', icon:'bed', tone:'turq', title:'Hôtel', sub:'Ville, dates, voyageurs' }, { mode:'train', icon:'train', tone:'gold', title:'Train', sub:'Gare → gare, A/R' }, { mode:'bateau', icon:'anchor', tone:'ocean', title:'Bateau / Ferry', sub:'Traversée, véhicule, cabine' }, { mode:'voiture', icon:'car', tone:'turq', title:'Location voiture', sub:'Ville, catégorie, A/R' }, { mode:'activites', icon:'compass', tone:'coral', title:'Activités', sub:'Date, voyageurs · temps réel' }, { mode:'formalites', icon:'shield', tone:'gold', title:'Formalités', sub:'50 destinations · tous les passeports' }, ]; function ReserverHub({ openReserver, openChat }) { return (
Réserver soi-même

Que voulez-vous réserver ?

Vous savez ce que vous cherchez ? Choisissez et réservez en quelques étapes. Sinon, openChat&&openChat('home')}>demandez conseil à Webbina.

{RESERVER_MODES.map(m=>( ))}
); } /* ── Contrôles ───────────────────────────────────────── */ const resInput = { width:'100%', padding:'12px 14px', borderRadius:'var(--r-md)', border:'1px solid var(--border)', background:'var(--surface)', color:'var(--text)', fontSize:15, fontFamily:'inherit', WebkitAppearance:'none', appearance:'none' }; function Field({ label, children }){ return ( ); } function Stepper({ label, value, set, min=0, max=9 }){ return (
{label}
{value}
); } function Segmented({ value, set, options }){ return (
{options.map(([v,l])=>( ))}
); } /* ── Écran de réservation directe ────────────────────── */ function ReserverScreen({ mode, go, book }){ const meta = RESERVER_MODES.find(m=>m.mode===mode) || RESERVER_MODES[0]; return (
Réserver · {meta.title}
{meta.sub}
{mode==='vol' && } {mode==='hotel' && } {mode==='activites' && } {mode==='formalites' && } {mode==='train' && } {mode==='bateau' && } {mode==='voiture' && }
); } function defaultDep(){ const d=new Date(); d.setDate(d.getDate()+42); return d.toISOString().slice(0,10); } function defaultRet(){ const d=new Date(); d.setDate(d.getDate()+49); return d.toISOString().slice(0,10); } /* VOL : type de trajet + routes filtrées + A/R → VolsTab réel */ function VolIntake({ book, go }){ const [tripType, setTripType] = React.useState('rt'); // ow | rt | multi const [origin, setOrigin] = React.useState(()=>{ try{ return localStorage.getItem('tf_deal_origin')||'CDG'; }catch(e){ return 'CDG'; } }); const dests = React.useMemo(()=>flightDestsFor(origin), [origin]); const [destIata, setDestIata] = React.useState(()=>dests[0] && dests[0].iata || 'LIS'); const [dep, setDep] = React.useState(defaultDep()); const [ret, setRet] = React.useState(defaultRet()); const [adults, setAdults] = React.useState(2); const [children, setChildren] = React.useState(2); const [go_, setGo] = React.useState(false); // Multi-destinations : liste de segments const [segs, setSegs] = React.useState([{ from:origin, to:(dests[1]&&dests[1].iata)||(dests[0]&&dests[0].iata), date:defaultDep() }]); // si l'origine change, la destination doit rester desservie React.useEffect(()=>{ if(!dests.find(d=>d.iata===destIata)){ setDestIata(dests[0] && dests[0].iata); setGo(false); } }, [origin]); const dest = React.useMemo(()=>{ const d=RES_DEST_BY[destIata]||RES_DESTS[0]; return { id:'res-'+d.iata, iata:d.iata, name:d.name, country:d.country, lat:d.lat, lng:d.lng, nights:7, _dealOrigin:origin, _depDate:dep, _retDate: tripType==='rt'?ret:undefined, _pax:adults+children, _kids:children }; }, [destIata,origin,dep,ret,tripType,adults,children]); function submit(){ try{ localStorage.setItem('tf_deal_origin', origin); }catch(e){} setGo(true); } const segFrom = (i)=> i===0 ? RES_ORIGINS.map(o=>[o.code,o.label]) : flightDestsFor(segs[i-1].to).map(d=>[d.iata,d.name]); function setSeg(i,k,v){ setSegs(s=>s.map((x,j)=> j===i?{...x,[k]:v}:x)); } function addSeg(){ setSegs(s=>{ const last=s[s.length-1]; const opts=flightDestsFor(last.to); return [...s,{ from:last.to, to:(opts[0]&&opts[0].iata)||last.to, date:last.date }]; }); } function rmSeg(i){ setSegs(s=> s.length>1 ? s.filter((_,j)=>j!==i) : s); } return (
{setTripType(v); setGo(false);}} options={[['ow','Aller simple'],['rt','Aller-retour'],['multi','Multi-destinations']]} /> {tripType!=='multi' && (

{flightIsDirect(origin, RES_DEST_BY[destIata]) ? Vol direct disponible depuis {RES_ORIGINS.find(o=>o.code===origin).label}. : Pas de vol direct depuis {RES_ORIGINS.find(o=>o.code===origin).label} — itinéraire avec escale (Duffel optimise les correspondances).}

{setDep(e.target.value); setGo(false);}} /> {tripType==='rt' && {setRet(e.target.value); setGo(false);}} />}
)} {tripType==='multi' && (
{segs.map((s,i)=>(
Vol {i+1} {segs.length>1 && }
setSeg(i,'date',e.target.value)} />
))} {segs.length<4 && }
)}
{go_ && tripType!=='multi' &&
{tripType==='rt' &&
Aller-retour · retour le {new Date(ret).toLocaleDateString('fr-FR',{day:'numeric',month:'short'})}
}
} {go_ && tripType==='multi' && (
Votre itinéraire multi-destinations est prêt. Je vérifie que chaque correspondance tombe juste et j'assemble le meilleur prix pour l'ensemble. ✨
{segs.map((s,i)=>{ const f=RES_ORIGINS.find(o=>o.code===s.from)||RES_DEST_BY[s.from]; const t=RES_DEST_BY[s.to]; return (
{(f&&(f.label||f.name))||s.from} → {(t&&t.name)||s.to}
{new Date(s.date).toLocaleDateString('fr-FR',{weekday:'short',day:'numeric',month:'short'})}
); })}

Le multi-destinations combine plusieurs compagnies — Webbina optimise prix et correspondances pour vous.

)} ); } /* HÔTEL → HotelsTab réel */ function HotelIntake(){ const [destIata, setDestIata] = React.useState('LIS'); const [dep, setDep] = React.useState(defaultDep()); const [nights, setNights] = React.useState(5); const [adults, setAdults] = React.useState(2); const [children, setChildren] = React.useState(2); const [go, setGo] = React.useState(false); const dest = React.useMemo(()=>{ const d=RES_DEST_BY[destIata]||RES_DESTS[0]; return { id:'resh-'+d.iata, iata:d.iata, name:d.name, country:d.country, lat:d.lat, lng:d.lng, nights, _depDate:dep, _pax:adults+children, _kids:children }; }, [destIata,dep,nights,adults,children]); return (
{setDep(e.target.value); setGo(false);}} />
{go &&
} ); } /* ACTIVITÉS : date + voyageurs → Google Places réel (+ GetYourGuide à brancher) */ function ActIntake(){ const [destIata, setDestIata] = React.useState('LIS'); const [date, setDate] = React.useState(defaultDep()); const [adults, setAdults] = React.useState(2); const [children, setChildren] = React.useState(2); const [go, setGo] = React.useState(false); const dest = React.useMemo(()=>{ const d=RES_DEST_BY[destIata]||RES_DESTS[0]; return { id:'resa-'+d.iata, name:d.name, country:d.country, lat:d.lat, lng:d.lng }; }, [destIata]); return (
{setDate(e.target.value); setGo(false);}} />
{go && (
Idées d'activités en temps réel près de {dest.name} pour {adults+children} personne{adults+children>1?'s':''}. Réservez vos billets datés sur GetYourGuide. 💙
Réserver des activités à {dest.name}

Billets réservables sur GetYourGuide · annulation gratuite sur la plupart des activités.

)} ); } /* VOITURE : retour (même ville ou autre) + catégorie + alertes permis/CB */ function CarIntake(){ const [pickup, setPickup] = React.useState('Paris'); const [sameReturn, setSameReturn] = React.useState(true); const [dropoff, setDropoff] = React.useState('Lyon'); const [dep, setDep] = React.useState(defaultDep()); const [ret, setRet] = React.useState(defaultRet()); const [cat, setCat] = React.useState('Familiale'); const [show, setShow] = React.useState(false); const pickupCountry = (CAR_CITIES.find(c=>c[0]===pickup)||[])[1] || 'France'; const needIntl = CAR_INTL_PERMIT.has(pickupCountry); return ( {/* alertes essentielles AVANT la recherche */}
À savoir avant de réserver
Carte de crédit obligatoire au nom du conducteur (empreinte de caution). Une carte de débit / prépayée est souvent refusée à la prise en charge.
{needIntl ? Permis de conduire international requis en plus du permis national pour {pickupCountry}. : Permis national suffisant pour {pickupCountry} (permis international non requis).}
{!sameReturn && }
{setDep(e.target.value); setShow(false);}} /> {setRet(e.target.value); setShow(false);}} />
{show && (
{pickup}{sameReturn?'':` → ${dropoff}`} · {cat} · comparez et réservez sur Discover Cars (assurance + annulation gratuite incluses). Prix indicatifs ci-dessous. 💙
{[0,1,2].map(i=>(
{cat} {['ou similaire','automatique','+ GPS'][i]}
{['Annulation gratuite','Siège enfant dispo','Kilométrage illimité'][i]}
dès {[34,42,58][i]} €
/ jour · estimatif
))}
Partenaires : {['Discover Cars','Rentalcars','Hertz','Europcar'].map(p=>{p})}
Réserver sur Discover Cars

Comparateur mondial · annulation gratuite · assurance tous risques en option.

)} ); } /* TRAIN / BATEAU : intake réel (routes valides, options) + résultats premium « prêts à brancher » */ function SoonIntake({ mode }){ const isBoat = mode==='bateau'; const fromList = isBoat ? FERRY_PORTS : RES_STATIONS; const [tripType, setTripType] = React.useState('rt'); const [from, setFrom] = React.useState(fromList[0]); const toList = isBoat ? (FERRY_ROUTES[from]||[]) : RES_STATIONS.filter(s=>s!==from); const [to, setTo] = React.useState(toList[0]); const [dep, setDep] = React.useState(defaultDep()); const [ret, setRet] = React.useState(defaultRet()); const [vehicle, setVehicle] = React.useState('none'); // bateau const [vehModel, setVehModel] = React.useState(''); // bateau : modèle const [vehLen, setVehLen] = React.useState('4-5'); // bateau : longueur const [vehHigh, setVehHigh] = React.useState(false); // bateau : > 1,85 m const [trailer, setTrailer] = React.useState(false); // bateau : remorque const [roofbox, setRoofbox] = React.useState(false); // bateau : coffre de toit const [accom, setAccom] = React.useState('fauteuil'); // bateau const [adults, setAdults] = React.useState(2); const [children, setChildren] = React.useState(2); const [show, setShow] = React.useState(false); React.useEffect(()=>{ const opts = isBoat ? (FERRY_ROUTES[from]||[]) : RES_STATIONS.filter(s=>s!==from); if(!opts.includes(to)){ setTo(opts[0]); setShow(false); } }, [from]); const partners = isBoat ? ['Direct Ferries','Ferryhopper','Corsica Linea','Baléaria'] : ['Trainline','SNCF Connect','Trenitalia','Renfe']; const tone = isBoat ? 'ocean' : 'gold'; const icon = isBoat ? 'anchor' : 'train'; const VEH = [['none','Sans véhicule'],['voiture','Voiture'],['moto','Moto'],['van','Van / fourgon'],['camping','Camping-car']]; const ACC = [['fauteuil','Fauteuil'],['cabine_int','Cabine intérieure'],['cabine_ext','Cabine extérieure'],['cabine_lux','Cabine premium']]; return (
{setTripType(v); setShow(false);}} options={[['ow','Aller simple'],['rt','Aller-retour']]} />
{isBoat &&

Seules les traversées existantes depuis {from} sont proposées.

}
{setDep(e.target.value); setShow(false);}} /> {tripType==='rt' && {setRet(e.target.value); setShow(false);}} />}
{isBoat && (
)} {isBoat && vehicle!=='none' && (
Détails du véhicule

La compagnie facture selon la longueur et la hauteur du véhicule — indiquez-les précisément pour un devis juste.

{setVehModel(e.target.value); setShow(false);}} />
)}
{show && (
{isBoat ? 'Je cale les horaires de traversée sur le reste de votre voyage (vol, hôtel…).' : 'Je vérifie que votre train arrive à temps pour la suite (vol, ferry…).'}
{from} → {to}{tripType==='rt'?' · aller-retour':''}{isBoat && vehicle!=='none'?` · ${VEH.find(v=>v[0]===vehicle)[1]}${vehModel?' ('+vehModel+')':''}${trailer?' + remorque':''}${roofbox?' + coffre de toit':''}`:''} · connexion partenaire en cours d'activation — exemples représentatifs. La réservation en direct arrive très bientôt. 💙
{[0,1,2].map(i=>(
{partners[i]}
{isBoat?['Traversée jour · 6 h','Traversée nuit · cabine','Express · 3 h 30'][i]:['Direct · 3 h 10','1 corresp. · 4 h','Direct · 2 h 50'][i]}
dès {isBoat?[89,129,69][i]:[29,24,39][i]} €
estimatif
))}
Partenaires : {partners.map(p=>{p})}
)} ); } /* FORMALITÉS : même vérificateur que l'écran Formalités (données vérifiées, sources officielles). */ function FormalitesTool(){ return ; } Object.assign(window, { ReserverHub, ReserverScreen });