@recruitnepal/shared-packages 1.8.2 → 1.8.3

package/dist/career-personality-test/components/CareerTestResultsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CareerTestResultsPage.d.ts","sourceRoot":"","sources":["../../../src/career-personality-test/components/CareerTestResultsPage.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACrB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,iBAA2C,EAC3C,cAAqC,GACtC,EAAE,0BAA0B,2CAsR5B"}
+{"version":3,"file":"CareerTestResultsPage.d.ts","sourceRoot":"","sources":["../../../src/career-personality-test/components/CareerTestResultsPage.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACrB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,iBAA2C,EAC3C,cAAqC,GACtC,EAAE,0BAA0B,2CAyR5B"}

package/dist/career-personality-test/components/CareerTestResultsPage.js

@@ -117,5 +117,5 @@ export function CareerTestResultsPage({ basePath, imageBasePath, onSaveResult, s
     };
     const personaImageSrc = `${imageBasePath}/${persona.image}`;
     const workStyleImageSrc = `${imageBasePath}/${workStyleBand.image}`;
-    return (_jsxs("main", { className: "container mx-auto px-4 md:px-6 py-6 md:py-10", children: [_jsxs("div", { className: "flex items-end justify-end gap-4 text-xs text-[#155177]", children: [_jsx("button", { type: "button", onClick: handleDownloadPdf, className: "hover:underline", children: "Download PDF" }), _jsx("button", { type: "button", onClick: handleShareLink, className: "hover:underline", children: "Share Link" })] }), !hasData ? (_jsxs("section", { className: "mt-6 max-w-3xl", children: [_jsx("h1", { className: "text-2xl font-semibold text-[#155177]", children: "Your Results" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "We couldn't find your test data in this session. Please take the test again." }), _jsx("div", { className: "mt-4", children: _jsx(Button, { asChild: true, children: _jsx("a", { href: `${basePath}/start`, children: "Retake the Test" }) }) })] })) : (_jsxs(_Fragment, { children: [_jsxs("section", { className: "mt-3 grid md:grid-cols-[1fr_180px] gap-4", children: [_jsxs("div", { className: "rounded-2xl border bg-white px-5 py-5 shadow-sm", children: [_jsxs("h1", { className: "text-2xl md:text-3xl font-semibold text-[#155177]", children: ["Hello, ", _jsx("span", { className: "opacity-70", children: user?.firstName ? user.firstName : 'there' })] }), _jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Based on BIG-O + RIASEC, here's how you work and where you'll thrive." })] }), _jsxs("div", { className: "rounded-2xl border bg-white px-6 py-5 shadow-sm text-center", children: [_jsx("p", { className: "text-[11px] text-muted-foreground font-medium", children: "Overall Match" }), _jsxs("p", { className: "mt-1 text-2xl md:text-3xl font-bold", children: [overall, "%"] })] })] }), _jsxs("section", { className: "mt-6 rounded-2xl overflow-hidden border shadow-sm", children: [_jsxs("div", { className: "relative bg-[#24486a] text-white px-6 md:px-10 pt-10 pb-20", children: [_jsxs("div", { className: "grid md:grid-cols-5 gap-10 items-center", children: [_jsx("div", { className: "md:col-span-2 flex justify-end relative", children: _jsx("div", { className: "relative h-44 w-44 md:h-56 md:w-56 drop-shadow-2xl translate-x-10 md:translate-x-12", children: _jsx("img", { src: personaImageSrc, alt: persona.title, className: "w-full h-full object-contain" }) }) }), _jsxs("div", { className: "md:col-span-3", children: [_jsx("p", { className: "text-xs md:text-sm opacity-80", children: "Your Personality Type is:" }), _jsx("h2", { className: "mt-1 text-3xl md:text-4xl font-semibold text-[#2697D4]", children: persona.title }), _jsx("p", { className: "mt-3 text-sm md:text-base font-medium", children: persona.subtitle })] })] }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 text-white", children: _jsx("svg", { viewBox: "0 0 1440 320", preserveAspectRatio: "none", className: "w-full h-full", children: _jsx("path", { fill: "#ffffff", d: "M0,224L48,213.3C96,203,192,181,288,165.3C384,149,480,139,576,149.3C672,160,768,192,864,208C960,224,1056,224,1152,213.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z" }) }) })] }), _jsxs("div", { className: "bg-white px-6 md:px-10 pb-8 pt-2", children: [_jsx("p", { className: "text-sm md:text-base leading-6 text-slate-700 whitespace-pre-line", children: persona.description }), _jsxs("div", { className: "mt-5", children: [_jsx("h4", { className: "text-sm md:text-base font-semibold text-[#155177]", children: "Positive Attributes" }), _jsx("ul", { className: "mt-2 list-disc pl-5 text-sm md:text-base text-slate-700 space-y-1", children: persona.positiveAttributes.map((attr) => (_jsx("li", { children: attr }, attr))) })] })] })] }), _jsxs("section", { className: "mt-8", children: [_jsx("h3", { className: "text-center text-[#155177] text-lg md:text-xl font-semibold", children: "BIG-O Traits" }), _jsx("div", { className: "mt-3 rounded-xl border bg-white p-4 shadow-sm", children: _jsx("div", { className: "h-72 w-full", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: bigoChartData, margin: { top: 20, right: 20, left: 0, bottom: 40 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }), _jsx(XAxis, { dataKey: "name", interval: 0, tick: { fontSize: 11 } }), _jsx(YAxis, { tick: { fontSize: 11 }, domain: [0, 100], tickFormatter: (v) => `${v}%` }), _jsx(Tooltip, { formatter: (v) => `${v}%` }), _jsx(Bar, { dataKey: "value", radius: [6, 6, 0, 0], fill: "#4D7CF3", children: _jsx(LabelList, { dataKey: "value", position: "top", formatter: (label) => (label != null ? `${label}%` : ''), style: { fontSize: 11 } }) })] }) }) }) }), _jsxs("div", { className: "mt-3 grid md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "rounded-xl border bg-white p-4 shadow-sm", children: [_jsxs("p", { className: "text-xs font-semibold text-[#155177]", children: ["Top 3 Big-O: ", _jsx("span", { className: "font-bold", children: bigoComboDisplay || '—' })] }), _jsx("ul", { className: "mt-2 ml-4 list-disc text-xs text-slate-700 space-y-1", children: top3Bigo.map((t) => (_jsx("li", { children: t.name }, t.name))) })] }), _jsx("div", { className: "rounded-xl border bg-white p-4 shadow-sm", children: _jsx("p", { className: "text-xs text-muted-foreground whitespace-pre-line", children: bigoComboDescription }) })] })] }), _jsxs("section", { className: "mt-8", children: [_jsx("h3", { className: "text-center text-[#155177] text-lg md:text-xl font-semibold", children: "RIASEC Traits" }), _jsx("div", { className: "mt-3 rounded-xl border bg-white p-4 shadow-sm", children: _jsx("div", { className: "h-72 w-full", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: riasecChartData, margin: { top: 20, right: 20, left: 0, bottom: 40 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }), _jsx(XAxis, { dataKey: "name", interval: 0, tick: { fontSize: 11 } }), _jsx(YAxis, { tick: { fontSize: 11 }, domain: [0, 100], tickFormatter: (v) => `${v}%` }), _jsx(Tooltip, { formatter: (v) => `${v}%` }), _jsx(Bar, { dataKey: "value", radius: [6, 6, 0, 0], fill: "#4D7CF3", children: _jsx(LabelList, { dataKey: "value", position: "top", formatter: (label) => (label != null ? `${label}%` : ''), style: { fontSize: 11 } }) })] }) }) }) }), _jsxs("div", { className: "mt-3 grid md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "rounded-xl border bg-white p-4 shadow-sm", children: [_jsxs("p", { className: "text-xs font-semibold text-[#155177]", children: ["Top 3 RIASEC: ", _jsx("span", { className: "font-bold", children: riasecComboDisplay || '—' })] }), _jsx("ul", { className: "mt-2 ml-4 list-disc text-xs text-slate-700 space-y-1", children: top3Riasec.map((t) => (_jsx("li", { children: t.name }, t.name))) })] }), _jsx("div", { className: "rounded-xl border bg-white p-4 shadow-sm", children: _jsx("p", { className: "text-xs text-muted-foreground whitespace-pre-line", children: riasecComboDescription }) })] })] }), _jsx("section", { className: "mt-8 rounded-2xl border bg-white shadow-sm overflow-hidden", children: _jsxs("div", { className: "grid md:grid-cols-[220px_1fr] gap-0", children: [_jsx("div", { className: "p-6 md:p-8 flex items-center justify-center", children: _jsx("div", { className: "relative h-32 w-32 md:h-40 md:w-40", children: _jsx("img", { src: workStyleImageSrc, alt: "Work-style personality", className: "w-full h-full object-contain" }) }) }), _jsxs("div", { className: "p-6 md:p-8", children: [_jsx("h4", { className: "text-[#2697D4] text-xl md:text-2xl font-semibold", children: "Work-Style Personality" }), _jsx("p", { className: "mt-3 text-sm md:text-base text-slate-700 whitespace-pre-line leading-6", children: workStyleBand.text })] })] }) }), _jsxs("section", { className: "mt-8", children: [_jsxs("h4", { className: "text-[#155177] font-semibold text-lg md:text-xl", children: ["Matched Roles For ", riasecComboDisplay || '—'] }), _jsx("div", { className: "mt-3 grid sm:grid-cols-2 lg:grid-cols-3 gap-3", children: matchedRoles.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "Once you complete the full assessment, you'll see matched role suggestions here." })) : (matchedRoles.map((role) => (_jsx("div", { className: "rounded-full border bg-white px-4 py-2 text-xs shadow-sm text-slate-700 text-center", children: role }, role)))) })] }), _jsx("div", { className: "mt-10 flex items-center justify-center gap-3", children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx("a", { href: `${basePath}/start`, children: "Retake Test" }) }) })] }))] }));
+    return (_jsxs("main", { className: "container mx-auto px-4 md:px-6 py-6 md:py-10", children: [_jsxs("div", { className: "flex items-end justify-end gap-4 text-xs text-[#155177]", children: [_jsx("button", { type: "button", onClick: handleDownloadPdf, className: "hover:underline", children: "Download PDF" }), _jsx("button", { type: "button", onClick: handleShareLink, className: "hover:underline", children: "Share Link" })] }), !hasData ? (_jsxs("section", { className: "mt-6 max-w-3xl", children: [_jsx("h1", { className: "text-2xl font-semibold text-[#155177]", children: "Your Results" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "We couldn't find your test data in this session. Please take the test again." }), _jsx("div", { className: "mt-4", children: _jsx(Button, { asChild: true, children: _jsx("a", { href: `${basePath}/start`, children: "Retake the Test" }) }) })] })) : (_jsxs(_Fragment, { children: [_jsxs("section", { className: "mt-3", style: { display: 'grid', gridTemplateColumns: '1fr 180px', gap: '1rem' }, children: [_jsxs("div", { style: { borderRadius: '1rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1.25rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: [_jsxs("h1", { className: "text-2xl md:text-3xl font-semibold", style: { color: '#155177' }, children: ["Hello, ", _jsx("span", { style: { opacity: 0.7 }, children: user?.firstName ? user.firstName : 'there' })] }), _jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Based on BIG-O + RIASEC, here's how you work and where you'll thrive." })] }), _jsxs("div", { style: { borderRadius: '1rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1.25rem 1.5rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)', textAlign: 'center' }, children: [_jsx("p", { className: "text-[11px] text-muted-foreground font-medium", children: "Overall Match" }), _jsxs("p", { className: "mt-1 text-2xl md:text-3xl font-bold", children: [overall, "%"] })] })] }), _jsxs("section", { className: "mt-6 rounded-2xl overflow-hidden border shadow-sm", style: { borderRadius: '1rem', overflow: 'hidden', border: '1px solid #e2e8f0', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: [_jsxs("div", { className: "relative text-white pt-10 pb-20", style: { backgroundColor: '#24486a', paddingLeft: '1.5rem', paddingRight: '1.5rem' }, children: [_jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr 1fr 1fr 1fr', gap: '2.5rem', alignItems: 'center' }, children: [_jsx("div", { style: { gridColumn: 'span 2', display: 'flex', justifyContent: 'flex-end', position: 'relative' }, children: _jsx("div", { className: "relative drop-shadow-2xl", style: { height: 176, width: 176, transform: 'translateX(2.5rem)' }, children: _jsx("img", { src: personaImageSrc, alt: persona.title, className: "w-full h-full object-contain" }) }) }), _jsxs("div", { style: { gridColumn: 'span 3' }, children: [_jsx("p", { className: "text-xs md:text-sm opacity-80", children: "Your Personality Type is:" }), _jsx("h2", { className: "mt-1 text-3xl md:text-4xl font-semibold text-[#2697D4]", children: persona.title }), _jsx("p", { className: "mt-3 text-sm md:text-base font-medium", children: persona.subtitle })] })] }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 text-white", children: _jsx("svg", { viewBox: "0 0 1440 320", preserveAspectRatio: "none", className: "w-full h-full", children: _jsx("path", { fill: "#ffffff", d: "M0,224L48,213.3C96,203,192,181,288,165.3C384,149,480,139,576,149.3C672,160,768,192,864,208C960,224,1056,224,1152,213.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z" }) }) })] }), _jsxs("div", { className: "bg-white px-6 md:px-10 pb-8 pt-2", children: [_jsx("p", { className: "text-sm md:text-base leading-6 text-slate-700 whitespace-pre-line", children: persona.description }), _jsxs("div", { className: "mt-5", children: [_jsx("h4", { className: "text-sm md:text-base font-semibold text-[#155177]", children: "Positive Attributes" }), _jsx("ul", { className: "mt-2 list-disc pl-5 text-sm md:text-base text-slate-700 space-y-1", children: persona.positiveAttributes.map((attr) => (_jsx("li", { children: attr }, attr))) })] })] })] }), _jsxs("section", { className: "mt-8", children: [_jsx("h3", { className: "text-center text-lg md:text-xl font-semibold", style: { color: '#155177' }, children: "BIG-O Traits" }), _jsx("div", { className: "mt-3 rounded-xl border bg-white p-4 shadow-sm", style: { borderRadius: '0.75rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: _jsx("div", { style: { height: 288, width: '100%' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: bigoChartData, margin: { top: 20, right: 20, left: 0, bottom: 40 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }), _jsx(XAxis, { dataKey: "name", interval: 0, tick: { fontSize: 11 } }), _jsx(YAxis, { tick: { fontSize: 11 }, domain: [0, 100], tickFormatter: (v) => `${v}%` }), _jsx(Tooltip, { formatter: (v) => `${v}%` }), _jsx(Bar, { dataKey: "value", radius: [6, 6, 0, 0], fill: "#4D7CF3", children: _jsx(LabelList, { dataKey: "value", position: "top", formatter: (label) => (label != null ? `${label}%` : ''), style: { fontSize: 11 } }) })] }) }) }) }), _jsxs("div", { className: "mt-3", style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem' }, children: [_jsxs("div", { style: { borderRadius: '0.75rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: [_jsxs("p", { className: "text-xs font-semibold", style: { color: '#155177' }, children: ["Top 3 Big-O: ", _jsx("span", { className: "font-bold", children: bigoComboDisplay || '—' })] }), _jsx("ul", { className: "mt-2 ml-4 list-disc text-xs text-slate-700 space-y-1", children: top3Bigo.map((t) => (_jsx("li", { children: t.name }, t.name))) })] }), _jsx("div", { style: { borderRadius: '0.75rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: _jsx("p", { className: "text-xs text-muted-foreground whitespace-pre-line", children: bigoComboDescription }) })] })] }), _jsxs("section", { className: "mt-8", children: [_jsx("h3", { className: "text-center text-lg md:text-xl font-semibold", style: { color: '#155177' }, children: "RIASEC Traits" }), _jsx("div", { className: "mt-3 rounded-xl border bg-white p-4 shadow-sm", style: { borderRadius: '0.75rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: _jsx("div", { style: { height: 288, width: '100%' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: riasecChartData, margin: { top: 20, right: 20, left: 0, bottom: 40 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }), _jsx(XAxis, { dataKey: "name", interval: 0, tick: { fontSize: 11 } }), _jsx(YAxis, { tick: { fontSize: 11 }, domain: [0, 100], tickFormatter: (v) => `${v}%` }), _jsx(Tooltip, { formatter: (v) => `${v}%` }), _jsx(Bar, { dataKey: "value", radius: [6, 6, 0, 0], fill: "#4D7CF3", children: _jsx(LabelList, { dataKey: "value", position: "top", formatter: (label) => (label != null ? `${label}%` : ''), style: { fontSize: 11 } }) })] }) }) }) }), _jsxs("div", { className: "mt-3", style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem' }, children: [_jsxs("div", { style: { borderRadius: '0.75rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: [_jsxs("p", { className: "text-xs font-semibold", style: { color: '#155177' }, children: ["Top 3 RIASEC: ", _jsx("span", { className: "font-bold", children: riasecComboDisplay || '—' })] }), _jsx("ul", { className: "mt-2 ml-4 list-disc text-xs text-slate-700 space-y-1", children: top3Riasec.map((t) => (_jsx("li", { children: t.name }, t.name))) })] }), _jsx("div", { style: { borderRadius: '0.75rem', border: '1px solid #e2e8f0', backgroundColor: 'white', padding: '1rem', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: _jsx("p", { className: "text-xs text-muted-foreground whitespace-pre-line", children: riasecComboDescription }) })] })] }), _jsx("section", { className: "mt-8 rounded-2xl border bg-white shadow-sm overflow-hidden", style: { borderRadius: '1rem', border: '1px solid #e2e8f0', backgroundColor: 'white', boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)' }, children: _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '220px 1fr', gap: 0 }, children: [_jsx("div", { className: "p-6 md:p-8 flex items-center justify-center", children: _jsx("div", { className: "relative h-32 w-32 md:h-40 md:w-40", children: _jsx("img", { src: workStyleImageSrc, alt: "Work-style personality", className: "w-full h-full object-contain" }) }) }), _jsxs("div", { className: "p-6 md:p-8", children: [_jsx("h4", { className: "text-[#2697D4] text-xl md:text-2xl font-semibold", children: "Work-Style Personality" }), _jsx("p", { className: "mt-3 text-sm md:text-base text-slate-700 whitespace-pre-line leading-6", children: workStyleBand.text })] })] }) }), _jsxs("section", { className: "mt-8", children: [_jsxs("h4", { className: "font-semibold text-lg md:text-xl", style: { color: '#155177' }, children: ["Matched Roles For ", riasecComboDisplay || '—'] }), _jsx("div", { className: "mt-3", style: { display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '0.75rem' }, children: matchedRoles.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "Once you complete the full assessment, you'll see matched role suggestions here." })) : (matchedRoles.map((role) => (_jsx("div", { className: "rounded-full border bg-white px-4 py-2 text-xs shadow-sm text-slate-700 text-center", children: role }, role)))) })] }), _jsx("div", { className: "mt-10 flex items-center justify-center gap-3", children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx("a", { href: `${basePath}/start`, children: "Retake Test" }) }) })] }))] }));
 }

package/dist/career-personality-test/components/CareerTestStart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CareerTestStart.d.ts","sourceRoot":"","sources":["../../../src/career-personality-test/components/CareerTestStart.tsx"],"names":[],"mappings":"AA4BA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAkEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAA2C,EAAE,EAAE,oBAAoB,2CAmGxH"}
+{"version":3,"file":"CareerTestStart.d.ts","sourceRoot":"","sources":["../../../src/career-personality-test/components/CareerTestStart.tsx"],"names":[],"mappings":"AA4BA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAkEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAA2C,EAAE,EAAE,oBAAoB,2CA+FxH"}

package/dist/career-personality-test/components/CareerTestStart.js

@@ -47,12 +47,8 @@ export function CareerTestStart({ basePath, navigate, storageKeyResults = CAREER
         const t = setTimeout(() => smoothScrollToEl(questionRefs.current[0]), 100);
         return () => clearTimeout(t);
     }, [section]);
-    const selectAnswer = (qIndex, q, value) => {
+    const selectAnswer = (q, value) => {
         setAnswers((prev) => ({ ...prev, [q.id]: value }));
-        const nextIdx = qIndex + 1;
-        if (nextIdx < list.length) {
-            requestAnimationFrame(() => smoothScrollToEl(questionRefs.current[nextIdx]));
-        }
     };
     const fillUnansweredWithDefaults = () => {
         setAnswers((prev) => {
@@ -91,5 +87,5 @@ export function CareerTestStart({ basePath, navigate, storageKeyResults = CAREER
         }
         navigate(`${basePath}/results`);
     };
-    return (_jsxs("main", { className: "container mx-auto px-6 py-10", children: [_jsxs("div", { className: "mx-auto max-w-3xl rounded-xl border p-3 shadow-sm", style: { backgroundColor: 'rgba(239, 246, 255, 0.6)' }, children: [_jsxs("div", { className: "text-[11px] font-semibold text-center text-gray-700 tracking-wide", children: ["SECTION ", section, " OF ", TOTAL_SECTIONS] }), _jsx("div", { className: "mt-2 h-1.5 w-full rounded-full", style: { backgroundColor: '#bfdbfe' }, children: _jsx("div", { className: "h-1.5 rounded-full transition-all", style: { width: `${progressPct}%`, backgroundColor: '#155177' } }) })] }), _jsx("div", { className: "mt-10 max-w-3xl mx-auto space-y-12", children: list.map((q, idx) => (_jsx(QuestionRow, { q: q, value: answers[q.id], onChange: (val) => selectAnswer(idx, q, val), setRef: (el) => (questionRefs.current[idx] = el) }, q.id))) }), _jsxs("div", { className: "mt-12 max-w-3xl mx-auto flex items-center justify-between", children: [_jsx(Button, { variant: "outline", className: "min-w-[150px]", onClick: goPrev, disabled: section <= 1, children: "Previous Step" }), section < TOTAL_SECTIONS ? (_jsxs(Button, { className: "min-w-[150px]", onClick: goNext, children: ["Next", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })) : (_jsxs(Button, { className: "min-w-[170px]", onClick: seeResults, children: ["See my result", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] }))] })] }));
+    return (_jsxs("main", { className: "container mx-auto px-6 py-10", children: [_jsxs("div", { className: "mx-auto max-w-3xl rounded-xl border p-3 shadow-sm", style: { backgroundColor: 'rgba(239, 246, 255, 0.6)' }, children: [_jsxs("div", { className: "text-[11px] font-semibold text-center text-gray-700 tracking-wide", children: ["SECTION ", section, " OF ", TOTAL_SECTIONS] }), _jsx("div", { className: "mt-2 h-1.5 w-full rounded-full", style: { backgroundColor: '#bfdbfe' }, children: _jsx("div", { className: "h-1.5 rounded-full transition-all", style: { width: `${progressPct}%`, backgroundColor: '#155177' } }) })] }), _jsx("div", { className: "mt-10 max-w-3xl mx-auto space-y-12", children: list.map((q, idx) => (_jsx(QuestionRow, { q: q, value: answers[q.id], onChange: (val) => selectAnswer(q, val), setRef: (el) => (questionRefs.current[idx] = el) }, q.id))) }), _jsxs("div", { className: "mt-12 max-w-3xl mx-auto flex items-center justify-between", children: [_jsx(Button, { variant: "outline", className: "min-w-[150px]", onClick: goPrev, disabled: section <= 1, children: "Previous Step" }), section < TOTAL_SECTIONS ? (_jsxs(Button, { className: "min-w-[150px]", onClick: goNext, children: ["Next", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })) : (_jsxs(Button, { className: "min-w-[170px]", onClick: seeResults, children: ["See my result", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] }))] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recruitnepal/shared-packages",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "description": "Shared hooks, API client, types and utils for Recruit Nepal (CV builder UI and preprocess stay in each repo)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",