"use client"; import { useState } from "react"; import { signInWithGoogle, socialWebLogin, signInWithFacebook, signInWithApple, } from "@/app/lib/socialAuth"; import Link from "@/app/components/LocaleLink"; import { Phone } from "lucide-react"; import { FcGoogle } from "react-icons/fc"; import { FaFacebookF, FaApple } from "react-icons/fa"; import { useLocaleRouter } from "@/app/lib/useLocaleRouter"; import { useAuth } from "../context/AuthContext"; import { useLanguage } from "@/app/context/LanguageContext"; import { requestFcmToken } from "@/app/lib/pushNotifications"; interface Props { onContinue: () => void; } export default function AuthLanding({ onContinue, }: Props) { const router = useLocaleRouter(); const { login } = useAuth(); const { t } = useLanguage(); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const handleGoogleLogin = async () => { try { setLoading(true); setError(""); /* * 1. Firebase Google Login */ const firebaseResult = await signInWithGoogle(); /* * Firebase ID Token */ const idToken = firebaseResult.idToken; console.log( "Firebase ID Token:", idToken ); /* * 2. Backend Social Login */ const response = await socialWebLogin( idToken ); console.log( "Social Login Response:", response ); /* * Backend error */ if (!response.success) { setError( response.message || t("auth.authLanding.googleLoginFailed", "Google login failed.") ); return; } /* * 3. MOBILE VERIFICATION REQUIRED */ if ( response.mobile_verification_required === true || response.user?.mobileVerified === false ) { console.log( "Mobile verification required" ); /* * Save temporary verification token */ sessionStorage.setItem( "social_verification_token", response.verification_token || "" ); /* * Save user */ sessionStorage.setItem( "social_verification_user", JSON.stringify( response.user || {} ) ); /* * Save provider */ sessionStorage.setItem( "social_provider", "google" ); /* * Mark social verification */ sessionStorage.setItem( "social_login_pending", "true" ); /* * Go mobile verification page */ router.push( "/mobile-verification?social=google" ); return; } /* * 4. Mobile already verified */ const token = response.token || response.access_token; if (!token || !response.user) { setError( t("auth.authLanding.googleLoginFailed", "Google login failed.") ); return; } /* * Sync AuthContext state (not just localStorage) so * ProtectedRoute's useAuth().token is already set before * the router.push below — otherwise pages guarded by * ProtectedRoute bounce straight back to /signin. */ login( token, response.refresh_token || "", response.user as any ); // Confirmed live that regular OTP login (verify-login-otp, see // OtpForm.tsx) accepts device_token, refreshing it on every // login — but this is the separate social-login endpoint // (socialWebLogin -> /api/auth/social-login), whose device-token // support is unconfirmed. Requesting permission here for UX // consistency; not wired into the social-login payload until // that's verified against a real response. requestFcmToken().catch(() => {}); router.push( "/chat-with-astrologer" ); } catch (error: any) { console.error( "Google social login error:", error ); setError( error?.message || t("auth.authLanding.googleLoginUnableGeneric", "Unable to login with Google.") ); } finally { setLoading(false); } }; const handleFacebookLogin = async () => { try { setLoading(true); setError(""); const result = await signInWithFacebook(); console.log( "Facebook Firebase User:", result.user ); console.log( "Facebook Firebase UID:", result.user.uid ); console.log( "Facebook Email:", result.user.email ); console.log( "Facebook Name:", result.user.displayName ); console.log( "Firebase ID Token:", result.idToken ); } catch (error: any) { console.error( "Facebook Login Error:", error ); console.error( "Error Code:", error?.code ); console.error( "Error Message:", error?.message ); setError( error?.message || t("auth.authLanding.facebookLoginFailed", "Facebook login failed") ); } finally { setLoading(false); } }; const handleAppleLogin = async () => { try { setLoading(true); setError(""); const result = await signInWithApple(); const response = await fetch( `${process.env.NEXT_PUBLIC_API_URL}/auth/firebase`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ token: result.idToken, provider: "apple", }), } ); const data = await response.json(); if (!response.ok) { throw new Error(data.message || t("auth.authLanding.appleLoginFailed", "Apple login failed")); } window.location.href = "/"; } catch (error: any) { console.error(error); setError( error?.message || t("auth.authLanding.appleLoginUnableGeneric", "Unable to login with Apple") ); } finally { setLoading(false); } }; return (
{t("auth.authLanding.orContinueWith", "Or continue with")}

{t("auth.authLanding.agreeWith", "By signing in, I agree with")} {t("auth.authLanding.termsOfUse", "Terms of Use")}
{t("auth.authLanding.and", "and")} {t("auth.authLanding.privacyPolicy", "Privacy Policy")}

{t("auth.authLanding.noAccount", "Don't have an account?")}{" "} {t("auth.authLanding.signUp", "Sign up")}

); }