/* global React, ReactDOM, Icon */ const { useState, useEffect } = React; // ====== ICONS we need beyond the existing icon set ====== const I = { mail: () => ( ), lock: () => ( ), user: () => ( ), building: () => ( ), phone: () => ( ), eye: () => ( ), eyeOff: () => ( ), arrow: () => ( ), google: () => ( ), whatsapp: () => ( ), shield: () => ( ), check: () => ( ), }; // ============== APP ============== function AuthApp() { // mode from URL hash const initial = window.location.hash === '#daftar' ? 'register' : 'login'; const [mode, setMode] = useState(initial); useEffect(() => { const onHash = () => setMode(window.location.hash === '#daftar' ? 'register' : 'login'); window.addEventListener('hashchange', onHash); return () => window.removeEventListener('hashchange', onHash); }, []); const switchTo = (m) => { window.location.hash = m === 'register' ? 'daftar' : 'masuk'; setMode(m); }; return (

); } // ============== LEFT — FORM PANEL ============== function FormPanel({ mode, switchTo }) { return (

{mode === 'login' ? ( <>Belum punya akun? {e.preventDefault();switchTo('register');}}>Daftar gratis ) : ( <>Sudah punya akun? {e.preventDefault();switchTo('login');}}>Masuk )}

{mode === 'login' ? : }

Bantuan Privasi Syarat

); } // ============== LOGIN FORM ============== function LoginForm() { const [showPwd, setShowPwd] = useState(false); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [error, setError] = useState(''); const [busy, setBusy] = useState(false); const onSubmit = async (e) => { e.preventDefault(); setError(''); setBusy(true); try { await window.Api.auth.signIn(email, password); window.location.href = 'index.html'; } catch (err) { setError(err.body?.message || err.message || 'Gagal masuk'); setBusy(false); } }; return (

Akses aman 256-bit

Selamat datang kembali.

Masuk untuk pantau pesanan, stok, dan kinerja toko Anda di seluruh marketplace.

atau pakai email

{error && (

{error}

)}

setEmail(e.target.value)} required autoComplete="email" />

Password Lupa password?

setPassword(e.target.value)} required autoComplete="current-password" />

Ingat saya selama 30 hari di perangkat ini

Belum gabung? {e.preventDefault(); window.location.hash='daftar';}}>Daftarkan toko Anda gratis

); } // ============== REGISTER FORM ============== function RegisterForm() { const [showPwd, setShowPwd] = useState(false); const [pwd, setPwd] = useState(''); const [name, setName] = useState(''); const [businessName, setBusinessName] = useState(''); const [email, setEmail] = useState(''); const [phone, setPhone] = useState(''); const [error, setError] = useState(''); const [busy, setBusy] = useState(false); // password strength const score = (() => { let s = 0; if (pwd.length >= 8) s++; if (/[A-Z]/.test(pwd) && /[a-z]/.test(pwd)) s++; if (/\d/.test(pwd)) s++; if (/[^A-Za-z0-9]/.test(pwd)) s++; return s; })(); const strengthLabel = ['Terlalu lemah','Lemah','Cukup','Kuat','Sangat kuat'][score]; const onSubmit = async (e) => { e.preventDefault(); setError(''); if (pwd.length < 8) { setError('Password minimal 8 karakter'); return; } setBusy(true); try { await window.Api.auth.signUp({ name, email, password: pwd, role: 'owner', businessName, phone, }); // Better Auth's autoSignIn is enabled — session cookie set. window.location.href = 'index.html'; } catch (err) { setError(err.body?.message || err.message || 'Gagal daftar'); setBusy(false); } }; return (

14 hari gratis · Tanpa kartu kredit

Mulai titip stok di Simantep.

Buat akun gratis. Hubungkan toko marketplace Anda dalam 5 menit.

atau isi data berikut

{error && (

{error}

)}

Nama lengkap

setName(e.target.value)} required/>

Nama bisnis

setBusinessName(e.target.value)} required/>

Email bisnis

setEmail(e.target.value)} required/>

No. WhatsApp

setPhone(e.target.value)} required/>

Buat password

setPwd(e.target.value)} required />

{pwd && (

Kekuatan password {strengthLabel}

)}

Saya setuju dengan Syarat Layanan dan Kebijakan Privasi Simantep

Sudah punya akun? {e.preventDefault(); window.location.hash='masuk';}}>Masuk di sini

); } // ============== RIGHT — SHOWCASE ============== function ShowcasePanel({ mode }) { return (

Real-time · 6 marketplace tersinkron

{mode === 'login' ? <>Pesanan terus jalan, stok aman. : <>Titip stok, kami yang packing & kirim.}

{mode === 'login' ? 'Dashboard satu pintu untuk seluruh kanal jualan Anda. Pantau, scan, kirim — semuanya dari satu layar.' : 'Gabung 2.400+ seller yang sudah pakai Simantep. Stok di gudang kami, pesanan dari mana saja, tim kami yang kerjakan sisanya.'}

simantep.id/dashboard

Pesanan

142

↑ 18% hari ini

Pendapatan

24,8jt

↑ 12% MoM

Diproses

9 dekat SLA

{[42,58,51,73,65,88,79,92,84,105,98,124,118,142].map((v,i) => ( ))}

S SMP-A8X42K Andi Wijaya Packed

T SMP-T7Y19P Sari Indah Shipped

T SMP-K3M88L Joko Prasetyo Packed

BS AN RM SN

2.400+ seller sudah titip stok di Simantep
Mulai Rp 2.000/packing · 3 gudang nasional

); } ReactDOM.createRoot(document.getElementById('root')).render();