);
}
function Intro({ go, onResult }) {
const core = window.LP_CORE_ORDER;
const byId = window.LP_BY_ID;
const { t, lang } = useLang();
const phases = [
['feather','#2C7E91','#E4F0F2','Step 1', t('intro.s1t'), t('intro.s1d')],
['heart','#3FA06B','#D9EFE2','Step 2', t('intro.s2t'), t('intro.s2d')],
['compass','#6B5CCB','#ECE9FB','Step 3', t('intro.s3t'), t('intro.s3d')],
];
// Adaptive flow: `order` is the questions asked so far (starts with the fixed
// core). After the core is consumed, the engine appends the next best item.
const [answers,setAnswers] = useState({});
const [order,setOrder] = useState(core);
const [idx,setIdx] = useState(0);
const [leaving,setLeaving] = useState(false);
// Analytics: the visitor started the test
useEffect(()=>{ window.LP_track && window.LP_track('quiz_start', { quiz_type:'adaptive' }); }, []);
const answeredCount = Object.keys(answers).length; // answered before current
const currentId = order[idx];
const item = byId[currentId];
function finish(allAnswers){
const result = window.LP_deriveResult(allAnswers);
if(window.LP_track) window.LP_track('quiz_complete', {
questions_answered: Object.keys(allAnswers).length,
dominant: result && result.dominant
});
onResult && onResult(result); // hands code + internal data up
go('analyse');
}
function pick(v){
const nextAnswers = { ...answers, [currentId]:v };
setLeaving(true);
setTimeout(()=>{
const count = Object.keys(nextAnswers).length;
const state = window.LP_score(nextAnswers);
if(window.LP_shouldStop(state, count)){ finish(nextAnswers); return; }
if(idx+1 < order.length){
// still inside the pre-queued core
setAnswers(nextAnswers); setIdx(idx+1); setLeaving(false); window.scrollTo(0,0);
} else {
// adaptive: pick the most informative next item
const nextId = window.LP_selectNext(state, order);
if(!nextId){ finish(nextAnswers); return; }
setAnswers(nextAnswers); setOrder([...order, nextId]); setIdx(idx+1); setLeaving(false); window.scrollTo(0,0);
}
}, 240);
}
function back(){
if(idx===0){ go('home'); return; }
setLeaving(true);
setTimeout(()=>{ setIdx(idx-1); setLeaving(false); window.scrollTo(0,0); }, 160);
}
// progress bar: 0→80% across the first 40, 80→100% across 40→60
const n = answeredCount;
const pct = n < window.LP_MIN ? (n/window.LP_MIN)*80 : 80 + ((n-window.LP_MIN)/(window.LP_MAX-window.LP_MIN))*20;
if(!item) return null;
return (
{/* Directions, only on the very first question */}
{idx===0 && (
{t('intro.title')}
{t('intro.lead')}
{phases.map(([ic,c,soft,step,title,d])=>(
{step}
{title}
{d}
))}
)}
{/* The test, one adaptive question at a time */}
{/* Fixed-height stage: the question area always occupies one standard
screen, so the answer buttons and the footer below never shift up or
down with the length of the statement. */}
{/* Progress */}
{t('q.word')} {n+1} · {t('q.range')}
{/* Statement + scale form a constant-height block (the statement has a
reserved min-height), centred in the stage. Because the block height
never changes, the answer dots and the footer below stay put no
matter how long the question is. */}