// dna-assessment.jsx — the Tier 4 gateway, built on the LIFE180 Funnel
// Architecture (entry · framing · exercise · results · insight · path).
// Scores across five DNA types + risk + current reality, then routes
// (Path A–D). Exports window.L180DNA. onRoute(result) hands the result up.
const DNA_STAGES = ["entry", "framing", "exercise", "results", "insight", "path"];
const DNA_STAGE_LABELS = ["Welcome", "The five types", "The assessment", "Your DNA", "What it means", "Your path"];
function L180DNA({ mode, onExit, onRoute }) {
const Qs = window.L180_DNA_QUESTIONS;
const hue = window.l180TierHue(4);
const lsKey = "l180_dna";
const [stage, setStage] = React.useState(0);
const [qi, setQi] = React.useState(0);
const [answers, setAnswers] = React.useState({});
const [flags, setFlags] = React.useState({});
const [openWhy, setOpenWhy] = React.useState(null);
const [restored, setRestored] = React.useState(false);
const advTimer = React.useRef(null);
// save / resume
React.useEffect(() => {
try {
const s = JSON.parse(localStorage.getItem(lsKey) || "null");
if (s && s.answers) { setAnswers(s.answers); setStage(s.stage || 0); setQi(s.qi || 0); }
} catch (e) {}
setRestored(true);
}, []);
React.useEffect(() => {
if (!restored) return;
try { localStorage.setItem(lsKey, JSON.stringify({ answers, stage, qi })); } catch (e) {}
}, [answers, stage, qi, restored]);
const complete = Qs.every((q) => answers[q.id] != null);
const result = React.useMemo(() => complete ? window.l180ScoreDNA(answers) : null, [complete, answers]);
function choose(qid, idx) {
setAnswers((a) => {
const next = { ...a, [qid]: idx };
const allDone = Qs.every((q) => next[q.id] != null);
if (advTimer.current) clearTimeout(advTimer.current);
advTimer.current = setTimeout(() => {
if (allDone) setStage(3);
else setQi((i) => Math.min(Qs.length - 1, i + 1));
}, 220);
return next;
});
}
function reset() { setAnswers({}); setStage(0); setQi(0); try { localStorage.removeItem(lsKey); } catch (e) {} }
const agentPrompts = {
entry: "Frame this as the most important conversation in the process — everything routes from here.",
framing: "Walk them through the five types in your words. Ask which they suspect they are before they answer.",
exercise: "Let them answer on instinct. Flag any answer that contradicts what you know about them.",
results: "Read the DNA and the blend out loud. Affirm the primary, note the secondary's influence.",
insight: "This is the heart of it: DNA says who they're becoming, reality says what they need now. Hold both.",
path: "Set expectations for where they're headed — the sub-pyramid or the lens — before you click through.",
};
// ---------- stage bodies ----------
function Body() {
// guard: result-stages need a computed result (never crash; just hold)
if (stage >= 3 && !result) return null;
switch (DNA_STAGES[stage]) {
case "entry":
return (
Tier 04 · The Routing Tier
Discover Your Investor DNA
There is no universal “best” investment strategy — only what's aligned for you.
This is the gateway. In about three minutes we'll find your primary DNA, your secondary blend, and where you actually live today — then route you to the path built for you.
{DNA_STAGE_LABELS.map((l, i) => (
{i + 1}{l}
))}
About 3 minutes · {Qs.length} questions
);
case "framing":
return (
The five types
Your DNA tells you who you're wired to become. Your current reality tells you what you need today. Strategy serves both.
{Object.values(window.L180_DNA).map((d) => (
{d.name}{d.domain}
{d.blurb}
))}
);
case "exercise": {
const Q = Qs[qi];
if (!Q) return null;
const chosen = answers[Q.id];
return (