/* DAIICHI — generic checkout (promo code, holiday surcharge, hold timer, fx approx) + bus flow with round-trip */ const { useState, useEffect } = React; /* ---------- shared checkout ---------- */ function CheckoutFlow({ ctx, onBack, onDone }) { const t = (k) => I18N.t(k); const [phase, setPhase] = useState('info'); // info | pay | processing | fail const [failNext, setFailNext] = useState(false); // demo: simulate declined card const [form, setForm] = useState({ name: '', phone: '', email: '', pickup: ctx.pickupOptions ? ctx.pickupOptions[0] : '', dropoff: ctx.dropoffOptions ? ctx.dropoffOptions[0] : '', note: '' }); const [pm, setPm] = useState('vnpay'); const [inv, setInv] = useState({ on: false, company: '', tax: '', email: '' }); const [addons, setAddons] = useState({ ins: false, bike: false, pet: false, airport: false }); const paxN = ctx.paxCount || 0; const ADDON_PRICES = { ins: 15000, bike: 50000, pet: 80000, airport: 250000 }; const addonsTotal = (addons.ins ? ADDON_PRICES.ins * Math.max(1, paxN) : 0) + (ctx.kind === 'bus' ? (addons.bike ? ADDON_PRICES.bike : 0) + (addons.pet ? ADDON_PRICES.pet : 0) + (addons.airport ? ADDON_PRICES.airport : 0) : 0); const [promoIn, setPromoIn] = useState(''); const [promo, setPromo] = useState(null); // applied campaign const [promoErr, setPromoErr] = useState(false); const [holdLeft, setHoldLeft] = useState(600); // 10-minute seat hold useEffect(() => { const i = setInterval(() => setHoldLeft((s) => Math.max(0, s - 1)), 1000); return () => clearInterval(i); }, []); /* email không bắt buộc, nhưng nếu nhập thì phải đúng định dạng (vé gửi qua email) */ const EMAIL_RX = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/; const EMAIL_TYPOS = { 'gmial.com': 'gmail.com', 'gmai.com': 'gmail.com', 'gamil.com': 'gmail.com', 'gmaill.com': 'gmail.com', 'hotmial.com': 'hotmail.com', 'hotmal.com': 'hotmail.com', 'yahooo.com': 'yahoo.com', 'yaho.com': 'yahoo.com', 'outlok.com': 'outlook.com' }; const emailVal = form.email.trim(); const emailOk = !emailVal || EMAIL_RX.test(emailVal); const emailDomain = (emailVal.split('@')[1] || '').toLowerCase(); const emailSuggest = EMAIL_TYPOS[emailDomain] ? emailVal.split('@')[0] + '@' + EMAIL_TYPOS[emailDomain] : null; const ok = form.name.trim().length > 1 && form.phone.trim().length >= 9 && emailOk; const F = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const holidayFee = ctx.holidayFee || 0; const promoDisc = promo ? (promo.off ? Math.round((ctx.total * promo.off) / 100 / 1000) * 1000 : Math.min(promo.offAmt || 0, ctx.total)) : 0; const grand = Math.max(0, ctx.total + holidayFee + addonsTotal - promoDisc); const approx = I18N.approx(grand); const tryPromo = () => { const c = DT_CAMPAIGNS.byCode(promoIn); if (c && (c.off || c.offAmt)) { setPromo(c); setPromoErr(false); } else { setPromo(null); setPromoErr(true); } }; const fmtHold = (s) => Math.floor(s / 60) + ':' + String(s % 60).padStart(2, '0'); const finish = () => { setPhase('processing'); if (failNext) { setTimeout(() => { setPhase('fail'); setHoldLeft((s) => s + 300); // hold seats 5 more minutes for retry setFailNext(false); }, 900); return; } setTimeout(() => { const bk = { code: DT_STORE.newCode(), kind: ctx.kind, fromLabel: ctx.fromLabel, toLabel: ctx.toLabel, fromCode: ctx.fromCode || null, toCode: ctx.toCode || null, date: ctx.date, timeGo: ctx.timeGo, seats: ctx.seats || null, paxLabel: ctx.paxLabel || null, retLine: ctx.retLine || null, name: form.name, phone: form.phone, email: form.email, pickup: form.pickup || null, dropoff: form.dropoff || null, note: form.note, pay: pm, total: grand, promo: promo ? promo.name : null, addons: Object.keys(addons).filter((k) => addons[k]), invoice: inv.on && inv.tax ? { company: inv.company, tax: inv.tax, email: inv.email } : null, created: new Date().toISOString(), }; DT_STORE.save(bk); onDone(bk); }, 900); }; return (
{phase === 'info' && (

{t('passenger_info')}

{!emailOk &&
{t('email_invalid')}
} {emailSuggest && ( )}
{ctx.pickupOptions && (
)} {ctx.dropoffOptions && (
)}
{inv.on && (
setInv({ ...inv, company: e.target.value })} placeholder="Công ty TNHH ABC" />
setInv({ ...inv, tax: e.target.value })} placeholder="0201xxxxxx" />
setInv({ ...inv, email: e.target.value })} placeholder="ketoan@congty.vn" />
 )} {paxN > 0 && (
{ctx.kind === 'bus' && (
{[['bike', t('addon_bike'), ADDON_PRICES.bike], ['pet', t('addon_pet'), ADDON_PRICES.pet], ['airport', t('addon_airport'), ADDON_PRICES.airport]].map(([k, lb, pr]) => ( ))}
)}
)}
)} {(phase === 'pay' || phase === 'processing') && (

{t('payment_method')}

)} {phase === 'fail' && (
✕

{t('pay_failed')}

{t('pay_failed_hint')}

{t('pay_support')}
)}

{ctx.title} {ctx.seats && ( {t('hold_seats')} {fmtHold(holdLeft)} )}

{ctx.rows.map(([k, v], i) =>
{k}{v}
)} {holidayFee > 0 &&
{t('holiday_auto')}+{I18N.fmtPrice(holidayFee)}
} {addons.ins &&
🛡 {t('addon_ins')} × {Math.max(1, paxN)}+{I18N.fmtPrice(ADDON_PRICES.ins * Math.max(1, paxN))}
} {ctx.kind === 'bus' && ['bike', 'pet', 'airport'].filter((k) => addons[k]).map((k) => (
{t('addon_' + k)}+{I18N.fmtPrice(ADDON_PRICES[k])}
))} {promo &&
✓ {promo.name} · {t('promo_applied')}−{I18N.fmtPrice(promoDisc)}
} {/* promo code input */}
{ setPromoIn(e.target.value); setPromoErr(false); }} placeholder={t('promo_code')} style={{ flex: 1, border: '1.5px solid var(--line-2)', borderRadius: 8, padding: '9px 11px', fontSize: 13, textTransform: 'uppercase', outline: 'none', minWidth: 0 }} />
{promoErr &&
{t('promo_invalid')}
}
{t('total')} {I18N.fmtPrice(grand)} {approx && {approx}}
{t('confirm_instant')} {t('free_cancel')} {t('incl_vat')}
); } /* ---------- success screen ---------- */ function SuccessTicket({ bk, nav }) { const t = (k) => I18N.t(k); return (

{t('pay_success')}

{t('e_ticket')} · {bk.email || bk.phone}

{window.NotifyTimeline && }
); } /* ---------- bus flow (one-way & round-trip) ---------- */ function BusFlow({ params, nav }) { const t = (k) => I18N.t(k); const L = (o) => I18N.L(o); const { STATIONS, VEHICLES, VIA, BUS, PICKUPS, soldSeats, busSeason, isHoliday, HOLIDAY_FEE } = DT_DATA; const q = { from: params.from || 'HN', to: params.to || 'CB', date: params.date || '2026-06-15', ret: params.ret || null, pax: params.pax || 2 }; const isRT = !!q.ret; // legs: [{dir:'go'|'back', date, trip, sel:[]}] const [legs, setLegs] = useState(() => { const a = [{ dir: 'go', date: q.date, trip: null, sel: [] }]; if (isRT) a.push({ dir: 'back', date: q.ret, trip: null, sel: [] }); return a; }); const [step, setStep] = useState(0); // 0 trips, 1 seats, 2 checkout, 9 ticket const [legIdx, setLegIdx] = useState(0); // current leg in step 0/1 const [vehFilter, setVehFilter] = useState('all'); const [sort, setSort] = useState('time'); const [bk, setBk] = useState(null); const ends = (dir) => dir === 'go' ? [q.from, q.to] : [q.to, q.from]; const priceOf = (s, date) => (busSeason(date) === 'high' ? s.high : s.low); const tripsFor = (dir) => { const [A, B] = ends(dir); let out = []; BUS.forEach((s) => { if (s.from === A && s.to === B) s.times.go.forEach((tm) => out.push({ s, tm })); else if (s.from === B && s.to === A) s.times.back.forEach((tm) => out.push({ s, tm })); }); if (vehFilter !== 'all') out = out.filter((x) => x.s.veh === vehFilter); const d = legs.find((l) => l.dir === dir).date; out.sort((a, b) => sort === 'time' ? a.tm.localeCompare(b.tm) : priceOf(a.s, d) - priceOf(b.s, d)); return out; }; const seatKey = (leg) => leg.trip.s.id + leg.date + leg.trip.tm; const legLabel = (leg) => { const [A, B] = ends(leg.dir); return L(STATIONS[A]) + ' → ' + L(STATIONS[B]); }; const arrTime = (tm, dur) => { const [h, m] = tm.split(':').map(Number); const tot = h * 60 + m + dur; return String(Math.floor(tot / 60) % 24).padStart(2, '0') + ':' + String(tot % 60).padStart(2, '0'); }; // totals const sub = legs.reduce((s, l) => s + (l.trip ? l.sel.length * priceOf(l.trip.s, l.date) : 0), 0); const rtDisc = isRT && legs.every((l) => l.trip && l.sel.length) ? Math.round(sub * 0.05 / 1000) * 1000 : 0; const holidayFee = legs.reduce((s, l) => s + (l.trip && isHoliday(l.date) ? l.sel.length * HOLIDAY_FEE : 0), 0); const total = sub - rtDisc; const stepsLabels = isRT ? [t('trip_go') + ' + ' + t('trip_back'), t('step_seats'), t('step_info'), t('step_pay')] : [t('step_trip'), t('step_seats'), t('step_info'), t('step_pay')]; const chooseTrip = (x) => { const next = legs.map((l, i) => i === legIdx ? { ...l, trip: x, sel: [] } : l); setLegs(next); const missing = next.findIndex((l) => !l.trip); if (missing >= 0) { setLegIdx(missing); } else { setLegIdx(0); setStep(1); } }; const toggleSeat = (li, id) => { setLegs(legs.map((l, i) => { if (i !== li) return l; if (l.sel.includes(id)) return { ...l, sel: l.sel.filter((x) => x !== id) }; return l.sel.length < 6 ? { ...l, sel: [...l.sel, id] } : l; })); }; if (step === 9 && bk) return
; const curLeg = legs[Math.min(legIdx, legs.length - 1)]; return (
Daiichi Bus · {L(STATIONS[q.from])} {isRT ? '⇄' : '→'} {L(STATIONS[q.to])} · {q.date}{isRT ? ' ⇄ ' + q.ret : ''} {isRT && {t('roundtrip_off')}}
2 ? 3 : step} labels={stepsLabels} /> {step === 0 && (

{isRT && {curLeg.dir === 'go' ? t('trip_go') : t('rt_select_back')} · {curLeg.date}} {legLabel(curLeg).split(' → ')[0]} {legLabel(curLeg).split(' → ')[1]}

{[...new Set(tripsFor(curLeg.dir).map((x) => x.s.veh))].map((v) => ( ))}
{isHoliday(curLeg.date) &&
{t('holiday_auto')}: +{I18N.fmtPrice(HOLIDAY_FEE)}{t('per_person')}
}
{tripsFor(curLeg.dir).length === 0 &&
{t('no_trips')}
} {tripsFor(curLeg.dir).map((x, i) => { const sd = soldSeats(x.s.veh, x.s.id + curLeg.date + x.tm); const left = sd.seats.length - sd.sold.size; const pr = priceOf(x.s, curLeg.date); return (
{x.tm} → {arrTime(x.tm, x.s.dur)}
{L(VEHICLES[x.s.veh].name)} {x.s.via && {L(VIA[x.s.via])}} {x.s.partner && ✓ {I18N.lang === 'vi' ? 'Đối tác' : 'Partner'}: {x.s.operator}}
★ {(4.7 + (x.s.id.charCodeAt(1) % 3) / 10).toFixed(1).replace('.', I18N.lang === 'vi' ? ',' : '.')} {Math.floor(x.s.dur / 60)}h{x.s.dur % 60 ? String(x.s.dur % 60).padStart(2, '0') : ''} {t('free_pickup')} {x.s.partner ? (I18N.lang === 'vi' ? 'Vé & hoàn huỷ qua Daiichi' : 'Ticket & refunds via Daiichi') : 'WiFi · ' + (x.s.veh === 'limo7' ? 'EV' : 'USB')}
{I18N.fmtPrice(pr)}{t('per_person')} {I18N.approx(pr) && {I18N.approx(pr)}}
{left} {t('seats_left')}
); })}
)} {step === 1 && (
{isRT && (
{legs.map((l, i) => ( ))}
)}

{t('select_seats')} — {L(VEHICLES[curLeg.trip.s.veh].name)} · {curLeg.trip.tm} · {curLeg.date}

🛞 driver
{(() => { const sd = soldSeats(curLeg.trip.s.veh, seatKey(curLeg)); const rows = {}; sd.seats.forEach((s) => { (rows[s.row] = rows[s.row] || []).push(s); }); const pattern = { bus45: ['A','B','','C','D'], limo34: ['A','B','','C'], limo11: ['A','','B'], limo10: ['A','','B'], limo7: ['A','','B'] }[curLeg.trip.s.veh]; return Object.keys(rows).map((r) => { const isLast = +r === Math.max(...Object.keys(rows).map(Number)); const cols = isLast ? rows[r].map((s) => s.col) : pattern; return (
{cols.map((c, ci) => { if (!c) return ; const st = rows[r].find((s) => s.col === c); if (!st) return ; const sold = sd.sold.has(st.id); const isSel = curLeg.sel.includes(st.id); return ( ); })}
); }); })()}
{t('seat_avail')} {t('seat_sold')} {t('seat_yours')}
{curLeg.sel.length >= 4 && ( )}

{L(STATIONS[q.from])} {isRT ? '⇄' : '→'} {L(STATIONS[q.to])}

{legs.map((l, i) => (
{isRT ? (l.dir === 'go' ? t('trip_go') : t('trip_back')) : t('boarding')} {l.trip.tm} · {l.date}{l.sel.length ? ' · ' + l.sel.join(', ') : ''}
))} {rtDisc > 0 &&
{t('roundtrip_off')}−{I18N.fmtPrice(rtDisc)}
} {holidayFee > 0 &&
{t('holiday_auto')}+{I18N.fmtPrice(holidayFee)}
}
{t('total')}{I18N.fmtPrice(total + holidayFee)}
)} {step === 2 && ( L(p)), dropoffOptions: PICKUPS[q.to].map((p) => L(p)), holidayFee, paxCount: legs[0].sel.length, rows: [ ...legs.map((l) => [ (isRT ? (l.dir === 'go' ? t('trip_go') : t('trip_back')) + ' · ' : '') + l.trip.tm + ' · ' + l.date, l.sel.join(', ') + ' · ' + I18N.fmtPrice(l.sel.length * priceOf(l.trip.s, l.date)), ]), ...(rtDisc > 0 ? [[t('roundtrip_off'), '−' + I18N.fmtPrice(rtDisc)]] : []), ], total, }} onBack={() => setStep(1)} onDone={(b) => { setBk(b); setStep(9); }} /> )}
); } Object.assign(window, { CheckoutFlow, SuccessTicket, BusFlow });