524 lines
26 KiB
JavaScript
524 lines
26 KiB
JavaScript
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._container_12iml_1{background:var(--color-bg, #0a0a0f);color:var(--color-text, #e8e8ec);padding:var(--spacing-md, 2rem);border-radius:var(--border-radius, 12px);box-sizing:border-box;font-family:var(--font-main, "Iceland", -apple-system, BlinkMacSystemFont, sans-serif);line-height:1.5;min-height:400px;display:flex;flex-direction:column}._container_12iml_1 *,._container_12iml_1 *:before,._container_12iml_1 *:after{box-sizing:inherit}._introScreen_12iml_19{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1;text-align:center}._introTitle_12iml_27{font-family:var(--font-display, "Russo One", sans-serif);font-size:var(--small-font, 1.875rem);color:var(--color-accent, #22d3ee)}._introSubtitle_12iml_33{font-size:1rem;color:var(--color-text-muted, #9999a8);margin-top:calc(var(--spacing-sm, 1rem) * -1)}._carouselDots_12iml_39{display:flex;gap:.5rem;justify-content:center}._carouselDot_12iml_39{width:8px;height:8px;border-radius:50%;background:var(--color-border, #2a2a3a);transition:var(--transition, .2s ease)}._carouselDot_12iml_39._active_12iml_53{background:var(--color-accent, #22d3ee)}._continueButton_12iml_57{background:var(--color-primary, #6366f1);color:#fff;border:none;padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;font-family:var(--font-display, "Russo One", sans-serif);cursor:pointer;transition:var(--transition, .2s ease);margin-top:auto}._continueButton_12iml_57:hover{background:var(--color-primary-hover, #818cf8)}._quizScreen_12iml_75{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1}._intro_12iml_19{font-family:var(--font-display, "Russo One", sans-serif);font-size:var(--small-font, 1.875rem);color:var(--color-accent, #22d3ee);text-align:center;margin-bottom:var(--spacing-sm, 1rem)}._progress_12iml_90{display:flex;gap:.5rem;justify-content:center;margin-bottom:var(--spacing-sm, 1rem)}._progressDot_12iml_97{width:12px;height:12px;border-radius:50%;background:var(--color-border, #2a2a3a);transition:var(--transition, .2s ease)}._progressDot_12iml_97._active_12iml_53{background:var(--color-primary, #6366f1)}._progressDot_12iml_97._completed_12iml_109{background:var(--color-accent, #22d3ee)}._questionContainer_12iml_113{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm, 1rem)}._questionText_12iml_120{font-size:1.25rem;color:var(--color-text, #e8e8ec);font-weight:600;text-align:center}._questionContext_12iml_127{font-size:1rem;color:var(--color-text-muted, #9999a8);text-align:center;margin-bottom:var(--spacing-sm, 1rem)}._options_12iml_134{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem)}._option_12iml_134{background:var(--color-bg-secondary, #12121a);border:1px solid var(--color-border, #2a2a3a);color:var(--color-text, #e8e8ec);padding:var(--spacing-sm, 1rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;cursor:pointer;transition:var(--transition, .2s ease);text-align:left;font-family:inherit}._option_12iml_134:hover{border-color:var(--color-primary, #6366f1);background:#6366f11a}._option_12iml_134._selected_12iml_158{border-color:var(--color-accent, #22d3ee);background:#22d3ee1a}._recommendationScreen_12iml_164{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1}._diagnosticComplete_12iml_171{font-family:var(--font-display, "Russo One", sans-serif);font-size:1.25rem;color:var(--color-accent, #22d3ee);text-align:center}._summaryBox_12iml_178{background:var(--color-bg-secondary, #12121a);border:1px solid var(--color-border, #2a2a3a);border-radius:var(--border-radius, 12px);padding:var(--spacing-md, 2rem);text-align:center}._summaryLabel_12iml_186{font-size:.875rem;color:var(--color-text-muted, #9999a8);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs, .5rem)}._summaryText_12iml_194{font-size:1.125rem;color:var(--color-text, #e8e8ec);font-style:italic;white-space:pre-line;line-height:1.6}._recommendedLabel_12iml_202{font-size:.875rem;color:var(--color-text-muted, #9999a8);text-transform:uppercase;letter-spacing:.1em;text-align:center}._roleCards_12iml_210{display:flex;gap:var(--spacing-sm, 1rem);overflow-x:auto;padding-bottom:var(--spacing-xs, .5rem);scroll-snap-type:x mandatory}._roleCard_12iml_210{flex:0 0 280px;background:var(--color-bg-secondary, #12121a);border:2px solid var(--color-border, #2a2a3a);border-radius:var(--border-radius, 12px);padding:var(--spacing-sm, 1rem);transition:var(--transition, .2s ease);scroll-snap-align:center}._roleCard_12iml_210._recommended_12iml_202{border-color:var(--color-accent, #22d3ee);box-shadow:0 0 20px #22d3ee33}._roleCard_12iml_210._recommended_12iml_202:before{content:"RECOMMENDED";display:block;font-size:.625rem;color:var(--color-accent, #22d3ee);letter-spacing:.15em;margin-bottom:var(--spacing-xs, .5rem)}._roleTitle_12iml_242{font-family:var(--font-display, "Russo One", sans-serif);font-size:1.25rem;color:var(--color-primary, #6366f1);margin-bottom:var(--spacing-xs, .5rem)}._roleDescription_12iml_249{font-size:.875rem;color:var(--color-text-muted, #9999a8);line-height:1.5}._roleStrengths_12iml_255{display:flex;flex-direction:column;gap:.25rem;margin-top:var(--spacing-xs, .5rem)}._strengthTag_12iml_262{font-size:.75rem;color:var(--color-accent, #22d3ee)}._roleCard_12iml_210._selectable_12iml_267{cursor:pointer}._roleCard_12iml_210._selectable_12iml_267:hover{border-color:var(--color-primary, #6366f1);transform:translateY(-2px)}._resultScreen_12iml_277{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1;text-align:center}._assignedLabel_12iml_285{font-size:.875rem;color:var(--color-text-muted, #9999a8);text-transform:uppercase;letter-spacing:.1em}._resultCard_12iml_292{background:var(--color-bg-secondary, #12121a);border:2px solid var(--color-accent, #22d3ee);border-radius:var(--border-radius, 12px);padding:var(--spacing-md, 2rem);box-shadow:0 0 20px #22d3ee33;text-align:left}._resultCard_12iml_292 ._roleTitle_12iml_242{text-align:center}._resultCard_12iml_292 ._roleDescription_12iml_249{text-align:center;margin-bottom:var(--spacing-sm, 1rem)}._resultCard_12iml_292 ._roleStrengths_12iml_255{align-items:center}._resultButtons_12iml_314{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem);margin-top:auto}._acceptButton_12iml_321{background:var(--color-accent, #22d3ee);color:var(--color-bg, #0a0a0f);border:none;padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;font-family:var(--font-display, "Russo One", sans-serif);cursor:pointer;transition:var(--transition, .2s ease);font-weight:600}._acceptButton_12iml_321:hover{background:#5ce1f0}._decideButton_12iml_338{background:transparent;color:var(--color-text-muted, #9999a8);border:1px solid var(--color-border, #2a2a3a);padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:.875rem;font-family:inherit;cursor:pointer;transition:var(--transition, .2s ease)}._decideButton_12iml_338:hover{border-color:var(--color-text-muted, #9999a8);color:var(--color-text, #e8e8ec)}._selectionScreen_12iml_356{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1}._selectionTitle_12iml_363{font-family:var(--font-display, "Russo One", sans-serif);font-size:1.25rem;color:var(--color-accent, #22d3ee);text-align:center}._welcomeScreen_12iml_371{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1;text-align:center}._welcomeTitle_12iml_379{font-family:var(--font-display, "Russo One", sans-serif);font-size:var(--small-font, 1.875rem);color:var(--color-primary, #6366f1)}._welcomeRole_12iml_385{color:var(--color-accent, #22d3ee)}._welcomeDescription_12iml_389{font-size:1.125rem;color:var(--color-text, #e8e8ec);max-width:500px;margin:0 auto;line-height:1.6}._statsList_12iml_397{display:flex;flex-direction:column;gap:var(--spacing-sm, 1rem);text-align:left;max-width:400px;margin:0 auto}._statItem_12iml_406{background:var(--color-bg-secondary, #12121a);border-radius:var(--border-radius-sm, 8px);padding:var(--spacing-sm, 1rem)}._statLabel_12iml_412{font-size:.75rem;color:var(--color-accent, #22d3ee);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}._statValue_12iml_420{font-size:.875rem;color:var(--color-text, #e8e8ec)}._strengthsList_12iml_425{list-style:none;padding:0;margin:0}._strengthsList_12iml_425 li{padding:.25rem 0}._strengthsList_12iml_425 li:before{content:"+ ";color:var(--color-accent, #22d3ee)}._confirmButton_12iml_440{background:var(--color-primary, #6366f1);color:#fff;border:none;padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;font-family:var(--font-display, "Russo One", sans-serif);cursor:pointer;transition:var(--transition, .2s ease);margin-top:auto}._confirmButton_12iml_440:hover{background:var(--color-primary-hover, #818cf8)}@media (max-width: 768px){._introScreen_12iml_19 ._roleCards_12iml_210,._selectionScreen_12iml_356 ._roleCards_12iml_210{flex-direction:row}._introScreen_12iml_19 ._roleCard_12iml_210,._selectionScreen_12iml_356 ._roleCard_12iml_210{flex:0 0 260px}}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
import { jsxs as r, jsx as i } from "react/jsx-runtime";
|
|
import { useState as b, useRef as T, useCallback as d, useEffect as E } from "react";
|
|
const W = "_container_12iml_1", F = "_introScreen_12iml_19", j = "_introTitle_12iml_27", K = "_introSubtitle_12iml_33", U = "_carouselDots_12iml_39", V = "_carouselDot_12iml_39", G = "_active_12iml_53", H = "_continueButton_12iml_57", J = "_quizScreen_12iml_75", X = "_intro_12iml_19", Z = "_progress_12iml_90", P = "_progressDot_12iml_97", tt = "_completed_12iml_109", et = "_questionContainer_12iml_113", ot = "_questionText_12iml_120", it = "_questionContext_12iml_127", st = "_options_12iml_134", nt = "_option_12iml_134", ct = "_selected_12iml_158", rt = "_diagnosticComplete_12iml_171", at = "_summaryBox_12iml_178", ut = "_summaryLabel_12iml_186", lt = "_summaryText_12iml_194", mt = "_roleCards_12iml_210", dt = "_roleCard_12iml_210", ht = "_recommended_12iml_202", yt = "_roleTitle_12iml_242", pt = "_roleDescription_12iml_249", _t = "_roleStrengths_12iml_255", bt = "_strengthTag_12iml_262", ft = "_selectable_12iml_267", gt = "_resultScreen_12iml_277", xt = "_assignedLabel_12iml_285", Rt = "_resultCard_12iml_292", vt = "_resultButtons_12iml_314", Nt = "_acceptButton_12iml_321", St = "_decideButton_12iml_338", At = "_selectionScreen_12iml_356", qt = "_selectionTitle_12iml_363", t = {
|
|
container: W,
|
|
introScreen: F,
|
|
introTitle: j,
|
|
introSubtitle: K,
|
|
carouselDots: U,
|
|
carouselDot: V,
|
|
active: G,
|
|
continueButton: H,
|
|
quizScreen: J,
|
|
intro: X,
|
|
progress: Z,
|
|
progressDot: P,
|
|
completed: tt,
|
|
questionContainer: et,
|
|
questionText: ot,
|
|
questionContext: it,
|
|
options: st,
|
|
option: nt,
|
|
selected: ct,
|
|
diagnosticComplete: rt,
|
|
summaryBox: at,
|
|
summaryLabel: ut,
|
|
summaryText: lt,
|
|
roleCards: mt,
|
|
roleCard: dt,
|
|
recommended: ht,
|
|
roleTitle: yt,
|
|
roleDescription: pt,
|
|
roleStrengths: _t,
|
|
strengthTag: bt,
|
|
selectable: ft,
|
|
resultScreen: gt,
|
|
assignedLabel: xt,
|
|
resultCard: Rt,
|
|
resultButtons: vt,
|
|
acceptButton: Nt,
|
|
decideButton: St,
|
|
selectionScreen: At,
|
|
selectionTitle: qt
|
|
}, Tt = "Your glitch-modalities will now be tested.", wt = [
|
|
{
|
|
id: "q1",
|
|
question: 'Mom says: "Ask Dad." Dad says: "Ask Mom."',
|
|
context: "What do you do?",
|
|
options: [
|
|
{
|
|
id: "a",
|
|
text: "I technically asked both. That's permission.",
|
|
scores: {
|
|
authorityAutonomy: 2,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: 0
|
|
}
|
|
},
|
|
{
|
|
id: "b",
|
|
text: "I don't have permission. Stop.",
|
|
scores: {
|
|
authorityAutonomy: -2,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: -1
|
|
}
|
|
},
|
|
{
|
|
id: "c",
|
|
text: "Tell Dad: Mom said you decide.",
|
|
scores: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: 1
|
|
}
|
|
},
|
|
{
|
|
id: "d",
|
|
text: "Tell Mom: Dad said you decide.",
|
|
scores: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: 1
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "q2",
|
|
question: "A system works flawlessly. You discover it rests on a shaky assumption.",
|
|
context: "Do you:",
|
|
options: [
|
|
{
|
|
id: "a",
|
|
text: "Ignore it. It works.",
|
|
scores: {
|
|
authorityAutonomy: -1,
|
|
structureOutcome: 2,
|
|
stabilityReconstruction: -2
|
|
}
|
|
},
|
|
{
|
|
id: "b",
|
|
text: "Patch the assumption quietly.",
|
|
scores: {
|
|
authorityAutonomy: 0,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: 0
|
|
}
|
|
},
|
|
{
|
|
id: "c",
|
|
text: "Expose the assumption publicly.",
|
|
scores: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: 1
|
|
}
|
|
},
|
|
{
|
|
id: "d",
|
|
text: "Rebuild the system to remove it.",
|
|
scores: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: 2
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "q3",
|
|
question: "You find a paradox in your own model.",
|
|
context: "Your reaction:",
|
|
options: [
|
|
{
|
|
id: "a",
|
|
text: "I must be wrong.",
|
|
scores: {
|
|
authorityAutonomy: -1,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: -1
|
|
}
|
|
},
|
|
{
|
|
id: "b",
|
|
text: "The paradox is wrong.",
|
|
scores: {
|
|
authorityAutonomy: 0,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: -1
|
|
}
|
|
},
|
|
{
|
|
id: "c",
|
|
text: "The definitions are wrong.",
|
|
scores: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: 1
|
|
}
|
|
},
|
|
{
|
|
id: "d",
|
|
text: "This is interesting. Push deeper.",
|
|
scores: {
|
|
authorityAutonomy: 2,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: 2
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "q4",
|
|
question: "You prove something elegant. Reality disagrees.",
|
|
context: "You:",
|
|
options: [
|
|
{
|
|
id: "a",
|
|
text: "Recheck the math.",
|
|
scores: {
|
|
authorityAutonomy: -1,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: 0
|
|
}
|
|
},
|
|
{
|
|
id: "b",
|
|
text: "Recheck the experiment.",
|
|
scores: {
|
|
authorityAutonomy: 0,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: 0
|
|
}
|
|
},
|
|
{
|
|
id: "c",
|
|
text: "Recheck the assumptions.",
|
|
scores: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: 1
|
|
}
|
|
},
|
|
{
|
|
id: "d",
|
|
text: "Accept chaos.",
|
|
scores: {
|
|
authorityAutonomy: 2,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: 2
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "q5",
|
|
question: "What annoys you more?",
|
|
options: [
|
|
{
|
|
id: "a",
|
|
text: "Vague thinking.",
|
|
scores: {
|
|
authorityAutonomy: 0,
|
|
structureOutcome: -2,
|
|
stabilityReconstruction: 0
|
|
}
|
|
},
|
|
{
|
|
id: "b",
|
|
text: "Sloppy math.",
|
|
scores: {
|
|
authorityAutonomy: -1,
|
|
structureOutcome: -2,
|
|
stabilityReconstruction: -1
|
|
}
|
|
},
|
|
{
|
|
id: "c",
|
|
text: "Blind obedience.",
|
|
scores: {
|
|
authorityAutonomy: 2,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: 1
|
|
}
|
|
},
|
|
{
|
|
id: "d",
|
|
text: "Overconfidence.",
|
|
scores: {
|
|
authorityAutonomy: 0,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: 0
|
|
}
|
|
}
|
|
]
|
|
}
|
|
], Ct = [
|
|
{
|
|
id: "philosopher-builder",
|
|
name: "philosopher-builder",
|
|
title: "Philosopher-Builder",
|
|
description: "You approach systems from first principles. You like pulling assumptions apart and rebuilding from scratch. Formal training may vary — curiosity does not.",
|
|
strengths: [
|
|
"Identifying hidden assumptions",
|
|
"Navigating paradox",
|
|
"Reconstructing from new foundations"
|
|
],
|
|
risk: "Building a house of cards. Impressive but useless.",
|
|
mission: "Clarify structure before defending it.",
|
|
axisProfile: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: 2
|
|
},
|
|
summaries: [
|
|
`You break loops instead of waiting inside them.
|
|
You are comfortable redirecting authority.`,
|
|
`You question foundations before building on them.
|
|
Assumptions are targets, not givens.`,
|
|
`You prefer rebuilding to patching.
|
|
Clarity matters more than comfort.`
|
|
]
|
|
},
|
|
{
|
|
id: "cross-domain-nerd",
|
|
name: "cross-domain-nerd",
|
|
title: "Cross-Domain Nerd",
|
|
description: "You are fluent somewhere else. Math, biology, finance, code, art — you've built things in another domain. You suspect physics might benefit from outside pattern recognition.",
|
|
strengths: [
|
|
"Translating ideas across domains",
|
|
"Spotting structural analogies",
|
|
"Bringing alien intuition"
|
|
],
|
|
risk: "Overextending metaphors. Using your favourite tool. Always.",
|
|
mission: "Stress-test physics with alien intuition.",
|
|
axisProfile: {
|
|
authorityAutonomy: 1,
|
|
structureOutcome: 1,
|
|
stabilityReconstruction: 1
|
|
},
|
|
summaries: [
|
|
`You see patterns that others miss.
|
|
Your intuition comes from somewhere else.`,
|
|
`You translate fluently between worlds.
|
|
Analogies are your native tongue.`,
|
|
`You import tools from foreign domains.
|
|
Fresh perspective is your advantage.`
|
|
]
|
|
},
|
|
{
|
|
id: "formal-student",
|
|
name: "formal-student",
|
|
title: "Formal Student",
|
|
description: "You are inside the machinery of formal education. You work with equations daily. You care about precision.",
|
|
strengths: [
|
|
"Technical rigor",
|
|
"Mathematical discipline",
|
|
"Knowing what is good enough"
|
|
],
|
|
risk: "Over-trusting established formalism. Thinking you own the place.",
|
|
mission: "Master the tools. Then question them.",
|
|
axisProfile: {
|
|
authorityAutonomy: -1,
|
|
structureOutcome: -1,
|
|
stabilityReconstruction: -1
|
|
},
|
|
summaries: [
|
|
`You trust the process but verify the details.
|
|
Rigor is your foundation.`,
|
|
`You work within structure to understand it.
|
|
Precision is non-negotiable.`,
|
|
`You respect the machinery of knowledge.
|
|
Mastery precedes revolution.`
|
|
]
|
|
}
|
|
], v = {
|
|
intro: Tt,
|
|
questions: wt,
|
|
roles: Ct
|
|
};
|
|
function Bt({ onComplete: f, onProgress: s, className: w }) {
|
|
const [p, R] = b("intro"), [C, O] = b(0), [m, D] = b(0), [h, B] = b({}), [c, Y] = b(null), N = T(null), k = T(null), y = v.questions, l = v.roles, S = d((e) => {
|
|
const o = {
|
|
authorityAutonomy: 0,
|
|
structureOutcome: 0,
|
|
stabilityReconstruction: 0
|
|
};
|
|
return y.forEach((n) => {
|
|
const a = e[n.id], u = n.options.find((x) => x.id === a);
|
|
u && (o.authorityAutonomy += u.scores.authorityAutonomy, o.structureOutcome += u.scores.structureOutcome, o.stabilityReconstruction += u.scores.stabilityReconstruction);
|
|
}), o;
|
|
}, [y]), A = d((e) => {
|
|
let o = l[0], n = 1 / 0;
|
|
return l.forEach((a) => {
|
|
const u = Math.sqrt(
|
|
Math.pow(e.authorityAutonomy - a.axisProfile.authorityAutonomy, 2) + Math.pow(e.structureOutcome - a.axisProfile.structureOutcome, 2) + Math.pow(e.stabilityReconstruction - a.axisProfile.stabilityReconstruction, 2)
|
|
);
|
|
u < n && (n = u, o = a);
|
|
}), o;
|
|
}, [l]), q = d((e, o) => {
|
|
const n = Math.max(
|
|
Math.abs(o.authorityAutonomy),
|
|
Math.abs(o.structureOutcome),
|
|
Math.abs(o.stabilityReconstruction)
|
|
);
|
|
let a = 0;
|
|
return Math.abs(o.structureOutcome) === n && (a = 1), Math.abs(o.stabilityReconstruction) === n && (a = 2), e.summaries[a] || e.summaries[0];
|
|
}, []), M = d((e, o) => {
|
|
const n = { ...h, [e]: o };
|
|
B(n);
|
|
const a = (m + 1) / y.length * 50;
|
|
s == null || s(a), setTimeout(() => {
|
|
if (m < y.length - 1)
|
|
D(m + 1);
|
|
else {
|
|
const u = S(n), x = A(u), Q = q(x, u);
|
|
Y({
|
|
scores: u,
|
|
recommendedRole: x.id,
|
|
summary: Q
|
|
}), R("result"), s == null || s(75);
|
|
}
|
|
}, 300);
|
|
}, [h, m, y.length, S, A, q, s]), I = d(() => {
|
|
if (!c) return;
|
|
const e = l.find((o) => o.id === c.recommendedRole);
|
|
e && (s == null || s(100), f({
|
|
success: !0,
|
|
score: 100,
|
|
data: {
|
|
selectedRole: e.id,
|
|
recommendedRole: c.recommendedRole,
|
|
scores: c.scores,
|
|
answers: h,
|
|
completedAt: (/* @__PURE__ */ new Date()).toISOString()
|
|
}
|
|
}));
|
|
}, [c, l, h, f, s]), L = d(() => {
|
|
R("selection"), s == null || s(80);
|
|
}, [s]), $ = d((e) => {
|
|
c && (s == null || s(100), f({
|
|
success: !0,
|
|
score: 100,
|
|
data: {
|
|
selectedRole: e.id,
|
|
recommendedRole: c.recommendedRole,
|
|
scores: c.scores,
|
|
answers: h,
|
|
completedAt: (/* @__PURE__ */ new Date()).toISOString()
|
|
}
|
|
}));
|
|
}, [c, h, f, s]), z = d(() => {
|
|
R("quiz"), s == null || s(10);
|
|
}, [s]);
|
|
E(() => {
|
|
const e = N.current;
|
|
if (!e || p !== "intro") return;
|
|
const o = () => {
|
|
const n = e.scrollLeft, u = Math.round(n / 296);
|
|
O(Math.min(Math.max(u, 0), l.length - 1));
|
|
};
|
|
return e.addEventListener("scroll", o), () => e.removeEventListener("scroll", o);
|
|
}, [p, l.length]);
|
|
const _ = y[m], g = c ? l.find((e) => e.id === c.recommendedRole) : null;
|
|
return /* @__PURE__ */ r("div", { className: `${t.container} ${w || ""}`, children: [
|
|
p === "intro" && /* @__PURE__ */ r("div", { className: t.introScreen, children: [
|
|
/* @__PURE__ */ i("h2", { className: t.introTitle, children: "Meet the Operator Modes" }),
|
|
/* @__PURE__ */ i("p", { className: t.introSubtitle, children: "Swipe to explore the three paths" }),
|
|
/* @__PURE__ */ i("div", { className: t.roleCards, ref: N, children: l.map((e) => /* @__PURE__ */ r("div", { className: t.roleCard, children: [
|
|
/* @__PURE__ */ i("h3", { className: t.roleTitle, children: e.title }),
|
|
/* @__PURE__ */ i("p", { className: t.roleDescription, children: e.description }),
|
|
/* @__PURE__ */ i("div", { className: t.roleStrengths, children: e.strengths.map((o, n) => /* @__PURE__ */ r("span", { className: t.strengthTag, children: [
|
|
"+ ",
|
|
o
|
|
] }, n)) })
|
|
] }, e.id)) }),
|
|
/* @__PURE__ */ i("div", { className: t.carouselDots, children: l.map((e, o) => /* @__PURE__ */ i(
|
|
"div",
|
|
{
|
|
className: `${t.carouselDot} ${o === C ? t.active : ""}`
|
|
},
|
|
o
|
|
)) }),
|
|
/* @__PURE__ */ i("button", { className: t.continueButton, onClick: z, children: "Begin Diagnostic" })
|
|
] }),
|
|
p === "quiz" && /* @__PURE__ */ r("div", { className: t.quizScreen, children: [
|
|
m === 0 && /* @__PURE__ */ i("h2", { className: t.intro, children: v.intro }),
|
|
/* @__PURE__ */ i("div", { className: t.progress, children: y.map((e, o) => /* @__PURE__ */ i(
|
|
"div",
|
|
{
|
|
className: `${t.progressDot} ${o === m ? t.active : ""} ${o < m ? t.completed : ""}`
|
|
},
|
|
o
|
|
)) }),
|
|
/* @__PURE__ */ r("div", { className: t.questionContainer, children: [
|
|
/* @__PURE__ */ i("p", { className: t.questionText, children: _.question }),
|
|
_.context && /* @__PURE__ */ i("p", { className: t.questionContext, children: _.context }),
|
|
/* @__PURE__ */ i("div", { className: t.options, children: _.options.map((e) => /* @__PURE__ */ i(
|
|
"button",
|
|
{
|
|
className: `${t.option} ${h[_.id] === e.id ? t.selected : ""}`,
|
|
onClick: () => M(_.id, e.id),
|
|
children: e.text
|
|
},
|
|
e.id
|
|
)) })
|
|
] })
|
|
] }),
|
|
p === "result" && c && g && /* @__PURE__ */ r("div", { className: t.resultScreen, children: [
|
|
/* @__PURE__ */ i("p", { className: t.diagnosticComplete, children: "Diagnostic complete." }),
|
|
/* @__PURE__ */ r("div", { className: t.summaryBox, children: [
|
|
/* @__PURE__ */ i("p", { className: t.summaryLabel, children: "Your reflex under uncertainty:" }),
|
|
/* @__PURE__ */ i("p", { className: t.summaryText, children: c.summary })
|
|
] }),
|
|
/* @__PURE__ */ i("p", { className: t.assignedLabel, children: "Your assigned operator mode:" }),
|
|
/* @__PURE__ */ r("div", { className: t.resultCard, children: [
|
|
/* @__PURE__ */ i("h3", { className: t.roleTitle, children: g.title }),
|
|
/* @__PURE__ */ i("p", { className: t.roleDescription, children: g.description }),
|
|
/* @__PURE__ */ i("div", { className: t.roleStrengths, children: g.strengths.map((e, o) => /* @__PURE__ */ r("span", { className: t.strengthTag, children: [
|
|
"+ ",
|
|
e
|
|
] }, o)) })
|
|
] }),
|
|
/* @__PURE__ */ r("div", { className: t.resultButtons, children: [
|
|
/* @__PURE__ */ i("button", { className: t.acceptButton, onClick: I, children: "Accept" }),
|
|
/* @__PURE__ */ i("button", { className: t.decideButton, onClick: L, children: "I want to decide" })
|
|
] })
|
|
] }),
|
|
p === "selection" && c && /* @__PURE__ */ r("div", { className: t.selectionScreen, children: [
|
|
/* @__PURE__ */ i("p", { className: t.selectionTitle, children: "Choose your operator mode" }),
|
|
/* @__PURE__ */ i("div", { className: t.roleCards, ref: k, children: l.map((e) => /* @__PURE__ */ r(
|
|
"div",
|
|
{
|
|
className: `${t.roleCard} ${t.selectable} ${e.id === c.recommendedRole ? t.recommended : ""}`,
|
|
onClick: () => $(e),
|
|
children: [
|
|
/* @__PURE__ */ i("h3", { className: t.roleTitle, children: e.title }),
|
|
/* @__PURE__ */ i("p", { className: t.roleDescription, children: e.description }),
|
|
/* @__PURE__ */ i("div", { className: t.roleStrengths, children: e.strengths.map((o, n) => /* @__PURE__ */ r("span", { className: t.strengthTag, children: [
|
|
"+ ",
|
|
o
|
|
] }, n)) })
|
|
]
|
|
},
|
|
e.id
|
|
)) })
|
|
] })
|
|
] });
|
|
}
|
|
const Yt = {
|
|
name: "level-questions",
|
|
displayName: "Level Questions",
|
|
version: "1.0.0",
|
|
paramSchema: {},
|
|
defaultParams: {}
|
|
};
|
|
export {
|
|
Bt as default,
|
|
Yt as metadata
|
|
};
|
|
//# sourceMappingURL=level-questions.js.map
|