/* Shared UI - icons, context, event card, sheet, tab bar, buttons */
const { useState, useEffect, useRef, useContext, useMemo, createContext } = React;
function rnd(seed) { let s = seed; return () => { s = (s * 9301 + 49297) % 233280; return s / 233280; }; }
window.rnd = rnd;
window.tierSummary = (b, unit = 'ticket') => { const c = b.cats || String(b.tier || '').split(' + ').length; return c > 1 ? `${b.n} ${unit}s · ${c} types` : `${b.n} × ${b.tier}`; };
const AppCtx = createContext(null);
const useApp = () => useContext(AppCtx);
let useAppShare = () => {}; // set by App to open the share sheet
const P = (d, extra = {}) => ({ size = 22, stroke = 1.6, style, fill = 'none', ...rest }) => (
);
const Ico = {
home: P(<>),
ticket: P(<>),
heart: P(),
grid: P(<>),
cheers: P(<>),
wand: P(<>),
info: P(<>),
seat: P(<>),
play: P(),
map: P(<>),
lock: P(<>),
user: P(<>),
search: P(<>),
bell: P(<>),
pin: P(<>),
back: P(),
chev: P(),
down: P(),
share: P(<>),
cal: P(<>),
clock: P(<>),
x: P(),
check: P(),
globe: P(<>),
moon: P(),
mail: P(<>),
phone: P(<>),
help: P(<>),
users: P(<>),
trash: P(<>),
out: P(<>),
coin: P(<>),
qr: P(<>),
wallet: P(<>),
star: P(),
sliders: P(<>),
sparkle: P(),
spark: P(),
copy: P(<>),
};
const Brand = {
google: () => ,
apple: ({ color = '#fff' }) => ,
facebook: () => ,
};
function Logo({ h = 22, white, style }) {
const { dark } = useApp();
const src = white || dark ? DP.A + 'desipass-logo-white.svg' : DP.A + 'desipass-logo.svg';
return 
;
}
function Btn({ children, kind = 'primary', onClick, style, disabled, icon, small }) {
const base = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 8, height: small ? 40 : 52, padding: small ? '0 18px' : '0 24px', borderRadius: small ? 10 : 12, fontWeight: 600, fontSize: small ? 14 : 15.5, width: small ? 'auto' : '100%', transition: 'background .2s,opacity .2s', opacity: disabled ? .5 : 1, pointerEvents: disabled ? 'none' : 'auto' };
const kinds = {
primary: { background: 'var(--red)', color: '#fff' },
dark: { background: 'var(--fill)', color: '#fff' },
ghost: { background: 'var(--chip)', color: 'var(--ink)' },
outline: { background: 'transparent', color: 'var(--ink)', boxShadow: 'inset 0 0 0 1px var(--line)' },
white: { background: '#fff', color: '#1D0D31' },
};
return ;
}
function GradChip({ on, onClick, icon: I, svg, children, style }) {
return ;
}
function OptIn({ on, set }) {
return ;
}
function IconBtn({ icon: I, onClick, dim, bg, color, size = 40, style, label }) {
return ;
}
/* heart with burst */
function HeartBtn({ ev, size = 32, glass = true, style }) {
const { saved, toggleSave } = useApp();
const on = saved.has(ev.id);
const [burst, setBurst] = useState(0);
const click = (e) => { e.stopPropagation(); e.preventDefault(); if (!on) setBurst(Date.now()); toggleSave(ev.id); };
const bg = on ? '#fff' : glass ? 'rgba(59,46,77,.55)' : 'var(--chip)';
return (
);
}
/* Event card - same proportions as the mobile web card (index.html .app .ev) */
function EventCard({ ev, onOpen, style }) {
const { city: myCity } = useApp();
const abroad = DP.CITIES[ev.city].cc !== DP.CITIES[myCity].cc;
const sk = ev.st || (ev.approval ? 'appr' : null); const SM = { fast: ['Filling fast!', 'fast.svg', 'var(--warn-bg)', 'var(--warn-fg)'], few: ['Only few left!', 'fire.svg', 'var(--warn-bg)', 'var(--warn-fg)'], out: ['Sold out!', '', 'var(--out-bg)', 'var(--out-fg)'], wait: ['Waiting list open', 'clock.svg', 'var(--purple-soft)', 'var(--purple)'], appr: ['Approval required', '', 'var(--purple-soft)', 'var(--purple)'] }[sk]; const stat = SM ? SM[0] : null;
const statCol = ev.st === 'out' ? { background: 'var(--out-bg)', color: 'var(--out-fg)' } : (ev.st === 'wait' || ev.approval) ? { background: 'var(--purple-soft)', color: 'var(--purple)' } : { background: 'var(--warn-bg)', color: 'var(--warn-fg)' };
const free = !ev.price && !ev.pmax;
return (
onOpen(ev)} style={{ display: 'flex', flexDirection: 'column', minWidth: 0, border: '1px solid transparent', borderRadius: 14, padding: 8, background: 'linear-gradient(var(--sur),var(--sur)) padding-box,var(--card-ring) border-box', boxShadow: 'var(--shadow)', cursor: 'pointer', ...style }}>
{ev.tag &&
{ev.tag}}
{stat &&
{SM[1] &&
}{stat}
}
{ev.day} · {ev.dateLbl}
{ev.nm}
{ev.city}{abroad ? ', ' + ev.cc : ''}
{DP.priceLbl(ev)}
);
}
function CardSkeleton() {
return ;
}
function SecHead({ title, em, action, onAction, sub }) {
return {title} {em && {em}}
{sub &&
{sub}
}
{action &&
}
{title &&
{title}
}{sub &&
{sub}
}
{right}
{I && }{children}
;
}
const inputStyle = { flex: 1, minWidth: 0, border: 0, outline: 0, background: 'transparent', fontSize: 15, color: 'var(--ink)', fontWeight: 500 };
function Row({ icon: I, label, value, onClick, danger, last, right }) {
return ;
}
function Toast({ msg }) { if (!msg) return null; return {msg}
; }
window.setShareHandler = (fn) => { useAppShare = fn; };
Object.assign(window, { GradChip, OptIn, AppCtx, useApp, Ico, Brand, Logo, Btn, IconBtn, HeartBtn, EventCard, CardSkeleton, SecHead, Sheet, TopBar, TabBar, Field, inputStyle, Row, Toast });