feat: add invitation handling to signup process

Author: 0xdevcollins

app/auth/page.tsx

@@ -12,6 +12,7 @@ export default function AuthPage() {
   const searchParams = useSearchParams();
 
   const mode = searchParams.get('mode') || 'signin';
+  const invitation = searchParams.get('invitation');
   const [currentMode, setCurrentMode] = useState<'signin' | 'signup'>(
     mode as 'signin' | 'signup'
   );
@@ -40,7 +41,10 @@ export default function AuthPage() {
                 {currentMode === 'signin' ? (
                   <LoginWrapper setLoadingState={setLoadingState} />
                 ) : (
-                  <SignupWrapper setLoadingState={setLoadingState} />
+                  <SignupWrapper
+                    setLoadingState={setLoadingState}
+                    invitation={invitation}
+                  />
                 )}
               </div>
             </div>

components/auth/SignupForm.tsx

@@ -38,9 +38,10 @@ const formSchema = z.object({
 
 interface SignupFormProps {
   onLoadingChange?: (isLoading: boolean) => void;
+  invitation?: string | null;
 }
 
-const SignupForm = ({ onLoadingChange }: SignupFormProps) => {
+const SignupForm = ({ onLoadingChange, invitation }: SignupFormProps) => {
   const router = useRouter();
   const [step, setStep] = useState<'signup' | 'otp'>('signup');
   const [userData, setUserData] = useState<{ email: string } | null>(null);
@@ -80,6 +81,7 @@ const SignupForm = ({ onLoadingChange }: SignupFormProps) => {
         lastName: values.lastName,
         password: values.password,
         username: values.email.split('@')[0],
+        invitation: invitation || undefined,
       });
 
       if (response.message) {

components/auth/SignupWrapper.tsx

@@ -5,13 +5,15 @@ import SignupForm from './SignupForm';
 
 const SignupWrapper = ({
   setLoadingState,
+  invitation,
 }: {
   setLoadingState: (isLoading: boolean) => void;
+  invitation?: string | null;
 }) => {
   const [isLoading, setIsLoading] = useState(false);
   setLoadingState(isLoading);
 
-  return <SignupForm onLoadingChange={setIsLoading} />;
+  return <SignupForm onLoadingChange={setIsLoading} invitation={invitation} />;
 };
 
 export default SignupWrapper;

lib/api/types.ts

@@ -66,6 +66,7 @@ export interface RegisterRequest {
   firstName: string;
   lastName: string;
   username: string;
+  invitation?: string;
 }
 export interface RegisterResponse {
   message: string;