/* ============================================================
VLF 2026 · ZALO OA — KHUNG iPhone #2 (màn hội thoại OA)
Chrome chat = Zalo (xanh, platform). Nhận tin từ App state.
props: thread (mảng message), lang
============================================================ */
function OAStatusBar({ lang }) {
return (
{lang === 'en' ? '9:41' : '06:18'}
);
}
function OAHeader({ lang }) {
const T = (vi, en) => (lang === 'en' ? en : vi);
return (
VLF 2026
{T('Official Account', 'Official Account')} · {T('Đang hoạt động', 'Active now')}
);
}
function OAMsgAva() { return
; }
function OABubble({ m, lang }) {
const tx = (o) => (o ? (lang === 'en' ? o.en : o.vi) : '');
if (m.view === 'day') return
{tx(m.text)}
;
if (m.view === 'chips') {
return (
{m.items.map((c, i) => {tx(c)})}
);
}
const me = m.from === 'me';
return (
{!me && }
{m.view === 'zns'
?
:
{tx(m.text)}
}
{m.time && (
{tx(m.time)}
{me && m.seen && }
)}
);
}
function OADock({ lang }) {
const T = (vi, en) => (lang === 'en' ? en : vi);
return (
{T('Mua vé', 'Tickets')}
{T('Lịch đấu', 'Schedule')}
{T('Xem thêm', 'More')}
{T('Tin nhắn…', 'Message…')}
);
}
function OAPhone({ thread, lang }) {
const convRef = React.useRef(null);
React.useLayoutEffect(() => {
const el = convRef.current;
if (el) el.scrollTop = el.scrollHeight;
}, [thread]);
return (