{realSend ? (lang === 'vi' ? 'Gửi thật từ ' : 'Sends from ') + p.me.email : (lang === 'vi' ? 'Chế độ mô phỏng — chưa cấu hình Gmail' : 'Mock mode — Gmail not configured')}
);
}
/* Mock inbox — hiển thị khi chưa cấu hình Gmail OAuth. Đã xóa email demo. */
const MOCK_INBOX = [];
function MailInbox() {
const p = usePortal();
const { t, lang } = useLang();
const toast = useToast();
const live = !!(window.GMail && GMail.configured());
const [q, setQ] = React.useState('');
const [flt, setFlt] = React.useState(''); // '', 'is:unread', 'has:attachment'
const [list, setList] = React.useState([]);
const [loading, setLoading] = React.useState(false);
const [err, setErr] = React.useState('');
const [open, setOpen] = React.useState(null); // mail chi tiết
const [loadingMsg, setLoadingMsg] = React.useState(false);
const splitRef = React.useRef(null);
const [listW, setListW] = usePersist('mail-list-w', 380); // px; CSS min(...,50%) chốt trần
// Kéo thanh phân cách: set CSS var trực tiếp khi kéo (không re-render), commit state lúc nhả.
const startResize = (e) => {
const el = splitRef.current; if (!el) return;
e.preventDefault();
const rect = el.getBoundingClientRect();
const bar = e.currentTarget;
let last = listW;
const move = (ev) => {
last = Math.max(240, Math.min(rect.width * 0.5, ev.clientX - rect.left));
el.style.setProperty('--inbox-list-w', last + 'px');
};
const up = () => {
window.removeEventListener('pointermove', move); window.removeEventListener('pointerup', up);
document.body.style.cursor = ''; document.body.style.userSelect = '';
bar.classList.remove('dragging');
setListW(Math.round(last));
};
document.body.style.cursor = 'col-resize'; document.body.style.userSelect = 'none';
bar.classList.add('dragging');
window.addEventListener('pointermove', move); window.addEventListener('pointerup', up);
};
const buildQuery = () => [flt, q.trim()].filter(Boolean).join(' ');
const load = React.useCallback(async (query) => {
setErr(''); setLoading(true); setOpen(null);
try {
if (live) {
const rows = await GMail.listInbox({ q: query, max: 25, hint: p.me.email });
setList(rows);
} else {
// Mock: lọc client-side theo từ khóa + cờ.
const term = q.trim().toLowerCase();
let rows = MOCK_INBOX;
if (flt === 'is:unread') rows = rows.filter(m => m.unread);
if (flt === 'has:attachment') rows = rows.filter(m => m.hasAttach);
if (term) rows = rows.filter(m => (m.subject + ' ' + m.from + ' ' + m.snippet).toLowerCase().includes(term));
setList(rows);
}
} catch (e) {
setErr(e.message || String(e)); setList([]);
} finally { setLoading(false); }
}, [live, q, flt, p.me.email]);
React.useEffect(() => { load(buildQuery()); }, [flt]); // tải lần đầu (flt='') + mỗi khi đổi bộ lọc
const openMail = async (row) => {
if (live) {
setLoadingMsg(true);
try { const full = await GMail.getMessage(row.id, p.me.email); setOpen({ ...row, ...full }); }
catch (e) { toast((lang === 'vi' ? 'Không tải được email: ' : 'Failed to load: ') + (e.message || e), 'error'); }
finally { setLoadingMsg(false); }
} else {
setOpen(row);
}
setList(rows => rows.map(m => m.id === row.id ? { ...m, unread:false } : m));
};
const reply = (m) => {
const addr = (m.from.match(/<([^>]+)>/) || [null, m.from])[1];
p.quick('mail', { to:[addr], subject:(/^re:/i.test(m.subject) ? '' : 'Re: ') + m.subject });
};
// Reply all: To = người gửi + mọi người trong To (trừ mình), Cc = Cc gốc (trừ mình, khử trùng).
const EMAIL_RE = /[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}/g;
const replyAllTargets = (m) => {
const me = (p.me.email || '').toLowerCase();
const seen = new Set();
const uniq = (arr) => arr.filter(a => { const k = a.toLowerCase(); if (k === me || seen.has(k)) return false; seen.add(k); return true; });
const to = uniq([...(String(m.from || '').match(EMAIL_RE) || []), ...(String(m.to || '').match(EMAIL_RE) || [])]);
const cc = uniq(String(m.cc || '').match(EMAIL_RE) || []);
return { to, cc };
};
const replyAll = (m) => {
const { to, cc } = replyAllTargets(m);
p.quick('mail', { to, cc, subject:(/^re:/i.test(m.subject) ? '' : 'Re: ') + m.subject });
};
const [dling, setDling] = React.useState(''); // attachmentId đang tải
const downloadAttach = async (a) => {
if (!live || !a.attachmentId) { toast(lang === 'vi' ? 'Không tải được (dữ liệu mẫu)' : 'Cannot download (sample data)', 'info'); return; }
setDling(a.attachmentId);
try {
const b64url = await GMail.getAttachment(open.id, a.attachmentId, p.me.email);
const bin = atob(b64url.replace(/-/g, '+').replace(/_/g, '/'));
const bytes = new Uint8Array(bin.length);
for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
const url = URL.createObjectURL(new Blob([bytes], { type: a.type || 'application/octet-stream' }));
const link = document.createElement('a');
link.href = url; link.download = a.name || 'attachment';
document.body.appendChild(link); link.click(); link.remove();
setTimeout(() => URL.revokeObjectURL(url), 2000);
} catch (e) {
toast((lang === 'vi' ? 'Tải đính kèm thất bại: ' : 'Download failed: ') + (e.message || e), 'error');
} finally { setDling(''); }
};
const chip = (id, icon, label) => (
);
return (
{lang === 'vi' ? 'Hộp thư đến' : 'Inbox'}
{live ? (lang === 'vi' ? 'Đọc thư thật từ Gmail của bạn.' : 'Real mail from your Gmail.') : (lang === 'vi' ? 'Dữ liệu mẫu — bật Gmail để đọc thư thật.' : 'Sample data — enable Gmail to read real mail.')}