var validPromo = null; var currentEmail = ''; var savedUserId = ''; var pendingProfile = null; // held in memory until OTP verified var otpVerifyInFlight = false; var resendInterval; var shouldCheckExistingSession = typeof getActiveSessionId === 'function' && !!getActiveSessionId(); // Protect against active session if (shouldCheckExistingSession) getUser().then(async (user) => { if (user) { const ok = await confirmModal({ title: 'Already logged in', message: "You're already logged in. Log out and try signing up with different details?", okText: 'Log out', danger: true, icon: '🚪' }); if (ok) { logout('signup.html'); } else { window.location.href = user.labels?.includes('admin') ? 'admin.html' : 'dashboard.html'; } } }).catch(() => {}); // OAuth failure feedback (function () { try { const p = new URLSearchParams(window.location.search); const ref = String(p.get('ref') || p.get('referral') || '').trim(); if (ref) { const refInput = document.getElementById('referral-input'); if (refInput) refInput.value = ref; try {localStorage.setItem('acejupeb_pending_referral_code', ref);} catch {} } if (p.get('oauth') === 'failed') { const hash = (window.location.hash || '').replace(/^#/, ''); const h = new URLSearchParams(hash); const desc = p.get('error_description') || p.get('errorDescription') || h.get('error_description') || h.get('errorDescription'); const code = p.get('error') || p.get('errorCode') || h.get('error') || h.get('errorCode'); const err = document.getElementById('err'); err.textContent = desc ? String(desc) : code ? 'Google sign-in failed: ' + String(code) : 'Google sign-in was cancelled or failed. Please try again.'; err.style.display = 'block'; } } catch {} })(); async function doGoogleSignup() { const err = document.getElementById('err'); err.style.display = 'none'; const termsOk = document.getElementById('terms')?.checked; if (!termsOk) { err.textContent = 'Please accept the Terms and Privacy Policy to continue.'; err.style.display = 'block'; return; } const btn = document.getElementById('googleBtn'); btn.disabled = true; try { try { const referralCode = String(document.getElementById('referral-input')?.value || '').trim(); if (referralCode) localStorage.setItem('acejupeb_pending_referral_code', referralCode); } catch {} try {if (typeof clearConflictingAceSession === 'function') await clearConflictingAceSession();} catch {} await startGoogleAuth({ successUrl: 'post-auth.html', failureUrl: 'signup.html?oauth=failed' }); } catch (e) { console.error(e); err.textContent = 'Could not start Google sign-in. Please try again.'; err.style.display = 'block'; btn.disabled = false; } } function togglePw() { const p = document.getElementById('pw'); p.type = p.type === 'password' ? 'text' : 'password'; } function checkStr() { const v = document.getElementById('pw').value; let s = 0; if (v.length >= 8) s++; if (/[A-Z]/.test(v)) s++; if (/[0-9]/.test(v)) s++; if (/[^A-Za-z0-9]/.test(v)) s++; const cols = ['#EF4444', '#F59E0B', '#3B82F6', '#10B981']; const labs = ['Weak', 'Fair', 'Good', 'Strong']; for (let i = 0; i < 4; i++) document.getElementById('s' + (i + 1)).style.background = i < s ? cols[s - 1] : 'var(--surface-3)'; const l = document.getElementById('slbl'); l.textContent = s > 0 ? labs[s - 1] : ''; l.style.color = s > 0 ? cols[s - 1] : 'var(--text-4)'; } async function checkPromo() { const code = document.getElementById('promo-input').value.trim().toUpperCase(); const result = document.getElementById('promo-result'); const btn = document.getElementById('promo-btn'); if (!code) { result.textContent = 'Please enter a promo code.'; result.className = 'promo-result promo-invalid'; result.style.display = 'block';return; } btn.textContent = 'Checking...';btn.disabled = true; const promo = await validatePromoCode(code); btn.textContent = 'Check';btn.disabled = false; if (promo) { validPromo = promo; result.textContent = `✓ Valid! ${promo.discountPercent || ''}% discount applied.`; result.className = 'promo-result promo-valid'; } else { validPromo = null; result.textContent = '✗ Invalid or expired promo code.'; result.className = 'promo-result promo-invalid'; } result.style.display = 'block'; } function showErr(id, msg) {const el = document.getElementById(id);el.textContent = msg;el.style.display = 'block';} function hideErr(id) {document.getElementById(id).style.display = 'none';} function _normNameForUsername(firstName) { const base = (firstName || 'user'). toString(). trim(). toLowerCase(). replace(/[^a-z0-9]+/g, '_'). replace(/^_+|_+$/g, ''); return base || 'user'; } async function _isUsernameTaken(username) { try { if (typeof aceCheckProfileAvailability === 'function') { const availability = await aceCheckProfileAvailability({ username }); return !!availability?.usernameTaken; } return false; } catch {return false;} } async function _isFriendCodeTaken(code) { try { if (typeof aceCheckProfileAvailability === 'function') { const availability = await aceCheckProfileAvailability({ friendCode: code }); return !!availability?.friendCodeTaken; } return false; } catch {return false;} } async function generateUniqueUsername(firstName) { const base = _normNameForUsername(firstName); for (let i = 0; i < 80; i++) { const two = String(Math.floor(Math.random() * 100)).padStart(2, '0'); const candidate = `ace_${base}${two}`; // eslint-disable-next-line no-await-in-loop const taken = await _isUsernameTaken(candidate); if (!taken) return candidate; } return `ace_${base}${String(Math.floor(Math.random() * 100)).padStart(2, '0')}`; } async function generateUniqueFriendCode() { for (let i = 0; i < 120; i++) { const candidate = String(1000000 + Math.floor(Math.random() * 9000000)); // eslint-disable-next-line no-await-in-loop const taken = await _isFriendCodeTaken(candidate); if (!taken) return candidate; } return String(1000000 + Math.floor(Math.random() * 9000000)); } // ══ STEP 1: Create account + send OTP — NO session created here ══ async function doSignup() { hideErr('err'); const fn = document.getElementById('fname').value.trim(); const ln = document.getElementById('lname').value.trim(); const em = document.getElementById('email').value.trim(); const pw = document.getElementById('pw').value; const sc = document.getElementById('school').value.trim(); const referralCode = (document.getElementById('referral-input')?.value || '').trim(); const streamEl = document.querySelector('input[name="stream"]:checked'); const stream = streamEl ? streamEl.value : ''; const trms = document.getElementById('terms').checked; if (!fn || !ln || !em || !pw) {showErr('err', 'Please fill in all required fields.');return;} if (pw.length < 8) {showErr('err', 'Password must be at least 8 characters.');return;} if (!trms) {showErr('err', 'Please accept the terms to continue.');return;} const btn = document.getElementById('signup-btn'); document.getElementById('spin').style.display = 'block'; document.getElementById('btn-txt').textContent = 'Creating account…'; btn.disabled = true; try { // 1. Create the Appwrite user — no session yet const user = await account.create(ID.unique(), em, pw, `${fn} ${ln}`); savedUserId = user.$id; currentEmail = em; // 2. Hold profile data in memory — written to DB after OTP succeeds pendingProfile = { userId: user.$id, email: em, firstName: fn, lastName: ln, fullName: `${fn} ${ln}`, school: sc || '', stream: stream || '', promoCode: validPromo ? validPromo.code : '', promoId: validPromo ? validPromo.$id : '', referredByCode: referralCode || '', emailVerified: true, verifiedAt: new Date().toISOString(), xp: 0, streak: 0, rewardBalance: 0, rewardPending: 0, rewardDate: '', rewardTodayAmount: 0, rewardLifetimeEarned: 0, rewardActiveDays: 0, totalQuestionsAnswered: 0, activePracticeDays: '[]', referralRewardClaimed: false, lastActive: new Date().toISOString(), plan: 'free', premium: false, aiMsgCount: 0, aiMsgDate: '', createdAt: new Date().toISOString() }; // 3. Send OTP — still no session, so verifyOTP can create one cleanly await account.createEmailToken(user.$id, em); // 4. Show OTP screen showOTPScreen(em); } catch (e) { console.error(e); let msg = e.message || 'Could not create account. Please try again.'; if (e.code === 409) msg = 'An account with this email already exists.'; showErr('err', msg); } finally { document.getElementById('spin').style.display = 'none'; document.getElementById('btn-txt').textContent = 'Create Account'; btn.disabled = false; } } // ══ OTP Screen ══ function showOTPScreen(email) { document.getElementById('signupForm').style.display = 'none'; document.getElementById('otpScreen').style.display = 'block'; document.getElementById('otpEmailDisplay').textContent = email; initOTPBoxes(); startResendTimer(); } function goBackToSignup() { document.getElementById('otpScreen').style.display = 'none'; document.getElementById('signupForm').style.display = 'block'; clearInterval(resendInterval); } function initOTPBoxes() { const boxes = [...document.querySelectorAll('.otp-box')]; boxes.forEach((b) => {b.value = '';b.classList.remove('filled', 'error');}); boxes.forEach((box, i) => { const fresh = box.cloneNode(true); box.parentNode.replaceChild(fresh, box); boxes[i] = fresh; }); const fresh = [...document.querySelectorAll('.otp-box')]; fresh.forEach((box, i) => { box.addEventListener('input', () => { box.value = box.value.replace(/\D/g, '').slice(-1); box.classList.toggle('filled', !!box.value); if (box.value && i < fresh.length - 1) fresh[i + 1].focus(); if (fresh.every((b) => b.value)) verifyOTP(); }); box.addEventListener('keydown', (e) => { if (e.key === 'Backspace' && !box.value && i > 0) fresh[i - 1].focus(); }); box.addEventListener('paste', (e) => { e.preventDefault(); const txt = (e.clipboardData || window.clipboardData).getData('text').replace(/\D/g, '').slice(0, 6); [...txt].forEach((ch, j) => {if (fresh[j]) {fresh[j].value = ch;fresh[j].classList.add('filled');}}); const next = fresh[Math.min(txt.length, 5)]; if (next) next.focus(); if (txt.length === 6) verifyOTP(); }); }); fresh[0].focus(); } function getOTPValue() {return [...document.querySelectorAll('.otp-box')].map((b) => b.value).join('');} function shakeBoxes() { document.querySelectorAll('.otp-box').forEach((b) => { b.classList.add('error'); setTimeout(() => b.classList.remove('error'), 400); }); } function clearBoxes() { const boxes = [...document.querySelectorAll('.otp-box')]; boxes.forEach((b) => {b.value = '';b.classList.remove('filled', 'error');}); boxes[0].focus(); } async function isSignupAlreadyVerified() { try { if (typeof getUser !== 'function') return false; const user = await getUser(); if (!user || savedUserId && String(user.$id || '') !== String(savedUserId)) return false; if (typeof aceIsAccountVerified === 'function') return aceIsAccountVerified(user, null); return user.emailVerification === true || user.emailVerified === true || user.email_verified === true; } catch { return false; } } async function createSignupProfileWithFallback(profile) { for (let i = 0; i < 12; i++) { try { return await upsertProfile(savedUserId, profile); } catch (e) { const code = Number(e?.code || e?.response?.code || 0); if (code === 409) { console.warn('Profile already exists after OTP verification; continuing.', e); return null; } const msg = e && (e.message || e.toString()) || ''; const m = msg.match(/Unknown attribute:\s*\"([^\"]+)\"/); if (m && m[1] && Object.prototype.hasOwnProperty.call(profile, m[1])) { console.warn('Profile schema missing attribute:', m[1]); delete profile[m[1]]; continue; } throw e; } } throw new Error('Could not create profile after removing unsupported fields.'); } // ══ STEP 2: Verify OTP — session is created HERE for the first time ══ async function verifyOTP() { hideErr('otpErr'); if (otpVerifyInFlight) return; const code = getOTPValue(); if (code.length < 6) {showErr('otpErr', 'Please enter the full 6-digit code.');return;} const btn = document.getElementById('verifyBtn'); document.getElementById('verify-spin').style.display = 'block'; document.getElementById('verify-txt').textContent = 'Verifying…'; btn.disabled = true; otpVerifyInFlight = true; let sessionVerified = false; try { // Creates the session — no prior session exists so this works const sess = await (typeof withFreshAceSession === 'function' ? withFreshAceSession(() => account.updateMagicURLSession(savedUserId, code)) : account.updateMagicURLSession(savedUserId, code)); sessionVerified = true; try {if (sess && sess.$id && typeof setActiveSession === 'function') setActiveSession(sess.$id);} catch {} try { const sid = sess && sess.$id || (typeof getActiveSessionId === 'function' ? getActiveSessionId() : ''); if (sid && typeof syncAceServerSession === 'function') await syncAceServerSession(sid); } catch (bridgeErr) { console.warn('Could not sync server session before welcome email', bridgeErr); } // Now authenticated — safe to write to DB if (pendingProfile) { try { pendingProfile.username = await generateUniqueUsername(pendingProfile.firstName || 'user'); pendingProfile.friendCode = await generateUniqueFriendCode(); } catch (e) {console.warn('Could not generate username/friendCode', e);} await createSignupProfileWithFallback(pendingProfile); pendingProfile = null; } try { if (typeof aceSendWelcomeEmail === 'function') { await aceSendWelcomeEmail(); } } catch (emailErr) { console.warn('Welcome email could not be sent', emailErr); } if (validPromo) { try { await incrementPromoUse(validPromo.$id, validPromo.uses); validPromo = null; } catch (promoErr) { console.warn('Promo use could not be incremented after signup', promoErr); } } window.location.replace('post-auth.html'); } catch (e) { console.error(e); if (sessionVerified) { showToast('Email verified. Finishing your account setup...', 'info'); window.location.replace('post-auth.html'); } else if (await isSignupAlreadyVerified()) { window.location.replace('post-auth.html'); } else { shakeBoxes(); clearBoxes(); showErr('otpErr', 'Incorrect or expired code. Please try again.'); } } finally { document.getElementById('verify-spin').style.display = 'none'; document.getElementById('verify-txt').textContent = 'Verify Email'; btn.disabled = false; otpVerifyInFlight = false; } } // ══ Resend ══ function startResendTimer() { let secs = 60; const btn = document.getElementById('resendBtn'); btn.disabled = true; btn.innerHTML = `Resend in 60s`; clearInterval(resendInterval); resendInterval = setInterval(() => { secs--; const t = document.getElementById('resendTimer'); if (t) t.textContent = secs; if (secs <= 0) { clearInterval(resendInterval); btn.disabled = false; btn.innerHTML = 'Resend code'; } }, 1000); } async function resendOTP() { hideErr('otpErr'); const btn = document.getElementById('resendBtn'); btn.disabled = true;btn.textContent = 'Sending…'; try { await account.createEmailToken(savedUserId, currentEmail); clearBoxes(); startResendTimer(); showToast('Code resent! Check your email.', 'success'); } catch (e) { console.error(e); showErr('otpErr', 'Could not resend code. Please try again.'); btn.disabled = false;btn.textContent = 'Resend code'; } }

Create your account