[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","6896b13679c081918627ded94dc379a6","versionInt","title","Cmo Performance & Alignment Diagnostic (hex/amber Style)","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport {\n Radar, RadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis,\n ResponsiveContainer, BarChart, Bar, XAxis, YAxis, Tooltip as RTooltip,\n Legend, CartesianGrid\n} from \"recharts\";\nimport { Card, CardHeader, CardTitle, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\n\n/* =========================\n BRAND — SUN MARK (inline)\n ========================= */\nfunction SunMark({ className = \"h-8 w-16\" }) {\n return (\n \n );\n}\n\n/* =========================\n QUESTIONS — CEO (verbatim)\n ========================= */\nconst QUESTIONS_CEO = [\n { id:1, key:\"strategy\", label:\"1. Strategy\",\n question:\"To what extent do we have a clear marketing strategy that directly supports our business goals, and how well does my CMO articulate it?\" },\n { id:2, key:\"market\", label:\"2. Market Understanding\",\n question:\"How deeply does our CMO understand our target market, product and customers, and is that understanding reflected in our marketing?\" },\n { id:3, key:\"team\", label:\"3. Team\",\n question:\"How well is my CMO effectively building and leading a high-performance marketing team and culture?\" },\n { id:4, key:\"alignment\", label:\"4. Collaboration & Alignment\",\n question:\"How well does our CMO collaborate with other departments, especially Sales and Product?\" },\n { id:5, key:\"pmm\", label:\"5. Product Marketing\",\n question:\"How strong is your Product Marketing function (messaging, positioning, understanding of your target audience, sales enablement, and product launches) under our CMO’s leadership?\" },\n { id:6, key:\"demand\", label:\"6. Demand Generation/Growth\",\n question:\"How well is our CMO driving effective demand generation and growth – in other words, is marketing delivering the pipeline and active user growth we need?\" },\n { id:7, key:\"content\", label:\"7. Content & Thought Leadership\",\n question:\"How are our content marketing, branding, and communications initiatives resonating with our audience and strengthening our brand?\" },\n { id:8, key:\"influencers\", label:\"8. Influencers & Community\",\n question:\"How well is our CMO leveraging influencers, partnerships, or community to amplify our reach and build customer trust?\" },\n { id:9, key:\"brand\", label:\"9. Brand\",\n question:\"How effectively is our CMO elevating the company’s brand and narrative, enabling us to stand out in our market?\" },\n { id:10, key:\"customer\", label:\"10. Customer Marketing\",\n question:\"How well is our CMO turning happy customers, their results and best practices into visible advocates who drive referrals, renewals, and expansion?\" },\n { id:11, key:\"techai\", label:\"11. Tech and AI\",\n question:\"How well does your CMO and marketing team utilize the latest technology and tools (especially AI) to increase efficiency, speed, and insight?\" },\n { id:12, key:\"cxocmo\", label:\"12. CEO/CMO partnership\",\n question:\"How well are you and the CMO aligned on goals and expectations, and does the CMO communicate progress and challenges openly?\" }\n];\n\n/* =========================\n QUESTIONS — CMO (direct)\n ========================= */\nconst QUESTIONS_CMO = [\n { id:1, key:\"strategy\", label:\"1. Strategy\",\n question:\"To what extent do you have a clear marketing strategy that directly supports the business goals, and how well do you articulate it?\" },\n { id:2, key:\"market\", label:\"2. Market Understanding\",\n question:\"How deeply do you understand the target market, product and customers, and is that understanding reflected in your marketing?\" },\n { id:3, key:\"team\", label:\"3. Team\",\n question:\"How effectively are you building and leading a high-performance marketing team and culture?\" },\n { id:4, key:\"alignment\", label:\"4. Collaboration & Alignment\",\n question:\"How well do you collaborate with other departments, especially Sales and Product?\" },\n { id:5, key:\"pmm\", label:\"5. Product Marketing\",\n question:\"How strong is Product Marketing under your leadership—messaging, positioning, audience understanding, sales enablement, and product launches?\" },\n { id:6, key:\"demand\", label:\"6. Demand Generation/Growth\",\n question:\"How well are you driving effective demand generation and growth—i.e., is marketing delivering the pipeline and active user growth the business needs?\" },\n { id:7, key:\"content\", label:\"7. Content & Thought Leadership\",\n question:\"How well do your content, branding, and communications resonate with the audience and strengthen the brand?\" },\n { id:8, key:\"influencers\", label:\"8. Influencers & Community\",\n question:\"How well are you leveraging influencers, partnerships, or community to amplify reach and build customer trust?\" },\n { id:9, key:\"brand\", label:\"9. Brand\",\n question:\"How effectively are you elevating the company’s brand and narrative so we clearly stand out?\" },\n { id:10, key:\"customer\", label:\"10. Customer Marketing\",\n question:\"How well are you turning happy customers, their results and best practices into visible advocates who drive referrals, renewals, and expansion?\" },\n { id:11, key:\"techai\", label:\"11. Tech and AI\",\n question:\"How well do you and the team utilize modern martech and AI to increase efficiency, speed, and insight—without bloat?\" },\n { id:12, key:\"cxocmo\", label:\"12. CEO/CMO partnership\",\n question:\"To what extent are you and the CEO aligned on goals and expectations, and do you communicate progress and challenges openly?\" }\n];\n\n/* =========================\n CONSTANTS & HELPERS\n ========================= */\nconst SCALE = [1,2,3,4,5];\nconst LS_KEY = \"fdc_diagnostic_v1\";\nconst LS_EMAILS = \"fdc_emails_v1\";\n\nfunction saveLS(data){ try{ localStorage.setItem(LS_KEY, JSON.stringify(data)); }catch{} }\nfunction loadLS(){ try{ const v=localStorage.getItem(LS_KEY); return v?JSON.parse(v):null; }catch{ return null; }}\nfunction avg(nums){ return nums.length? +(nums.reduce((a,b)=>a+b,0)/nums.length).toFixed(2):0 }\nfunction hasAnyScores(scores) { return Object.values(scores || {}).some((v) => typeof v === \"number\" && v > 0); }\n\n/* Recommendations (short, direct) */\nconst RECS = {\n strategy:[\n \"Publish a 1-page strategy tied to revenue and retention.\",\n \"Share a monthly ‘goals → programs → KPIs → learnings’ memo.\",\n \"Quarterly strategy review with CEO/CFO.\"\n ],\n market:[\n \"Do 4+ customer interviews per month; share insights.\",\n \"Refresh ICPs, use-cases, proof points per segment.\",\n \"Ship a quarterly ‘State of the Customer’ brief.\"\n ],\n team:[\n \"Set quarterly team OKRs with owners; review weekly.\",\n \"Define hiring bar and succession for key roles.\",\n \"Run monthly retros on speed, quality, learnings.\"\n ],\n alignment:[\n \"Bi-weekly Rev/PMM sync on targets and gaps.\",\n \"Shared launch checklist across Product/Sales/Marketing.\",\n \"Single funnel definitions MQL→SQL→Pipe→ARR.\"\n ],\n pmm:[\n \"1-page positioning per product/segment.\",\n \"Enablement kits: pitch, demo, battlecards, FAQs.\",\n \"For each release: story, target, proof, CTA.\"\n ],\n demand:[\n \"Quarterly pipeline commit; track sourced & influenced.\",\n \"Cut bottom 20% programs; double down on top 20%.\",\n \"Revenue dashboard with ROI and payback.\"\n ],\n content:[\n \"Help-not-hype editorial with expert voices.\",\n \"Map content to buyer stages; CTA on every asset.\",\n \"Instrument content → meetings (UTM + CRM hygiene).\"\n ],\n influencers:[\n \"Identify 10 credible creators/maintainers; co-build.\",\n \"Stand up a customer council; quarterly roundtables.\",\n \"Replace shallow sponsorships with measurable plays.\"\n ],\n brand:[\n \"Craft a 20-second, 2-sentence narrative.\",\n \"Lock a design system and enforce consistency.\",\n \"Quarterly POV piece analysts/press can cite.\"\n ],\n customer:[\n \"Reference program with tiers and perks.\",\n \"1 new case + 1 customer webinar per month.\",\n \"Recruit power users as co-authors/speakers.\"\n ],\n techai:[\n \"Audit stack; remove shelf-ware; add AI where it saves hours.\",\n \"Automate reporting, enrichment, routing.\",\n \"Monthly ‘AI in Marketing’ training with live playbooks.\"\n ],\n cxocmo:[\n \"Weekly 30-min working session on priorities/blocks.\",\n \"Share ‘plan, risks, asks’ memo before exec meetings.\",\n \"Agree on 3 quarterly bets and measure together.\"\n ]\n};\n\n/* =========================\n SHARE-LINK (base64url)\n ========================= */\nfunction encodeState(obj) {\n const json = JSON.stringify(obj);\n const bytes = new TextEncoder().encode(json);\n let bin = \"\";\n bytes.forEach((b) => (bin += String.fromCharCode(b)));\n const b64 = btoa(bin);\n return b64.replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/g, \"\");\n}\nfunction decodeState(b64url) {\n const b64 = b64url.replace(/-/g, \"+\").replace(/_/g, \"/\");\n const pad = b64.length % 4 ? \"=\".repeat(4 - (b64.length % 4)) : \"\";\n const str = atob(b64 + pad);\n const bytes = Uint8Array.from(str, (c) => c.charCodeAt(0));\n return JSON.parse(new TextDecoder().decode(bytes));\n}\nfunction makeShareURL(targetRole, company, ceoName, cmoName, ceoScores, cmoScores) {\n const state = { company, ceoName, cmoName, ceoScores, cmoScores };\n const s = encodeState(state);\n const url = new URL(window.location.href);\n url.searchParams.set(\"state\", s);\n url.searchParams.set(\"next\", targetRole);\n return url.toString();\n}\n\n/* =========================\n UI ATOMS\n ========================= */\nfunction Segmented({ value, onChange }) {\n return (\n

\n {SCALE.map(v => (\n \n ))}\n

\n );\n}\n\n/* Discreet reset session button */\nfunction ResetSessionButton() {\n function reset() {\n if (!window.confirm(\"Reset session? This will clear company, names, scores, and captured emails.\")) return;\n try {\n localStorage.removeItem(LS_KEY);\n localStorage.removeItem(LS_EMAILS);\n } catch {}\n try { window.history.replaceState({}, \"\", window.location.pathname); } catch {}\n window.location.reload();\n }\n return (\n \n \n \n );\n}\n\nfunction Masthead() {\n return (\n

\n \n

\n François Dufour Consulting\n

\n \n Vibecoded with GPT-5 — Foundational content by{\" \"}\n François\n \n \n

\n );\n}\n\nfunction RoleModal({ visible, onCEO, onCMO, onClose }) {\n if (!visible) return null;\n return (\n

e.stopPropagation()}>\n

Who’s taking the assessment?

\n \n \n

You can invite the other leader to take their version later.

\n );\n}\n\nfunction SharePanel({ who, company, ceoName, cmoName, ceoScores, cmoScores }) {\n const target = who === \"CEO\" ? \"CMO\" : \"CEO\";\n const link = makeShareURL(target, company, ceoName, cmoName, ceoScores, cmoScores);\n\n function copyLink() {\n navigator.clipboard.writeText(link).then(\n () => alert(`Link copied. Send it to the ${target}.`),\n () => alert(\"Couldn’t copy link. Please copy it from the field instead.\")\n );\n }\n function emailInvite() {\n const subject = encodeURIComponent(\"Please complete your side of the CEO/CMO Diagnostic\");\n const body = encodeURIComponent(\n `Hi — can you take your version of the survey so we can compare?\\n\\n${link}\\n\\nThanks!`\n );\n window.location.href = `mailto:?subject=${subject}&body=${body}`;\n }\n\n return (\n

Share with the {target}

\n \n \n e.currentTarget.select()} />\n

\n This link opens the {target} survey and preserves current answers for comparison. The other person won’t see your\n scores until both are done.\n

\n );\n}\n\n/* =========================\n ENHANCEMENTS (Hero polish)\n ========================= */\n\n/* Follow-cursor gradient (respects reduced-motion) */\nfunction useCursorGlow() {\n const ref = useRef(null);\n useEffect(() => {\n const el = ref.current;\n if (!el) return;\n const prefersReduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (prefersReduced) return;\n\n let raf = 0;\n const onMove = (e) => {\n cancelAnimationFrame(raf);\n raf = requestAnimationFrame(() => {\n const r = el.getBoundingClientRect();\n const x = ((e.clientX - r.left) / r.width) * 100;\n const y = ((e.clientY - r.top) / r.height) * 100;\n el.style.setProperty(\"--mx\", `${x}%`);\n el.style.setProperty(\"--my\", `${Math.max(8, y * 0.7)}%`);\n });\n };\n window.addEventListener(\"pointermove\", onMove);\n return () => { cancelAnimationFrame(raf); window.removeEventListener(\"pointermove\", onMove); };\n }, []);\n return ref;\n}\n\nfunction Reveal({ children, delay = 0 }) {\n return (\n \n {children}\n \n );\n}\n\n/* Live preview tile (animated radar) */\nfunction LivePreviewTile() {\n const base = [\n { subject: \"Strategy\", CEO: 3, CMO: 4, fullMark: 5 },\n { subject: \"PMM\", CEO: 4, CMO: 3, fullMark: 5 },\n { subject: \"Demand\", CEO: 2, CMO: 3, fullMark: 5 },\n { subject: \"Brand\", CEO: 3, CMO: 4, fullMark: 5 },\n { subject: \"AI\", CEO: 2, CMO: 4, fullMark: 5 },\n ];\n const [data, setData] = useState(base);\n useEffect(() => {\n const id = setInterval(() => {\n setData((d) =>\n d.map((p) => ({\n ...p,\n CEO: Math.max(1, Math.min(5, p.CEO + (Math.random() > 0.5 ? 1 : -1))),\n CMO: Math.max(1, Math.min(5, p.CMO + (Math.random() > 0.5 ? 1 : -1))),\n }))\n );\n }, 2600);\n return () => clearInterval(id);\n }, []);\n return (\n \n Live preview\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\n/* =========================\n PAGES\n ========================= */\nfunction Home({ onStart, onPreview }) {\n const heroRef = useCursorGlow();\n\n return (\n

\n \n\n {/* HERO */}\n \n {/* cursor-reactive amber glow */}\n

\n\n {/* frosted hero card */}\n

\n \n How aligned are your CEO and CMO?\n \n

\n Rate 12 areas side-by-side. See gaps instantly. Get clear steps to improve pipeline, velocity, and brand.\n

\n \n \n ~3 minutes\n

\n\n {/* live preview + benefits */}\n

\n \n \n \n What you’ll get\n \n

Side-by-side CEO/CMO view
Top gaps & weakest areas
Direct, no-jargon playbook

\n \n \n \n

\n\n {/* CATEGORY PREVIEW — with hover lift/glow and reveal */}\n

\n {QUESTIONS_CEO.map((q, i) => (\n \n

{q.label}

{q.question}

\n \n ))}\n

\n );\n}\n\nfunction Survey({\n who,\n company, setCompany,\n ceoName, setCeoName,\n cmoName, setCmoName,\n ceoScores, setCeoScores,\n cmoScores, setCmoScores,\n onBack, onResults\n}) {\n const questions = who===\"CEO\" ? QUESTIONS_CEO : QUESTIONS_CMO;\n const scores = who===\"CEO\" ? ceoScores : cmoScores;\n const setScores = who===\"CEO\" ? setCeoScores : setCmoScores;\n\n const meHas = who === \"CEO\" ? hasAnyScores(ceoScores) : hasAnyScores(cmoScores);\n const otherHas = who === \"CEO\" ? hasAnyScores(cmoScores) : hasAnyScores(ceoScores);\n\n return (\n

\n \n

\n \n Company\n setCompany(e.target.value)} />\n \n \n CEO\n setCeoName(e.target.value)} />\n \n \n CMO\n setCmoName(e.target.value)} />\n \n

\n\n

\n Give a 1 to 5 rating for each question — 1 = Poor · 5 = Strong\n

\n\n

\n {questions.map(q=>(\n \n \n {q.label}\n setScores(s=>({ ...s, [q.key]:v }))}/>\n \n {q.question}\n \n ))}\n

\n\n {/* Share CTA if only one side is filled so far */}\n {meHas && !otherHas && (\n

\n \n

\n )}\n\n

\n \n \n

\n );\n}\n\nfunction Results({\n company, ceoName, cmoName,\n ceoScores, cmoScores,\n overall, radarData, deltas, topGaps, weakest,\n actionable,\n email, setEmail,\n onHome,\n onDownloadCSV,\n onAddEmail\n}) {\n const ceoHas = hasAnyScores(ceoScores);\n const cmoHas = hasAnyScores(cmoScores);\n\n return (\n

\n \n

Results & recommendations

\n Overall avg — CEO: {overall.ceoAvg} · CMO: {overall.cmoAvg}\n

\n\n {/* If only one side answered, prompt to share */}\n {(ceoHas !== cmoHas) && (\n

\n \n

\n )}\n\n

\n \n Side-by-side view\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n Misalignment by area (|CEO − CMO|)\n \n \n !d.ceoOnly)}>\n \n \n \n \n \n \n \n \n \n

\n\n

\n {/* Top gaps — light text */}\n \n Top gaps\n \n

\n {i+1}. {g.name}\n Δ {g.delta.toFixed(1)}\n

No gaps yet — add scores.

\n \n \n\n {/* Weakest areas — light text */}\n \n Weakest areas (avg)\n \n

\n {w.name}\n {w.avg.toFixed(1)}\n

Add scores to see ranking.

\n \n \n\n {/* Quick playbook — light text */}\n \n Quick playbook\n \n

Agree on one funnel with Finance & Sales; set a quarterly pipeline commit.
Publish a 1-page narrative + positioning per segment.
Reference program with fresh proof monthly.
Audit martech; automate reporting and routing.

\n \n \n

\n\n {/* Targeted recommendations */}\n \n Targeted recommendations\n \n {actionable.length? actionable.map((r,idx)=>(\n

{r.title}

{it}

\n )):

Complete both surveys to see tailored actions.

}\n \n \n\n {/* PDF + Calendly */}\n

Enter your email to get the PDF. Results on this page are free.

\n setEmail(e.target.value)} />\n \n

\n Admin: \n

\n \n \n

\n );\n}\n\n/* =========================\n ROOT APP\n ========================= */\nexport default function App(){\n const saved = loadLS();\n const [page, setPage] = useState(saved?.page ?? \"home\");\n const [company, setCompany] = useState(saved?.company ?? \"\");\n const [ceoName, setCeoName] = useState(saved?.ceoName ?? \"\");\n const [cmoName, setCmoName] = useState(saved?.cmoName ?? \"\");\n const [showRoleModal, setShowRoleModal] = useState(false);\n\n const [ceoScores, setCeoScores] = useState(saved?.ceoScores ?? {});\n const [cmoScores, setCmoScores] = useState(saved?.cmoScores ?? {});\n const [email, setEmail] = useState(\"\");\n\n /* Parse incoming ?state=...&next=... link once */\n useEffect(() => {\n try {\n const params = new URLSearchParams(window.location.search);\n const s = params.get(\"state\");\n const next = params.get(\"next\");\n if (s) {\n const incoming = decodeState(s);\n setCompany(incoming.company || \"\");\n setCeoName(incoming.ceoName || \"\");\n setCmoName(incoming.cmoName || \"\");\n if (incoming.ceoScores) setCeoScores(incoming.ceoScores);\n if (incoming.cmoScores) setCmoScores(incoming.cmoScores);\n if (next === \"CEO\" || next === \"CMO\") setPage(next === \"CEO\" ? \"survey-ceo\" : \"survey-cmo\");\n window.history.replaceState({}, \"\", window.location.pathname);\n }\n } catch (e) { console.warn(\"Bad shared state in URL\", e); }\n }, []);\n\n /* Persist state */\n useEffect(()=>{ saveLS({ page, company, ceoName, cmoName, ceoScores, cmoScores }); },\n [page, company, ceoName, cmoName, ceoScores, cmoScores]);\n\n /* Scroll to top on page change (so Results opens at the charts) */\n useEffect(() => {\n const prefersReduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n const behavior = prefersReduced ? \"auto\" : \"smooth\";\n requestAnimationFrame(() => window.scrollTo({ top: 0, behavior }));\n }, [page]);\n\n /* Email capture list in LS */\n const [emails, setEmails] = useState(()=>{\n try { return JSON.parse(localStorage.getItem(LS_EMAILS) || \"[]\"); } catch { return []; }\n });\n function addEmail(addr){\n const email = (addr||\"\").trim();\n if (!email) return;\n const list = Array.from(new Set([...(emails||[]), email]));\n setEmails(list);\n try { localStorage.setItem(LS_EMAILS, JSON.stringify(list)); } catch {}\n }\n function downloadCSV(){\n const rows = [\"email\", ...emails];\n const blob = new Blob([rows.join(\"\\n\")], { type:\"text/csv\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url; a.download = \"diagnostic_emails.csv\"; a.click();\n URL.revokeObjectURL(url);\n }\n\n /* Derived data for Results */\n const radarData = useMemo(()=>{\n return QUESTIONS_CEO.slice(0,11).map(q => ({\n subject: q.label.replace(/^\\d+\\. /,\"\"),\n CEO: ceoScores[q.key] ?? 0,\n CMO: cmoScores[q.key] ?? 0,\n fullMark: 5\n }));\n }, [ceoScores, cmoScores]);\n\n const deltas = useMemo(()=>{\n return QUESTIONS_CEO.map(q => ({\n name: q.label.replace(/^\\d+\\. /,\"\"),\n delta: Math.abs((ceoScores[q.key] ?? 0)-(cmoScores[q.key] ?? 0)),\n ceoOnly: q.key===\"cxocmo\"\n }));\n }, [ceoScores, cmoScores]);\n\n const topGaps = useMemo(()=>deltas.filter(d=>!d.ceoOnly).sort((a,b)=>b.delta-a.delta).slice(0,3), [deltas]);\n\n const weakest = useMemo(()=>{\n return QUESTIONS_CEO.filter(q=>q.key!==\"cxocmo\").map(q=>{\n const a = ((ceoScores[q.key] ?? 0)+(cmoScores[q.key] ?? 0))/2;\n return { name:q.label.replace(/^\\d+\\. /,\"\"), avg:a, key:q.key };\n }).sort((a,b)=>a.avg-b.avg).slice(0,4);\n }, [ceoScores, cmoScores]);\n\n const overall = useMemo(()=>{\n const keys = QUESTIONS_CEO.map(q=>q.key);\n return {\n ceoAvg: avg(keys.map(k=>ceoScores[k] ?? 0)),\n cmoAvg: avg(keys.map(k=>cmoScores[k] ?? 0))\n };\n }, [ceoScores, cmoScores]);\n\n const actionable = useMemo(()=>{\n const needs = [];\n for (const q of QUESTIONS_CEO){\n const c = ceoScores[q.key] ?? 0;\n const m = cmoScores[q.key] ?? 0;\n const a = (c+m)/2;\n const gap = Math.abs(c-m);\n if (a<=3 || gap>=2) needs.push({ title: q.label.replace(/^\\d+\\. /,\"\"), items: RECS[q.key]||[] });\n }\n return needs;\n }, [ceoScores, cmoScores]);\n\n /* Router */\n const showHome = page===\"home\";\n const showCeo = page===\"survey-ceo\";\n const showCmo = page===\"survey-cmo\";\n const showResults = page===\"results\";\n\n return (\n

\n {showHome && (\n setShowRoleModal(true)}\n onPreview={()=>setPage(\"results\")}\n />\n )}\n\n {showCeo && (\n setPage(\"home\")}\n onResults={()=>setPage(\"results\")}\n />\n )}\n\n {showCmo && (\n setPage(\"home\")}\n onResults={()=>setPage(\"results\")}\n />\n )}\n\n {showResults && (\n setPage(\"home\")}\n onDownloadCSV={downloadCSV}\n onAddEmail={addEmail}\n />\n )}\n

\n\n { setShowRoleModal(false); setPage(\"survey-ceo\"); }}\n onCMO={()=>{ setShowRoleModal(false); setPage(\"survey-cmo\"); }}\n onClose={()=>setShowRoleModal(false)}\n />\n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","9004381018761080602","traceTime",1776507046925]