\r\n

⚠️ Database Error

\r\n

Unable to load dashboard data. Please check if the database is initialized.

\r\n ← Back to Quiz\r\n

\r\n \r\n \r\n `, 500);\r\n }\r\n});\r\n\r\n// API endpoint for JSON data\r\napp.get(\"/api/data\", async c => {\r\n try {\r\n const submissionsResult = await sqlite.execute(`\r\n SELECT \r\n id,\r\n email,\r\n primary_archetype,\r\n breakdown,\r\n completion_time,\r\n timestamp,\r\n user_agent\r\n FROM ${TABLE_NAME}\r\n ORDER BY timestamp DESC\r\n LIMIT 100\r\n `);\r\n const submissions = Array.isArray(submissionsResult) ? submissionsResult : [];\r\n\r\n return c.json({\r\n submissions,\r\n total: submissions.length,\r\n generatedAt: new Date().toISOString()\r\n });\r\n } catch (error) {\r\n return c.json({ error: \"Failed to fetch data\" }, 500);\r\n }\r\n});\r\n\r\n// Export individual submission data\r\napp.get(\"/api/export\", async c => {\r\n try {\r\n const submissionsResult = await sqlite.execute(`\r\n SELECT \r\n email,\r\n primary_archetype,\r\n breakdown,\r\n completion_time,\r\n timestamp\r\n FROM ${TABLE_NAME}\r\n ORDER BY timestamp DESC\r\n `);\r\n const submissions = Array.isArray(submissionsResult) ? submissionsResult : [];\r\n\r\n const csv = generateCSV(submissions);\r\n \r\n return c.text(csv, 200, {\r\n 'Content-Type': 'text/csv',\r\n 'Content-Disposition': 'attachment; filename=\"quiz-submissions.csv\"'\r\n });\r\n } catch (error) {\r\n return c.json({ error: \"Failed to export data\" }, 500);\r\n }\r\n});\r\n\r\nfunction generateDashboardHTML(stats: any[], submissions: any[], total: number, currentPage: number, totalPages: number): string {\r\n return `\r\n \r\n \r\n \r\n \r\n \r\n Admin Dashboard - Social Archetype Quiz\r\n \r\n \r\n \r\n

\r\n \r\n \r\n

\r\n ${stats.map(stat => `\r\n

\r\n

${stat.primary_archetype}

\r\n

${stat.count}

\r\n

Avg: ${stat.avg_completion_time ? Math.round(stat.avg_completion_time / 1000) + 's' : 'N/A'}

\r\n

\r\n `).join('')}\r\n

\r\n \r\n

\r\n

Recent Submissions

\r\n 📥 Export CSV\r\n

\r\n \r\n

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ${submissions.map(sub => {\r\n const breakdown = JSON.parse(sub.breakdown || '{}');\r\n const topArchetypes = Object.entries(breakdown)\r\n .sort(([,a], [,b]) => (b as number) - (a as number))\r\n .slice(0, 2)\r\n .map(([arch, pct]) => `${arch.split(' ')[1] || arch}: ${pct}%`)\r\n .join(', ');\r\n \r\n return `\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n `;\r\n }).join('')}\r\n \r\n

ID	Email	Archetype	Completion	Timestamp	Breakdown
${sub.id}	${sub.email}	${sub.primary_archetype}	${sub.completion_time ? Math.round(sub.completion_time / 1000) + 's' : 'N/A'}	${new Date(sub.timestamp).toLocaleDateString()} ${new Date(sub.timestamp).toLocaleTimeString()}	${topArchetypes}

\r\n

\r\n \r\n ${totalPages > 1 ? `\r\n

\r\n ${currentPage > 1 ? `← Previous` : ''}\r\n ${Array.from({length: Math.min(5, totalPages)}, (_, i) => {\r\n const page = i + 1;\r\n return page === currentPage \r\n ? `${page}`\r\n : `${page}`;\r\n }).join('')}\r\n ${currentPage < totalPages ? `Next →` : ''}\r\n

\r\n ` : ''}\r\n \r\n

\r\n ← Back to Quiz\r\n

\r\n

\r\n \r\n \r\n `;\r\n}\r\n\r\nfunction generateCSV(submissions: any[]): string {\r\n const headers = ['Email', 'Primary Archetype', 'Completion Time (ms)', 'Timestamp', 'Breakdown'];\r\n const rows = submissions.map(sub => [\r\n sub.email,\r\n sub.primary_archetype,\r\n sub.completion_time || '',\r\n sub.timestamp,\r\n sub.breakdown\r\n ]);\r\n \r\n return [headers, ...rows]\r\n .map(row => row.map(field => `\"${String(field).replace(/\"/g, '\"\"')}\"`).join(','))\r\n .join('\\n');\r\n}\r\n\r\nexport default app.fetch; ",[],[215],{"_104":224,"_95":225,"_153":226,"_155":-5,"_156":138,"_157":227,"_159":22,"_106":228,"_100":32,"_162":229,"_164":230,"_165":22,"_166":-5,"_167":231,"_98":232},"77a6159a-4d48-11f0-9294-76b3cceeab13","config.ts","77a6164e-4d48-11f0-9294-76b3cceeab13",10,["D",1750363408875],"script","// Configuration file for the Social Archetype Quiz\r\n// Following Val Town best practices for environment configuration\r\n\r\nexport const config = {\r\n // Admin email for notifications (set to null to disable admin notifications)\r\n adminEmail: \"tom@cal.town\", // Change this to your admin email\r\n \r\n // Site configuration\r\n siteUrl: \"https://ssscQuiz.web.val.run\", // Update with your actual Val Town URL\r\n siteName: \"Social Archetype Quiz\",\r\n \r\n // Email configuration\r\n emailConfig: {\r\n fromName: \"Social Archetype Quiz\",\r\n replyTo: \"tom@cal.town\"\r\n },\r\n \r\n // Database configuration\r\n database: {\r\n tableName: \"sssc_quiz_submissions_v1\",\r\n enableIndexes: true\r\n },\r\n \r\n // Security configuration\r\n hashSalt: \"ssscQuiz2025\", // Change this to a unique salt\r\n \r\n // Analytics configuration\r\n analytics: {\r\n enableUserTracking: true,\r\n maxRecentSubmissions: 10\r\n },\r\n \r\n // Feature flags\r\n features: {\r\n enableAdminNotifications: true,\r\n enableCompletionTimeTracking: true,\r\n enableIPHashing: true,\r\n enableUserAgentTracking: true\r\n },\r\n \r\n // Quiz configuration\r\n quiz: {\r\n maxQuestions: 15,\r\n enableRandomization: false,\r\n completionTimeoutMinutes: 30\r\n }\r\n};\r\n\r\n// Environment-specific overrides\r\n// In production, you might want to use environment variables\r\nif (typeof Deno !== \"undefined\" && Deno.env) {\r\n // Override with environment variables if available\r\n if (Deno.env.get(\"ADMIN_EMAIL\")) {\r\n config.adminEmail = Deno.env.get(\"ADMIN_EMAIL\");\r\n }\r\n \r\n if (Deno.env.get(\"SITE_URL\")) {\r\n config.siteUrl = Deno.env.get(\"SITE_URL\");\r\n }\r\n \r\n if (Deno.env.get(\"HASH_SALT\")) {\r\n config.hashSalt = Deno.env.get(\"HASH_SALT\");\r\n }\r\n} ",[],[225],{"_104":234,"_95":99,"_153":235,"_155":-5,"_156":138,"_157":101,"_159":160,"_106":236,"_100":32,"_162":200,"_164":237,"_165":22,"_166":-5,"_167":238,"_98":239},"77aa2fd6-4d48-11f0-970a-76b3cceeab13","77aa3094-4d48-11f0-970a-76b3cceeab13",["D",1750363408892],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[99],{"_104":241,"_95":242,"_153":243,"_155":-5,"_156":138,"_157":244,"_159":22,"_106":245,"_100":246,"_162":219,"_164":247,"_165":22,"_166":-5,"_167":248,"_98":249},"5923d6be-4d45-11f0-a909-76b3cceeab13","main.tsx","58feef2a-4d45-11f0-91f7-76b3cceeab13",3,["D",1750362069198],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\n// --------------------- Static Data ---------------------\nconst staticQuestions = [\n {\n text: \"When you envision the future, what excites you most?\",\n options: [\n \"Innovative technology\",\n \"Nurturing community bonds\",\n \"Exploring ancient wisdom\",\n \"Expressing creative ideas\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"How do you prefer to spend your free time?\",\n options: [\n \"Brainstorming groundbreaking ideas\",\n \"Caring for friends and family\",\n \"Reading and learning\",\n \"Dabbling in creative projects\",\n ],\n mapping: [\n \"The Catalyst\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"What's your ideal weekend activity?\",\n options: [\n \"Networking with like-minded people\",\n \"Volunteering in your community\",\n \"Attending workshops or lectures\",\n \"Creating art or DIY crafts\",\n ],\n mapping: [\n \"The Connector\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"When facing a challenge, you are most likely to:\",\n options: [\n \"Innovate a new solution\",\n \"Seek support and comfort from others\",\n \"Analyze the situation deeply\",\n \"Take a hands-on approach\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"Which environment inspires you most?\",\n options: [\n \"A futuristic cityscape\",\n \"A cozy home filled with loved ones\",\n \"A quiet library or study\",\n \"An art studio with endless possibilities\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"How would your friends describe you?\",\n options: [\n \"Visionary and forward-thinking\",\n \"Caring and empathetic\",\n \"Wise and insightful\",\n \"Creative and imaginative\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"What motivates you to get out of bed every morning?\",\n options: [\n \"The drive to change the world\",\n \"The desire to care for others\",\n \"The quest for knowledge\",\n \"The urge to create something new\",\n ],\n mapping: [\n \"The Catalyst\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"Which quote resonates with you the most?\",\n options: [\n \"'The future belongs to those who believe in the beauty of their dreams.'\",\n \"'The best way to find yourself is to lose yourself in the service of others.'\",\n \"'Knowledge speaks, but wisdom listens.'\",\n \"'Creativity is intelligence having fun.'\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"What type of event would you attend?\",\n options: [\n \"Tech innovation conferences\",\n \"Community service meetups\",\n \"Philosophy and book clubs\",\n \"Art and design exhibitions\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"In a group project, what role do you take?\",\n options: [\n \"Idea generator\",\n \"Support coordinator\",\n \"Research lead\",\n \"Creative director\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"When making decisions, you rely on:\",\n options: [\n \"Bold intuition\",\n \"Empathy and care\",\n \"Logical analysis\",\n \"Artistic flair\",\n ],\n mapping: [\n \"The Catalyst\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"Which hobby appeals to you the most?\",\n options: [\n \"Experimenting with new gadgets\",\n \"Gardening and cooking\",\n \"Studying history or science\",\n \"Painting or sculpting\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"Your perfect vacation would be:\",\n options: [\n \"A tour of innovative cities\",\n \"A retreat with loved ones\",\n \"A cultural and educational journey\",\n \"A creative workshop in an inspiring locale\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n {\n text: \"When working on a project, you prefer:\",\n options: [\n \"Leading the vision\",\n \"Fostering teamwork\",\n \"Delving into details\",\n \"Crafting unique designs\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Connector\",\n \"The Guardian\",\n \"The Artisan\",\n ],\n },\n {\n text: \"What type of book would you pick up first?\",\n options: [\n \"A book on future trends\",\n \"A heartfelt memoir\",\n \"A deep philosophical treatise\",\n \"A visually stunning art book\",\n ],\n mapping: [\n \"The Visionary\",\n \"The Nurturer\",\n \"The Sage\",\n \"The Artisan\",\n ],\n },\n];\n\nconst recommendedEvents = {\n \"The Visionary\": [\n \"Innovation Summit\",\n \"Futuristic Tech Expo\",\n \"Startup Networking\",\n ],\n \"The Nurturer\": [\n \"Community Volunteer Day\",\n \"Family Picnic\",\n \"Wellness Workshop\",\n ],\n \"The Sage\": [\n \"Book Club Gathering\",\n \"Historical Tour\",\n \"Lecture Series\",\n ],\n \"The Artisan\": [\n \"Art Workshop\",\n \"Craft Fair\",\n \"Design Expo\",\n ],\n \"The Connector\": [\n \"Networking Mixer\",\n \"Social Meet-up\",\n \"Community Forum\",\n ],\n \"The Guardian\": [\n \"Neighborhood Watch Meeting\",\n \"Safety Seminar\",\n \"Local Town Hall\",\n ],\n \"The Catalyst\": [\n \"Hackathon\",\n \"Startup Pitch Night\",\n \"Change Makers Meetup\",\n ],\n};\n\nconst archetypeIcons = {\n \"The Visionary\": \"fa-solid fa-lightbulb\",\n \"The Nurturer\": \"fa-solid fa-heart\",\n \"The Sage\": \"fa-solid fa-book-open\",\n \"The Artisan\": \"fa-solid fa-paint-brush\",\n \"The Connector\": \"fa-solid fa-users\",\n \"The Guardian\": \"fa-solid fa-shield-alt\",\n \"The Catalyst\": \"fa-solid fa-fire\",\n};\n\nconst archetypeDescriptions = {\n \"The Visionary\":\n \"🚀 As The Visionary, you are innovative and forward-thinking. Your mind is always buzzing with groundbreaking ideas and futuristic concepts. You see endless possibilities and are not afraid to push boundaries. Your creativity lights the way for others and inspires progress. Embrace your inner pioneer and dream big!\",\n \"The Nurturer\":\n \"🤗 As The Nurturer, you lead with empathy and compassion. You care deeply about the well-being of those around you, creating supportive, loving environments. Your kindness is a beacon of warmth that makes people feel safe and cherished. Your heart is your greatest strength.\",\n \"The Sage\":\n \"📚 As The Sage, wisdom and insight guide your decisions. You value knowledge and seek deeper understanding. Your thoughtful reflections and steady presence help others navigate life's complexities. You are a trusted mentor, sharing your insights generously.\",\n \"The Artisan\":\n \"🎨 As The Artisan, creativity is at the core of your identity. You transform the ordinary into extraordinary with your unique perspective and artistic expression. You find beauty in every detail and inspire those around you with your innovative approach.\",\n \"The Connector\":\n \"🤝 As The Connector, building relationships is your superpower. You excel at forging bonds and bringing people together, creating vibrant communities. Your enthusiasm and warmth foster collaboration, making you an indispensable link within any network.\",\n \"The Guardian\":\n \"🛡️ As The Guardian, you provide stability and protection. Your reliability and dedication ensure that those around you feel secure and supported. You stand firm during times of change, offering a safe haven with your unwavering commitment.\",\n \"The Catalyst\":\n \"⚡ As The Catalyst, you are the spark that ignites change. Your energy and drive inspire action and progress. You challenge the status quo and push for innovation, making you a dynamic force for transformation. Your passion fuels growth wherever you go.\",\n};\n\nconst archetypeSummaries = [\n {\n name: \"The Visionary\",\n icon: \"fa-solid fa-lightbulb\",\n shortDesc: \"Innovative, forward-thinking, and always dreaming big.\",\n },\n {\n name: \"The Nurturer\",\n icon: \"fa-solid fa-heart\",\n shortDesc: \"Empathetic, caring, and supportive to everyone around you.\",\n },\n {\n name: \"The Sage\",\n icon: \"fa-solid fa-book-open\",\n shortDesc: \"Wise, knowledgeable, and a trusted mentor.\",\n },\n {\n name: \"The Artisan\",\n icon: \"fa-solid fa-paint-brush\",\n shortDesc: \"Creative, expressive, and always finding beauty in details.\",\n },\n {\n name: \"The Connector\",\n icon: \"fa-solid fa-users\",\n shortDesc: \"Social, engaging, and great at building relationships.\",\n },\n {\n name: \"The Guardian\",\n icon: \"fa-solid fa-shield-alt\",\n shortDesc: \"Reliable, protective, and a pillar of stability.\",\n },\n {\n name: \"The Catalyst\",\n icon: \"fa-solid fa-fire\",\n shortDesc: \"Energetic, transformative, and a spark for change.\",\n },\n];\n\n// --------------------- Personality Insights ---------------------\nconst archetypeInsights = {\n \"The Visionary\": [\n \"You excel at seeing future possibilities that others miss\",\n \"You're naturally curious about emerging technologies\",\n \"You thrive in environments that encourage innovation\",\n \"Your challenge is balancing big ideas with practical implementation\",\n ],\n \"The Nurturer\": [\n \"You have a natural ability to create safe, supportive spaces\",\n \"You intuitively understand emotional needs before they're expressed\",\n \"You find fulfillment in helping others grow and thrive\",\n \"Your challenge is remembering to nurture yourself as well as others\",\n ],\n \"The Sage\": [\n \"You possess a natural gift for deep analysis and pattern recognition\",\n \"You value wisdom and understanding over superficial knowledge\",\n \"You excel in situations requiring careful thought and reflection\",\n \"Your challenge is translating your insights into accessible wisdom for others\",\n ],\n \"The Artisan\": [\n \"You see creative potential in materials and situations others overlook\",\n \"You experience the world through aesthetics and sensory details\",\n \"You naturally transform ordinary experiences into meaningful expressions\",\n \"Your challenge is balancing creative vision with practical constraints\",\n ],\n \"The Connector\": [\n \"You intuitively understand social dynamics and network relationships\",\n \"You excel at bringing together people who benefit from knowing each other\",\n \"You create harmony and synergy in group settings\",\n \"Your challenge is maintaining depth in relationships while building breadth\",\n ],\n \"The Guardian\": [\n \"You provide stability and consistency that others rely upon\",\n \"You excel at creating systems and structures that protect what matters\",\n \"You have a natural sense for potential risks and how to mitigate them\",\n \"Your challenge is embracing necessary change while maintaining security\",\n ],\n \"The Catalyst\": [\n \"You naturally energize and motivate those around you\",\n \"You excel at turning ideas into action and inspiring others to join in\",\n \"You have an innate ability to create momentum in stagnant situations\",\n \"Your challenge is sustaining energy through the complete lifecycle of projects\",\n ],\n};\n\n// --------------------- Famous Archetype Examples ---------------------\nconst famousExamples = {\n \"The Visionary\": [\"Elon Musk\", \"Marie Curie\", \"Steve Jobs\"],\n \"The Nurturer\": [\"Fred Rogers\", \"Mother Teresa\", \"Princess Diana\"],\n \"The Sage\": [\"Carl Sagan\", \"Maya Angelou\", \"Albert Einstein\"],\n \"The Artisan\": [\"Frida Kahlo\", \"Leonardo da Vinci\", \"Beyoncé\"],\n \"The Connector\": [\"Oprah Winfrey\", \"Dale Carnegie\", \"Jimmy Fallon\"],\n \"The Guardian\": [\"Ruth Bader Ginsburg\", \"Nelson Mandela\", \"Captain Sully Sullenberger\"],\n \"The Catalyst\": [\"Martin Luther King Jr.\", \"Malala Yousafzai\", \"Tony Robbins\"],\n};\n\n// --------------------- Stage Header Component ---------------------\nfunction StageHeader({ stageIndex }) {\n const stages = [\n { title: \"Stage 1: Discovering Your Essence\", icon: \"fa-solid fa-seedling\" },\n { title: \"Stage 2: Deep Dive\", icon: \"fa-solid fa-brain\" },\n { title: \"Stage 3: Unveiling Your Archetype\", icon: \"fa-solid fa-trophy\" },\n ];\n const stage = stages[stageIndex] || stages[0];\n return (\n

\n {stage.title}\n

\n );\n}\n\n// --------------------- Confetti Function ---------------------\nfunction triggerRandomConfetti() {\n if (window.confetti) {\n const particleCount = Math.floor(Math.random() * 50) + 100;\n const spread = Math.random() * 60 + 40;\n const origin = { x: Math.random(), y: Math.random() * 0.5 + 0.3 };\n window.confetti({ particleCount, spread, origin });\n }\n}\n\n// --------------------- Components ---------------------\nfunction IntroScreen({ onStart }) {\n return (\n
\n
!
\n
\n Discover Your Social Archetype\n
\n
\n Unlock your inner potential and connect with your authentic social style\n
\n
\n This immersive quiz will reveal your unique social archetype and guide you toward events and communities that\n align with your natural strengths. Discover whether you're a visionary, nurturer, sage, artisan, connector,\n guardian, or catalyst.\n
\n
\n {archetypeSummaries.map((arch, idx) => (\n
\n {arch.name}\n
{arch.shortDesc}
\n
\n ))}\n
\n \n
\n
\n Takes only 5 minutes • {\" \"}\n Joined by 50,000+ others\n
\n
\n
\n );\n}\n\nfunction CountdownScreen({ onCountdownComplete }) {\n const [count, setCount] = useState(5);\n\n useEffect(() => {\n if (count <= 0) {\n window.confetti\n && window.confetti({\n particleCount: 200,\n spread: 100,\n origin: { x: 0.5, y: 0.5 },\n });\n const timer = setTimeout(() => onCountdownComplete(), 1500);\n return () => clearTimeout(timer);\n }\n const timer = setTimeout(() => setCount(count - 1), 1000);\n return () => clearTimeout(timer);\n }, [count, onCountdownComplete]);\n\n return (\n
\n
\n
{count > 0 ? count : \"Go!\"}
\n
\n
\n {count > 0 ? \"Preparing your personality journey...\" : \"Let's discover your archetype!\"}\n
\n
\n );\n}\n\nfunction PersonalityQuiz({ onComplete }) {\n const [currentQuestion, setCurrentQuestion] = useState(0);\n const [answers, setAnswers] = useState([]);\n const [fadeOutIn, setFadeOutIn] = useState(false);\n\n const handleAnswer = (optionIndex) => {\n triggerRandomConfetti();\n\n // Add transition effect between questions\n setFadeOutIn(true);\n\n const newAnswers = [...answers, optionIndex];\n setAnswers(newAnswers);\n\n setTimeout(() => {\n if (currentQuestion < staticQuestions.length - 1) {\n setCurrentQuestion(currentQuestion + 1);\n } else {\n submitQuiz(newAnswers);\n }\n setFadeOutIn(false);\n }, 400);\n };\n\n const submitQuiz = (allAnswers) => {\n const tally = {};\n staticQuestions.forEach((question, i) => {\n const selected = allAnswers[i];\n const archetype = question.mapping[selected];\n tally[archetype] = (tally[archetype] || 0) + 1;\n });\n\n let maxCount = 0;\n let resultArchetype = \"\";\n Object.entries(tally).forEach(([archetype, count]) => {\n if (count > maxCount) {\n maxCount = count;\n resultArchetype = archetype;\n }\n });\n\n const events = recommendedEvents[resultArchetype] || [];\n const insights = archetypeInsights[resultArchetype] || [];\n const examples = famousExamples[resultArchetype] || [];\n\n onComplete({\n archetype: resultArchetype,\n events,\n insights,\n examples,\n allAnswers, // Pass all answers for potential visualization\n tally, // Pass the tally for the results breakdown\n });\n };\n\n const question = staticQuestions[currentQuestion];\n // Determine stage based on question index (each stage 5 questions)\n const stageIndex = Math.floor(currentQuestion / 5);\n\n // Calculate progress percentage\n const progressPercentage = ((currentQuestion + 1) / staticQuestions.length) * 100;\n\n return (\n
\n {currentQuestion % 5 === 0 && }\n
\n {question.text}\n
\n\n
\n
\n
\n
\n
\n Question {currentQuestion + 1} of {staticQuestions.length}\n
\n
\n\n
\n {question.options.map((option, index) => (\n handleAnswer(index)}\n className=\"option-button\"\n >\n {[\"1️⃣\", \"2️⃣\", \"3️⃣\", \"4️⃣\"][index]}\n {option} \n \n ))}\n
\n
\n );\n}\n\nfunction QuizResults({ results }) {\n const [activeTab, setActiveTab] = useState(\"overview\");\n const iconClass = archetypeIcons[results.archetype] || \"fa-solid fa-user\";\n\n // Calculate percentage for each archetype\n const totalAnswers = Object.values(results.tally).reduce((a, b) => a + b, 0);\n const percentages = {};\n Object.entries(results.tally).forEach(([archetype, count]) => {\n percentages[archetype] = Math.round((count / totalAnswers) * 100);\n });\n\n // Sort archetypes by percentage (descending)\n const sortedArchetypes = Object.entries(percentages)\n .sort((a, b) => b[1] - a[1])\n .map(([archetype]) => archetype);\n\n return (\n
\n
\n
\n Your Social Archetype:\n {results.archetype}\n
\n
\n \n \n
\n
\n\n
\n
\n setActiveTab(\"overview\")}\n >\n Overview\n \n setActiveTab(\"insights\")}\n >\n Insights\n \n setActiveTab(\"events\")}\n >\n Events\n \n setActiveTab(\"breakdown\")}\n >\n Breakdown\n \n
\n\n
\n {activeTab === \"overview\" && (\n
\n
\n
{archetypeDescriptions[results.archetype]}
\n
\n\n
\n Kindred Spirits\n
\n
\n {results.examples.map((person, index) => (\n
\n {person}\n
\n ))}\n
\n
\n )}\n\n {activeTab === \"insights\" && (\n
\n
\n Your Unique Strengths\n
\n
\n {results.insights.map((insight, index) => (\n
\n {insight}\n
\n ))}\n
\n
\n )}\n\n {activeTab === \"events\" && (\n
\n
\n Recommended Events for You\n
\n
\n {results.events.map((event, index) => (\n
\n
\n \n \n
\n
\n
{event}
\n
Perfect match for your {results.archetype.toLowerCase()} nature
\n \n
\n
\n ))}\n
\n
\n )}\n\n {activeTab === \"breakdown\" && (\n
\n
\n Your Archetype Breakdown\n
\n
\n {sortedArchetypes.map((archetype, index) => (\n
\n
\n {archetype}\n
\n
\n \n
\n {percentages[archetype]}%\n
\n
\n ))}\n
\n
\n )}\n
\n
\n\n
\n \n
\n \n View Source\n \n
\n
\n \n );\n}\n\nfunction App() {\n const [phase, setPhase] = useState(\"intro\");\n const [quizResults, setQuizResults] = useState(null);\n\n const handleStart = () => setPhase(\"countdown\");\n const handleCountdownComplete = () => setPhase(\"quiz\");\n const handleQuizComplete = (results) => {\n setQuizResults(results);\n window.confetti\n && window.confetti({\n particleCount: 250,\n spread: 120,\n origin: { x: 0.5, y: 0.4 },\n });\n setPhase(\"results\");\n };\n\n switch (phase) {\n case \"intro\":\n return ;\n case \"countdown\":\n return ;\n case \"quiz\":\n return ;\n case \"results\":\n return ;\n default:\n return null;\n }\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Discover Your Social Archetype | Interactive Personality Quiz\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[],[242],"files",[150,170,178,186,194,204,213,223,233,240],"counts",{"_254":32,"_255":246,"_256":32,"_257":208},"pulls","branches","forks","envVars","contents",[],{"_104":234,"_95":99,"_153":235,"_155":-5,"_156":138,"_157":101,"_159":160,"_106":261,"_100":32,"_162":200,"_164":237,"_165":22,"_166":-5,"_98":262},["D",1750363408892],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":271,"_148":276,"_250":307,"_200":308,"_258":310,"_311":-5,"_312":22,"_313":-5,"_314":-5,"_315":-5,"_316":317},{"_104":105,"_95":96,"_106":272,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":273,"_132":274,"_135":275,"_147":22},["D",1750362068477],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[277,280,283,286,289,292,295,298,301,304],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":278,"_98":279},[],[152],{"_104":171,"_95":172,"_153":173,"_155":-5,"_156":138,"_157":174,"_159":160,"_106":175,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":281,"_98":282},[],[172],{"_104":179,"_95":180,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":183,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":284,"_98":285},[],[180],{"_104":187,"_95":188,"_153":189,"_155":-5,"_156":138,"_157":190,"_159":160,"_106":191,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":287,"_98":288},[],[188],{"_104":195,"_95":196,"_153":197,"_155":-5,"_156":138,"_157":198,"_159":160,"_106":199,"_100":32,"_162":200,"_164":201,"_165":22,"_166":-5,"_167":290,"_98":291},[],[196],{"_104":205,"_95":206,"_153":207,"_155":-5,"_156":138,"_157":208,"_159":22,"_106":209,"_100":32,"_162":200,"_164":210,"_165":22,"_166":-5,"_167":293,"_98":294},[],[206],{"_104":214,"_95":215,"_153":216,"_155":-5,"_156":138,"_157":217,"_159":22,"_106":218,"_100":32,"_162":219,"_164":220,"_165":22,"_166":-5,"_167":296,"_98":297},[],[215],{"_104":224,"_95":225,"_153":226,"_155":-5,"_156":138,"_157":227,"_159":22,"_106":228,"_100":32,"_162":229,"_164":230,"_165":22,"_166":-5,"_167":299,"_98":300},[],[225],{"_104":234,"_95":99,"_153":235,"_155":-5,"_156":138,"_157":101,"_159":160,"_106":236,"_100":32,"_162":200,"_164":237,"_165":22,"_166":-5,"_167":302,"_98":303},[],[99],{"_104":241,"_95":242,"_153":243,"_155":-5,"_156":138,"_157":244,"_159":22,"_106":245,"_100":246,"_162":219,"_164":247,"_165":22,"_166":-5,"_167":305,"_98":306},[],[242],[277,280,283,286,289,292,295,298,301,304],{"_104":234,"_95":99,"_153":235,"_155":-5,"_156":138,"_157":101,"_159":160,"_106":261,"_100":32,"_162":200,"_164":237,"_165":22,"_166":-5,"_98":309},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

\n Kindred Spirits\n

\n Your Unique Strengths\n

\n Recommended Events for You\n

{event}

\n Your Archetype Breakdown\n

⚠️ Database Error

📊 Admin Dashboard

${stat.primary_archetype}

Recent Submissions

\n {stage.title}\n

\n Discover Your Social Archetype\n

{count > 0 ? count : \"Go!\"}

\n {question.text}\n

\n Your Social Archetype:\n {results.archetype}\n