/* global React, STATUS, STATUS_ORDER, FLEET, Icon, TABS, fmtMoney, fmtMoneyD, AIRPORTS, acYear */ const { useState, useEffect } = React; /* ============================================================ PHONE SHELL + STATUS BAR ============================================================ */ function StatusBar({ bg = '#19253C', fg = '#fff' }) { return (
9:41
); } function PhoneShell({ statusBg, statusFg, children }) { return (
{children}
); } /* ============================================================ BOTTOM TAB BAR ============================================================ */ function TabBar({ active = 'Quotes', onTab }) { return ( ); } /* ============================================================ STATUS PILL + DOT ============================================================ */ function StatusPill({ status, size = 'md' }) { const s = STATUS[status]; if (!s) return null; const pad = size === 'sm' ? '4px 8px' : '5px 11px'; const fs = size === 'sm' ? 10.5 : 11.5; return ( {s.label} ); } function StatusDot({ status, size = 8 }) { const s = STATUS[status]; return ; } /* ============================================================ DELTA TAG (competitor price relative to your quote) ============================================================ */ function DeltaTag({ delta, big }) { if (delta === 0 || delta == null) { return your quote; } const below = delta < 0; // competitor cheaper than you → they threaten your rank (shown red); above → you beat them (green) const color = below ? '#B43A3A' : '#2E8B57'; const ArrowEl = below ? Icon.down : Icon.up; return ( {fmtMoney(Math.abs(delta))} ); } /* ============================================================ RANK BADGE ============================================================ */ function RankBadge({ rank, total, win, size = 'md' }) { const dim = size === 'lg' ? 56 : size === 'sm' ? 34 : 44; return (
{win ? : <> {rank} of {total} }
); } /* ============================================================ PRICE SPREAD BAR — visualizes your position in the field ============================================================ */ function SpreadBar({ rows }) { const prices = rows.map(r => r.price); const min = Math.min(...prices), max = Math.max(...prices); const span = max - min || 1; const pos = (p) => `${((p - min) / span) * 100}%`; const you = rows.find(r => r.you); return (
{rows.map((r, i) => !r.you && ( ))} {you && ( )}
Lowest {fmtMoney(min)} Highest {fmtMoney(max)}
); } /* ============================================================ COMPETITOR LADDER (with Trip / Leg switch) ============================================================ */ function CompetitorLadder({ trip, showSpread, onAddQuote }) { const legCount = trip.legCount || 0; const views = [{ key: 'trip', label: 'Trip' }]; for (let i = 1; i <= legCount; i++) views.push({ key: `leg${i}`, label: `Leg ${i}` }); const [view, setView] = useState('trip'); const rows = (trip.ladder && trip.ladder[view]) || []; const you = rows.find(r => r.you); const yourPrice = you ? you.price : null; const hasYourQuote = rows.some(r => r.you); const quoteCountFor = (key) => { if (!trip.quotes) return 0; if (key === 'trip') return trip.quotes.filter(q => q.you && q.type === 'Trip').length; const legNum = parseInt(key.replace('leg', ''), 10); return trip.quotes.filter(q => q.you && q.type === 'Leg' && q.legNum === legNum).length; }; const addBtnLabel = view === 'trip' ? 'Add Trip Quote' : `Add Leg ${view.replace('leg', '')} Quote`; const lockViewLabel = view === 'trip' ? 'a trip' : `a leg ${view.replace('leg', '')}`; return (
{views.map(v => { const on = v.key === view; const count = quoteCountFor(v.key); return ( ); })}
{showSpread && you &&
}
{(() => { const acHash = (s) => { let h = 5381; for (let c of s) h = ((h << 5) + h + c.charCodeAt(0)) & 0x7fffffff; return h; }; const rowAmenities = rows.map(r => { const h = acHash(r.ac || ''); return { hasWifi: (h & 1) === 1, hasPaw: ((h >> 1) & 1) === 1 }; }); if (rowAmenities.every(a => a.hasWifi)) rowAmenities[0].hasWifi = false; return rows.map((r, i) => { const rank = i + 1; const delta = yourPrice != null && !r.you ? r.price - yourPrice : null; const { hasWifi, hasPaw } = rowAmenities[i]; return (
{rank}
{acYear(r.ac)} {r.ac} {r.you && YOU}
{r.cat}{r.refurbInt != null ? ` · Int '${String(r.refurbInt).slice(2)} · Ext '${String(r.refurbExt).slice(2)}` : ''}
{(() => { const wifiColor = hasWifi ? (r.you ? '#fff' : 'var(--baj-blue)') : (r.you ? 'rgba(255,255,255,0.22)' : '#C7CFDA'); const pawColor = hasPaw ? (r.you ? '#fff' : 'var(--baj-blue)') : (r.you ? 'rgba(255,255,255,0.22)' : '#C7CFDA'); return (<> {!hasWifi && ( )} ); })()}
{fmtMoney(r.price)}
{r.you ? your quote : }
); }); })()}
{!hasYourQuote && (
Submit {lockViewLabel} quote to participate
Add {lockViewLabel} quote to unlock live rankings and compete in this bidding.
{onAddQuote && ( )}
)}
); } /* ============================================================ BOTTOM SHEET (slide-up, backdrop) ============================================================ */ function Sheet({ open, onClose, children, maxH = 660 }) { return (
{children}
); } /* ============================================================ COMPETITOR SHEET (ladder in a sheet, with header) ============================================================ */ function CompetitorSheet({ trip, open, onClose, onAddQuote }) { return ( {trip && ( <>
Flight Marketplace · live
{trip.from} → {trip.to}
{AIRPORTS[trip.from].city} → {AIRPORTS[trip.to].city} · {trip.date}
)} ); } /* ============================================================ SUBMIT / REQUOTE SHEET (price stepper) ============================================================ */ function QuoteSheet({ trip, mode, open, onClose, onConfirm, startPrice }) { const [price, setPrice] = useState(startPrice || 0); const [raw, setRaw] = useState(''); const [tail, setTail] = useState(''); const [notes, setNotes] = useState(''); const [pdfFile, setPdfFile] = useState(null); const fileRef = React.useRef(null); useEffect(() => { if (open) { const p = startPrice || 0; setPrice(p); setRaw(p > 0 ? String(p) : ''); setTail(''); setNotes(''); setPdfFile(null); } }, [open, startPrice]); if (!trip) return {null}; const isRequote = mode === 'requote'; const ladder = trip.ladder && trip.ladder.trip; const lowest = ladder ? Math.min(...ladder.map(r => r.price)) : null; const beats = lowest != null && price > 0 ? price <= lowest : false; function handleChange(e) { const digits = e.target.value.replace(/[^0-9]/g, ''); setRaw(digits); setPrice(digits === '' ? 0 : parseInt(digits, 10)); } const fieldLabel = { font: '600 11px/1 var(--font-ui)', letterSpacing: '0.08em', textTransform: 'uppercase', color: 'var(--baj-text-mute)', marginBottom: 7 }; return (
Submit a quote
{trip.from} → {trip.to}
{trip.type === 'Leg' ? 'Per leg' : 'Whole trip'} · {trip.legCount} leg{trip.legCount > 1 ? 's' : ''} · {trip.pax} pax
{/* aircraft dropdown */}
Aircraft
{/* amount field */}
Your quote amount
$
{isRequote && lowest != null && (
{beats ? `You'd take the #1 spot — lowest in field is ${fmtMoney(lowest)}.` : `Field's lowest is ${fmtMoney(lowest)}. Price at or below to win rank #1.`}
)}
{/* notes */}
Notes