// =========================================================== // Login screen — entry point trước khi vào CRM // =========================================================== function AuthScreen({ onLogin }) { const [mode, setMode] = useState('login'); // login | forgot const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [remember, setRemember] = useState(true); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const submit = (e) => { e && e.preventDefault(); setError(null); const raw = email.trim(); if (!raw) { setError('Nhập email hoặc số điện thoại.'); return; } // Tài khoản nhân viên cài sẵn (src/accounts.js) + tài khoản Admin tạo thêm trong app — tìm theo EMAIL hoặc SĐT const S = window.TVS_SESSION; const u = window.tvsFindAccount(raw); if (!u) { setError(window.tvsLooksLikePhone(raw) ? 'Số điện thoại này chưa được cấp tài khoản. Liên hệ Admin.' : 'Email không tồn tại trong hệ thống. Liên hệ Admin để được cấp tài khoản.'); return; } if (!u.pwdHash && !u.pwd) { setError('Tài khoản này chưa có mật khẩu — Admin vào Cài đặt → Người dùng để tạo lại.'); return; } if (!window.tvsCheckPassword(u, password)) { setError('Mật khẩu không đúng.'); return; } if (u.status === 'inactive') { setError('Tài khoản đã tạm khoá. Liên hệ Admin để mở lại.'); return; } // "Chờ kích hoạt" (tài khoản tạo trong app) → tự kích hoạt ở lần đăng nhập đầu if (u.status === 'pending' && u._ref) { u._ref.status = 'active'; u._ref.last = 'Vừa đăng nhập'; S._persist && S._persist(); S.emit && S.emit(); } setLoading(true); setTimeout(() => onLogin && onLogin((u.roles && u.roles[0]) || 'instore', { name: u.name, team: u.team, email: u.email, phone: u.phone, roles: u.roles || [] }), 700); }; return (
{/* LEFT — Brand panel */}
The Vitamin Shoppe
Customer Relationship Management

Thrive Every Day.

Hệ thống CRM nội bộ — quản lý khách hàng, đối tác B2B, và doanh số toàn hệ thống The Vitamin Shoppe Việt Nam.

© 2026 The Vitamin Shoppe Vietnam · v1.0.0
{/* RIGHT — Form */}
{mode === 'login' ? ( <>
Đăng nhập

Chào mừng quay lại

Nhập email hoặc số điện thoại và mật khẩu do Admin cấp.

Email hoặc số điện thoại
{setEmail(e.target.value); setError(null);}} placeholder="ten@tvs.vn hoặc 0903 xxx xxx" required/>
Mật khẩu
{setPassword(e.target.value); setError(null);}} placeholder="••••••••" required/> {error && (
{error}
)}
hoặc
) : ( <>
Khôi phục mật khẩu

Quên mật khẩu?

Nhập email công ty, chúng tôi sẽ gửi link đặt lại mật khẩu trong vài phút.

Email công ty
setEmail(e.target.value)} placeholder="ten@tvs.vn"/> )}
); } window.AuthScreen = AuthScreen;