';
}
/* ---- Khung xem trước (render HTML chung) ---- */
function SignatureCard({ card, branding }){
const html = React.useMemo(() => namecardEmailHTML(card, branding), [card, branding]);
// Nền preview LUÔN trắng (giống email người nhận thấy) — cố định màu, không theo theme sáng/tối.
return
;
}
/* ---- Trình quản lý namecard (đặt trong Hồ sơ user + Cài đặt Email) ---- */
function NamecardEditor(){
const p = usePortal();
const { tt, lang } = useLang();
const toast = useToast();
const me = p.me || {};
const [c, setC] = React.useState(() => loadNamecard(me, p.branding));
const set = (k, v) => setC(s => ({ ...s, [k]:v }));
const co = window.docCompany ? docCompany(p.branding) : {};
const L = (vi, en) => lang === 'vi' ? vi : en;
const roleLabel = { admin:L('Quản trị viên', 'Admin'), manager:L('Quản lý', 'Manager'), staff:L('Nhân viên', 'Staff') }[p.role] || p.role;
const onSave = () => { if (p.saveMyNamecard) p.saveMyNamecard(c); else saveNamecard(me, c); toast(L('Đã lưu chữ ký namecard (đồng bộ tài khoản)', 'Namecard signature saved (synced)'), 'success'); };
const onReset = () => setC(defaultNamecard(me, p.branding));
const onCopy = () => {
const html = namecardEmailHTML(c, p.branding);
if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(html).then(() => toast(L('Đã sao chép HTML chữ ký', 'Signature HTML copied'), 'success'), () => toast(L('Không sao chép được', 'Copy failed'), 'error'));
else toast(L('Trình duyệt không hỗ trợ sao chép', 'Clipboard not supported'), 'error');
};
const onVcf = () => {
const blob = new Blob([buildVCard(c, co)], { type:'text/vcard;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a'); a.href = url; a.download = (c.name || 'contact').replace(/\s+/g, '_') + '.vcf';
document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 1000);
};
const cell = (label, key, ph, type) =>
{L('Tên công ty, website & địa chỉ trên thẻ lấy trực tiếp từ Quản trị hệ thống → Thông tin công ty (không sửa ở đây).', 'Company name, website & address come straight from Admin → Company info.')}