"use client";
import { Suspense, useState } from "react";
import Link from "next/link";
import { useSearchParams } from "next/navigation";
import { createClient } from "@/lib/supabase/client";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import { MessageSquare, CheckCircle, UsersRound } from "lucide-react";
// `useSearchParams` opts the component out of static prerendering
// unless wrapped in Suspense — same pattern as /login.
export default function SignupPage() {
return (
);
}
function SignupPageInner() {
const searchParams = useSearchParams();
// When the user lands here from `/join/` we carry the
// invite token in the query so it survives the signup → email
// verification → redirect round-trip. `emailRedirectTo` below
// points back at /join/ so the user lands on the redeem
// step after verifying instead of being dropped on /dashboard.
const inviteToken = searchParams.get("invite");
const [fullName, setFullName] = useState("");
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [confirmPassword, setConfirmPassword] = useState("");
const [error, setError] = useState(null);
const [loading, setLoading] = useState(false);
const [success, setSuccess] = useState(false);
const supabase = createClient();
const handleSignup = async (e: React.FormEvent) => {
e.preventDefault();
setError(null);
if (password !== confirmPassword) {
setError("Passwords do not match");
return;
}
if (password.length < 6) {
setError("Password must be at least 6 characters");
return;
}
setLoading(true);
// If we have an invite token, point Supabase's verification
// email back at the join page so the user can accept after
// verifying. Without a token, Supabase uses its default
// redirect (the app root).
const emailRedirectTo = inviteToken
? `${window.location.origin}/join/${encodeURIComponent(inviteToken)}`
: undefined;
const { error } = await supabase.auth.signUp({
email,
password,
options: {
data: {
full_name: fullName,
},
...(emailRedirectTo ? { emailRedirectTo } : {}),
},
});
if (error) {
setError(error.message);
setLoading(false);
return;
}
setSuccess(true);
setLoading(false);
};
if (success) {
return (
Check your email
We've sent a confirmation link to{" "}
{email}. Please check your
inbox and click the link to verify your account.
);
}
return (
{inviteToken ? (
) : (
)}
{inviteToken ? "Create account & join" : "Create account"}
{inviteToken
? "Verify your email, then accept the invitation to join your team."
: "Get started with WhatsApp CRM"}