function RegistrationSidebar({ onBackClick = ()=>window.location.href = "/", images = [ "https://images.unsplash.com/photo-1682686581362-796145f0e123?q=80&w=1470&auto=format&fit=crop", "https://images.unsplash.com/photo-1682687982167-d7fb3ed8541d?q=80&w=1471&auto=format&fit=crop", "https://images.unsplash.com/photo-1682687220063-4742bd7fd538?q=80&w=1470&auto=format&fit=crop", "https://images.unsplash.com/photo-1682695796954-bad0d0f59ff1?q=80&w=1470&auto=format&fit=crop", "https://images.unsplash.com/photo-1682695797221-8164ff1fafc9?q=80&w=1470&auto=format&fit=crop" ], headline = "Capturing Moments, Creating Memories", subtitle = "Join our community of creators and explorers today.", announcements = [ "New AI detection algorithm launched with 99.8% accuracy", "Join our Discord community for exclusive tips and early access" ] }) { const [currentSlide, setCurrentSlide] = useState(0); const [showAnnouncementsPopup, setShowAnnouncementsPopup] = useState(false); const [snowflakes, setSnowflakes] = useState([]); const [isBackButtonHovered, setIsBackButtonHovered] = useState(false); const [isTransitioning, setIsTransitioning] = useState(false); useEffect(()=>{ const interval = setInterval(()=>{ setIsTransitioning(true); setTimeout(()=>{ setCurrentSlide((prev)=>(prev + 1) % images.length); setTimeout(()=>{ setIsTransitioning(false); }, 100); }, 500); }, 6000); return ()=>clearInterval(interval); }, [ images.length ]); useEffect(()=>{ const initialSnowflakes = Array.from({ length: 90 }, (_, i)=>({ id: i, left: Math.random() * 100, size: Math.random() * 3.5 + 0.8, opacity: Math.random() * 0.4 + 0.1, animationDuration: Math.random() * 20 + 15, animationDelay: Math.random() * 10, rotationSpeed: Math.random() * 5 + 2, rotationDirection: Math.random() > 0.5 ? 1 : -1, horizontalMovement: Math.random() * 30 - 15 })); setSnowflakes(initialSnowflakes); }, []); const handleIndicatorClick = (index)=>{ if (currentSlide === index) return; setIsTransitioning(true); setTimeout(()=>{ setCurrentSlide(index); setTimeout(()=>{ setIsTransitioning(false); }, 100); }, 500); }; return /*#__PURE__*/ React.createElement("div", { className: "h-screen relative overflow-hidden", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 w-full h-full", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, images.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute inset-0 w-full h-full transition-all duration-1500 ease-in-out bg-cover bg-center", style: { backgroundImage: `url(${image})`, opacity: currentSlide === index ? isTransitioning ? 0.5 : 1 : 0, zIndex: currentSlide === index ? 1 : 0, transform: `scale(${currentSlide === index ? isTransitioning ? 1 : 1.05 : 1})`, transition: "opacity 1.5s ease-in-out, transform 8s ease-in-out" }, __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-[#a855f760] to-[#8b5cf660] z-10 backdrop-blur-[3px]", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-[11]", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, snowflakes.map((flake)=>/*#__PURE__*/ React.createElement("div", { key: flake.id, className: "absolute rounded-full snowflake", style: { left: `${flake.left}%`, width: `${flake.size}px`, height: `${flake.size}px`, background: "radial-gradient(circle at center, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 70%)", boxShadow: "0 0 3px rgba(255, 255, 255, 0.3)", opacity: flake.opacity, animationDuration: `${flake.animationDuration}s`, animationDelay: `${flake.animationDelay}s`, animationName: `snowfall-${flake.id}`, animationTimingFunction: "linear", animationIterationCount: "infinite" }, __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative z-20 flex flex-col justify-between h-full p-8 text-white backdrop-blur-sm bg-[#00000015]", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2.5 group", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#22222280] rounded-full w-9 h-9 flex items-center justify-center border border-[#ffffff30] backdrop-filter backdrop-blur-md shadow-[0_0_10px_rgba(168,85,247,0.2)] group-hover:shadow-[0_0_15px_rgba(168,85,247,0.4)] transition-all duration-300", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white text-sm", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-base font-medium text-white", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "sirnist.xyz")), /*#__PURE__*/ React.createElement("button", { onClick: onBackClick, onMouseEnter: ()=>setIsBackButtonHovered(true), onMouseLeave: ()=>setIsBackButtonHovered(false), className: "px-8 py-4 rounded-full bg-white bg-opacity-95 text-gray-800 text-base font-medium flex items-center justify-center transition-all duration-300 shadow-[0_0_20px_rgba(255,255,255,0.5)] hover:shadow-[0_0_30px_rgba(255,255,255,0.7)] hover:scale-105 hover:brightness-110", style: { transform: isBackButtonHovered ? "scale(1.05)" : "scale(1)" }, __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, "Back to website", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-3 text-sm", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold mb-4 leading-tight text-white drop-shadow-[0_2px_4px_rgba(0,0,0,0.3)]", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, headline), /*#__PURE__*/ React.createElement("p", { className: "text-xl opacity-90 max-w-md mx-auto mb-6 text-white drop-shadow-[0_1px_2px_rgba(0,0,0,0.2)]", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, subtitle), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-2 mb-6 overflow-x-auto py-2 max-w-md mx-auto", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, images.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: `thumb-${index}`, onClick: ()=>handleIndicatorClick(index), className: `w-16 h-16 rounded-lg overflow-hidden flex-shrink-0 cursor-pointer transition-all duration-300 ${currentSlide === index ? "ring-2 ring-white ring-offset-1 ring-offset-purple-500 scale-110" : "opacity-70 hover:opacity-100"}`, __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `Thumbnail ${index + 1}`, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mt-4 backdrop-blur-xl bg-[#ffffff10] rounded-xl p-5 border border-[#ffffff30] shadow-[0_10px_30px_rgba(0,0,0,0.2),_inset_0_0_1px_rgba(255,255,255,0.3)] hover:shadow-[0_15px_35px_rgba(0,0,0,0.25),_inset_0_0_1px_rgba(255,255,255,0.4)] transition-all duration-500", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-3", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold flex items-center", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullhorn mr-2 text-[#a855f7] drop-shadow-[0_0_5px_rgba(168,85,247,0.5)]", __source: { fileName: "", lineNumber: 163, columnNumber: 17 }, __self: this }), "Recent Announcements"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAnnouncementsPopup(true), className: "text-xs text-gray-200 hover:text-white border border-[#ffffff20] hover:border-[#ffffff40] rounded-full px-3 py-1 transition-all duration-300 flex items-center backdrop-blur-md bg-[#ffffff08] hover:bg-[#ffffff15] shadow-[0_0_5px_rgba(255,255,255,0.1)] hover:shadow-[0_0_10px_rgba(255,255,255,0.2)]", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, "View all", /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right ml-1 text-[10px] transition-transform duration-300 group-hover:translate-x-0.5", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, announcements.slice(0, 2).map((announcement, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-start", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#a855f7] mt-2 mr-2 shadow-[0_0_5px_rgba(168,85,247,0.5)]", __source: { fileName: "", lineNumber: 177, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-left", __source: { fileName: "", lineNumber: 178, columnNumber: 19 }, __self: this }, announcement))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mt-3 text-xs text-white text-opacity-70", __source: { fileName: "", lineNumber: 184, columnNumber: 11 }, __self: this }, "© 2024 sirnist.xyz. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-3", __source: { fileName: "", lineNumber: 189, columnNumber: 9 }, __self: this }, images.map((_, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleIndicatorClick(index), className: `w-3 h-3 rounded-full transition-all duration-300 ${currentSlide === index ? "bg-white scale-110 shadow-[0_0_8px_rgba(255,255,255,0.7)]" : "bg-white bg-opacity-40 hover:bg-opacity-70 hover:shadow-[0_0_5px_rgba(255,255,255,0.5)]"}`, "aria-label": `Go to slide ${index + 1}`, __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this })))), showAnnouncementsPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", onClick: ()=>setShowAnnouncementsPopup(false), __source: { fileName: "", lineNumber: 206, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-40 backdrop-blur-md animate-fade-in", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative max-w-md w-full backdrop-blur-xl bg-[#12121290] rounded-xl p-6 border border-[#ffffff30] shadow-[0_15px_35px_rgba(0,0,0,0.3),_inset_0_0_1px_rgba(255,255,255,0.3)] transform transition-all duration-300 animate-scale-in", onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold flex items-center", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullhorn mr-2 text-[#a855f7] drop-shadow-[0_0_5px_rgba(168,85,247,0.5)]", __source: { fileName: "", lineNumber: 217, columnNumber: 17 }, __self: this }), "All Announcements"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAnnouncementsPopup(false), className: "text-white hover:text-[#a855f7] transition-colors duration-300 w-8 h-8 rounded-full flex items-center justify-center hover:bg-[#ffffff10] backdrop-blur-md", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 max-h-[60vh] overflow-y-auto pr-2 custom-scrollbar", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, [ ...announcements, "New partnership with leading universities for academic integrity", "Upcoming webinar: How to use AI ethically in academic writing", "Platform maintenance scheduled for next weekend", "Holiday special: 30% off annual subscriptions until December 31st" ].map((announcement, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-start pb-3 border-b border-white border-opacity-10 last:border-0 hover:bg-[#ffffff05] p-2 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 235, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#a855f7] mt-2 mr-2 flex-shrink-0 shadow-[0_0_5px_rgba(168,85,247,0.5)]", __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 240, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 241, columnNumber: 21 }, __self: this }, announcement), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 242, columnNumber: 21 }, __self: this }, new Date(Date.now() - index * 86400000).toLocaleDateString()))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 255, columnNumber: 7 }, __self: this }, ` @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes scale-in { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } } .animate-fade-in { animation: fade-in 0.3s ease-out forwards; } .animate-scale-in { animation: scale-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .custom-scrollbar::-webkit-scrollbar { width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); border-radius: 10px; } .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(168, 85, 247, 0.4); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(168, 85, 247, 0.6); } ${snowflakes.map((flake)=>` @keyframes snowfall-${flake.id} { 0% { transform: translateY(-10px) rotate(0deg); opacity: 0; } 10% { opacity: ${flake.opacity}; } 90% { opacity: ${flake.opacity * 0.8}; } 100% { transform: translateY(100vh) translateX(${flake.horizontalMovement}px) rotate(${360 * flake.rotationDirection}deg); opacity: 0; } } `).join("\n")} .snowflake { will-change: transform, opacity; filter: blur(0.5px); } `)); } function RegistrationSidebarStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 327, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-2/5", __source: { fileName: "", lineNumber: 328, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(RegistrationSidebar, { __source: { fileName: "", lineNumber: 329, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block md:w-1/2 lg:w-3/5 bg-[#121212] p-8 flex items-center justify-center", __source: { fileName: "", lineNumber: 331, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 332, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 333, columnNumber: 11 }, __self: this }, "Registration Form Would Go Here"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 336, columnNumber: 11 }, __self: this }, "This is a placeholder for the registration form that would be implemented alongside this sidebar component.")))); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col md:flex-row font-inter bg-[#0c0c0e] text-white user-select-none", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:block md:w-1/2 relative overflow-hidden", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(RegistrationSidebar, { onBackClick: ()=>window.location.href = "/", headline: "Capturing Moments, Creating Memories", subtitle: "Join our community of creators and explorers today.", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(RegistrationForm, { __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }))); } function RegistrationForm() { const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); const [licenseKey, setLicenseKey] = useState(""); const [isHovered, setIsHovered] = useState(false); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [isSuccess, setIsSuccess] = useState(false); const [passwordStrength, setPasswordStrength] = useState(0); const [passwordFeedback, setPasswordFeedback] = useState(""); const [showPassword, setShowPassword] = useState(false); const [showConfirmPassword, setShowConfirmPassword] = useState(false); const [agreeToTerms, setAgreeToTerms] = useState(false); const [currentStep, setCurrentStep] = useState(0); const [verificationSent, setVerificationSent] = useState(false); const [lastCodeSentTime, setLastCodeSentTime] = useState(0); const { signUpWithCredentials } = useAuth(); const steps = [ "Account Info", "Password Setup", "License Key", "Terms & Confirmation" ]; const checkPasswordStrength = (password)=>{ if (!password) { setPasswordStrength(0); setPasswordFeedback(""); return; } let strength = 0; let feedback = ""; if (password.length >= 8) { strength += 1; } else { feedback = "Password should be at least 8 characters long"; setPasswordStrength(strength); setPasswordFeedback(feedback); return; } if (/[A-Z]/.test(password)) { strength += 1; } if (/[a-z]/.test(password)) { strength += 1; } if (/[0-9]/.test(password)) { strength += 1; } if (/[^A-Za-z0-9]/.test(password)) { strength += 1; } if (strength <= 2) { feedback = "Weak password"; } else if (strength <= 4) { feedback = "Good password"; } else { feedback = "Strong password"; } setPasswordStrength(strength); setPasswordFeedback(feedback); }; const handlePasswordChange = (e)=>{ const newPassword = e.target.value; setPassword(newPassword); checkPasswordStrength(newPassword); }; const validateStep = ()=>{ setError(null); switch(currentStep){ case 0: if (!firstName || !lastName || !email) { setError("Please fill in all account information fields"); return false; } if (!/\S+@\S+\.\S+/.test(email)) { setError("Please enter a valid email address"); return false; } return true; case 1: if (!password || !confirmPassword) { setError("Please fill in both password fields"); return false; } if (password.length < 8) { setError("Password must be at least 8 characters long"); return false; } if (password !== confirmPassword) { setError("Passwords do not match"); return false; } return true; case 2: if (!licenseKey) { setError("Please enter your license key"); return false; } if (licenseKey.length < 16) { setError("License key should be at least 16 characters"); return false; } return true; case 3: if (!agreeToTerms) { setError("You must agree to the Terms and Conditions"); return false; } return true; default: return true; } }; const nextStep = ()=>{ if (validateStep()) { setCurrentStep((prev)=>Math.min(prev + 1, steps.length - 1)); } }; const prevStep = ()=>{ setCurrentStep((prev)=>Math.max(prev - 1, 0)); }; const generateSessionId = ()=>{ return 'reg_' + Date.now().toString(36) + Math.random().toString(36).substring(2, 12); }; const storeRegistrationData = ()=>{ try { const sessionId = generateSessionId(); const registrationData = { firstName, lastName, email, password, licenseKey, timestamp: Date.now(), expiresAt: Date.now() + 24 * 60 * 60 * 1000, lastCodeSentTime: Date.now() }; sessionStorage.setItem(`registration_${sessionId}`, JSON.stringify(registrationData)); return sessionId; } catch (err) { console.error('Failed to store registration data:', err); return null; } }; const checkRateLimiting = ()=>{ const now = Date.now(); const cooldownPeriod = 60 * 1000; if (now - lastCodeSentTime < cooldownPeriod) { const remainingSeconds = Math.ceil((cooldownPeriod - (now - lastCodeSentTime)) / 1000); throw new Error(`Please wait ${remainingSeconds} seconds before requesting another verification code`); } return true; }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); if (!validateStep()) return; setLoading(true); try { try { checkRateLimiting(); } catch (rateLimitError) { setError(rateLimitError.message); setLoading(false); return; } const sessionId = storeRegistrationData(); if (!sessionId) { throw new Error("Failed to create registration session. Please try again."); } const response = await fetch('/api/send-verification-code', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email, sessionId }) }); if (!response.ok) { throw new Error(`Failed to send verification code: ${response.status} ${response.statusText}`); } setLastCodeSentTime(Date.now()); setVerificationSent(true); setIsSuccess(true); setTimeout(()=>{ window.location.href = `/verify-email?sid=${sessionId}`; }, 1500); } catch (err) { console.error(err); setError(err.message || "Failed to send verification code. Please try again."); setLoading(false); } }; const getStrengthColor = ()=>{ if (passwordStrength <= 2) return "#ef4444"; if (passwordStrength <= 4) return "#f59e0b"; return "#10b981"; }; const togglePasswordVisibility = ()=>{ setShowPassword(!showPassword); }; const toggleConfirmPasswordVisibility = ()=>{ setShowConfirmPassword(!showConfirmPassword); }; const handleSocialLogin = (provider)=>{ console.log(`Login with ${provider}`); }; const renderStepContent = ()=>{ switch(currentStep){ case 0: return /*#__PURE__*/ React.createElement("div", { className: "space-y-7 animate-fadeIn", __source: { fileName: "", lineNumber: 278, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-5", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 space-y-2", __source: { fileName: "", lineNumber: 280, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 281, columnNumber: 17 }, __self: this }, "First name"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 284, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#666666]", __source: { fileName: "", lineNumber: 286, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", value: firstName, onChange: (e)=>setFirstName(e.target.value), className: "w-full bg-[#1e1e1e]/50 border border-[#333333] rounded-xl py-4 pl-12 pr-4 text-base text-[#e0e0e0] placeholder-[#666666] focus:outline-none focus:border-[#a855f7] transition-colors duration-300 backdrop-blur-sm", placeholder: "John", autoComplete: "off", __source: { fileName: "", lineNumber: 288, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 space-y-2", __source: { fileName: "", lineNumber: 299, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 300, columnNumber: 17 }, __self: this }, "Last name"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 304, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#666666]", __source: { fileName: "", lineNumber: 305, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", value: lastName, onChange: (e)=>setLastName(e.target.value), className: "w-full bg-[#1e1e1e]/50 border border-[#333333] rounded-xl py-4 pl-12 pr-4 text-base text-[#e0e0e0] placeholder-[#666666] focus:outline-none focus:border-[#a855f7] transition-colors duration-300 backdrop-blur-sm", placeholder: "Doe", autoComplete: "off", __source: { fileName: "", lineNumber: 307, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 320, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 321, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 324, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#666666]", __source: { fileName: "", lineNumber: 326, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full bg-[#1e1e1e]/50 border border-[#333333] rounded-xl py-4 pl-12 pr-4 text-base text-[#e0e0e0] placeholder-[#666666] focus:outline-none focus:border-[#a855f7] transition-colors duration-300 backdrop-blur-sm", placeholder: "john.doe@example.com", autoComplete: "new-email", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0] text-sm mt-2", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, "A verification code will be sent to this email address."))); case 1: return /*#__PURE__*/ React.createElement("div", { className: "space-y-7 animate-fadeIn", __source: { fileName: "", lineNumber: 347, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 348, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 349, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 352, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#666666]", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: showPassword ? "text" : "password", name: "password", value: password, onChange: handlePasswordChange, className: "w-full bg-[#1e1e1e]/50 border border-[#333333] rounded-xl py-4 pl-12 pr-12 text-base text-[#e0e0e0] placeholder-[#666666] focus:outline-none focus:border-[#a855f7] transition-colors duration-300 backdrop-blur-sm password-input", placeholder: "Create a password", autoComplete: "new-password", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "absolute inset-y-0 right-0 pr-4 flex items-center text-[#666666] hover:text-[#a855f7]", __source: { fileName: "", lineNumber: 365, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showPassword ? 'fa-eye-slash' : 'fa-eye'} text-lg`, __source: { fileName: "", lineNumber: 370, columnNumber: 19 }, __self: this }))), password && /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 374, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-1", __source: { fileName: "", lineNumber: 375, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1.5 w-full", __source: { fileName: "", lineNumber: 376, columnNumber: 21 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "h-1.5 rounded-full flex-1 transition-all duration-300", style: { backgroundColor: index <= passwordStrength ? getStrengthColor() : "#333333" }, __source: { fileName: "", lineNumber: 378, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("span", { className: "text-sm ml-3 min-w-[100px] text-right", style: { color: getStrengthColor() }, __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }, passwordFeedback)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 401, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 402, columnNumber: 15 }, __self: this }, "Confirm Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#666666]", __source: { fileName: "", lineNumber: 407, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: showConfirmPassword ? "text" : "password", name: "confirmPassword", value: confirmPassword, onChange: (e)=>setConfirmPassword(e.target.value), className: "w-full bg-[#1e1e1e]/50 border border-[#333333] rounded-xl py-4 pl-12 pr-12 text-base text-[#e0e0e0] placeholder-[#666666] focus:outline-none focus:border-[#a855f7] transition-colors duration-300 backdrop-blur-sm password-input", placeholder: "Confirm your password", autoComplete: "new-password", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: toggleConfirmPasswordVisibility, className: "absolute inset-y-0 right-0 pr-4 flex items-center text-[#666666] hover:text-[#a855f7]", __source: { fileName: "", lineNumber: 418, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showConfirmPassword ? 'fa-eye-slash' : 'fa-eye'} text-lg`, __source: { fileName: "", lineNumber: 423, columnNumber: 19 }, __self: this }))))); case 2: return /*#__PURE__*/ React.createElement("div", { className: "space-y-7 animate-fadeIn", __source: { fileName: "", lineNumber: 432, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 433, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 434, columnNumber: 15 }, __self: this }, "License Key"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 437, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 438, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-key text-[#666666]", __source: { fileName: "", lineNumber: 439, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "licenseKey", value: licenseKey, onChange: (e)=>setLicenseKey(e.target.value), className: "w-full bg-[#1e1e1e]/50 border border-[#333333] rounded-xl py-4 pl-12 pr-4 text-base text-[#e0e0e0] placeholder-[#666666] focus:outline-none focus:border-[#a855f7] transition-colors duration-300 backdrop-blur-sm", placeholder: "XXXX-XXXX-XXXX-XXXX", autoComplete: "off", __source: { fileName: "", lineNumber: 441, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0] text-sm mt-2", __source: { fileName: "", lineNumber: 451, columnNumber: 15 }, __self: this }, "Enter the license key provided with your purchase. This key will activate your account.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1c3a2e] border border-[#265c40] rounded-xl p-4 text-base text-[#88e8b5] flex items-start", __source: { fileName: "", lineNumber: 456, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gift mt-0.5 mr-3 text-[#88e8b5]", __source: { fileName: "", lineNumber: 457, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, "Sign up today and receive 10 free credits to use with our AI detection and humanization tools!"))); case 3: return /*#__PURE__*/ React.createElement("div", { className: "space-y-7 animate-fadeIn", __source: { fileName: "", lineNumber: 468, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 470, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 471, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "terms", name: "terms", type: "checkbox", checked: agreeToTerms, onChange: (e)=>setAgreeToTerms(e.target.checked), className: "opacity-0 absolute h-6 w-6 cursor-pointer", __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `border-2 ${agreeToTerms ? 'bg-[#a855f7] border-[#a855f7]' : 'bg-[#1e1e1e] border-[#333333]'} rounded-xl w-6 h-6 flex flex-shrink-0 justify-center items-center mr-2 transition-colors duration-200 ease-in-out`, __source: { fileName: "", lineNumber: 480, columnNumber: 19 }, __self: this }, agreeToTerms && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white text-sm", __source: { fileName: "", lineNumber: 481, columnNumber: 38 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "ml-3 text-base", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "terms", className: "text-[#a0a0a0] cursor-pointer", __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, "I agree to the ", /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-[#a855f7] hover:text-[#9333ea]", __source: { fileName: "", lineNumber: 487, columnNumber: 34 }, __self: this }, "Terms and Conditions"), " and ", /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-[#a855f7] hover:text-[#9333ea]", __source: { fileName: "", lineNumber: 487, columnNumber: 128 }, __self: this }, "Privacy Policy")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e1e2e] border border-[#333344] rounded-xl p-5 text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 492, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-lg mb-3", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, "Account Summary"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 494, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 495, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 496, columnNumber: 19 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 497, columnNumber: 19 }, __self: this }, firstName, " ", lastName)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 499, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 500, columnNumber: 19 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }, email)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 503, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 504, columnNumber: 19 }, __self: this }, "License:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, licenseKey ? `${licenseKey.substring(0, 4)}...${licenseKey.substring(licenseKey.length - 4)}` : 'Not provided')))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e1e2e] border border-[#333344] rounded-xl p-4 text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 513, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mt-1 mr-3 text-[#a855f7]", __source: { fileName: "", lineNumber: 514, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 515, columnNumber: 17 }, __self: this }, "After submitting, you'll receive a verification code via email. You'll need to verify your email address to complete registration.")))); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 529, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 flex justify-between items-center md:hidden", __source: { fileName: "", lineNumber: 530, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2.5", __source: { fileName: "", lineNumber: 531, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222222] rounded-full w-10 h-10 flex items-center justify-center border border-[#333333]", __source: { fileName: "", lineNumber: 532, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#888888] text-sm", __source: { fileName: "", lineNumber: 533, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-medium text-white", __source: { fileName: "", lineNumber: 535, columnNumber: 11 }, __self: this }, "sirnist.xyz")), /*#__PURE__*/ React.createElement("a", { href: "/", className: "px-4 py-2 rounded-full border border-[#333333] hover:bg-[#1e1e1e] transition-colors duration-300 text-white text-sm flex items-center", __source: { fileName: "", lineNumber: 537, columnNumber: 9 }, __self: this }, "Back to website ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 541, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-8", __source: { fileName: "", lineNumber: 545, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl", __source: { fileName: "", lineNumber: 546, columnNumber: 9 }, __self: this }, !isSuccess ? /*#__PURE__*/ React.createElement("div", { className: "bg-[#15151a]/60 backdrop-blur-xl p-10 rounded-3xl", __source: { fileName: "", lineNumber: 548, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-3", __source: { fileName: "", lineNumber: 549, columnNumber: 15 }, __self: this }, "Create an account"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0] mb-6 text-base", __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __self: this }, "Join sirnist.xyz to access all features"), /*#__PURE__*/ React.createElement("div", { className: "flex mb-8 relative", __source: { fileName: "", lineNumber: 554, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-0 right-0 h-2 bg-[#333333] rounded-full z-0", __source: { fileName: "", lineNumber: 555, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-0 h-2 rounded-full z-0 transition-all duration-300", style: { background: "linear-gradient(to right, #a855f7, #8b5cf6)", width: `${currentStep / (steps.length - 1) * 100}%` }, __source: { fileName: "", lineNumber: 557, columnNumber: 17 }, __self: this }), steps.map((step, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex-1 flex flex-col items-center relative z-10", __source: { fileName: "", lineNumber: 566, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center mb-2 transition-all duration-300 ${index < currentStep ? 'bg-[#a855f7] text-white' : index === currentStep ? 'bg-[#a855f7] text-white' : 'bg-[#333333] text-[#888888]'}`, __source: { fileName: "", lineNumber: 567, columnNumber: 21 }, __self: this }, index < currentStep ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-sm", __source: { fileName: "", lineNumber: 577, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 579, columnNumber: 25 }, __self: this }, index + 1)), /*#__PURE__*/ React.createElement("span", { className: `text-xs ${index === currentStep ? 'text-[#e0e0e0]' : 'text-[#888888]'} text-center hidden md:block`, __source: { fileName: "", lineNumber: 582, columnNumber: 21 }, __self: this }, step)))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-7", autoComplete: "off", __source: { fileName: "", lineNumber: 589, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 rounded-full bg-[#a855f7] text-white flex items-center justify-center mr-3 md:hidden", __source: { fileName: "", lineNumber: 591, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, currentStep + 1)), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium text-[#e0e0e0] md:hidden", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this }, steps[currentStep])), renderStepContent(), error && /*#__PURE__*/ React.createElement("div", { className: "bg-[#3a1c1c] border border-[#5c2626] rounded-xl p-4 text-base text-[#e88888]", __source: { fileName: "", lineNumber: 600, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 601, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mt-0.5 mr-3 text-[#e88888]", __source: { fileName: "", lineNumber: 602, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 603, columnNumber: 23 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 608, columnNumber: 17 }, __self: this }, currentStep > 0 && /*#__PURE__*/ React.createElement("button", { type: "button", onClick: prevStep, className: "flex-1 py-4 rounded-xl text-[#e0e0e0] font-medium transition-all duration-300 text-lg border border-[#333333] hover:bg-[#1e1e1e]/50", __source: { fileName: "", lineNumber: 610, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 615, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 616, columnNumber: 25 }, __self: this }), "Back")), currentStep < steps.length - 1 ? /*#__PURE__*/ React.createElement("button", { type: "button", onClick: nextStep, className: "flex-1 py-4 rounded-xl text-white font-medium transition-all duration-300 text-lg", style: { background: "linear-gradient(to right, #a855f7, #8b5cf6)", boxShadow: isHovered ? "0 8px 20px rgba(168, 85, 247, 0.4)" : "0 4px 12px rgba(168, 85, 247, 0.2)" }, onMouseEnter: ()=>setIsHovered(true), onMouseLeave: ()=>setIsHovered(false), __source: { fileName: "", lineNumber: 623, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 636, columnNumber: 23 }, __self: this }, "Next", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 638, columnNumber: 25 }, __self: this }))) : /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "flex-1 py-4 rounded-xl text-white font-medium transition-all duration-300 text-lg", style: { background: "linear-gradient(to right, #a855f7, #8b5cf6)", boxShadow: isHovered ? "0 8px 20px rgba(168, 85, 247, 0.4)" : "0 4px 12px rgba(168, 85, 247, 0.2)" }, onMouseEnter: ()=>setIsHovered(true), onMouseLeave: ()=>setIsHovered(false), __source: { fileName: "", lineNumber: 642, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 656, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin mr-2", __source: { fileName: "", lineNumber: 657, columnNumber: 27 }, __self: this }), "Sending verification code...") : "Continue to verification")), currentStep === 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center py-2", __source: { fileName: "", lineNumber: 669, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow border-t border-[#333333]", __source: { fileName: "", lineNumber: 670, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "flex-shrink mx-4 text-[#a0a0a0] text-base", __source: { fileName: "", lineNumber: 671, columnNumber: 23 }, __self: this }, "Or register with"), /*#__PURE__*/ React.createElement("div", { className: "flex-grow border-t border-[#333333]", __source: { fileName: "", lineNumber: 672, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 675, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleSocialLogin('google'), className: "py-3.5 px-4 border border-[#333333] rounded-xl flex items-center justify-center space-x-3 hover:bg-[#1e1e1e]/50 transition-colors duration-300 backdrop-blur-sm", __source: { fileName: "", lineNumber: 676, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google text-[#ea4335] text-xl", __source: { fileName: "", lineNumber: 681, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 682, columnNumber: 25 }, __self: this }, "Google")), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleSocialLogin('apple'), className: "py-3.5 px-4 border border-[#333333] rounded-xl flex items-center justify-center space-x-3 hover:bg-[#1e1e1e]/50 transition-colors duration-300 backdrop-blur-sm", __source: { fileName: "", lineNumber: 684, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-apple text-[#e0e0e0] text-xl", __source: { fileName: "", lineNumber: 689, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 690, columnNumber: 25 }, __self: this }, "Apple")), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleSocialLogin('discord'), className: "py-3.5 px-4 border border-[#333333] rounded-xl flex items-center justify-center space-x-3 hover:bg-[#1e1e1e]/50 transition-colors duration-300 backdrop-blur-sm", __source: { fileName: "", lineNumber: 692, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-[#5865F2] text-xl", __source: { fileName: "", lineNumber: 697, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-base text-[#e0e0e0]", __source: { fileName: "", lineNumber: 698, columnNumber: 25 }, __self: this }, "Discord")))))) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#15151a]/60 backdrop-blur-xl p-10 rounded-3xl", __source: { fileName: "", lineNumber: 706, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 707, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-[#1c3a2e] mb-6", __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#88e8b5] text-2", __source: { fileName: "", lineNumber: 709, columnNumber: 19 }, __self: this }))))))); }