This is a non-legal, operational snapshot of how well a termination decision is documented, based on generalised patterns drawn from published BAG decisions. It supports counsel; it is not legal advice, does not predict outcomes, and does not constitute Rechtsberatung within the meaning of the RDG. The human remains the decider (no Art. 22 GDPR automated decision-making).
`.trim();
}
/* ════════════════════════════════════════════════════════════════════════
Component
════════════════════════════════════════════════════════════════════════ */
function InternalCounselAssessment() {
const [trackId, setTrackId] = useState(null);
const [answers, setAnswers] = useState({}); // {1:'always',2:'rarely',...}
const [maturity, setMaturity] = useState(null); // Q11
const [target, setTarget] = useState(null); // Q12
const [obstaclesSel, setObstaclesSel] = useState([]); // Q13 (string ids)
const [solution, setSolution] = useState(null); // Q14
const [openText, setOpenText] = useState(""); // Q15
const [showResults, setShowResults] = useState(false);
const [showValidation, setShowValidation] = useState(false);
// Pre-report email gate (GDPR)
const [showGate, setShowGate] = useState(false);
const [gateName, setGateName] = useState("");
const [gateEmail, setGateEmail] = useState("");
const [gateConsent, setGateConsent] = useState(false); // required (Art. 6(1)(a))
const [gateMarketing, setGateMarketing] = useState(false); // optional follow-up
const [gateBusy, setGateBusy] = useState(false);
const [gateError, setGateError] = useState("");
const [emailStatus, setEmailStatus] = useState(null); // null | "sent" | "skipped" | "failed"
// Footer preselect handler
useEffect(() => {
function pre(ev){
const tid = ev && ev.detail && ev.detail.trackId;
if (tid && TRACKS.some(t => t.id === tid)) {
setTrackId(tid);
setAnswers({}); setMaturity(null); setTarget(null);
setObstaclesSel([]); setSolution(null); setOpenText("");
setShowResults(false); setShowValidation(false);
}
}
window.addEventListener("ic-preselect-track", pre);
try {
const stored = sessionStorage.getItem("ic-preselect-track");
if (stored) { pre({ detail: { trackId: stored } }); sessionStorage.removeItem("ic-preselect-track"); }
} catch(e){}
return () => window.removeEventListener("ic-preselect-track", pre);
}, []);
const track = trackId ? trackById(trackId) : null;
const obstaclesAll = useMemo(() => {
if (!track) return OBSTACLES;
const seen = new Set(OBSTACLES.map((o) => o.id));
const extras = (track.obstaclesExtra || []).filter((o) => !seen.has(o.id));
return [...OBSTACLES, ...extras];
}, [track]);
const answeredCount = Object.keys(answers).length;
const allAnswered =
track &&
answeredCount === track.questions.length &&
maturity != null &&
target != null &&
solution != null;
const score = useMemo(() => {
if (!track) return 0;
let raw = 0;
let maxRaw = 0;
for (const q of track.questions) {
const a = answers[q.n];
const p = a ? FREQ_SCALE.find((s) => s.id === a).points : 0;
raw += p;
maxRaw += 4;
}
return Math.round((raw / maxRaw) * 100);
}, [answers, track]);
const band = bandFor(score);
const insights = useMemo(() => {
if (!track || !allAnswered) return [];
const tgt = TARGET.find((t) => t.id === target);
const obs = obstaclesSel
.map((id) => obstaclesAll.find((o) => o.id === id))
.filter(Boolean);
return buildInsights(track, answers, score, tgt, obs);
}, [track, answers, score, target, obstaclesSel, obstaclesAll, allAnswered]);
const qualification = useMemo(() => {
if (!track || !allAnswered) return null;
const tgt = TARGET.find((t) => t.id === target);
const sol = SOLUTIONS.find((s) => s.id === solution);
return qualificationFor(score, tgt, sol);
}, [score, target, solution, track, allAnswered]);
/* ── Handlers ──────────────────────────────────────────── */
function pickTrack(id) {
setTrackId(id);
setAnswers({});
setMaturity(null); setTarget(null);
setObstaclesSel([]); setSolution(null); setOpenText("");
setShowResults(false); setShowGate(false); setShowValidation(false);
setEmailStatus(null); setGateError("");
setTimeout(() => {
const el = document.getElementById("ic-questions-anchor");
if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
}, 50);
}
function setAnswer(n, v) {
setAnswers((prev) => ({ ...prev, [n]: v }));
setShowValidation(false);
}
function toggleObstacle(id) {
setObstaclesSel((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
}
// Q1–Q15 submit → opens the GDPR-gated email form (does not yet reveal the report).
function generate() {
if (!allAnswered) { setShowValidation(true); return; }
setShowValidation(false);
setShowGate(true);
setTimeout(() => {
const el = document.getElementById("ic-gate-anchor");
if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
}, 50);
}
// Gate submit → validate, send via EmailJS (or skip in DEV), then reveal the report.
async function submitGate(ev) {
if (ev && ev.preventDefault) ev.preventDefault();
setGateError("");
const name = gateName.trim();
const email = gateEmail.trim();
if (name.length < 2) { setGateError("Please enter your full name."); return; }
if (!EMAIL_RE.test(email)) { setGateError("Please enter a valid email address."); return; }
if (!gateConsent) { setGateError("Consent to processing is required to deliver the report. Without it we cannot send the email."); return; }
setGateBusy(true);
try {
const tgt = TARGET.find((t) => t.id === target);
const sol = SOLUTIONS.find((s) => s.id === solution);
const obs = obstaclesSel.map((id) => obstaclesAll.find((o) => o.id === id)).filter(Boolean);
const ins = buildInsights(track, answers, score, tgt, obs);
const q = qualificationFor(score, tgt, sol);
const params = buildEmailParams({
name, email, track, score, band, insights: ins,
target, obstacles: obs, solution, comment: openText,
qualification: q, marketingOptIn: gateMarketing,
});
// The shared template's whole Content is a single {{report}} tag, so build
// the full inline-styled HTML body. Insights become the "where the file
// breaks down" rows; primaryFailure is the headline failure mode.
const report = buildReportHtml({
name,
routeLabelEn: track.name,
routeLabelDe: stripHtml(track.name_de),
defensibility: score,
bandEn: band.en,
bandDe: stripHtml(band.de),
grade: band.tone,
primary: track.primaryFailure ? {
name: track.primaryFailure.name,
name_de: track.primaryFailure.cite,
concern: track.primaryFailure.concern,
} : null,
rows: ins.map((i) => ({ name: stripHtml(i.label), name_de: "", concern: stripHtml(i.body) })),
qualLabel: q.title,
nextCta: q.cta,
nextBody: stripHtml(q.body),
});
if (emailjsConfigured()) {
const cfg = window.EMAILJS_CONFIG;
await window.emailjs.send(cfg.serviceId, cfg.templateId, {
...params,
// Recipient aliases so the shared template's "To Email" always resolves.
to_email: email, email: email, reply_to: email,
to_name: name, name: name,
report, // the whole email body
});
setEmailStatus("sent");
} else {
setEmailStatus("skipped"); // dev / placeholder mode
}
setShowGate(false);
setShowResults(true);
setTimeout(() => {
const el = document.getElementById("ic-results-anchor");
if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
}, 50);
} catch (err) {
console.error("EmailJS send failed", err);
setEmailStatus("failed");
setGateError("We could not send the email right now. You can still view the report below — try again later or copy this page.");
setShowGate(false);
setShowResults(true);
} finally {
setGateBusy(false);
}
}
function reset() {
setTrackId(null);
setAnswers({}); setMaturity(null); setTarget(null);
setObstaclesSel([]); setSolution(null); setOpenText("");
setShowResults(false); setShowGate(false); setShowValidation(false);
setGateName(""); setGateEmail(""); setGateConsent(false); setGateMarketing(false);
setGateError(""); setEmailStatus(null);
}
function edit() { setShowResults(false); setShowGate(false); }
function backToQuestionsFromGate() { setShowGate(false); }
const scoreClass = band.tone;
/* ── Render ────────────────────────────────────────────── */
return (
{/* ─ TRACK PICKER ─ */}
Step 1 · Select the file type
Which type of termination file are you assessing?
Five tracks, fifteen questions each. The question set, the §-anchored items, and the failure-mode commentary differ by track. The assessment is structural-completeness only and does not constitute Rechtsberatung.
For each item, how consistently is this true on the matters you sign off on? Each item is gate-anchored to the corresponding pipeline check — the anchor tag (e.g. G2.D3 / ED-8) is shown for orientation.
{answeredCount} of {track.questions.length} answered
{track.questions.map((q) => (
Q{q.n} · {q.anchor}
Q${q.n}. ${q.text}` }} />
{FREQ_SCALE.map((s) => (
))}
))}
{/* Q11 — Current reality */}
Q11 · Current reality
Which best describes the current file-maturity posture?
{MATURITY.map((m) => (
))}
{/* Q12 — Desired reality */}
Q12 · Desired reality
What posture are you trying to reach?
{TARGET.map((t) => (
))}
{/* Q13 — Obstacles */}
Q13 · Obstacles (multi-select)
What is preventing progress today?
Select all that apply. The track-specific extras (e.g. Abmahnung chain, BEM, §17 timing) are added to the base list.
{obstaclesAll.map((o) => (
))}
{/* Q14 — Preferred solution */}
Q14 · Preferred solution
If you were to close the gap, what shape would suit?
{SOLUTIONS.map((s) => (
))}
{/* Q15 — Anything else? */}
Q15 · Anything else? (optional)
Context, urgency, internal constraints?
Often the most useful answer. Privilege note: do not include any matter-identifying detail — structural posture only.