/* Auth: Login + Signup + Forgot/Reset */
const AuthShell = ({ children }) => (
mikakavoice
Your receptionist, now on every line.
Mikaka answers calls for 4,200+ businesses across Africa. Join them —
your first number rings in under 15 minutes.
1,284 calls handled in the last hour
);
const Login = ({ onGo }) => {
const [email, setEmail] = useState("ayo@acme.ke");
const [password, setPassword] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState("");
const submit = async (e) => {
e && e.preventDefault();
setError("");
if (!email || !password) {
setError("Email and password are required.");
return;
}
setLoading(true);
try {
await api.auth.login(email, password);
const user = api.getStore().currentUser || {};
const isAdmin = Boolean(user.is_super_admin) || user.role === "super_admin";
onGo(isAdmin ? "dashboard" : "tenant-dashboard");
} catch (err) {
setError(err?.message || "Sign-in failed. Check your credentials.");
} finally {
setLoading(false);
}
};
return (
Welcome back
Sign in
Enter your email and we'll send a magic link — or use a password.
);
};
const Signup = ({ onGo }) => {
const [form, setForm] = useState({ name: "Ayo Mwangi", business: "Acme Nairobi", email: "ayo@acme.ke", password: "" });
const [loading, setLoading] = useState(false);
const [error, setError] = useState("");
const submit = async (e) => {
e && e.preventDefault();
setError("");
if (!form.name || !form.business || !form.email || !form.password) {
setError("All fields are required.");
return;
}
if (form.password.length < 10) {
setError("Password must be at least 10 characters.");
return;
}
setLoading(true);
try {
await api.auth.signup(form);
onGo("tenant-onboarding");
} catch (err) {
setError(err?.message || "Signup failed.");
} finally {
setLoading(false);
}
};
const set = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.value }));
return (
14-day free trial
Create your workspace
No credit card. Your first number is waiting.
);
};
const Forgot = ({ onGo }) => {
const [email, setEmail] = useState("");
const [sent, setSent] = useState(false);
const [error, setError] = useState("");
const submit = async (e) => {
e.preventDefault();
setError("");
try {
await api.auth.forgot(email);
setSent(true);
} catch (err) {
setError(err?.message || "Could not send reset link.");
}
};
return (
onGo("login")}>← Back to sign in
Reset your password
{!sent ? (
<>
Enter your work email. We'll send a link to set a new password.
) : (
<>
Check your inbox
We sent reset instructions to {email}. The link expires in 30 minutes.
)}
);
};
const ResetPassword = ({ onGo }) => {
const [pw, setPw] = useState("");
const [confirm, setConfirm] = useState("");
const [done, setDone] = useState(false);
const [error, setError] = useState("");
const match = pw && pw === confirm && pw.length >= 10;
const submit = async (e) => {
e.preventDefault();
if (!match) return;
setError("");
try {
await api.auth.reset(null, pw);
setDone(true);
setTimeout(() => onGo("login"), 1400);
} catch (err) {
setError(err?.message || "Reset failed. Use the latest link from your email.");
}
};
return (
Almost there
Set a new password
{done ? (
Password updated
Redirecting you to sign in…
) : (
<>
Use at least 10 characters. Mix cases and numbers.
)}
);
};
Object.assign(window, { Login, Signup, Forgot, ForgotPassword: Forgot, ResetPassword });