3/5
recent sessions sold outavg seat held in 4.2 min
);
}
return null;
}
function LiveBookingPing() {
const [show, setShow] = useState(false);
const [name, setName] = useState('');
useEffect(() => {
let live = true;
const tick = () => {
if (!live) return;
const p = TOAST_PEOPLE[Math.floor(Math.random()*TOAST_PEOPLE.length)];
setName(`${p.n.split(' ')[0]} in ${p.c.split(',')[0]}`);
setShow(true);
setTimeout(() => live && setShow(false), 3200);
};
const iv = setInterval(tick, 9000);
setTimeout(tick, 2500);
return () => { live = false; clearInterval(iv); };
}, []);
return (
{[0,1,2].map(i => (
{name} is booking now…
);
}
function WhatHappensNext({ compact=false }) {
const steps = [
['Text confirm', 'Arrives in ~30 seconds'],
['Calendar invite', 'Goes to your email'],
['Reminder 1h before', 'We text again'],
['Join from the text', 'One-tap into Zoom'],
];
return (
What happens after you book
{steps.map((s,i) => (
{i+1}
{s[0]}
{s[1]}
{i<3 && (
→
)}
))}
);
}
// -----------------------------------------------------------------
// STYLE 1 — CLASSIC list (baseline)
// -----------------------------------------------------------------
function BookingClassic({ days, day, setDay, selected, setSelected, seats }) {
const pick = (d, si) => {
if (seats[d][si] === 0) return;
setSelected({d, si}); setDay(d);
};
return (
<>
{days.map((d, i) => (
setDay(i)} style={{
flex:1,padding:'12px 10px',
background: day===i ? 'var(--card)' : 'var(--break-bg)',
border: day===i ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:12,color:'var(--ink)',fontSize:13,fontWeight:600,
cursor:'pointer',transition:'all 0.2s',textAlign:'center',
}}>
{d.short}
{d.date}
))}
{SLOT_HOURS[day].map((slot, si) => {
const n = seats[day][si];
const isFull = n === 0;
const urgent = n > 0 && n <= 5;
const isSel = selected && selected.d === day && selected.si === si;
return (
pick(day, si)} disabled={isFull} style={{
width:'100%',background: isSel ? 'var(--card)' : 'var(--break-bg)',
border: isSel ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:12,padding:'14px 16px',marginBottom:8,
cursor: isFull ? 'not-allowed' : 'pointer',
opacity: isFull ? 0.45 : 1,transition:'all 0.2s',
display:'flex',alignItems:'center',justifyContent:'space-between',gap:10,
textAlign:'left',filter: isFull ? 'saturate(0)' : 'none',
}}>
{isFull ? <>
FULL
: <>
{n}
left
}
);
})}
);
}
// -----------------------------------------------------------------
// STYLE 2 — WHEEL: horizontal day chips + 2-col grid of fat session tiles
// -----------------------------------------------------------------
function BookingWheel({ days, day, setDay, selected, setSelected, seats }) {
const pick = (d, si) => {
if (seats[d][si] === 0) return;
setSelected({d, si}); setDay(d);
};
return (
<>
{days.map((d, i) => (
setDay(i)} style={{
minWidth:100,padding:'10px 14px',
background: day===i ? BRAND.gradient : 'var(--break-bg)',
color: day===i ? '#fff' : 'var(--ink)',
border:'none',borderRadius:999,
fontSize:13,fontWeight:700,cursor:'pointer',flexShrink:0,
boxShadow: day===i ? '0 8px 22px rgba(124,58,237,0.32)' : 'none',
transition:'all 0.2s',
}}>
{d.short}
{d.date}
))}
{SLOT_HOURS[day].map((slot, si) => {
const n = seats[day][si];
const isFull = n === 0;
const urgent = n > 0 && n <= 5;
const isSel = selected && selected.d === day && selected.si === si;
return (
pick(day, si)} disabled={isFull} style={{
background: isSel ? 'var(--card)' : 'var(--break-bg)',
border: isSel ? '2px solid var(--purple)' : '2px solid transparent',
borderRadius:16,padding:'18px 14px',
cursor: isFull ? 'not-allowed' : 'pointer',
opacity: isFull ? 0.4 : 1,
textAlign:'left',transition:'all 0.2s',
boxShadow: isSel ? '0 10px 30px rgba(124,58,237,0.2)' : 'none',
filter: isFull ? 'saturate(0)' : 'none',
}}>
{slot.tz} time
{slot.time.replace(':00','')}
{isFull ? (
• FULL
) : (
{n}
seats left
)}
);
})}
);
}
// -----------------------------------------------------------------
// STYLE 3 — STADIUM: visual seat grid
// -----------------------------------------------------------------
function StadiumSeats({ total, taken, onPick, mySeatIdx }) {
// Creates a grid of dots; taken are filled, remaining are clickable.
// Realistic pattern: taken seats are scattered (deterministic hash) not front-to-back
const cols = 10;
const rows = Math.ceil(total / cols);
// Deterministic "scattered" taken pattern based on seat idx
const isTaken = (i) => {
if (i === mySeatIdx) return false;
// Pseudo-random but stable: hash of index
const h = ((i * 2654435761) >>> 0) % total;
return h < taken;
};
const cells = Array.from({length: total}, (_, i) => isTaken(i));
return (
{/* "Stage" label */}
← STAGE (Apex) →
{cells.map((filled, i) => {
const isMine = i === mySeatIdx;
return (
!filled && onPick && onPick(i)}
disabled={filled}
style={{
position:'relative',
aspectRatio:'1/1',border:'none',
borderRadius:3,
background: isMine ? '#10b981' : (filled ? 'rgba(124,58,237,0.55)' : '#fff'),
boxShadow: isMine
? '0 0 0 2px #10b981, 0 0 12px rgba(16,185,129,0.7)'
: (filled ? 'inset 0 0 0 1px rgba(124,58,237,0.65)' : 'inset 0 0 0 1px var(--border-strong)'),
cursor: filled ? 'not-allowed' : 'pointer',
transition:'all 0.15s',padding:0,
transform: isMine ? 'scale(1.15)' : 'scale(1)',
display:'flex',alignItems:'center',justifyContent:'center',
}}
onMouseEnter={e => { if (!filled && !isMine) { e.currentTarget.style.background = BRAND.purple; e.currentTarget.style.transform = 'scale(1.15)'; }}}
onMouseLeave={e => { if (!filled && !isMine) { e.currentTarget.style.background = '#fff'; e.currentTarget.style.transform = 'scale(1)'; }}}
title={isMine ? 'Your seat ✓' : (filled ? 'Taken' : `Claim seat ${i+1}`)}
>
{!filled && !isMine && (
);
})}
);
}
function BookingStadium({ days, day, setDay, selected, setSelected, seats }) {
// Model: each session has 60 seats; taken = 60 - seats[d][si]
const CAP = 60;
const pick = (d, si) => { if (seats[d][si] === 0) return; setSelected({d, si}); setDay(d); };
const chosen = selected && selected.d === day ? selected.si : null;
// --- VIP Box state --------------------------------------------------
const { tweaks } = useApp();
const boxesOn = tweaks.stadiumBoxes !== 'off';
const boxCount = parseInt(tweaks.vipBoxCount || '10', 10); // 6 | 8 | 10 | 12
const boxesFull = tweaks.vipBoxesFull || 'mostly'; // 'few' | 'half' | 'mostly'
const showLabels = tweaks.boxLabels !== 'off'; // show brokerage names on FULL boxes
const escapeOn = tweaks.vipEscape !== 'off';
// Seed boxes: mix of sizes 4-20, most full. Reseed when tweaks change.
const seedBoxes = () => {
const sizes = [10, 8, 12, 6, 10, 8, 20, 6, 10, 8, 12, 6];
const numFull = boxesFull === 'few' ? Math.ceil(boxCount * 0.3)
: boxesFull === 'half' ? Math.ceil(boxCount * 0.5)
: Math.ceil(boxCount * 0.75);
return Array.from({length: boxCount}, (_, i) => {
const size = sizes[i % sizes.length];
const full = i < numFull;
return {
id: i+1,
letter: BOX_LETTERS[i],
size,
taken: full ? size : 0,
brokerage: showLabels && full ? FAKE_BROKERAGES[i % FAKE_BROKERAGES.length] : null,
};
});
};
const [boxes, setBoxes] = useState(seedBoxes);
useEffect(() => {
// Reseed when the tweak knobs that define the box layout change.
setBoxes(seedBoxes());
setMyBoxId(null);
// eslint-disable-next-line
}, [boxCount, boxesFull, showLabels]);
const [modalBox, setModalBox] = useState(null);
const [myBoxId, setMyBoxId] = useState(null);
// --- Standard seat state -------------------------------------------
const [mySeat, setMySeat] = useState(null); // { d, si, seatIdx }
const [stdModalSeat, setStdModal] = useState(null); // seat idx triggering std modal
const { updateBooking } = useApp();
const onBoxConfirm = ({ boxId, hostName, seatCount, size, emails, mode, link }) => {
const box = boxes.find(b => b.id === boxId);
setBoxes(prev => prev.map(b => b.id === boxId
? { ...b, host: b.host || hostName, size, taken: Math.min(size, seatCount), brokerage: b.brokerage }
: b));
setMyBoxId(boxId);
setMySeat(null);
// Route to confirm screen with VIP payload
const slot = SLOT_HOURS[day]?.[chosen];
const dayDate = days[day]?.raw || new Date();
updateBooking({
step: 'confirm',
day, dayDate,
time: slot ? slot.time + ' PT' : '',
iso: slot?.iso || '',
vipBox: {
boxLetter: box?.letter || 'B',
boxId, size, seatCount,
hostName, emails: emails || [], mode: mode || 'emails', link: link || null,
},
});
};
const onBoxEscape = () => { setModalBox(null); setMyBoxId(null); /* release box so std seats become clickable */ };
const claimStdSeat = (seatIdx) => {
if (chosen === null) return;
// Can't claim a std seat if already hold a VIP box
if (myBoxId) return;
setStdModal({ seatIdx });
};
const onStdConfirm = ({ seatIdx, plusN, emails }) => {
setMySeat({ d: day, si: chosen, seatIdx, plusN });
setSelected({d: day, si: chosen});
setStdModal(null);
const slot = SLOT_HOURS[day]?.[chosen];
updateBooking({
step: 'confirm',
day, dayDate: days[day]?.raw || new Date(),
time: slot ? slot.time + ' PT' : '',
iso: slot?.iso || '',
stdSeat: {
seatIdx, seatLabel: `#${seatIdx + 1}`,
plusN, emails: emails || [],
},
});
};
const [live, setLive] = useState(0);
useEffect(() => {
const iv = setInterval(() => setLive(n => n + 1), 8000);
return () => clearInterval(iv);
}, []);
return (
<>
{/* Day picker */}
{days.map((d, i) => (
setDay(i)} style={{
flex:1,padding:'10px 8px',
background: day===i ? 'var(--card)' : 'var(--break-bg)',
border: day===i ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:10,color:'var(--ink)',fontSize:12.5,fontWeight:600,
cursor:'pointer',textAlign:'center',
}}>
{d.short}
{d.date}
))}
{/* Session list (compact row) */}
{SLOT_HOURS[day].map((slot, si) => {
const n = seats[day][si];
const isFull = n === 0;
const isSel = chosen === si;
return (
pick(day, si)} disabled={isFull} style={{
background: isSel ? BRAND.gradient : 'var(--break-bg)',
color: isSel ? '#fff' : 'var(--ink)',
border:'none',borderRadius:10,padding:'10px 6px',
cursor: isFull ? 'not-allowed' : 'pointer',
opacity: isFull ? 0.4 : 1,
textAlign:'center',transition:'all 0.2s',
boxShadow: isSel ? '0 8px 22px rgba(124,58,237,0.35)' : 'none',
fontSize:13,fontWeight:700,
}}>
{slot.time.replace(':00','')}
{isFull ? 'FULL' : `${n} open`}
);
})}
{/* Seat map for selected */}
{chosen !== null ? (
<>
{boxesOn && (tweaks.boxPosition || 'above') === 'above' && (
setModalBox(b)} myBoxId={myBoxId}/>
)}
{boxesOn && tweaks.boxPosition === 'flank' ? (
setModalBox(b)} myBoxId={myBoxId} side="left"/>
claimStdSeat(typeof seatIdx === 'number' ? seatIdx : (CAP - seats[day][chosen]))}
/>
setModalBox(b)} myBoxId={myBoxId} side="right"/>
) : boxesOn && tweaks.boxPosition === 'opera' ? (
setModalBox(b)} myBoxId={myBoxId} position="top-left"/>
setModalBox(b)} myBoxId={myBoxId} position="top-right"/>
setModalBox(b)} myBoxId={myBoxId} position="bottom-left"/>
setModalBox(b)} myBoxId={myBoxId} position="bottom-right"/>
claimStdSeat(typeof seatIdx === 'number' ? seatIdx : (CAP - seats[day][chosen]))}
/>
) : (
claimStdSeat(typeof seatIdx === 'number' ? seatIdx : (CAP - seats[day][chosen]))}
/>
)}
{boxesOn && tweaks.boxPosition === 'below' && (
setModalBox(b)} myBoxId={myBoxId}/>
)}
{ setModalBox(null); if (!myBoxId) return; /* if they already confirmed a box earlier, releasing happens via Escape; here just close */ }}
box={modalBox} onConfirm={onBoxConfirm}
onEscape={escapeOn ? onBoxEscape : null}
/>
setStdModal(null)}
seatIdx={stdModalSeat?.seatIdx}
seatLabel={stdModalSeat ? `#${stdModalSeat.seatIdx + 1}` : ''}
onConfirm={onStdConfirm}
onUpgradeToBox={() => {
// Close standard modal, open the first open VIP box
setStdModal(null);
const openBox = boxes.find(b => b.taken < b.size && b.id !== myBoxId);
if (openBox) setModalBox(openBox);
}}
/>
) : (
Pick a session above to see the live seat map.
)}
{chosen !== null && mySeat && mySeat.d===day && mySeat.si===chosen && (
✓ Seat #{mySeat.seatIdx + 1} is yours
{mySeat.plusN ? ` + ${mySeat.plusN} teammate${mySeat.plusN===1?'':'s'}` : ''} — lock it below.
)}
{chosen !== null && myBoxId && !mySeat && (
★ Box {boxes.find(b=>b.id===myBoxId)?.letter} locked ·
{' '}{boxes.find(b=>b.id===myBoxId)?.size} VIP seats — confirm below.
)}
{chosen !== null && !mySeat && !myBoxId && (
👆 Tap a standard seat to claim, or host a VIP box above
)}
);
}
// -----------------------------------------------------------------
// STYLE 4 — EXPRESS: one giant "next session" button + secondary list
// -----------------------------------------------------------------
function BookingExpress({ days, day, setDay, selected, setSelected, seats, countdown }) {
const [expanded, setExpanded] = useState(false);
const pick = (d, si) => { if (seats[d][si] === 0) return; setSelected({d, si}); setDay(d); };
// Find the first non-full session (across all days)
let nextD = 0, nextS = 0;
outer: for (let d = 0; d < seats.length; d++) {
for (let s = 0; s < seats[d].length; s++) { if (seats[d][s] > 0) { nextD = d; nextS = s; break outer; } }
}
const nextSlot = SLOT_HOURS[nextD][nextS];
const nextSeats = seats[nextD][nextS];
const nextDay = days[nextD];
const grab = () => pick(nextD, nextS);
const isSel = selected && selected.d === nextD && selected.si === nextS;
return (
<>
{!isSel && (
)}
{isSel ? '✓ Selected' : 'Next session'} · Starts in {countdown}
{nextDay.short}, {nextSlot.time} PT
{nextSeats} of 60 seats open
→
{/* Show all alternates toggle */}
setExpanded(e => !e)} style={{
width:'100%',marginTop:12,padding:'12px 14px',
background:'transparent',border:'1px solid var(--border-strong)',
borderRadius:12,color:'var(--mute)',fontFamily:'inherit',
fontSize:12.5,fontWeight:700,letterSpacing:0.3,cursor:'pointer',
display:'flex',alignItems:'center',justifyContent:'center',gap:8,
}}>
{expanded ? '− Hide other times' : '+ Or pick a different time'}
{expanded && (
{days.map((d, i) => (
setDay(i)} style={{
flex:1,minWidth:90,padding:'9px 10px',
background: day===i ? 'var(--card)' : 'var(--break-bg)',
border: day===i ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:10,color:'var(--ink)',fontSize:12,fontWeight:600,
cursor:'pointer',textAlign:'center',flexShrink:0,
}}>
{d.short}
{d.date}
))}
{SLOT_HOURS[day].map((slot, si) => {
const n = seats[day][si];
const isFull = n === 0;
const urgent = n > 0 && n <= 5;
const isSelHere = selected && selected.d === day && selected.si === si;
return (
pick(day, si)} disabled={isFull} style={{
width:'100%',background: isSelHere ? 'var(--card)' : 'var(--break-bg)',
border: isSelHere ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:10,padding:'10px 14px',marginBottom:6,
cursor: isFull ? 'not-allowed' : 'pointer',
opacity: isFull ? 0.4 : 1,transition:'all 0.2s',
display:'flex',alignItems:'center',justifyContent:'space-between',textAlign:'left',
filter: isFull ? 'saturate(0)' : 'none',
}}>
{slot.time} PT
{isFull ? 'FULL' : <>{n} left}
);
})}
)}
);
}
// -----------------------------------------------------------------
// STYLE 5 — CALENDAR: mini month grid
// -----------------------------------------------------------------
function BookingCalendar({ days, day, setDay, selected, setSelected, seats }) {
const pick = (d, si) => { if (seats[d][si] === 0) return; setSelected({d, si}); setDay(d); };
// Build a mini-month grid centered on today
const today = new Date();
const year = today.getFullYear(), month = today.getMonth();
const firstOfMonth = new Date(year, month, 1);
const startDay = firstOfMonth.getDay(); // 0=Sun
const daysInMonth = new Date(year, month+1, 0).getDate();
const monthName = today.toLocaleDateString('en-US',{month:'long'});
// Map date-of-month → days[] index (0/1/2)
const dayOfMonthToIdx = {};
days.forEach((d, i) => { dayOfMonthToIdx[d.raw.getDate()] = i; });
const cells = [];
for (let i = 0; i < startDay; i++) cells.push(null);
for (let d = 1; d <= daysInMonth; d++) cells.push(d);
return (
<>
{monthName} {year}
{['S','M','T','W','T','F','S'].map((d,i) => (
{d}
))}
{cells.map((d, i) => {
if (d === null) return
;
const idx = dayOfMonthToIdx[d];
const available = idx !== undefined;
const isToday = d === today.getDate();
const isSelected = available && day === idx;
return (
available && setDay(idx)}
disabled={!available}
style={{
aspectRatio:'1/1',border:'none',
background: isSelected ? BRAND.gradient : (available ? 'rgba(124,58,237,0.08)' : 'transparent'),
color: isSelected ? '#fff' : (available ? 'var(--ink)' : 'var(--dim)'),
fontSize:12.5,fontWeight: isSelected ? 800 : (available ? 700 : 500),
borderRadius:8,cursor: available ? 'pointer' : 'default',
transition:'all 0.15s',position:'relative',padding:0,
fontFamily:'DM Sans,sans-serif',
boxShadow: isToday && !isSelected ? 'inset 0 0 0 1.5px var(--purple)' : 'none',
}}>
{d}
{available && !isSelected && (
);
})}
Available
Selected
{/* Slot list for the selected day */}
Sessions on {days[day].short} {days[day].date}
{SLOT_HOURS[day].map((slot, si) => {
const n = seats[day][si];
const isFull = n === 0;
const urgent = n > 0 && n <= 5;
const isSel = selected && selected.d === day && selected.si === si;
return (
pick(day, si)} disabled={isFull} style={{
width:'100%',background: isSel ? 'var(--card)' : 'var(--break-bg)',
border: isSel ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:12,padding:'14px 16px',marginBottom:8,
cursor: isFull ? 'not-allowed' : 'pointer',
opacity: isFull ? 0.45 : 1,transition:'all 0.2s',
display:'flex',alignItems:'center',justifyContent:'space-between',gap:10,textAlign:'left',
filter: isFull ? 'saturate(0)' : 'none',
}}>
{isFull ? 'FULL' : <>{n} left}
);
})}
);
}
// -----------------------------------------------------------------
// STYLE 6 — CHAT: Apex texts you; you pick best/next-best/other
// -----------------------------------------------------------------
function BookingChat({ days, day, setDay, selected, setSelected, seats, countdown }) {
const pick = (d, si) => { if (seats[d][si] === 0) return; setSelected({d, si}); setDay(d); };
// Find 2 recommended — next non-full + one "alternate" from tomorrow
let best = null;
outer: for (let d = 0; d < seats.length; d++) {
for (let s = 0; s < seats[d].length; s++) { if (seats[d][s] > 0) { best = {d, si: s}; break outer; } }
}
let alt = null;
if (best) {
const startD = Math.min(best.d + 1, seats.length - 1);
altOuter: for (let d = startD; d < seats.length; d++) {
for (let s = 0; s < seats[d].length; s++) {
if (seats[d][s] > 0 && !(d === best.d && s === best.si)) { alt = {d, si: s}; break altOuter; }
}
}
}
const [showMore, setShowMore] = useState(false);
const Bubble = ({ children, from='apex' }) => (
{children}
);
const RecCard = ({ slot, info, label, tone='primary' }) => {
const isSel = selected && selected.d === info.d && selected.si === info.si;
return (
pick(info.d, info.si)} style={{
width:'100%',background: isSel ? 'var(--card)' : (tone==='primary' ? BRAND.gradient : 'var(--break-bg)'),
color: isSel ? 'var(--ink)' : (tone==='primary' ? '#fff' : 'var(--ink)'),
border: isSel ? '2px solid var(--purple)' : 'none',
borderRadius:16,padding:'16px 18px',marginBottom:8,
cursor:'pointer',textAlign:'left',
boxShadow: isSel ? '0 10px 30px rgba(124,58,237,0.2)' : (tone==='primary' ? '0 14px 40px rgba(124,58,237,0.32)' : 'var(--shadow)'),
transition:'all 0.2s',display:'flex',justifyContent:'space-between',alignItems:'center',gap:10,
}}>
{isSel ? '✓ Selected' : label}
{days[info.d].short} · {slot.time} PT
{seats[info.d][info.si]} of 60 seats open
→
);
};
return (
<>
Hey — ready to lock in your session?
Based on when you're on this page, these are your best picks 👇
{best &&
}
{alt &&
}
Both FREE. Both live. Either one works.
setShowMore(m=>!m)} style={{
width:'100%',marginTop:6,padding:'10px 14px',
background:'transparent',border:'1px solid var(--border-strong)',
borderRadius:10,color:'var(--mute)',fontFamily:'inherit',
fontSize:12,fontWeight:700,letterSpacing:0.3,cursor:'pointer',
}}>
{showMore ? '− Close the full picker' : '+ Show me all the times'}
{showMore && (
{days.map((d, i) => (
setDay(i)} style={{
flex:1,minWidth:90,padding:'9px 10px',
background: day===i ? 'var(--card)' : 'var(--break-bg)',
border: day===i ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:10,color:'var(--ink)',fontSize:12,fontWeight:600,
cursor:'pointer',textAlign:'center',flexShrink:0,
}}>
{d.short}
{d.date}
))}
{SLOT_HOURS[day].map((slot, si) => {
const n = seats[day][si];
const isFull = n === 0;
const isSel = selected && selected.d === day && selected.si === si;
return (
pick(day, si)} disabled={isFull} style={{
width:'100%',background: isSel ? 'var(--card)' : 'var(--break-bg)',
border: isSel ? '1.5px solid var(--purple)' : '1.5px solid transparent',
borderRadius:10,padding:'10px 14px',marginBottom:6,
cursor: isFull ? 'not-allowed' : 'pointer',
opacity: isFull ? 0.4 : 1,transition:'all 0.2s',
display:'flex',alignItems:'center',justifyContent:'space-between',textAlign:'left',
filter: isFull ? 'saturate(0)' : 'none',
}}>
{slot.time}
{isFull ? 'FULL' : <>{n} left}
);
})}
)}
);
}
// -----------------------------------------------------------------
// Router
// -----------------------------------------------------------------
function BookingBody(props) {
const { tweaks } = useApp();
const style = tweaks.bookingStyle || 'classic';
if (style === 'wheel') return
;
if (style === 'stadium') return
;
if (style === 'express') return
;
if (style === 'calendar') return
;
if (style === 'chat') return
;
return
;
}
Object.assign(window, {
BookingBody, SessionsProof, LiveBookingPing, WhatHappensNext,
BookingClassic, BookingWheel, BookingStadium, BookingExpress, BookingCalendar, BookingChat,
});