Interactive Decision Tree & Quiz Builder

Design Your Interactive Tree/Quiz

Drag & drop nodes here to build your tree...

`; embedCodeOutput.value = exampleEmbedCode; qrCodeContainer.innerHTML = ` QR Code

`; } // --- Event Listeners --- languageSwitcher.addEventListener('change', (event) => { currentLang = event.target.value; applyTranslations(); }); generateEmbedCodeBtn.addEventListener('click', generateEmbedCode); // Payment overlay button listeners subscribeToHubBtn.addEventListener('click', async () => { if (firebaseUser) { await createHubSubscription(firebaseUser.email, firebaseUser.uid); } else { showAuthModal('login'); } }); oneTimePurchaseBtn.addEventListener('click', () => { createStripeSession(WIDGET_SLUG, STRIPE_ONE_TIME_AMOUNT, getTranslation('widgetTitle')); }); cryptoPaymentBtn.addEventListener('click', () => { requestCryptoPayment(WIDGET_SLUG, STRIPE_ONE_TIME_AMOUNT, getTranslation('widgetTitle')); }); // Auth modal listeners closeAuthModal.addEventListener('click', hideAuthModal); switchAuthModeLink.addEventListener('click', (e) => { e.preventDefault(); authMode = authMode === 'login' ? 'register' : 'login'; showAuthModal(authMode); }); authForm.addEventListener('submit', async (e) => { e.preventDefault(); const email = authEmail.value; const password = authPassword.value; authErrorMessage.textContent = ''; showLoadingSpinner(true); try { if (authMode === 'login') { await auth.signInWithEmailAndPassword(email, password); } else { await auth.createUserWithEmailAndPassword(email, password); } hideAuthModal(); } catch (error) { showLoadingSpinner(false); authErrorMessage.textContent = getTranslation(authMode === 'login' ? 'loginError' : 'registerError', { message: error.message }); console.error("Auth error:", error); } }); googleAuthBtn.addEventListener('click', async () => { const provider = new firebase.auth.GoogleAuthProvider(); showLoadingSpinner(true); try { await auth.signInWithPopup(provider); hideAuthModal(); } catch (error) { showLoadingSpinner(false); authErrorMessage.textContent = getTranslation('loginError', { message: error.message }); console.error("Google Auth error:", error); } }); closeCryptoModal.addEventListener('click', hideCryptoPaymentModal); // --- Initialization Logic --- async function initializeWidget() { showLoadingSpinner(true); currentLang = languageSwitcher.value; applyTranslations(); updateUsesLeftDisplay(); if (localStorage.getItem(`pv_unlocked_${WIDGET_SLUG}`) === 'true') { isUnlocked = true; showLoadingSpinner(false); updateUsesLeftDisplay(); console.log("Widget unlocked from localStorage."); return; } const urlParams = new URLSearchParams(window.location.search); const sessionId = urlParams.get('session_id'); const stripeStatus = urlParams.get('status'); const subscriptionStatus = urlParams.get('subscription_status'); if (sessionId && (stripeStatus === 'success' || subscriptionStatus === 'success')) { console.log("Detected payment success in URL. Verifying session..."); if (stripeStatus === 'success') { const verified = await verifyStripeSession(sessionId); if (verified) { unlockWidget(); } else { alert(getTranslation("paymentFailed")); } } else if (subscriptionStatus === 'success') { console.log("Hub subscription success detected. Waiting for user auth state to update."); // The auth.onAuthStateChanged listener will handle the check } history.replaceState({}, document.title, window.location.pathname); showLoadingSpinner(false); return; } auth.onAuthStateChanged(async (user) => { firebaseUser = user; updateSubscribeButtonText(); if (user) { console.log("User logged in:", user.email); showLoadingSpinner(true); console.log(getTranslation("fetchingSubscription"), user.email); const hasSubscription = await checkSubscription(user.email); if (hasSubscription) { unlockWidget(); console.log("Subscription active. Widget unlocked via Firebase Auth."); } else { console.log("No active subscription found for", user.email); } } else { console.log("User logged out."); } showLoadingSpinner(false); }); hidePaymentOverlay(); updateUsesLeftDisplay(); if (!isUnlocked && parseInt(localStorage.getItem(`pv_actions_${WIDGET_SLUG}`) || '0') >= FREE_USES_LIMIT) { showPaymentOverlay(); } } document.addEventListener('DOMContentLoaded', initializeWidget);

Interactive Decision Tree & Quiz Builder

Design Your Interactive Tree/Quiz

Embed Code

QR Code for Your Widget

Design Your Interactive Tree/Quiz

Embed Code

QR Code for Your Widget

Free use limit reached!

Showcase Hub Bundle

One-Time Access

Crypto Micropayment

Sign In to Pixel Office Hub

Crypto Payment Details