@intellectif/lk-react 23.1.2 → 23.2.1

package/dist/{MultipleChoice-COn5MtKY.cjs → MultipleChoice-BJMAgxQd.cjs}

@@ -1,12 +1,12 @@
 'use client';
 const require_ai_LkAiProvider = require("./ai/LkAiProvider.cjs");
-const require_useAiHelp = require("./useAiHelp-h9yOLFqt.cjs");
+const require_useAiHelp = require("./useAiHelp-MBQiNgst.cjs");
 const require_LkIntlProvider = require("./LkIntlProvider-oi57lYB0.cjs");
-const require_ActivityErrorBoundary = require("./ActivityErrorBoundary-B379hvtL.cjs");
+const require_ActivityErrorBoundary = require("./ActivityErrorBoundary-DEHmEXQw.cjs");
 const require_hooks_useActivityState = require("./hooks/useActivityState.cjs");
 const require_ActivityMedia = require("./ActivityMedia-CQQTRNl7.cjs");
-const require_tries = require("./tries-CbbtZkdG.cjs");
-const require_FeedbackRegion = require("./FeedbackRegion-BNNMtTY-.cjs");
+const require_tries = require("./tries-5JLYRKCa.cjs");
+const require_FeedbackRegion = require("./FeedbackRegion-wfTuezJo.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _intellectif_lk_core = require("@intellectif/lk-core");
@@ -430,4 +430,4 @@ Object.defineProperty(exports, "MultipleChoice", {
 	}
 });
 
-//# sourceMappingURL=MultipleChoice-COn5MtKY.cjs.map
+//# sourceMappingURL=MultipleChoice-BJMAgxQd.cjs.map

package/dist/{MultipleChoice-COn5MtKY.cjs.map → MultipleChoice-BJMAgxQd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MultipleChoice-COn5MtKY.cjs","names":["legacyCorrect","MultipleChoice","useLkStrings","useLearnerAi","useDeliveryPolicy","useItemScoringPolicy","useMemo","isDevelopment","validateActivity","ActivitySchemaError","useRef","useActivityState","useTries","useState","hintsOf","randomSessionId","seededShuffle","useComponentAiHints","score","computePassThreshold","xAPIBuilder","ANONYMOUS_ACTOR","objectIdFor","xapiDefinitionFor","stampTake","mintTake","Fragment","triesSummary","ActivityMedia","HintCost","AiHints","FeedbackRegion","feedbackAnnouncement","TryActions","AiExplanation","useLkStrings","ActivityErrorBoundary","MultipleChoiceCore"],"sources":["../src/components/MultipleChoice/MultipleChoice.tsx","../src/components/MultipleChoice/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  computePassThreshold,\n  type ItemOutcome,\n  type LearnerResponse,\n  type MultipleChoiceData,\n  type MultipleChoiceLearnerResponse,\n  type MultipleChoiceOption,\n  type ScoringDetail,\n  score,\n  seededShuffle,\n  validateActivity,\n  xAPIBuilder,\n  xapiDefinitionFor,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLearnerAi } from '../../ai/LkAiProvider.js';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStrings } from '../../i18n/strings.js';\nimport {\n  ANONYMOUS_ACTOR,\n  isDevelopment,\n  legacyCorrect,\n  objectIdFor,\n  randomSessionId,\n} from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { AiExplanation, AiHints, useComponentAiHints } from '../shared/AiHelp.js';\nimport { feedbackAnnouncement, useDeliveryPolicy } from '../shared/delivery.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.js';\nimport { mintTake, stampTake } from '../shared/sequence-slot.js';\nimport {\n  HintCost,\n  hintsOf,\n  TryActions,\n  triesSummary,\n  useItemScoringPolicy,\n  useTries,\n} from '../shared/tries.js';\nimport type { ActivityProps } from '../types.js';\n\n/**\n * Selected option ids carried by a learner response. Any other response shape\n * (a caller wiring the wrong item's state through `value`) reads as \"nothing\n * selected\" rather than throwing mid-exam.\n */\nfunction selectionOf(response: LearnerResponse | undefined): string[] {\n  return response?.type === 'multiple-choice' ? response.selectedOptionIds : [];\n}\n\n/**\n * Whether an option is part of the correct answer, derived from the SERVER's\n * outcome — review mode never holds an answer key of its own.\n * {@link ScoringDetail.outcome} states this unambiguously. A detail stored\n * before lk-core 0.3 carries only a `correct` flag, which means \"the learner\n * ACTED correctly on this option\", not \"this option is the answer\"; the fact is\n * still recoverable, because we know whether the learner selected it:\n * `isCorrect = wasSelected ? correct : !correct`.\n */\nfunction isAnswerOption(detail: ScoringDetail, wasSelected: boolean): boolean {\n  switch (detail.outcome) {\n    case 'correct':\n    case 'incorrect-omission':\n      return true;\n    case 'incorrect':\n    case 'correct-omission':\n      return false;\n    default:\n      return wasSelected ? legacyCorrect(detail) === true : legacyCorrect(detail) !== true;\n  }\n}\n\n/**\n * Announcement for `review` mode, built only from the server-supplied outcome.\n *\n * The authored overall feedback is appended by this function rather than being\n * baked into the score sentence, so a translation of \"Score 80%. Passed.\" never\n * has to carry the author's words with it.\n */\nfunction reviewAnnouncement(outcome: ItemOutcome | undefined, s: LkStrings): string | null {\n  if (outcome === undefined) {\n    return null;\n  }\n  if (outcome.status === 'scored') {\n    const overall = outcome.feedback;\n    return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${\n      overall ? ` ${overall}` : ''\n    }`;\n  }\n  if (outcome.status === 'deferred') {\n    // Never \"0%\": ungraded is not the same as wrong.\n    return s.notGradedYet;\n  }\n  if (outcome.status === 'unscorable') {\n    return s.noGradeAvailable;\n  }\n  // `graded` is left silent here deliberately: a returned GradeRecord on a\n  // multiple-choice item has no rubric to render, and announcing a bare\n  // percentage would duplicate what the marking already shows.\n  return null;\n}\n\nexport interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {\n  /**\n   * Seed for the deterministic option shuffle. Supply one (e.g. the attempt\n   * id) to make the shuffled order reproducible server-side, stable across\n   * page reloads, and identical between SSR and hydration. When absent, a\n   * random per-mount session seed is used (order stable within the mount\n   * only — the behaviour before `shuffleSeed` existed).\n   */\n  shuffleSeed?: string;\n}\n\nexport function MultipleChoice({\n  data,\n  onComplete,\n  onSubmit,\n  value,\n  defaultValue,\n  defaultSubmitted,\n  onChange,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  theme,\n  locale,\n  disabled,\n  shuffleSeed,\n  strings,\n  ai: aiProp,\n  delivery,\n  scoring,\n}: MultipleChoiceProps) {\n  const s = useLkStrings(strings);\n  const ai = useLearnerAi(aiProp);\n  const policy = useDeliveryPolicy(delivery);\n  const scoringPolicy = useItemScoringPolicy(scoring);\n\n  // Dev-only boundary validation. Throwing during render lets\n  // ActivityErrorBoundary catch it. Memoised so it only re-runs on data change.\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    // A `redact()` projection cannot satisfy the full content schema — the\n    // answer key is gone by design — and must not be checked against the\n    // strict redacted schema either, since a `reveal: 'after-submit'`\n    // projection legitimately carries answer-key fields for review renders.\n    if (data.redacted === true) {\n      return null;\n    }\n    const result = validateActivity('multiple-choice', data);\n    return result.success ? null : new ActivitySchemaError('multiple-choice', result.errors);\n  }, [data]);\n\n  // Lazily created only when shuffling without a caller seed: avoids calling\n  // crypto.randomUUID (absent on non-secure http origins) unless needed.\n  const sessionIdRef = useRef<string | null>(null);\n  const { state, start, complete, getTimeSpent, reset } = useActivityState(\n    defaultSubmitted === true ? 'completed' : 'idle',\n  );\n  // Before anything that resets them: a new question starts with no tries.\n  const tries = useTries({\n    policy: scoringPolicy,\n    graded: renderMode === 'practice' && policy.feedback,\n    submitted: state === 'completed',\n    disabled: disabled === true,\n  });\n  const resetTries = tries.reset;\n  const closeQuestion = tries.close;\n  // Uncontrolled state. `defaultValue` seeds the mount only (React convention);\n  // to re-seed later, remount with a `key` or drive the component with `value`.\n  const [internalSelection, setInternalSelection] = useState<string[]>(() =>\n    selectionOf(defaultValue),\n  );\n  const [summary, setSummary] = useState<string | null>(null);\n  // The authored overall feedback on the last graded answer, said after the\n  // score and what the policy made of it.\n  const [overall, setOverall] = useState<string | null>(null);\n  // Hints the learner had been shown before this mount: a restored answer's\n  // count stands, and the hints shown here add to it.\n  const seedHintsRef = useRef(hintsOf(value ?? defaultValue));\n  const rootRef = useRef<HTMLDivElement>(null);\n  const feedbackRef = useRef<HTMLDivElement>(null);\n  const focusAfterRef = useRef<'answer' | 'feedback' | null>(null);\n\n  // Reset on data-prop CHANGE. The identity guard makes the mount\n  // run a no-op, which it always was before `defaultValue` existed — without\n  // it this effect would wipe the seed immediately after the first render.\n  // (It also makes the reset StrictMode-safe: a remount with unchanged data\n  // no longer discards the learner's selection.)\n  // Resets back to `defaultValue`, not to empty. Clearing looked safer — it\n  // cannot carry a stale answer into a different question — but `data`\n  // identity is a poor proxy for \"different question\": a parent that builds\n  // entries in render (`activities={raw.map(redact)}`, the documented exam\n  // pattern) hands over a new object every render, and clearing wiped every\n  // RESTORED answer on the first unrelated re-render, silently. `defaultValue`\n  // is by definition the caller's seed for the CURRENT data, which is what\n  // FillInTheBlanks already reset to; the two now agree.\n  const defaultValueRef = useRef(defaultValue);\n  useEffect(() => {\n    defaultValueRef.current = defaultValue;\n  }, [defaultValue]);\n  // A data change must return the item to its SEED, submitted state included —\n  // resetting to idle unlocked work the learner had already committed.\n  const defaultSubmittedRef = useRef(defaultSubmitted);\n  useEffect(() => {\n    defaultSubmittedRef.current = defaultSubmitted;\n  }, [defaultSubmitted]);\n  const lastDataRef = useRef(data);\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInternalSelection(selectionOf(defaultValueRef.current));\n    setSummary(null);\n    setOverall(null);\n    seedHintsRef.current = hintsOf(defaultValueRef.current);\n    resetTries();\n    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset, resetTries]);\n\n  const displayedOptions = useMemo<MultipleChoiceOption[]>(() => {\n    if (!data.shuffle) {\n      return [...data.options];\n    }\n    // biome-ignore lint/suspicious/noAssignInExpressions: sanctioned lazy ref initialization\n    const seedSource = shuffleSeed ?? (sessionIdRef.current ??= randomSessionId());\n    // The seed string is unchanged from when the algorithm lived in this file,\n    // so an order a consumer recorded against a seed still reproduces.\n    return seededShuffle(data.options, `${seedSource}:${data.id}`, { version: 1 });\n  }, [data, shuffleSeed]);\n\n  // Per-option correctness for `review`, indexed by option id. Null unless the\n  // caller supplied a SCORED outcome — the only source of truth this mode has.\n  const reviewDetails = useMemo(() => {\n    if (renderMode !== 'review' || outcome === undefined || outcome.status !== 'scored') {\n      return null;\n    }\n    return new Map(outcome.details.map((detail) => [detail.itemId, detail]));\n  }, [renderMode, outcome]);\n\n  // Hints are a hook, so they are read here, before the throws below.\n  const answered = state === 'completed';\n  const chosen = value !== undefined ? selectionOf(value) : internalSelection;\n  const aiHints = useComponentAiHints({\n    ai,\n    data,\n    renderMode,\n    submitted: answered,\n    disabled: disabled === true,\n    response: { type: 'multiple-choice', selectedOptionIds: chosen },\n    locale,\n    onInteraction,\n    strings: s,\n    delivery: policy,\n  });\n  // Every hint the learner has been shown on this question, counted from its\n  // start: what a scoring policy charges for. Hints exist only in practice.\n  const hintsRevealed = renderMode === 'practice' ? seedHintsRef.current + aiHints.used : 0;\n  const responseOf = (selectedOptionIds: string[]): MultipleChoiceLearnerResponse => ({\n    type: 'multiple-choice',\n    selectedOptionIds,\n    ...(hintsRevealed > 0 ? { hintsRevealed } : {}),\n  });\n  // A hint shown is part of the answer's record, so a host that restores an\n  // answer restores what it cost: say so as it happens, not at the next click.\n  const hintsSeenRef = useRef(aiHints.used);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: a new hint is the trigger, and the response it reports is this render's\n  useEffect(() => {\n    if (hintsSeenRef.current === aiHints.used) {\n      return;\n    }\n    hintsSeenRef.current = aiHints.used;\n    if (aiHints.used > 0) {\n      onChange?.(responseOf(chosen));\n    }\n  }, [aiHints.used]);\n  // After \"Try again\" the learner is back at their answer; after \"Show answer\"\n  // the buttons they pressed are gone, and the result is what is left.\n  useEffect(() => {\n    const target = focusAfterRef.current;\n    if (target === null) {\n      return;\n    }\n    focusAfterRef.current = null;\n    if (target === 'answer') {\n      rootRef.current?.querySelector<HTMLElement>('input:not(:disabled)')?.focus();\n    } else {\n      feedbackRef.current?.focus();\n    }\n  });\n\n  // All hooks are called before these throws, so hook order stays stable.\n  if (devError) {\n    throw devError;\n  }\n  // Practice grades locally, which a redacted projection cannot support:\n  // `score()` would throw from the submit handler — where no error boundary\n  // can catch it — AFTER the learner has answered. Fail loudly at render\n  // instead, in production too. Wiring an exam item into the self-grading\n  // mode is precisely the accident `renderMode` exists to prevent.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Multiple Choice \"${data.id}\" received redacted activity data in renderMode \"practice\", ` +\n        'which grades locally and has no answer key to grade against. ' +\n        'Render redacted data with renderMode=\"exam\" (server grades) or \"review\" (pass `outcome`).',\n    );\n  }\n\n  const isSingle = data.mode === 'single';\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n  const submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n  const isControlled = value !== undefined;\n  const selected = isControlled ? selectionOf(value) : internalSelection;\n  /**\n   * Whether correctness and authored feedback may be shown. Practice earns it\n   * by grading locally after submit; review shows what the server already\n   * graded. Exam never reveals anything — not before, not after submit.\n   */\n  const reveal = isReview || (renderMode === 'practice' && submitted);\n  /**\n   * What the delivery policy lets that reveal show. `marks`: right and wrong at\n   * all, and the author's feedback. `solutions`: the right answer where the\n   * learner did not choose it — without it, only the options the learner chose\n   * are marked, so a missed correct option is not given away.\n   */\n  const marks = reveal && policy.feedback;\n  // While the learner is offered another try, the right answer stays hidden:\n  // the next try is for finding it.\n  const solutions = marks && policy.solutions && !tries.open;\n\n  const fireInteraction = (\n    type: 'option-selected' | 'option-deselected' | 'submitted',\n    payload: Record<string, unknown>,\n  ): void => {\n    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });\n  };\n\n  /** Single funnel for every response change: owns state only when uncontrolled. */\n  const emitChange = (selectedOptionIds: string[]): void => {\n    if (!isControlled) {\n      setInternalSelection(selectedOptionIds);\n    }\n    onChange?.(responseOf(selectedOptionIds));\n  };\n\n  const selectSingle = (optionId: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange([optionId]);\n    fireInteraction('option-selected', { optionId });\n  };\n\n  const toggleMulti = (optionId: string, checked: boolean): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange(checked ? [...selected, optionId] : selected.filter((id) => id !== optionId));\n    fireInteraction(checked ? 'option-selected' : 'option-deselected', { optionId });\n  };\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive) {\n      return;\n    }\n    const response = responseOf(selected);\n    // Always first, and before anything that can throw: an exam runner must be\n    // able to persist the raw response no matter what happens after.\n    onSubmit?.(response);\n\n    if (isExam) {\n      // No score(), no answer key read, no onComplete, no xAPI — the server\n      // grades. The announcement deliberately carries no correctness signal.\n      complete();\n      setSummary(s.answerSubmitted);\n      fireInteraction('submitted', { selectedOptionIds: selected });\n      return;\n    }\n\n    const answer = score('multiple-choice', data as MultipleChoiceData, response);\n    complete();\n    const timeSpent = getTimeSpent();\n    // The question's score under the policy: this try's answer, less what its\n    // hints and the tries before it cost, or an earlier try's. With no policy\n    // it is exactly what the answer scored.\n    const counted = tries.record({\n      score: answer.score,\n      maxScore: answer.maxScore,\n      hintsRevealed,\n    });\n    const mine = counted.tries[counted.tries.length - 1];\n    const costed = mine === undefined ? answer.score : mine.scored;\n    // The statement records this try, at what it scored after its costs.\n    const scoringResult =\n      costed === answer.score\n        ? answer\n        : {\n            ...answer,\n            score: costed,\n            passed: computePassThreshold(data as MultipleChoiceData, costed),\n          };\n    const passed =\n      counted.score === scoringResult.score\n        ? scoringResult.passed\n        : computePassThreshold(data as MultipleChoiceData, counted.score);\n    const xapiStatement = xAPIBuilder.buildAnsweredStatement({\n      actor: ANONYMOUS_ACTOR,\n      object: {\n        id: objectIdFor(data.id),\n        name: { [data.locale ?? 'en-US']: data.title },\n        // Activity-type IRI, interaction type and correct-responses pattern\n        // come from the REGISTERED descriptor, so a consumer-registered type\n        // gets correct interop without touching this component.\n        ...xapiDefinitionFor(data),\n        choices: data.options.map((option) => ({\n          id: option.id,\n          description: { [data.locale ?? 'en-US']: option.text },\n        })),\n      },\n      scoringResult,\n      timeSpentMs: timeSpent,\n      response: selected.join(','),\n    });\n    // Stamped, so a set this question sits in knows a later try replaces it.\n    onComplete?.(\n      stampTake(\n        {\n          score: counted.score,\n          maxScore: counted.maxScore,\n          passed,\n          timeSpent,\n          xapiStatement,\n        },\n        mintTake(),\n      ),\n    );\n    // Core selects the authored overall feedback on `passed` (B3 fix): it is\n    // the answer's, so it follows the answer's own grade.\n    setOverall(answer.feedback);\n    setSummary(\n      `${s.answerSubmitted} ${s.scoreAnnouncement(Math.round(counted.score * 100), passed)}`,\n    );\n    fireInteraction('submitted', {\n      selectedOptionIds: selected,\n      score: scoringResult.score,\n    });\n  };\n\n  /** \"Try again\": the answer stays, to be changed; the marks go. */\n  const retry = (): void => {\n    reset('idle');\n    setSummary(null);\n    setOverall(null);\n    focusAfterRef.current = 'answer';\n  };\n\n  /** \"Show answer\": no more tries; the question shows what a finished one shows. */\n  const closeTries = (): void => {\n    closeQuestion();\n    focusAfterRef.current = 'feedback';\n  };\n\n  const questionId = `${data.id}-question`;\n  // Rich text renders ONLY through a caller-supplied sanitiser; without one we\n  // fall back to the plain-text field, escaped by React (types.ts HtmlSanitizer).\n  const questionHtml =\n    sanitizeHtml !== undefined && data.questionHtml !== undefined\n      ? sanitizeHtml(data.questionHtml)\n      : null;\n\n  const optionList = displayedOptions.map((option) => {\n    const checked = selected.includes(option.id);\n    // `data-correct` means \"this option is part of the correct answer\".\n    let correctness: string | undefined;\n    // An option the learner did not choose is marked only where solutions\n    // show: marking the right one they missed would hand them the answer.\n    const markable = marks && (solutions || checked);\n    if (isReview) {\n      const detail = reviewDetails?.get(option.id);\n      correctness =\n        !markable || detail === undefined ? undefined : String(isAnswerOption(detail, checked));\n    } else if (markable) {\n      correctness = String(option.isCorrect);\n    }\n    const media = option.media;\n    // A picture goes INSIDE the label: it has no controls of its own, clicking\n    // it is how a learner picks that option, and its `alt` joins the option's\n    // accessible name. A recording cannot — see below.\n    const picture =\n      media?.type === 'image' ? (\n        <img className=\"lk-mc-option-image\" src={media.url} alt={media.alt ?? ''} />\n      ) : null;\n\n    const label = (\n      <label className=\"lk-mc-option\" data-correct={correctness}>\n        <input\n          type={isSingle ? 'radio' : 'checkbox'}\n          name={isSingle ? `${data.id}-options` : undefined}\n          value={option.id}\n          checked={checked}\n          disabled={inactive}\n          aria-disabled={inactive || undefined}\n          onChange={(e) =>\n            isSingle ? selectSingle(option.id) : toggleMulti(option.id, e.target.checked)\n          }\n        />\n        <span>{option.text}</span>\n        {picture}\n        {markable && option.feedback ? (\n          <span className=\"lk-mc-option-feedback\" role=\"note\">\n            {option.feedback}\n          </span>\n        ) : null}\n      </label>\n    );\n\n    if (media?.type !== 'audio') {\n      return <Fragment key={option.id}>{label}</Fragment>;\n    }\n\n    // A recording sits OUTSIDE the label, deliberately. A <label> activates its\n    // control for any click inside it, so an <audio> nested in one would select\n    // the option the moment the learner pressed play — and a listening item is\n    // answered by comparing all the recordings before choosing any of them.\n    // Selecting an option must stay something the learner does on purpose.\n    return (\n      <div className=\"lk-mc-option-media\" key={option.id}>\n        {label}\n        {/* biome-ignore lint/a11y/useMediaCaption: captions are optional in the data contract — a <track> is rendered when captionsUrl is provided; absence is the author's documented choice */}\n        <audio\n          className=\"lk-mc-option-audio\"\n          src={media.url}\n          controls\n          preload=\"none\"\n          aria-label={media.alt ?? option.text}\n        >\n          {media.captionsUrl ? (\n            <track kind=\"captions\" src={media.captionsUrl} label={media.alt ?? option.text} />\n          ) : null}\n        </audio>\n      </div>\n    );\n  });\n\n  const extra =\n    !isReview && policy.feedback && submitted && tries.counted !== null\n      ? triesSummary(s, scoringPolicy, tries.counted, tries.open)\n      : '';\n  const announced =\n    summary === null\n      ? null\n      : `${summary}${extra ? ` ${extra}` : ''}${overall ? ` ${overall}` : ''}`;\n\n  return (\n    <div className=\"lk-mc\" lang={locale} style={theme as CSSProperties | undefined} ref={rootRef}>\n      {data.media ? (\n        <ActivityMedia\n          media={data.media}\n          renderMode={renderMode}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      <form onSubmit={handleSubmit}>\n        <fieldset disabled={inactive}>\n          {questionHtml === null ? (\n            <legend id={questionId}>{data.question}</legend>\n          ) : (\n            <legend\n              id={questionId}\n              // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML is the output of the caller-supplied sanitizeHtml (types.ts HtmlSanitizer contract)\n              dangerouslySetInnerHTML={{ __html: questionHtml }}\n            />\n          )}\n          {/*\n            single: an explicit radiogroup is meaningful (fieldset's implicit\n            role is `group`, not `radiogroup`). multi: the fieldset + legend\n            already provide a named group — an explicit role=\"group\" here would\n            be a redundant, duplicate same-named group in the a11y tree, so we\n            use a plain layout div. (Refines the design ARIA sketch.)\n          */}\n          {isSingle ? (\n            <div role=\"radiogroup\" aria-labelledby={questionId}>\n              {optionList}\n            </div>\n          ) : (\n            <div>{optionList}</div>\n          )}\n          {aiHints.offered && renderMode === 'practice' ? (\n            <HintCost policy={scoringPolicy} strings={s} />\n          ) : null}\n          <AiHints help={aiHints} ai={ai} strings={s} />\n          {/* review is read-only: there is nothing left to submit. */}\n          {isReview ? null : (\n            <button type=\"submit\" disabled={inactive}>\n              {s.submit}\n            </button>\n          )}\n        </fieldset>\n      </form>\n      <FeedbackRegion\n        id={`${data.id}-feedback`}\n        {...(scoringPolicy.retries > 0 ? { ref: feedbackRef } : {})}\n      >\n        {feedbackAnnouncement({\n          review: isReview,\n          feedback: policy.feedback,\n          outcome,\n          readBack: reviewAnnouncement(outcome, s),\n          submitted: summary !== null,\n          result: announced,\n          received: s.answerSubmitted,\n        })}\n      </FeedbackRegion>\n      <TryActions\n        tries={tries}\n        solutions={policy.solutions}\n        strings={s}\n        onRetry={retry}\n        onClose={closeTries}\n      />\n      <AiExplanation\n        ai={ai}\n        data={data}\n        renderMode={renderMode}\n        submitted={submitted}\n        response={{ type: 'multiple-choice', selectedOptionIds: selected }}\n        outcome={outcome}\n        locale={locale}\n        onInteraction={onInteraction}\n        strings={s}\n        // An explanation all but always names the answer: not while another\n        // try is on offer.\n        delivery={tries.open ? { ...policy, solutions: false } : policy}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  MultipleChoice as MultipleChoiceCore,\n  type MultipleChoiceProps,\n} from './MultipleChoice.js';\n\nexport type { MultipleChoiceProps } from './MultipleChoice.js';\n\n/**\n * Public Multiple Choice activity: the core component wrapped in\n * `ActivityErrorBoundary` so a render failure (incl. the dev schema-validation\n * throw) degrades to an accessible fallback instead of crashing the host.\n */\nexport function MultipleChoice(props: MultipleChoiceProps): React.JSX.Element {\n  // Read here rather than in the boundary: a class component cannot call a\n  // hook, and the fallback it renders is learner-facing text like any other.\n  const strings = useLkStrings(props.strings);\n  return (\n    <ActivityErrorBoundary activityTitle={props.data?.title} strings={strings}>\n      <MultipleChoiceCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MultipleChoice-BJMAgxQd.cjs","names":["legacyCorrect","MultipleChoice","useLkStrings","useLearnerAi","useDeliveryPolicy","useItemScoringPolicy","useMemo","isDevelopment","validateActivity","ActivitySchemaError","useRef","useActivityState","useTries","useState","hintsOf","randomSessionId","seededShuffle","useComponentAiHints","score","computePassThreshold","xAPIBuilder","ANONYMOUS_ACTOR","objectIdFor","xapiDefinitionFor","stampTake","mintTake","Fragment","triesSummary","ActivityMedia","HintCost","AiHints","FeedbackRegion","feedbackAnnouncement","TryActions","AiExplanation","useLkStrings","ActivityErrorBoundary","MultipleChoiceCore"],"sources":["../src/components/MultipleChoice/MultipleChoice.tsx","../src/components/MultipleChoice/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  computePassThreshold,\n  type ItemOutcome,\n  type LearnerResponse,\n  type MultipleChoiceData,\n  type MultipleChoiceLearnerResponse,\n  type MultipleChoiceOption,\n  type ScoringDetail,\n  score,\n  seededShuffle,\n  validateActivity,\n  xAPIBuilder,\n  xapiDefinitionFor,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLearnerAi } from '../../ai/LkAiProvider.js';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStrings } from '../../i18n/strings.js';\nimport {\n  ANONYMOUS_ACTOR,\n  isDevelopment,\n  legacyCorrect,\n  objectIdFor,\n  randomSessionId,\n} from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { AiExplanation, AiHints, useComponentAiHints } from '../shared/AiHelp.js';\nimport { feedbackAnnouncement, useDeliveryPolicy } from '../shared/delivery.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.js';\nimport { mintTake, stampTake } from '../shared/sequence-slot.js';\nimport {\n  HintCost,\n  hintsOf,\n  TryActions,\n  triesSummary,\n  useItemScoringPolicy,\n  useTries,\n} from '../shared/tries.js';\nimport type { ActivityProps } from '../types.js';\n\n/**\n * Selected option ids carried by a learner response. Any other response shape\n * (a caller wiring the wrong item's state through `value`) reads as \"nothing\n * selected\" rather than throwing mid-exam.\n */\nfunction selectionOf(response: LearnerResponse | undefined): string[] {\n  return response?.type === 'multiple-choice' ? response.selectedOptionIds : [];\n}\n\n/**\n * Whether an option is part of the correct answer, derived from the SERVER's\n * outcome — review mode never holds an answer key of its own.\n * {@link ScoringDetail.outcome} states this unambiguously. A detail stored\n * before lk-core 0.3 carries only a `correct` flag, which means \"the learner\n * ACTED correctly on this option\", not \"this option is the answer\"; the fact is\n * still recoverable, because we know whether the learner selected it:\n * `isCorrect = wasSelected ? correct : !correct`.\n */\nfunction isAnswerOption(detail: ScoringDetail, wasSelected: boolean): boolean {\n  switch (detail.outcome) {\n    case 'correct':\n    case 'incorrect-omission':\n      return true;\n    case 'incorrect':\n    case 'correct-omission':\n      return false;\n    default:\n      return wasSelected ? legacyCorrect(detail) === true : legacyCorrect(detail) !== true;\n  }\n}\n\n/**\n * Announcement for `review` mode, built only from the server-supplied outcome.\n *\n * The authored overall feedback is appended by this function rather than being\n * baked into the score sentence, so a translation of \"Score 80%. Passed.\" never\n * has to carry the author's words with it.\n */\nfunction reviewAnnouncement(outcome: ItemOutcome | undefined, s: LkStrings): string | null {\n  if (outcome === undefined) {\n    return null;\n  }\n  if (outcome.status === 'scored') {\n    const overall = outcome.feedback;\n    return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${\n      overall ? ` ${overall}` : ''\n    }`;\n  }\n  if (outcome.status === 'deferred') {\n    // Never \"0%\": ungraded is not the same as wrong.\n    return s.notGradedYet;\n  }\n  if (outcome.status === 'unscorable') {\n    return s.noGradeAvailable;\n  }\n  // `graded` is left silent here deliberately: a returned GradeRecord on a\n  // multiple-choice item has no rubric to render, and announcing a bare\n  // percentage would duplicate what the marking already shows.\n  return null;\n}\n\nexport interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {\n  /**\n   * Seed for the deterministic option shuffle. Supply one (e.g. the attempt\n   * id) to make the shuffled order reproducible server-side, stable across\n   * page reloads, and identical between SSR and hydration. When absent, a\n   * random per-mount session seed is used (order stable within the mount\n   * only — the behaviour before `shuffleSeed` existed).\n   */\n  shuffleSeed?: string;\n}\n\nexport function MultipleChoice({\n  data,\n  onComplete,\n  onSubmit,\n  value,\n  defaultValue,\n  defaultSubmitted,\n  onChange,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  theme,\n  locale,\n  disabled,\n  shuffleSeed,\n  strings,\n  ai: aiProp,\n  delivery,\n  scoring,\n}: MultipleChoiceProps) {\n  const s = useLkStrings(strings);\n  const ai = useLearnerAi(aiProp);\n  const policy = useDeliveryPolicy(delivery);\n  const scoringPolicy = useItemScoringPolicy(scoring);\n\n  // Dev-only boundary validation. Throwing during render lets\n  // ActivityErrorBoundary catch it. Memoised so it only re-runs on data change.\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    // A `redact()` projection cannot satisfy the full content schema — the\n    // answer key is gone by design — and must not be checked against the\n    // strict redacted schema either, since a `reveal: 'after-submit'`\n    // projection legitimately carries answer-key fields for review renders.\n    if (data.redacted === true) {\n      return null;\n    }\n    const result = validateActivity('multiple-choice', data);\n    return result.success ? null : new ActivitySchemaError('multiple-choice', result.errors);\n  }, [data]);\n\n  // Lazily created only when shuffling without a caller seed: avoids calling\n  // crypto.randomUUID (absent on non-secure http origins) unless needed.\n  const sessionIdRef = useRef<string | null>(null);\n  const { state, start, complete, getTimeSpent, reset } = useActivityState(\n    defaultSubmitted === true ? 'completed' : 'idle',\n  );\n  // Before anything that resets them: a new question starts with no tries.\n  const tries = useTries({\n    policy: scoringPolicy,\n    graded: renderMode === 'practice' && policy.feedback,\n    submitted: state === 'completed',\n    disabled: disabled === true,\n  });\n  const resetTries = tries.reset;\n  const closeQuestion = tries.close;\n  // Uncontrolled state. `defaultValue` seeds the mount only (React convention);\n  // to re-seed later, remount with a `key` or drive the component with `value`.\n  const [internalSelection, setInternalSelection] = useState<string[]>(() =>\n    selectionOf(defaultValue),\n  );\n  const [summary, setSummary] = useState<string | null>(null);\n  // The authored overall feedback on the last graded answer, said after the\n  // score and what the policy made of it.\n  const [overall, setOverall] = useState<string | null>(null);\n  // Hints the learner had been shown before this mount: a restored answer's\n  // count stands, and the hints shown here add to it.\n  const seedHintsRef = useRef(hintsOf(value ?? defaultValue));\n  const rootRef = useRef<HTMLDivElement>(null);\n  const feedbackRef = useRef<HTMLDivElement>(null);\n  const focusAfterRef = useRef<'answer' | 'feedback' | null>(null);\n\n  // Reset on data-prop CHANGE. The identity guard makes the mount\n  // run a no-op, which it always was before `defaultValue` existed — without\n  // it this effect would wipe the seed immediately after the first render.\n  // (It also makes the reset StrictMode-safe: a remount with unchanged data\n  // no longer discards the learner's selection.)\n  // Resets back to `defaultValue`, not to empty. Clearing looked safer — it\n  // cannot carry a stale answer into a different question — but `data`\n  // identity is a poor proxy for \"different question\": a parent that builds\n  // entries in render (`activities={raw.map(redact)}`, the documented exam\n  // pattern) hands over a new object every render, and clearing wiped every\n  // RESTORED answer on the first unrelated re-render, silently. `defaultValue`\n  // is by definition the caller's seed for the CURRENT data, which is what\n  // FillInTheBlanks already reset to; the two now agree.\n  const defaultValueRef = useRef(defaultValue);\n  useEffect(() => {\n    defaultValueRef.current = defaultValue;\n  }, [defaultValue]);\n  // A data change must return the item to its SEED, submitted state included —\n  // resetting to idle unlocked work the learner had already committed.\n  const defaultSubmittedRef = useRef(defaultSubmitted);\n  useEffect(() => {\n    defaultSubmittedRef.current = defaultSubmitted;\n  }, [defaultSubmitted]);\n  const lastDataRef = useRef(data);\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInternalSelection(selectionOf(defaultValueRef.current));\n    setSummary(null);\n    setOverall(null);\n    seedHintsRef.current = hintsOf(defaultValueRef.current);\n    resetTries();\n    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset, resetTries]);\n\n  const displayedOptions = useMemo<MultipleChoiceOption[]>(() => {\n    if (!data.shuffle) {\n      return [...data.options];\n    }\n    // biome-ignore lint/suspicious/noAssignInExpressions: sanctioned lazy ref initialization\n    const seedSource = shuffleSeed ?? (sessionIdRef.current ??= randomSessionId());\n    // The seed string is unchanged from when the algorithm lived in this file,\n    // so an order a consumer recorded against a seed still reproduces.\n    return seededShuffle(data.options, `${seedSource}:${data.id}`, { version: 1 });\n  }, [data, shuffleSeed]);\n\n  // Per-option correctness for `review`, indexed by option id. Null unless the\n  // caller supplied a SCORED outcome — the only source of truth this mode has.\n  const reviewDetails = useMemo(() => {\n    if (renderMode !== 'review' || outcome === undefined || outcome.status !== 'scored') {\n      return null;\n    }\n    return new Map(outcome.details.map((detail) => [detail.itemId, detail]));\n  }, [renderMode, outcome]);\n\n  // Hints are a hook, so they are read here, before the throws below.\n  const answered = state === 'completed';\n  const chosen = value !== undefined ? selectionOf(value) : internalSelection;\n  const aiHints = useComponentAiHints({\n    ai,\n    data,\n    renderMode,\n    submitted: answered,\n    disabled: disabled === true,\n    response: { type: 'multiple-choice', selectedOptionIds: chosen },\n    locale,\n    onInteraction,\n    strings: s,\n    delivery: policy,\n  });\n  // Every hint the learner has been shown on this question, counted from its\n  // start: what a scoring policy charges for. Hints exist only in practice.\n  const hintsRevealed = renderMode === 'practice' ? seedHintsRef.current + aiHints.used : 0;\n  const responseOf = (selectedOptionIds: string[]): MultipleChoiceLearnerResponse => ({\n    type: 'multiple-choice',\n    selectedOptionIds,\n    ...(hintsRevealed > 0 ? { hintsRevealed } : {}),\n  });\n  // A hint shown is part of the answer's record, so a host that restores an\n  // answer restores what it cost: say so as it happens, not at the next click.\n  const hintsSeenRef = useRef(aiHints.used);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: a new hint is the trigger, and the response it reports is this render's\n  useEffect(() => {\n    if (hintsSeenRef.current === aiHints.used) {\n      return;\n    }\n    hintsSeenRef.current = aiHints.used;\n    if (aiHints.used > 0) {\n      onChange?.(responseOf(chosen));\n    }\n  }, [aiHints.used]);\n  // After \"Try again\" the learner is back at their answer; after \"Show answer\"\n  // the buttons they pressed are gone, and the result is what is left.\n  useEffect(() => {\n    const target = focusAfterRef.current;\n    if (target === null) {\n      return;\n    }\n    focusAfterRef.current = null;\n    if (target === 'answer') {\n      rootRef.current?.querySelector<HTMLElement>('input:not(:disabled)')?.focus();\n    } else {\n      feedbackRef.current?.focus();\n    }\n  });\n\n  // All hooks are called before these throws, so hook order stays stable.\n  if (devError) {\n    throw devError;\n  }\n  // Practice grades locally, which a redacted projection cannot support:\n  // `score()` would throw from the submit handler — where no error boundary\n  // can catch it — AFTER the learner has answered. Fail loudly at render\n  // instead, in production too. Wiring an exam item into the self-grading\n  // mode is precisely the accident `renderMode` exists to prevent.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Multiple Choice \"${data.id}\" received redacted activity data in renderMode \"practice\", ` +\n        'which grades locally and has no answer key to grade against. ' +\n        'Render redacted data with renderMode=\"exam\" (server grades) or \"review\" (pass `outcome`).',\n    );\n  }\n\n  const isSingle = data.mode === 'single';\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n  const submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n  const isControlled = value !== undefined;\n  const selected = isControlled ? selectionOf(value) : internalSelection;\n  /**\n   * Whether correctness and authored feedback may be shown. Practice earns it\n   * by grading locally after submit; review shows what the server already\n   * graded. Exam never reveals anything — not before, not after submit.\n   */\n  const reveal = isReview || (renderMode === 'practice' && submitted);\n  /**\n   * What the delivery policy lets that reveal show. `marks`: right and wrong at\n   * all, and the author's feedback. `solutions`: the right answer where the\n   * learner did not choose it — without it, only the options the learner chose\n   * are marked, so a missed correct option is not given away.\n   */\n  const marks = reveal && policy.feedback;\n  // While the learner is offered another try, the right answer stays hidden:\n  // the next try is for finding it.\n  const solutions = marks && policy.solutions && !tries.open;\n\n  const fireInteraction = (\n    type: 'option-selected' | 'option-deselected' | 'submitted',\n    payload: Record<string, unknown>,\n  ): void => {\n    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });\n  };\n\n  /** Single funnel for every response change: owns state only when uncontrolled. */\n  const emitChange = (selectedOptionIds: string[]): void => {\n    if (!isControlled) {\n      setInternalSelection(selectedOptionIds);\n    }\n    onChange?.(responseOf(selectedOptionIds));\n  };\n\n  const selectSingle = (optionId: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange([optionId]);\n    fireInteraction('option-selected', { optionId });\n  };\n\n  const toggleMulti = (optionId: string, checked: boolean): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange(checked ? [...selected, optionId] : selected.filter((id) => id !== optionId));\n    fireInteraction(checked ? 'option-selected' : 'option-deselected', { optionId });\n  };\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive) {\n      return;\n    }\n    const response = responseOf(selected);\n    // Always first, and before anything that can throw: an exam runner must be\n    // able to persist the raw response no matter what happens after.\n    onSubmit?.(response);\n\n    if (isExam) {\n      // No score(), no answer key read, no onComplete, no xAPI — the server\n      // grades. The announcement deliberately carries no correctness signal.\n      complete();\n      setSummary(s.answerSubmitted);\n      fireInteraction('submitted', { selectedOptionIds: selected });\n      return;\n    }\n\n    const answer = score('multiple-choice', data as MultipleChoiceData, response);\n    complete();\n    const timeSpent = getTimeSpent();\n    // The question's score under the policy: this try's answer, less what its\n    // hints and the tries before it cost, or an earlier try's. With no policy\n    // it is exactly what the answer scored.\n    const counted = tries.record({\n      score: answer.score,\n      maxScore: answer.maxScore,\n      hintsRevealed,\n    });\n    const mine = counted.tries[counted.tries.length - 1];\n    const costed = mine === undefined ? answer.score : mine.scored;\n    // The statement records this try, at what it scored after its costs.\n    const scoringResult =\n      costed === answer.score\n        ? answer\n        : {\n            ...answer,\n            score: costed,\n            passed: computePassThreshold(data as MultipleChoiceData, costed),\n          };\n    const passed =\n      counted.score === scoringResult.score\n        ? scoringResult.passed\n        : computePassThreshold(data as MultipleChoiceData, counted.score);\n    const xapiStatement = xAPIBuilder.buildAnsweredStatement({\n      actor: ANONYMOUS_ACTOR,\n      object: {\n        id: objectIdFor(data.id),\n        name: { [data.locale ?? 'en-US']: data.title },\n        // Activity-type IRI, interaction type and correct-responses pattern\n        // come from the REGISTERED descriptor, so a consumer-registered type\n        // gets correct interop without touching this component.\n        ...xapiDefinitionFor(data),\n        choices: data.options.map((option) => ({\n          id: option.id,\n          description: { [data.locale ?? 'en-US']: option.text },\n        })),\n      },\n      scoringResult,\n      timeSpentMs: timeSpent,\n      response: selected.join(','),\n    });\n    // Stamped, so a set this question sits in knows a later try replaces it.\n    onComplete?.(\n      stampTake(\n        {\n          score: counted.score,\n          maxScore: counted.maxScore,\n          passed,\n          timeSpent,\n          xapiStatement,\n        },\n        mintTake(),\n      ),\n    );\n    // Core selects the authored overall feedback on `passed` (B3 fix): it is\n    // the answer's, so it follows the answer's own grade.\n    setOverall(answer.feedback);\n    setSummary(\n      `${s.answerSubmitted} ${s.scoreAnnouncement(Math.round(counted.score * 100), passed)}`,\n    );\n    fireInteraction('submitted', {\n      selectedOptionIds: selected,\n      score: scoringResult.score,\n    });\n  };\n\n  /** \"Try again\": the answer stays, to be changed; the marks go. */\n  const retry = (): void => {\n    reset('idle');\n    setSummary(null);\n    setOverall(null);\n    focusAfterRef.current = 'answer';\n  };\n\n  /** \"Show answer\": no more tries; the question shows what a finished one shows. */\n  const closeTries = (): void => {\n    closeQuestion();\n    focusAfterRef.current = 'feedback';\n  };\n\n  const questionId = `${data.id}-question`;\n  // Rich text renders ONLY through a caller-supplied sanitiser; without one we\n  // fall back to the plain-text field, escaped by React (types.ts HtmlSanitizer).\n  const questionHtml =\n    sanitizeHtml !== undefined && data.questionHtml !== undefined\n      ? sanitizeHtml(data.questionHtml)\n      : null;\n\n  const optionList = displayedOptions.map((option) => {\n    const checked = selected.includes(option.id);\n    // `data-correct` means \"this option is part of the correct answer\".\n    let correctness: string | undefined;\n    // An option the learner did not choose is marked only where solutions\n    // show: marking the right one they missed would hand them the answer.\n    const markable = marks && (solutions || checked);\n    if (isReview) {\n      const detail = reviewDetails?.get(option.id);\n      correctness =\n        !markable || detail === undefined ? undefined : String(isAnswerOption(detail, checked));\n    } else if (markable) {\n      correctness = String(option.isCorrect);\n    }\n    const media = option.media;\n    // A picture goes INSIDE the label: it has no controls of its own, clicking\n    // it is how a learner picks that option, and its `alt` joins the option's\n    // accessible name. A recording cannot — see below.\n    const picture =\n      media?.type === 'image' ? (\n        <img className=\"lk-mc-option-image\" src={media.url} alt={media.alt ?? ''} />\n      ) : null;\n\n    const label = (\n      <label className=\"lk-mc-option\" data-correct={correctness}>\n        <input\n          type={isSingle ? 'radio' : 'checkbox'}\n          name={isSingle ? `${data.id}-options` : undefined}\n          value={option.id}\n          checked={checked}\n          disabled={inactive}\n          aria-disabled={inactive || undefined}\n          onChange={(e) =>\n            isSingle ? selectSingle(option.id) : toggleMulti(option.id, e.target.checked)\n          }\n        />\n        <span>{option.text}</span>\n        {picture}\n        {markable && option.feedback ? (\n          <span className=\"lk-mc-option-feedback\" role=\"note\">\n            {option.feedback}\n          </span>\n        ) : null}\n      </label>\n    );\n\n    if (media?.type !== 'audio') {\n      return <Fragment key={option.id}>{label}</Fragment>;\n    }\n\n    // A recording sits OUTSIDE the label, deliberately. A <label> activates its\n    // control for any click inside it, so an <audio> nested in one would select\n    // the option the moment the learner pressed play — and a listening item is\n    // answered by comparing all the recordings before choosing any of them.\n    // Selecting an option must stay something the learner does on purpose.\n    return (\n      <div className=\"lk-mc-option-media\" key={option.id}>\n        {label}\n        {/* biome-ignore lint/a11y/useMediaCaption: captions are optional in the data contract — a <track> is rendered when captionsUrl is provided; absence is the author's documented choice */}\n        <audio\n          className=\"lk-mc-option-audio\"\n          src={media.url}\n          controls\n          preload=\"none\"\n          aria-label={media.alt ?? option.text}\n        >\n          {media.captionsUrl ? (\n            <track kind=\"captions\" src={media.captionsUrl} label={media.alt ?? option.text} />\n          ) : null}\n        </audio>\n      </div>\n    );\n  });\n\n  const extra =\n    !isReview && policy.feedback && submitted && tries.counted !== null\n      ? triesSummary(s, scoringPolicy, tries.counted, tries.open)\n      : '';\n  const announced =\n    summary === null\n      ? null\n      : `${summary}${extra ? ` ${extra}` : ''}${overall ? ` ${overall}` : ''}`;\n\n  return (\n    <div className=\"lk-mc\" lang={locale} style={theme as CSSProperties | undefined} ref={rootRef}>\n      {data.media ? (\n        <ActivityMedia\n          media={data.media}\n          renderMode={renderMode}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      <form onSubmit={handleSubmit}>\n        <fieldset disabled={inactive}>\n          {questionHtml === null ? (\n            <legend id={questionId}>{data.question}</legend>\n          ) : (\n            <legend\n              id={questionId}\n              // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML is the output of the caller-supplied sanitizeHtml (types.ts HtmlSanitizer contract)\n              dangerouslySetInnerHTML={{ __html: questionHtml }}\n            />\n          )}\n          {/*\n            single: an explicit radiogroup is meaningful (fieldset's implicit\n            role is `group`, not `radiogroup`). multi: the fieldset + legend\n            already provide a named group — an explicit role=\"group\" here would\n            be a redundant, duplicate same-named group in the a11y tree, so we\n            use a plain layout div. (Refines the design ARIA sketch.)\n          */}\n          {isSingle ? (\n            <div role=\"radiogroup\" aria-labelledby={questionId}>\n              {optionList}\n            </div>\n          ) : (\n            <div>{optionList}</div>\n          )}\n          {aiHints.offered && renderMode === 'practice' ? (\n            <HintCost policy={scoringPolicy} strings={s} />\n          ) : null}\n          <AiHints help={aiHints} ai={ai} strings={s} />\n          {/* review is read-only: there is nothing left to submit. */}\n          {isReview ? null : (\n            <button type=\"submit\" disabled={inactive}>\n              {s.submit}\n            </button>\n          )}\n        </fieldset>\n      </form>\n      <FeedbackRegion\n        id={`${data.id}-feedback`}\n        {...(scoringPolicy.retries > 0 ? { ref: feedbackRef } : {})}\n      >\n        {feedbackAnnouncement({\n          review: isReview,\n          feedback: policy.feedback,\n          outcome,\n          readBack: reviewAnnouncement(outcome, s),\n          submitted: summary !== null,\n          result: announced,\n          received: s.answerSubmitted,\n        })}\n      </FeedbackRegion>\n      <TryActions\n        tries={tries}\n        solutions={policy.solutions}\n        strings={s}\n        onRetry={retry}\n        onClose={closeTries}\n      />\n      <AiExplanation\n        ai={ai}\n        data={data}\n        renderMode={renderMode}\n        submitted={submitted}\n        response={{ type: 'multiple-choice', selectedOptionIds: selected }}\n        outcome={outcome}\n        locale={locale}\n        onInteraction={onInteraction}\n        strings={s}\n        // An explanation all but always names the answer: not while another\n        // try is on offer.\n        delivery={tries.open ? { ...policy, solutions: false } : policy}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  MultipleChoice as MultipleChoiceCore,\n  type MultipleChoiceProps,\n} from './MultipleChoice.js';\n\nexport type { MultipleChoiceProps } from './MultipleChoice.js';\n\n/**\n * Public Multiple Choice activity: the core component wrapped in\n * `ActivityErrorBoundary` so a render failure (incl. the dev schema-validation\n * throw) degrades to an accessible fallback instead of crashing the host.\n */\nexport function MultipleChoice(props: MultipleChoiceProps): React.JSX.Element {\n  // Read here rather than in the boundary: a class component cannot call a\n  // hook, and the fallback it renders is learner-facing text like any other.\n  const strings = useLkStrings(props.strings);\n  return (\n    <ActivityErrorBoundary activityTitle={props.data?.title} strings={strings}>\n      <MultipleChoiceCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"],"mappings":"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"}

package/dist/{MultipleChoice-Dra0_KYD.js → MultipleChoice-PlJ_hL_E.js}

@@ -1,12 +1,12 @@
 'use client';
 import { useLearnerAi } from "./ai/LkAiProvider.js";
-import { a as ANONYMOUS_ACTOR, c as isDevelopment, d as randomSessionId, l as legacyCorrect, m as stampTake, p as mintTake, u as objectIdFor } from "./useAiHelp-B-ccDL5Q.js";
+import { a as ANONYMOUS_ACTOR, c as isDevelopment, d as randomSessionId, l as legacyCorrect, m as stampTake, p as mintTake, u as objectIdFor } from "./useAiHelp-BJy05hqV.js";
 import { i as useLkStrings } from "./LkIntlProvider-D_FdYXjQ.js";
-import { t as ActivityErrorBoundary } from "./ActivityErrorBoundary-Dw6SbWv3.js";
+import { t as ActivityErrorBoundary } from "./ActivityErrorBoundary-BBPjMsqG.js";
 import { useActivityState } from "./hooks/useActivityState.js";
 import { t as ActivityMedia } from "./ActivityMedia-vDiP-Psa.js";
-import { a as useItemScoringPolicy, c as AiHints, i as triesSummary, l as useComponentAiHints, n as TryActions, o as useTries, r as hintsOf, s as AiExplanation, t as HintCost } from "./tries-DTHSrLCm.js";
-import { i as useDeliveryPolicy, n as feedbackAnnouncement, t as FeedbackRegion } from "./FeedbackRegion-CyPSp8bA.js";
+import { a as useItemScoringPolicy, c as AiHints, i as triesSummary, l as useComponentAiHints, n as TryActions, o as useTries, r as hintsOf, s as AiExplanation, t as HintCost } from "./tries-CTT1URXx.js";
+import { i as useDeliveryPolicy, n as feedbackAnnouncement, t as FeedbackRegion } from "./FeedbackRegion-DuVolWLX.js";
 import { Fragment, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ActivitySchemaError, computePassThreshold, score, seededShuffle, validateActivity, xAPIBuilder, xapiDefinitionFor } from "@intellectif/lk-core";
@@ -425,4 +425,4 @@ function MultipleChoice(props) {
 //#endregion
 export { MultipleChoice as t };
 
-//# sourceMappingURL=MultipleChoice-Dra0_KYD.js.map
+//# sourceMappingURL=MultipleChoice-PlJ_hL_E.js.map

package/dist/{MultipleChoice-Dra0_KYD.js.map → MultipleChoice-PlJ_hL_E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultipleChoice-Dra0_KYD.js","names":["MultipleChoice","MultipleChoiceCore"],"sources":["../src/components/MultipleChoice/MultipleChoice.tsx","../src/components/MultipleChoice/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  computePassThreshold,\n  type ItemOutcome,\n  type LearnerResponse,\n  type MultipleChoiceData,\n  type MultipleChoiceLearnerResponse,\n  type MultipleChoiceOption,\n  type ScoringDetail,\n  score,\n  seededShuffle,\n  validateActivity,\n  xAPIBuilder,\n  xapiDefinitionFor,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLearnerAi } from '../../ai/LkAiProvider.js';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStrings } from '../../i18n/strings.js';\nimport {\n  ANONYMOUS_ACTOR,\n  isDevelopment,\n  legacyCorrect,\n  objectIdFor,\n  randomSessionId,\n} from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { AiExplanation, AiHints, useComponentAiHints } from '../shared/AiHelp.js';\nimport { feedbackAnnouncement, useDeliveryPolicy } from '../shared/delivery.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.js';\nimport { mintTake, stampTake } from '../shared/sequence-slot.js';\nimport {\n  HintCost,\n  hintsOf,\n  TryActions,\n  triesSummary,\n  useItemScoringPolicy,\n  useTries,\n} from '../shared/tries.js';\nimport type { ActivityProps } from '../types.js';\n\n/**\n * Selected option ids carried by a learner response. Any other response shape\n * (a caller wiring the wrong item's state through `value`) reads as \"nothing\n * selected\" rather than throwing mid-exam.\n */\nfunction selectionOf(response: LearnerResponse | undefined): string[] {\n  return response?.type === 'multiple-choice' ? response.selectedOptionIds : [];\n}\n\n/**\n * Whether an option is part of the correct answer, derived from the SERVER's\n * outcome — review mode never holds an answer key of its own.\n * {@link ScoringDetail.outcome} states this unambiguously. A detail stored\n * before lk-core 0.3 carries only a `correct` flag, which means \"the learner\n * ACTED correctly on this option\", not \"this option is the answer\"; the fact is\n * still recoverable, because we know whether the learner selected it:\n * `isCorrect = wasSelected ? correct : !correct`.\n */\nfunction isAnswerOption(detail: ScoringDetail, wasSelected: boolean): boolean {\n  switch (detail.outcome) {\n    case 'correct':\n    case 'incorrect-omission':\n      return true;\n    case 'incorrect':\n    case 'correct-omission':\n      return false;\n    default:\n      return wasSelected ? legacyCorrect(detail) === true : legacyCorrect(detail) !== true;\n  }\n}\n\n/**\n * Announcement for `review` mode, built only from the server-supplied outcome.\n *\n * The authored overall feedback is appended by this function rather than being\n * baked into the score sentence, so a translation of \"Score 80%. Passed.\" never\n * has to carry the author's words with it.\n */\nfunction reviewAnnouncement(outcome: ItemOutcome | undefined, s: LkStrings): string | null {\n  if (outcome === undefined) {\n    return null;\n  }\n  if (outcome.status === 'scored') {\n    const overall = outcome.feedback;\n    return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${\n      overall ? ` ${overall}` : ''\n    }`;\n  }\n  if (outcome.status === 'deferred') {\n    // Never \"0%\": ungraded is not the same as wrong.\n    return s.notGradedYet;\n  }\n  if (outcome.status === 'unscorable') {\n    return s.noGradeAvailable;\n  }\n  // `graded` is left silent here deliberately: a returned GradeRecord on a\n  // multiple-choice item has no rubric to render, and announcing a bare\n  // percentage would duplicate what the marking already shows.\n  return null;\n}\n\nexport interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {\n  /**\n   * Seed for the deterministic option shuffle. Supply one (e.g. the attempt\n   * id) to make the shuffled order reproducible server-side, stable across\n   * page reloads, and identical between SSR and hydration. When absent, a\n   * random per-mount session seed is used (order stable within the mount\n   * only — the behaviour before `shuffleSeed` existed).\n   */\n  shuffleSeed?: string;\n}\n\nexport function MultipleChoice({\n  data,\n  onComplete,\n  onSubmit,\n  value,\n  defaultValue,\n  defaultSubmitted,\n  onChange,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  theme,\n  locale,\n  disabled,\n  shuffleSeed,\n  strings,\n  ai: aiProp,\n  delivery,\n  scoring,\n}: MultipleChoiceProps) {\n  const s = useLkStrings(strings);\n  const ai = useLearnerAi(aiProp);\n  const policy = useDeliveryPolicy(delivery);\n  const scoringPolicy = useItemScoringPolicy(scoring);\n\n  // Dev-only boundary validation. Throwing during render lets\n  // ActivityErrorBoundary catch it. Memoised so it only re-runs on data change.\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    // A `redact()` projection cannot satisfy the full content schema — the\n    // answer key is gone by design — and must not be checked against the\n    // strict redacted schema either, since a `reveal: 'after-submit'`\n    // projection legitimately carries answer-key fields for review renders.\n    if (data.redacted === true) {\n      return null;\n    }\n    const result = validateActivity('multiple-choice', data);\n    return result.success ? null : new ActivitySchemaError('multiple-choice', result.errors);\n  }, [data]);\n\n  // Lazily created only when shuffling without a caller seed: avoids calling\n  // crypto.randomUUID (absent on non-secure http origins) unless needed.\n  const sessionIdRef = useRef<string | null>(null);\n  const { state, start, complete, getTimeSpent, reset } = useActivityState(\n    defaultSubmitted === true ? 'completed' : 'idle',\n  );\n  // Before anything that resets them: a new question starts with no tries.\n  const tries = useTries({\n    policy: scoringPolicy,\n    graded: renderMode === 'practice' && policy.feedback,\n    submitted: state === 'completed',\n    disabled: disabled === true,\n  });\n  const resetTries = tries.reset;\n  const closeQuestion = tries.close;\n  // Uncontrolled state. `defaultValue` seeds the mount only (React convention);\n  // to re-seed later, remount with a `key` or drive the component with `value`.\n  const [internalSelection, setInternalSelection] = useState<string[]>(() =>\n    selectionOf(defaultValue),\n  );\n  const [summary, setSummary] = useState<string | null>(null);\n  // The authored overall feedback on the last graded answer, said after the\n  // score and what the policy made of it.\n  const [overall, setOverall] = useState<string | null>(null);\n  // Hints the learner had been shown before this mount: a restored answer's\n  // count stands, and the hints shown here add to it.\n  const seedHintsRef = useRef(hintsOf(value ?? defaultValue));\n  const rootRef = useRef<HTMLDivElement>(null);\n  const feedbackRef = useRef<HTMLDivElement>(null);\n  const focusAfterRef = useRef<'answer' | 'feedback' | null>(null);\n\n  // Reset on data-prop CHANGE. The identity guard makes the mount\n  // run a no-op, which it always was before `defaultValue` existed — without\n  // it this effect would wipe the seed immediately after the first render.\n  // (It also makes the reset StrictMode-safe: a remount with unchanged data\n  // no longer discards the learner's selection.)\n  // Resets back to `defaultValue`, not to empty. Clearing looked safer — it\n  // cannot carry a stale answer into a different question — but `data`\n  // identity is a poor proxy for \"different question\": a parent that builds\n  // entries in render (`activities={raw.map(redact)}`, the documented exam\n  // pattern) hands over a new object every render, and clearing wiped every\n  // RESTORED answer on the first unrelated re-render, silently. `defaultValue`\n  // is by definition the caller's seed for the CURRENT data, which is what\n  // FillInTheBlanks already reset to; the two now agree.\n  const defaultValueRef = useRef(defaultValue);\n  useEffect(() => {\n    defaultValueRef.current = defaultValue;\n  }, [defaultValue]);\n  // A data change must return the item to its SEED, submitted state included —\n  // resetting to idle unlocked work the learner had already committed.\n  const defaultSubmittedRef = useRef(defaultSubmitted);\n  useEffect(() => {\n    defaultSubmittedRef.current = defaultSubmitted;\n  }, [defaultSubmitted]);\n  const lastDataRef = useRef(data);\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInternalSelection(selectionOf(defaultValueRef.current));\n    setSummary(null);\n    setOverall(null);\n    seedHintsRef.current = hintsOf(defaultValueRef.current);\n    resetTries();\n    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset, resetTries]);\n\n  const displayedOptions = useMemo<MultipleChoiceOption[]>(() => {\n    if (!data.shuffle) {\n      return [...data.options];\n    }\n    // biome-ignore lint/suspicious/noAssignInExpressions: sanctioned lazy ref initialization\n    const seedSource = shuffleSeed ?? (sessionIdRef.current ??= randomSessionId());\n    // The seed string is unchanged from when the algorithm lived in this file,\n    // so an order a consumer recorded against a seed still reproduces.\n    return seededShuffle(data.options, `${seedSource}:${data.id}`, { version: 1 });\n  }, [data, shuffleSeed]);\n\n  // Per-option correctness for `review`, indexed by option id. Null unless the\n  // caller supplied a SCORED outcome — the only source of truth this mode has.\n  const reviewDetails = useMemo(() => {\n    if (renderMode !== 'review' || outcome === undefined || outcome.status !== 'scored') {\n      return null;\n    }\n    return new Map(outcome.details.map((detail) => [detail.itemId, detail]));\n  }, [renderMode, outcome]);\n\n  // Hints are a hook, so they are read here, before the throws below.\n  const answered = state === 'completed';\n  const chosen = value !== undefined ? selectionOf(value) : internalSelection;\n  const aiHints = useComponentAiHints({\n    ai,\n    data,\n    renderMode,\n    submitted: answered,\n    disabled: disabled === true,\n    response: { type: 'multiple-choice', selectedOptionIds: chosen },\n    locale,\n    onInteraction,\n    strings: s,\n    delivery: policy,\n  });\n  // Every hint the learner has been shown on this question, counted from its\n  // start: what a scoring policy charges for. Hints exist only in practice.\n  const hintsRevealed = renderMode === 'practice' ? seedHintsRef.current + aiHints.used : 0;\n  const responseOf = (selectedOptionIds: string[]): MultipleChoiceLearnerResponse => ({\n    type: 'multiple-choice',\n    selectedOptionIds,\n    ...(hintsRevealed > 0 ? { hintsRevealed } : {}),\n  });\n  // A hint shown is part of the answer's record, so a host that restores an\n  // answer restores what it cost: say so as it happens, not at the next click.\n  const hintsSeenRef = useRef(aiHints.used);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: a new hint is the trigger, and the response it reports is this render's\n  useEffect(() => {\n    if (hintsSeenRef.current === aiHints.used) {\n      return;\n    }\n    hintsSeenRef.current = aiHints.used;\n    if (aiHints.used > 0) {\n      onChange?.(responseOf(chosen));\n    }\n  }, [aiHints.used]);\n  // After \"Try again\" the learner is back at their answer; after \"Show answer\"\n  // the buttons they pressed are gone, and the result is what is left.\n  useEffect(() => {\n    const target = focusAfterRef.current;\n    if (target === null) {\n      return;\n    }\n    focusAfterRef.current = null;\n    if (target === 'answer') {\n      rootRef.current?.querySelector<HTMLElement>('input:not(:disabled)')?.focus();\n    } else {\n      feedbackRef.current?.focus();\n    }\n  });\n\n  // All hooks are called before these throws, so hook order stays stable.\n  if (devError) {\n    throw devError;\n  }\n  // Practice grades locally, which a redacted projection cannot support:\n  // `score()` would throw from the submit handler — where no error boundary\n  // can catch it — AFTER the learner has answered. Fail loudly at render\n  // instead, in production too. Wiring an exam item into the self-grading\n  // mode is precisely the accident `renderMode` exists to prevent.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Multiple Choice \"${data.id}\" received redacted activity data in renderMode \"practice\", ` +\n        'which grades locally and has no answer key to grade against. ' +\n        'Render redacted data with renderMode=\"exam\" (server grades) or \"review\" (pass `outcome`).',\n    );\n  }\n\n  const isSingle = data.mode === 'single';\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n  const submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n  const isControlled = value !== undefined;\n  const selected = isControlled ? selectionOf(value) : internalSelection;\n  /**\n   * Whether correctness and authored feedback may be shown. Practice earns it\n   * by grading locally after submit; review shows what the server already\n   * graded. Exam never reveals anything — not before, not after submit.\n   */\n  const reveal = isReview || (renderMode === 'practice' && submitted);\n  /**\n   * What the delivery policy lets that reveal show. `marks`: right and wrong at\n   * all, and the author's feedback. `solutions`: the right answer where the\n   * learner did not choose it — without it, only the options the learner chose\n   * are marked, so a missed correct option is not given away.\n   */\n  const marks = reveal && policy.feedback;\n  // While the learner is offered another try, the right answer stays hidden:\n  // the next try is for finding it.\n  const solutions = marks && policy.solutions && !tries.open;\n\n  const fireInteraction = (\n    type: 'option-selected' | 'option-deselected' | 'submitted',\n    payload: Record<string, unknown>,\n  ): void => {\n    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });\n  };\n\n  /** Single funnel for every response change: owns state only when uncontrolled. */\n  const emitChange = (selectedOptionIds: string[]): void => {\n    if (!isControlled) {\n      setInternalSelection(selectedOptionIds);\n    }\n    onChange?.(responseOf(selectedOptionIds));\n  };\n\n  const selectSingle = (optionId: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange([optionId]);\n    fireInteraction('option-selected', { optionId });\n  };\n\n  const toggleMulti = (optionId: string, checked: boolean): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange(checked ? [...selected, optionId] : selected.filter((id) => id !== optionId));\n    fireInteraction(checked ? 'option-selected' : 'option-deselected', { optionId });\n  };\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive) {\n      return;\n    }\n    const response = responseOf(selected);\n    // Always first, and before anything that can throw: an exam runner must be\n    // able to persist the raw response no matter what happens after.\n    onSubmit?.(response);\n\n    if (isExam) {\n      // No score(), no answer key read, no onComplete, no xAPI — the server\n      // grades. The announcement deliberately carries no correctness signal.\n      complete();\n      setSummary(s.answerSubmitted);\n      fireInteraction('submitted', { selectedOptionIds: selected });\n      return;\n    }\n\n    const answer = score('multiple-choice', data as MultipleChoiceData, response);\n    complete();\n    const timeSpent = getTimeSpent();\n    // The question's score under the policy: this try's answer, less what its\n    // hints and the tries before it cost, or an earlier try's. With no policy\n    // it is exactly what the answer scored.\n    const counted = tries.record({\n      score: answer.score,\n      maxScore: answer.maxScore,\n      hintsRevealed,\n    });\n    const mine = counted.tries[counted.tries.length - 1];\n    const costed = mine === undefined ? answer.score : mine.scored;\n    // The statement records this try, at what it scored after its costs.\n    const scoringResult =\n      costed === answer.score\n        ? answer\n        : {\n            ...answer,\n            score: costed,\n            passed: computePassThreshold(data as MultipleChoiceData, costed),\n          };\n    const passed =\n      counted.score === scoringResult.score\n        ? scoringResult.passed\n        : computePassThreshold(data as MultipleChoiceData, counted.score);\n    const xapiStatement = xAPIBuilder.buildAnsweredStatement({\n      actor: ANONYMOUS_ACTOR,\n      object: {\n        id: objectIdFor(data.id),\n        name: { [data.locale ?? 'en-US']: data.title },\n        // Activity-type IRI, interaction type and correct-responses pattern\n        // come from the REGISTERED descriptor, so a consumer-registered type\n        // gets correct interop without touching this component.\n        ...xapiDefinitionFor(data),\n        choices: data.options.map((option) => ({\n          id: option.id,\n          description: { [data.locale ?? 'en-US']: option.text },\n        })),\n      },\n      scoringResult,\n      timeSpentMs: timeSpent,\n      response: selected.join(','),\n    });\n    // Stamped, so a set this question sits in knows a later try replaces it.\n    onComplete?.(\n      stampTake(\n        {\n          score: counted.score,\n          maxScore: counted.maxScore,\n          passed,\n          timeSpent,\n          xapiStatement,\n        },\n        mintTake(),\n      ),\n    );\n    // Core selects the authored overall feedback on `passed` (B3 fix): it is\n    // the answer's, so it follows the answer's own grade.\n    setOverall(answer.feedback);\n    setSummary(\n      `${s.answerSubmitted} ${s.scoreAnnouncement(Math.round(counted.score * 100), passed)}`,\n    );\n    fireInteraction('submitted', {\n      selectedOptionIds: selected,\n      score: scoringResult.score,\n    });\n  };\n\n  /** \"Try again\": the answer stays, to be changed; the marks go. */\n  const retry = (): void => {\n    reset('idle');\n    setSummary(null);\n    setOverall(null);\n    focusAfterRef.current = 'answer';\n  };\n\n  /** \"Show answer\": no more tries; the question shows what a finished one shows. */\n  const closeTries = (): void => {\n    closeQuestion();\n    focusAfterRef.current = 'feedback';\n  };\n\n  const questionId = `${data.id}-question`;\n  // Rich text renders ONLY through a caller-supplied sanitiser; without one we\n  // fall back to the plain-text field, escaped by React (types.ts HtmlSanitizer).\n  const questionHtml =\n    sanitizeHtml !== undefined && data.questionHtml !== undefined\n      ? sanitizeHtml(data.questionHtml)\n      : null;\n\n  const optionList = displayedOptions.map((option) => {\n    const checked = selected.includes(option.id);\n    // `data-correct` means \"this option is part of the correct answer\".\n    let correctness: string | undefined;\n    // An option the learner did not choose is marked only where solutions\n    // show: marking the right one they missed would hand them the answer.\n    const markable = marks && (solutions || checked);\n    if (isReview) {\n      const detail = reviewDetails?.get(option.id);\n      correctness =\n        !markable || detail === undefined ? undefined : String(isAnswerOption(detail, checked));\n    } else if (markable) {\n      correctness = String(option.isCorrect);\n    }\n    const media = option.media;\n    // A picture goes INSIDE the label: it has no controls of its own, clicking\n    // it is how a learner picks that option, and its `alt` joins the option's\n    // accessible name. A recording cannot — see below.\n    const picture =\n      media?.type === 'image' ? (\n        <img className=\"lk-mc-option-image\" src={media.url} alt={media.alt ?? ''} />\n      ) : null;\n\n    const label = (\n      <label className=\"lk-mc-option\" data-correct={correctness}>\n        <input\n          type={isSingle ? 'radio' : 'checkbox'}\n          name={isSingle ? `${data.id}-options` : undefined}\n          value={option.id}\n          checked={checked}\n          disabled={inactive}\n          aria-disabled={inactive || undefined}\n          onChange={(e) =>\n            isSingle ? selectSingle(option.id) : toggleMulti(option.id, e.target.checked)\n          }\n        />\n        <span>{option.text}</span>\n        {picture}\n        {markable && option.feedback ? (\n          <span className=\"lk-mc-option-feedback\" role=\"note\">\n            {option.feedback}\n          </span>\n        ) : null}\n      </label>\n    );\n\n    if (media?.type !== 'audio') {\n      return <Fragment key={option.id}>{label}</Fragment>;\n    }\n\n    // A recording sits OUTSIDE the label, deliberately. A <label> activates its\n    // control for any click inside it, so an <audio> nested in one would select\n    // the option the moment the learner pressed play — and a listening item is\n    // answered by comparing all the recordings before choosing any of them.\n    // Selecting an option must stay something the learner does on purpose.\n    return (\n      <div className=\"lk-mc-option-media\" key={option.id}>\n        {label}\n        {/* biome-ignore lint/a11y/useMediaCaption: captions are optional in the data contract — a <track> is rendered when captionsUrl is provided; absence is the author's documented choice */}\n        <audio\n          className=\"lk-mc-option-audio\"\n          src={media.url}\n          controls\n          preload=\"none\"\n          aria-label={media.alt ?? option.text}\n        >\n          {media.captionsUrl ? (\n            <track kind=\"captions\" src={media.captionsUrl} label={media.alt ?? option.text} />\n          ) : null}\n        </audio>\n      </div>\n    );\n  });\n\n  const extra =\n    !isReview && policy.feedback && submitted && tries.counted !== null\n      ? triesSummary(s, scoringPolicy, tries.counted, tries.open)\n      : '';\n  const announced =\n    summary === null\n      ? null\n      : `${summary}${extra ? ` ${extra}` : ''}${overall ? ` ${overall}` : ''}`;\n\n  return (\n    <div className=\"lk-mc\" lang={locale} style={theme as CSSProperties | undefined} ref={rootRef}>\n      {data.media ? (\n        <ActivityMedia\n          media={data.media}\n          renderMode={renderMode}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      <form onSubmit={handleSubmit}>\n        <fieldset disabled={inactive}>\n          {questionHtml === null ? (\n            <legend id={questionId}>{data.question}</legend>\n          ) : (\n            <legend\n              id={questionId}\n              // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML is the output of the caller-supplied sanitizeHtml (types.ts HtmlSanitizer contract)\n              dangerouslySetInnerHTML={{ __html: questionHtml }}\n            />\n          )}\n          {/*\n            single: an explicit radiogroup is meaningful (fieldset's implicit\n            role is `group`, not `radiogroup`). multi: the fieldset + legend\n            already provide a named group — an explicit role=\"group\" here would\n            be a redundant, duplicate same-named group in the a11y tree, so we\n            use a plain layout div. (Refines the design ARIA sketch.)\n          */}\n          {isSingle ? (\n            <div role=\"radiogroup\" aria-labelledby={questionId}>\n              {optionList}\n            </div>\n          ) : (\n            <div>{optionList}</div>\n          )}\n          {aiHints.offered && renderMode === 'practice' ? (\n            <HintCost policy={scoringPolicy} strings={s} />\n          ) : null}\n          <AiHints help={aiHints} ai={ai} strings={s} />\n          {/* review is read-only: there is nothing left to submit. */}\n          {isReview ? null : (\n            <button type=\"submit\" disabled={inactive}>\n              {s.submit}\n            </button>\n          )}\n        </fieldset>\n      </form>\n      <FeedbackRegion\n        id={`${data.id}-feedback`}\n        {...(scoringPolicy.retries > 0 ? { ref: feedbackRef } : {})}\n      >\n        {feedbackAnnouncement({\n          review: isReview,\n          feedback: policy.feedback,\n          outcome,\n          readBack: reviewAnnouncement(outcome, s),\n          submitted: summary !== null,\n          result: announced,\n          received: s.answerSubmitted,\n        })}\n      </FeedbackRegion>\n      <TryActions\n        tries={tries}\n        solutions={policy.solutions}\n        strings={s}\n        onRetry={retry}\n        onClose={closeTries}\n      />\n      <AiExplanation\n        ai={ai}\n        data={data}\n        renderMode={renderMode}\n        submitted={submitted}\n        response={{ type: 'multiple-choice', selectedOptionIds: selected }}\n        outcome={outcome}\n        locale={locale}\n        onInteraction={onInteraction}\n        strings={s}\n        // An explanation all but always names the answer: not while another\n        // try is on offer.\n        delivery={tries.open ? { ...policy, solutions: false } : policy}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  MultipleChoice as MultipleChoiceCore,\n  type MultipleChoiceProps,\n} from './MultipleChoice.js';\n\nexport type { MultipleChoiceProps } from './MultipleChoice.js';\n\n/**\n * Public Multiple Choice activity: the core component wrapped in\n * `ActivityErrorBoundary` so a render failure (incl. the dev schema-validation\n * throw) degrades to an accessible fallback instead of crashing the host.\n */\nexport function MultipleChoice(props: MultipleChoiceProps): React.JSX.Element {\n  // Read here rather than in the boundary: a class component cannot call a\n  // hook, and the fallback it renders is learner-facing text like any other.\n  const strings = useLkStrings(props.strings);\n  return (\n    <ActivityErrorBoundary activityTitle={props.data?.title} strings={strings}>\n      <MultipleChoiceCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiDA,SAAS,YAAY,UAAiD;CACpE,OAAO,UAAU,SAAS,oBAAoB,SAAS,oBAAoB,CAAC;AAC9E;;;;;;;;;;AAWA,SAAS,eAAe,QAAuB,aAA+B;CAC5E,QAAQ,OAAO,SAAf;EACE,KAAK;EACL,KAAK,sBACH,OAAO;EACT,KAAK;EACL,KAAK,oBACH,OAAO;EACT,SACE,OAAO,cAAc,cAAc,MAAM,MAAM,OAAO,cAAc,MAAM,MAAM;CACpF;AACF;;;;;;;;AASA,SAAS,mBAAmB,SAAkC,GAA6B;CACzF,IAAI,YAAY,KAAA,GACd,OAAO;CAET,IAAI,QAAQ,WAAW,UAAU;EAC/B,MAAM,UAAU,QAAQ;EACxB,OAAO,GAAG,EAAE,kBAAkB,KAAK,MAAM,QAAQ,QAAQ,GAAG,GAAG,QAAQ,MAAM,IAC3E,UAAU,IAAI,YAAY;CAE9B;CACA,IAAI,QAAQ,WAAW,YAErB,OAAO,EAAE;CAEX,IAAI,QAAQ,WAAW,cACrB,OAAO,EAAE;CAKX,OAAO;AACT;AAaA,SAAgBA,iBAAe,EAC7B,MACA,YACA,UACA,OACA,cACA,kBACA,UACA,aAAa,YACb,SACA,cACA,aACA,cACA,eACA,OACA,QACA,UACA,aACA,SACA,IAAI,QACJ,UACA,WACsB;CACtB,MAAM,IAAI,aAAa,OAAO;CAC9B,MAAM,KAAK,aAAa,MAAM;CAC9B,MAAM,SAAS,kBAAkB,QAAQ;CACzC,MAAM,gBAAgB,qBAAqB,OAAO;CAIlD,MAAM,WAAW,cAAc;EAC7B,IAAI,CAAC,cAAc,GACjB,OAAO;EAMT,IAAI,KAAK,aAAa,MACpB,OAAO;EAET,MAAM,SAAS,iBAAiB,mBAAmB,IAAI;EACvD,OAAO,OAAO,UAAU,OAAO,IAAI,oBAAoB,mBAAmB,OAAO,MAAM;CACzF,GAAG,CAAC,IAAI,CAAC;CAIT,MAAM,eAAe,OAAsB,IAAI;CAC/C,MAAM,EAAE,OAAO,OAAO,UAAU,cAAc,UAAU,iBACtD,qBAAqB,OAAO,cAAc,MAC5C;CAEA,MAAM,QAAQ,SAAS;EACrB,QAAQ;EACR,QAAQ,eAAe,cAAc,OAAO;EAC5C,WAAW,UAAU;EACrB,UAAU,aAAa;CACzB,CAAC;CACD,MAAM,aAAa,MAAM;CACzB,MAAM,gBAAgB,MAAM;CAG5B,MAAM,CAAC,mBAAmB,wBAAwB,eAChD,YAAY,YAAY,CAC1B;CACA,MAAM,CAAC,SAAS,cAAc,SAAwB,IAAI;CAG1D,MAAM,CAAC,SAAS,cAAc,SAAwB,IAAI;CAG1D,MAAM,eAAe,OAAO,QAAQ,SAAS,YAAY,CAAC;CAC1D,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,cAAc,OAAuB,IAAI;CAC/C,MAAM,gBAAgB,OAAqC,IAAI;CAe/D,MAAM,kBAAkB,OAAO,YAAY;CAC3C,gBAAgB;EACd,gBAAgB,UAAU;CAC5B,GAAG,CAAC,YAAY,CAAC;CAGjB,MAAM,sBAAsB,OAAO,gBAAgB;CACnD,gBAAgB;EACd,oBAAoB,UAAU;CAChC,GAAG,CAAC,gBAAgB,CAAC;CACrB,MAAM,cAAc,OAAO,IAAI;CAC/B,gBAAgB;EACd,IAAI,YAAY,YAAY,MAC1B;EAEF,YAAY,UAAU;EACtB,qBAAqB,YAAY,gBAAgB,OAAO,CAAC;EACzD,WAAW,IAAI;EACf,WAAW,IAAI;EACf,aAAa,UAAU,QAAQ,gBAAgB,OAAO;EACtD,WAAW;EACX,MAAM,oBAAoB,YAAY,OAAO,cAAc,MAAM;CACnE,GAAG;EAAC;EAAM;EAAO;CAAU,CAAC;CAE5B,MAAM,mBAAmB,cAAsC;EAC7D,IAAI,CAAC,KAAK,SACR,OAAO,CAAC,GAAG,KAAK,OAAO;EAGzB,MAAM,aAAa,gBAAgB,aAAa,YAAY,gBAAgB;EAG5E,OAAO,cAAc,KAAK,SAAS,GAAG,WAAW,GAAG,KAAK,MAAM,EAAE,SAAS,EAAE,CAAC;CAC/E,GAAG,CAAC,MAAM,WAAW,CAAC;CAItB,MAAM,gBAAgB,cAAc;EAClC,IAAI,eAAe,YAAY,YAAY,KAAA,KAAa,QAAQ,WAAW,UACzE,OAAO;EAET,OAAO,IAAI,IAAI,QAAQ,QAAQ,KAAK,WAAW,CAAC,OAAO,QAAQ,MAAM,CAAC,CAAC;CACzE,GAAG,CAAC,YAAY,OAAO,CAAC;CAGxB,MAAM,WAAW,UAAU;CAC3B,MAAM,SAAS,UAAU,KAAA,IAAY,YAAY,KAAK,IAAI;CAC1D,MAAM,UAAU,oBAAoB;EAClC;EACA;EACA;EACA,WAAW;EACX,UAAU,aAAa;EACvB,UAAU;GAAE,MAAM;GAAmB,mBAAmB;EAAO;EAC/D;EACA;EACA,SAAS;EACT,UAAU;CACZ,CAAC;CAGD,MAAM,gBAAgB,eAAe,aAAa,aAAa,UAAU,QAAQ,OAAO;CACxF,MAAM,cAAc,uBAAgE;EAClF,MAAM;EACN;EACA,GAAI,gBAAgB,IAAI,EAAE,cAAc,IAAI,CAAC;CAC/C;CAGA,MAAM,eAAe,OAAO,QAAQ,IAAI;CAExC,gBAAgB;EACd,IAAI,aAAa,YAAY,QAAQ,MACnC;EAEF,aAAa,UAAU,QAAQ;EAC/B,IAAI,QAAQ,OAAO,GACjB,WAAW,WAAW,MAAM,CAAC;CAEjC,GAAG,CAAC,QAAQ,IAAI,CAAC;CAGjB,gBAAgB;EACd,MAAM,SAAS,cAAc;EAC7B,IAAI,WAAW,MACb;EAEF,cAAc,UAAU;EACxB,IAAI,WAAW,UACb,QAAQ,SAAS,cAA2B,sBAAsB,CAAC,EAAE,MAAM;OAE3E,YAAY,SAAS,MAAM;CAE/B,CAAC;CAGD,IAAI,UACF,MAAM;CAOR,IAAI,KAAK,aAAa,QAAQ,eAAe,YAC3C,MAAM,IAAI,MACR,oBAAoB,KAAK,GAAG,qNAG9B;CAGF,MAAM,WAAW,KAAK,SAAS;CAC/B,MAAM,SAAS,eAAe;CAC9B,MAAM,WAAW,eAAe;CAChC,MAAM,YAAY,UAAU;CAC5B,MAAM,WAAW,aAAa,QAAQ,aAAa;CACnD,MAAM,eAAe,UAAU,KAAA;CAC/B,MAAM,WAAW,eAAe,YAAY,KAAK,IAAI;;;;;;;CAarD,MAAM,SAPS,YAAa,eAAe,cAAc,cAOjC,OAAO;CAG/B,MAAM,YAAY,SAAS,OAAO,aAAa,CAAC,MAAM;CAEtD,MAAM,mBACJ,MACA,YACS;EACT,gBAAgB;GAAE;GAAM,YAAY,KAAK;GAAI,WAAW,KAAK,IAAI;GAAG;EAAQ,CAAC;CAC/E;;CAGA,MAAM,cAAc,sBAAsC;EACxD,IAAI,CAAC,cACH,qBAAqB,iBAAiB;EAExC,WAAW,WAAW,iBAAiB,CAAC;CAC1C;CAEA,MAAM,gBAAgB,aAA2B;EAC/C,IAAI,UACF;EAEF,IAAI,UAAU,QACZ,MAAM;EAER,WAAW,CAAC,QAAQ,CAAC;EACrB,gBAAgB,mBAAmB,EAAE,SAAS,CAAC;CACjD;CAEA,MAAM,eAAe,UAAkB,YAA2B;EAChE,IAAI,UACF;EAEF,IAAI,UAAU,QACZ,MAAM;EAER,WAAW,UAAU,CAAC,GAAG,UAAU,QAAQ,IAAI,SAAS,QAAQ,OAAO,OAAO,QAAQ,CAAC;EACvF,gBAAgB,UAAU,oBAAoB,qBAAqB,EAAE,SAAS,CAAC;CACjF;CAEA,MAAM,gBAAgB,UAAiC;EACrD,MAAM,eAAe;EACrB,IAAI,UACF;EAEF,MAAM,WAAW,WAAW,QAAQ;EAGpC,WAAW,QAAQ;EAEnB,IAAI,QAAQ;GAGV,SAAS;GACT,WAAW,EAAE,eAAe;GAC5B,gBAAgB,aAAa,EAAE,mBAAmB,SAAS,CAAC;GAC5D;EACF;EAEA,MAAM,SAAS,MAAM,mBAAmB,MAA4B,QAAQ;EAC5E,SAAS;EACT,MAAM,YAAY,aAAa;EAI/B,MAAM,UAAU,MAAM,OAAO;GAC3B,OAAO,OAAO;GACd,UAAU,OAAO;GACjB;EACF,CAAC;EACD,MAAM,OAAO,QAAQ,MAAM,QAAQ,MAAM,SAAS;EAClD,MAAM,SAAS,SAAS,KAAA,IAAY,OAAO,QAAQ,KAAK;EAExD,MAAM,gBACJ,WAAW,OAAO,QACd,SACA;GACE,GAAG;GACH,OAAO;GACP,QAAQ,qBAAqB,MAA4B,MAAM;EACjE;EACN,MAAM,SACJ,QAAQ,UAAU,cAAc,QAC5B,cAAc,SACd,qBAAqB,MAA4B,QAAQ,KAAK;EACpE,MAAM,gBAAgB,YAAY,uBAAuB;GACvD,OAAO;GACP,QAAQ;IACN,IAAI,YAAY,KAAK,EAAE;IACvB,MAAM,GAAG,KAAK,UAAU,UAAU,KAAK,MAAM;IAI7C,GAAG,kBAAkB,IAAI;IACzB,SAAS,KAAK,QAAQ,KAAK,YAAY;KACrC,IAAI,OAAO;KACX,aAAa,GAAG,KAAK,UAAU,UAAU,OAAO,KAAK;IACvD,EAAE;GACJ;GACA;GACA,aAAa;GACb,UAAU,SAAS,KAAK,GAAG;EAC7B,CAAC;EAED,aACE,UACE;GACE,OAAO,QAAQ;GACf,UAAU,QAAQ;GAClB;GACA;GACA;EACF,GACA,SAAS,CACX,CACF;EAGA,WAAW,OAAO,QAAQ;EAC1B,WACE,GAAG,EAAE,gBAAgB,GAAG,EAAE,kBAAkB,KAAK,MAAM,QAAQ,QAAQ,GAAG,GAAG,MAAM,GACrF;EACA,gBAAgB,aAAa;GAC3B,mBAAmB;GACnB,OAAO,cAAc;EACvB,CAAC;CACH;;CAGA,MAAM,cAAoB;EACxB,MAAM,MAAM;EACZ,WAAW,IAAI;EACf,WAAW,IAAI;EACf,cAAc,UAAU;CAC1B;;CAGA,MAAM,mBAAyB;EAC7B,cAAc;EACd,cAAc,UAAU;CAC1B;CAEA,MAAM,aAAa,GAAG,KAAK,GAAG;CAG9B,MAAM,eACJ,iBAAiB,KAAA,KAAa,KAAK,iBAAiB,KAAA,IAChD,aAAa,KAAK,YAAY,IAC9B;CAEN,MAAM,aAAa,iBAAiB,KAAK,WAAW;EAClD,MAAM,UAAU,SAAS,SAAS,OAAO,EAAE;EAE3C,IAAI;EAGJ,MAAM,WAAW,UAAU,aAAa;EACxC,IAAI,UAAU;GACZ,MAAM,SAAS,eAAe,IAAI,OAAO,EAAE;GAC3C,cACE,CAAC,YAAY,WAAW,KAAA,IAAY,KAAA,IAAY,OAAO,eAAe,QAAQ,OAAO,CAAC;EAC1F,OAAO,IAAI,UACT,cAAc,OAAO,OAAO,SAAS;EAEvC,MAAM,QAAQ,OAAO;EAIrB,MAAM,UACJ,OAAO,SAAS,UACd,oBAAC,OAAD;GAAK,WAAU;GAAqB,KAAK,MAAM;GAAK,KAAK,MAAM,OAAO;EAAK,CAAA,IACzE;EAEN,MAAM,QACJ,qBAAC,SAAD;GAAO,WAAU;GAAe,gBAAc;GAA9C,UAAA;IACE,oBAAC,SAAD;KACE,MAAM,WAAW,UAAU;KAC3B,MAAM,WAAW,GAAG,KAAK,GAAG,YAAY,KAAA;KACxC,OAAO,OAAO;KACL;KACT,UAAU;KACV,iBAAe,YAAY,KAAA;KAC3B,WAAW,MACT,WAAW,aAAa,OAAO,EAAE,IAAI,YAAY,OAAO,IAAI,EAAE,OAAO,OAAO;IAE/E,CAAA;IACD,oBAAC,QAAD,EAAA,UAAO,OAAO,KAAW,CAAA;IACxB;IACA,YAAY,OAAO,WAClB,oBAAC,QAAD;KAAM,WAAU;KAAwB,MAAK;KAC1C,UAAA,OAAO;IACJ,CAAA,IACJ;GACC;;EAGT,IAAI,OAAO,SAAS,SAClB,OAAO,oBAAC,UAAD,EAAA,UAA2B,MAAgB,GAA5B,OAAO,EAAqB;EAQpD,OACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,OAED,oBAAC,SAAD;IACE,WAAU;IACV,KAAK,MAAM;IACX,UAAA;IACA,SAAQ;IACR,cAAY,MAAM,OAAO,OAAO;IAE/B,UAAA,MAAM,cACL,oBAAC,SAAD;KAAO,MAAK;KAAW,KAAK,MAAM;KAAa,OAAO,MAAM,OAAO,OAAO;IAAO,CAAA,IAC/E;GACC,CAAA,CACJ;EAdoC,GAAA,OAAO,EAc3C;CAET,CAAC;CAED,MAAM,QACJ,CAAC,YAAY,OAAO,YAAY,aAAa,MAAM,YAAY,OAC3D,aAAa,GAAG,eAAe,MAAM,SAAS,MAAM,IAAI,IACxD;CACN,MAAM,YACJ,YAAY,OACR,OACA,GAAG,UAAU,QAAQ,IAAI,UAAU,KAAK,UAAU,IAAI,YAAY;CAExE,OACE,qBAAC,OAAD;EAAK,WAAU;EAAQ,MAAM;EAAQ,OAAO;EAAoC,KAAK;EAArF,UAAA;GACG,KAAK,QACJ,oBAAC,eAAD;IACE,OAAO,KAAK;IACA;IACZ,GAAK,gBAAgB,KAAA,IAAY,EAAE,YAAY,IAAI,CAAC;IACpD,GAAK,iBAAiB,KAAA,IAAY,EAAE,aAAa,IAAI,CAAC;IACtD,GAAK,YAAY,KAAA,IAAY,EAAE,QAAQ,IAAI,CAAC;IAC5C,GAAK,kBAAkB,KAAA,IAAY,EAAE,cAAc,IAAI,CAAC;IACxD,GAAK,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,CAAC;GAC3C,CAAA,IACC;GACJ,oBAAC,QAAD;IAAM,UAAU;IACd,UAAA,qBAAC,YAAD;KAAU,UAAU;KAApB,UAAA;MACG,iBAAiB,OAChB,oBAAC,UAAD;OAAQ,IAAI;OAAa,UAAA,KAAK;MAAiB,CAAA,IAE/C,oBAAC,UAAD;OACE,IAAI;OAEJ,yBAAyB,EAAE,QAAQ,aAAa;MACjD,CAAA;MASF,WACC,oBAAC,OAAD;OAAK,MAAK;OAAa,mBAAiB;OACrC,UAAA;MACE,CAAA,IAEL,oBAAC,OAAD,EAAA,UAAM,WAAgB,CAAA;MAEvB,QAAQ,WAAW,eAAe,aACjC,oBAAC,UAAD;OAAU,QAAQ;OAAe,SAAS;MAAI,CAAA,IAC5C;MACJ,oBAAC,SAAD;OAAS,MAAM;OAAa;OAAI,SAAS;MAAI,CAAA;MAE5C,WAAW,OACV,oBAAC,UAAD;OAAQ,MAAK;OAAS,UAAU;OAC7B,UAAA,EAAE;MACG,CAAA;KAEF;;GACN,CAAA;GACN,oBAAC,gBAAD;IACE,IAAI,GAAG,KAAK,GAAG;IACf,GAAK,cAAc,UAAU,IAAI,EAAE,KAAK,YAAY,IAAI,CAAC;IAExD,UAAA,qBAAqB;KACpB,QAAQ;KACR,UAAU,OAAO;KACjB;KACA,UAAU,mBAAmB,SAAS,CAAC;KACvC,WAAW,YAAY;KACvB,QAAQ;KACR,UAAU,EAAE;IACd,CAAC;GACa,CAAA;GAChB,oBAAC,YAAD;IACS;IACP,WAAW,OAAO;IAClB,SAAS;IACT,SAAS;IACT,SAAS;GACV,CAAA;GACD,oBAAC,eAAD;IACM;IACE;IACM;IACD;IACX,UAAU;KAAE,MAAM;KAAmB,mBAAmB;IAAS;IACxD;IACD;IACO;IACf,SAAS;IAGT,UAAU,MAAM,OAAO;KAAE,GAAG;KAAQ,WAAW;IAAM,IAAI;GAC1D,CAAA;EACE;;AAET;;;;;;;;ACloBA,SAAgB,eAAe,OAA+C;CAG5E,MAAM,UAAU,aAAa,MAAM,OAAO;CAC1C,OACE,oBAAC,uBAAD;EAAuB,eAAe,MAAM,MAAM;EAAgB;EAChE,UAAA,oBAACC,kBAAD,EAAoB,GAAI,MAAQ,CAAA;CACX,CAAA;AAE3B"}
+{"version":3,"file":"MultipleChoice-PlJ_hL_E.js","names":["MultipleChoice","MultipleChoiceCore"],"sources":["../src/components/MultipleChoice/MultipleChoice.tsx","../src/components/MultipleChoice/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  computePassThreshold,\n  type ItemOutcome,\n  type LearnerResponse,\n  type MultipleChoiceData,\n  type MultipleChoiceLearnerResponse,\n  type MultipleChoiceOption,\n  type ScoringDetail,\n  score,\n  seededShuffle,\n  validateActivity,\n  xAPIBuilder,\n  xapiDefinitionFor,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLearnerAi } from '../../ai/LkAiProvider.js';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStrings } from '../../i18n/strings.js';\nimport {\n  ANONYMOUS_ACTOR,\n  isDevelopment,\n  legacyCorrect,\n  objectIdFor,\n  randomSessionId,\n} from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { AiExplanation, AiHints, useComponentAiHints } from '../shared/AiHelp.js';\nimport { feedbackAnnouncement, useDeliveryPolicy } from '../shared/delivery.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.js';\nimport { mintTake, stampTake } from '../shared/sequence-slot.js';\nimport {\n  HintCost,\n  hintsOf,\n  TryActions,\n  triesSummary,\n  useItemScoringPolicy,\n  useTries,\n} from '../shared/tries.js';\nimport type { ActivityProps } from '../types.js';\n\n/**\n * Selected option ids carried by a learner response. Any other response shape\n * (a caller wiring the wrong item's state through `value`) reads as \"nothing\n * selected\" rather than throwing mid-exam.\n */\nfunction selectionOf(response: LearnerResponse | undefined): string[] {\n  return response?.type === 'multiple-choice' ? response.selectedOptionIds : [];\n}\n\n/**\n * Whether an option is part of the correct answer, derived from the SERVER's\n * outcome — review mode never holds an answer key of its own.\n * {@link ScoringDetail.outcome} states this unambiguously. A detail stored\n * before lk-core 0.3 carries only a `correct` flag, which means \"the learner\n * ACTED correctly on this option\", not \"this option is the answer\"; the fact is\n * still recoverable, because we know whether the learner selected it:\n * `isCorrect = wasSelected ? correct : !correct`.\n */\nfunction isAnswerOption(detail: ScoringDetail, wasSelected: boolean): boolean {\n  switch (detail.outcome) {\n    case 'correct':\n    case 'incorrect-omission':\n      return true;\n    case 'incorrect':\n    case 'correct-omission':\n      return false;\n    default:\n      return wasSelected ? legacyCorrect(detail) === true : legacyCorrect(detail) !== true;\n  }\n}\n\n/**\n * Announcement for `review` mode, built only from the server-supplied outcome.\n *\n * The authored overall feedback is appended by this function rather than being\n * baked into the score sentence, so a translation of \"Score 80%. Passed.\" never\n * has to carry the author's words with it.\n */\nfunction reviewAnnouncement(outcome: ItemOutcome | undefined, s: LkStrings): string | null {\n  if (outcome === undefined) {\n    return null;\n  }\n  if (outcome.status === 'scored') {\n    const overall = outcome.feedback;\n    return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${\n      overall ? ` ${overall}` : ''\n    }`;\n  }\n  if (outcome.status === 'deferred') {\n    // Never \"0%\": ungraded is not the same as wrong.\n    return s.notGradedYet;\n  }\n  if (outcome.status === 'unscorable') {\n    return s.noGradeAvailable;\n  }\n  // `graded` is left silent here deliberately: a returned GradeRecord on a\n  // multiple-choice item has no rubric to render, and announcing a bare\n  // percentage would duplicate what the marking already shows.\n  return null;\n}\n\nexport interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {\n  /**\n   * Seed for the deterministic option shuffle. Supply one (e.g. the attempt\n   * id) to make the shuffled order reproducible server-side, stable across\n   * page reloads, and identical between SSR and hydration. When absent, a\n   * random per-mount session seed is used (order stable within the mount\n   * only — the behaviour before `shuffleSeed` existed).\n   */\n  shuffleSeed?: string;\n}\n\nexport function MultipleChoice({\n  data,\n  onComplete,\n  onSubmit,\n  value,\n  defaultValue,\n  defaultSubmitted,\n  onChange,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  theme,\n  locale,\n  disabled,\n  shuffleSeed,\n  strings,\n  ai: aiProp,\n  delivery,\n  scoring,\n}: MultipleChoiceProps) {\n  const s = useLkStrings(strings);\n  const ai = useLearnerAi(aiProp);\n  const policy = useDeliveryPolicy(delivery);\n  const scoringPolicy = useItemScoringPolicy(scoring);\n\n  // Dev-only boundary validation. Throwing during render lets\n  // ActivityErrorBoundary catch it. Memoised so it only re-runs on data change.\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    // A `redact()` projection cannot satisfy the full content schema — the\n    // answer key is gone by design — and must not be checked against the\n    // strict redacted schema either, since a `reveal: 'after-submit'`\n    // projection legitimately carries answer-key fields for review renders.\n    if (data.redacted === true) {\n      return null;\n    }\n    const result = validateActivity('multiple-choice', data);\n    return result.success ? null : new ActivitySchemaError('multiple-choice', result.errors);\n  }, [data]);\n\n  // Lazily created only when shuffling without a caller seed: avoids calling\n  // crypto.randomUUID (absent on non-secure http origins) unless needed.\n  const sessionIdRef = useRef<string | null>(null);\n  const { state, start, complete, getTimeSpent, reset } = useActivityState(\n    defaultSubmitted === true ? 'completed' : 'idle',\n  );\n  // Before anything that resets them: a new question starts with no tries.\n  const tries = useTries({\n    policy: scoringPolicy,\n    graded: renderMode === 'practice' && policy.feedback,\n    submitted: state === 'completed',\n    disabled: disabled === true,\n  });\n  const resetTries = tries.reset;\n  const closeQuestion = tries.close;\n  // Uncontrolled state. `defaultValue` seeds the mount only (React convention);\n  // to re-seed later, remount with a `key` or drive the component with `value`.\n  const [internalSelection, setInternalSelection] = useState<string[]>(() =>\n    selectionOf(defaultValue),\n  );\n  const [summary, setSummary] = useState<string | null>(null);\n  // The authored overall feedback on the last graded answer, said after the\n  // score and what the policy made of it.\n  const [overall, setOverall] = useState<string | null>(null);\n  // Hints the learner had been shown before this mount: a restored answer's\n  // count stands, and the hints shown here add to it.\n  const seedHintsRef = useRef(hintsOf(value ?? defaultValue));\n  const rootRef = useRef<HTMLDivElement>(null);\n  const feedbackRef = useRef<HTMLDivElement>(null);\n  const focusAfterRef = useRef<'answer' | 'feedback' | null>(null);\n\n  // Reset on data-prop CHANGE. The identity guard makes the mount\n  // run a no-op, which it always was before `defaultValue` existed — without\n  // it this effect would wipe the seed immediately after the first render.\n  // (It also makes the reset StrictMode-safe: a remount with unchanged data\n  // no longer discards the learner's selection.)\n  // Resets back to `defaultValue`, not to empty. Clearing looked safer — it\n  // cannot carry a stale answer into a different question — but `data`\n  // identity is a poor proxy for \"different question\": a parent that builds\n  // entries in render (`activities={raw.map(redact)}`, the documented exam\n  // pattern) hands over a new object every render, and clearing wiped every\n  // RESTORED answer on the first unrelated re-render, silently. `defaultValue`\n  // is by definition the caller's seed for the CURRENT data, which is what\n  // FillInTheBlanks already reset to; the two now agree.\n  const defaultValueRef = useRef(defaultValue);\n  useEffect(() => {\n    defaultValueRef.current = defaultValue;\n  }, [defaultValue]);\n  // A data change must return the item to its SEED, submitted state included —\n  // resetting to idle unlocked work the learner had already committed.\n  const defaultSubmittedRef = useRef(defaultSubmitted);\n  useEffect(() => {\n    defaultSubmittedRef.current = defaultSubmitted;\n  }, [defaultSubmitted]);\n  const lastDataRef = useRef(data);\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInternalSelection(selectionOf(defaultValueRef.current));\n    setSummary(null);\n    setOverall(null);\n    seedHintsRef.current = hintsOf(defaultValueRef.current);\n    resetTries();\n    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset, resetTries]);\n\n  const displayedOptions = useMemo<MultipleChoiceOption[]>(() => {\n    if (!data.shuffle) {\n      return [...data.options];\n    }\n    // biome-ignore lint/suspicious/noAssignInExpressions: sanctioned lazy ref initialization\n    const seedSource = shuffleSeed ?? (sessionIdRef.current ??= randomSessionId());\n    // The seed string is unchanged from when the algorithm lived in this file,\n    // so an order a consumer recorded against a seed still reproduces.\n    return seededShuffle(data.options, `${seedSource}:${data.id}`, { version: 1 });\n  }, [data, shuffleSeed]);\n\n  // Per-option correctness for `review`, indexed by option id. Null unless the\n  // caller supplied a SCORED outcome — the only source of truth this mode has.\n  const reviewDetails = useMemo(() => {\n    if (renderMode !== 'review' || outcome === undefined || outcome.status !== 'scored') {\n      return null;\n    }\n    return new Map(outcome.details.map((detail) => [detail.itemId, detail]));\n  }, [renderMode, outcome]);\n\n  // Hints are a hook, so they are read here, before the throws below.\n  const answered = state === 'completed';\n  const chosen = value !== undefined ? selectionOf(value) : internalSelection;\n  const aiHints = useComponentAiHints({\n    ai,\n    data,\n    renderMode,\n    submitted: answered,\n    disabled: disabled === true,\n    response: { type: 'multiple-choice', selectedOptionIds: chosen },\n    locale,\n    onInteraction,\n    strings: s,\n    delivery: policy,\n  });\n  // Every hint the learner has been shown on this question, counted from its\n  // start: what a scoring policy charges for. Hints exist only in practice.\n  const hintsRevealed = renderMode === 'practice' ? seedHintsRef.current + aiHints.used : 0;\n  const responseOf = (selectedOptionIds: string[]): MultipleChoiceLearnerResponse => ({\n    type: 'multiple-choice',\n    selectedOptionIds,\n    ...(hintsRevealed > 0 ? { hintsRevealed } : {}),\n  });\n  // A hint shown is part of the answer's record, so a host that restores an\n  // answer restores what it cost: say so as it happens, not at the next click.\n  const hintsSeenRef = useRef(aiHints.used);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: a new hint is the trigger, and the response it reports is this render's\n  useEffect(() => {\n    if (hintsSeenRef.current === aiHints.used) {\n      return;\n    }\n    hintsSeenRef.current = aiHints.used;\n    if (aiHints.used > 0) {\n      onChange?.(responseOf(chosen));\n    }\n  }, [aiHints.used]);\n  // After \"Try again\" the learner is back at their answer; after \"Show answer\"\n  // the buttons they pressed are gone, and the result is what is left.\n  useEffect(() => {\n    const target = focusAfterRef.current;\n    if (target === null) {\n      return;\n    }\n    focusAfterRef.current = null;\n    if (target === 'answer') {\n      rootRef.current?.querySelector<HTMLElement>('input:not(:disabled)')?.focus();\n    } else {\n      feedbackRef.current?.focus();\n    }\n  });\n\n  // All hooks are called before these throws, so hook order stays stable.\n  if (devError) {\n    throw devError;\n  }\n  // Practice grades locally, which a redacted projection cannot support:\n  // `score()` would throw from the submit handler — where no error boundary\n  // can catch it — AFTER the learner has answered. Fail loudly at render\n  // instead, in production too. Wiring an exam item into the self-grading\n  // mode is precisely the accident `renderMode` exists to prevent.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Multiple Choice \"${data.id}\" received redacted activity data in renderMode \"practice\", ` +\n        'which grades locally and has no answer key to grade against. ' +\n        'Render redacted data with renderMode=\"exam\" (server grades) or \"review\" (pass `outcome`).',\n    );\n  }\n\n  const isSingle = data.mode === 'single';\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n  const submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n  const isControlled = value !== undefined;\n  const selected = isControlled ? selectionOf(value) : internalSelection;\n  /**\n   * Whether correctness and authored feedback may be shown. Practice earns it\n   * by grading locally after submit; review shows what the server already\n   * graded. Exam never reveals anything — not before, not after submit.\n   */\n  const reveal = isReview || (renderMode === 'practice' && submitted);\n  /**\n   * What the delivery policy lets that reveal show. `marks`: right and wrong at\n   * all, and the author's feedback. `solutions`: the right answer where the\n   * learner did not choose it — without it, only the options the learner chose\n   * are marked, so a missed correct option is not given away.\n   */\n  const marks = reveal && policy.feedback;\n  // While the learner is offered another try, the right answer stays hidden:\n  // the next try is for finding it.\n  const solutions = marks && policy.solutions && !tries.open;\n\n  const fireInteraction = (\n    type: 'option-selected' | 'option-deselected' | 'submitted',\n    payload: Record<string, unknown>,\n  ): void => {\n    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });\n  };\n\n  /** Single funnel for every response change: owns state only when uncontrolled. */\n  const emitChange = (selectedOptionIds: string[]): void => {\n    if (!isControlled) {\n      setInternalSelection(selectedOptionIds);\n    }\n    onChange?.(responseOf(selectedOptionIds));\n  };\n\n  const selectSingle = (optionId: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange([optionId]);\n    fireInteraction('option-selected', { optionId });\n  };\n\n  const toggleMulti = (optionId: string, checked: boolean): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange(checked ? [...selected, optionId] : selected.filter((id) => id !== optionId));\n    fireInteraction(checked ? 'option-selected' : 'option-deselected', { optionId });\n  };\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive) {\n      return;\n    }\n    const response = responseOf(selected);\n    // Always first, and before anything that can throw: an exam runner must be\n    // able to persist the raw response no matter what happens after.\n    onSubmit?.(response);\n\n    if (isExam) {\n      // No score(), no answer key read, no onComplete, no xAPI — the server\n      // grades. The announcement deliberately carries no correctness signal.\n      complete();\n      setSummary(s.answerSubmitted);\n      fireInteraction('submitted', { selectedOptionIds: selected });\n      return;\n    }\n\n    const answer = score('multiple-choice', data as MultipleChoiceData, response);\n    complete();\n    const timeSpent = getTimeSpent();\n    // The question's score under the policy: this try's answer, less what its\n    // hints and the tries before it cost, or an earlier try's. With no policy\n    // it is exactly what the answer scored.\n    const counted = tries.record({\n      score: answer.score,\n      maxScore: answer.maxScore,\n      hintsRevealed,\n    });\n    const mine = counted.tries[counted.tries.length - 1];\n    const costed = mine === undefined ? answer.score : mine.scored;\n    // The statement records this try, at what it scored after its costs.\n    const scoringResult =\n      costed === answer.score\n        ? answer\n        : {\n            ...answer,\n            score: costed,\n            passed: computePassThreshold(data as MultipleChoiceData, costed),\n          };\n    const passed =\n      counted.score === scoringResult.score\n        ? scoringResult.passed\n        : computePassThreshold(data as MultipleChoiceData, counted.score);\n    const xapiStatement = xAPIBuilder.buildAnsweredStatement({\n      actor: ANONYMOUS_ACTOR,\n      object: {\n        id: objectIdFor(data.id),\n        name: { [data.locale ?? 'en-US']: data.title },\n        // Activity-type IRI, interaction type and correct-responses pattern\n        // come from the REGISTERED descriptor, so a consumer-registered type\n        // gets correct interop without touching this component.\n        ...xapiDefinitionFor(data),\n        choices: data.options.map((option) => ({\n          id: option.id,\n          description: { [data.locale ?? 'en-US']: option.text },\n        })),\n      },\n      scoringResult,\n      timeSpentMs: timeSpent,\n      response: selected.join(','),\n    });\n    // Stamped, so a set this question sits in knows a later try replaces it.\n    onComplete?.(\n      stampTake(\n        {\n          score: counted.score,\n          maxScore: counted.maxScore,\n          passed,\n          timeSpent,\n          xapiStatement,\n        },\n        mintTake(),\n      ),\n    );\n    // Core selects the authored overall feedback on `passed` (B3 fix): it is\n    // the answer's, so it follows the answer's own grade.\n    setOverall(answer.feedback);\n    setSummary(\n      `${s.answerSubmitted} ${s.scoreAnnouncement(Math.round(counted.score * 100), passed)}`,\n    );\n    fireInteraction('submitted', {\n      selectedOptionIds: selected,\n      score: scoringResult.score,\n    });\n  };\n\n  /** \"Try again\": the answer stays, to be changed; the marks go. */\n  const retry = (): void => {\n    reset('idle');\n    setSummary(null);\n    setOverall(null);\n    focusAfterRef.current = 'answer';\n  };\n\n  /** \"Show answer\": no more tries; the question shows what a finished one shows. */\n  const closeTries = (): void => {\n    closeQuestion();\n    focusAfterRef.current = 'feedback';\n  };\n\n  const questionId = `${data.id}-question`;\n  // Rich text renders ONLY through a caller-supplied sanitiser; without one we\n  // fall back to the plain-text field, escaped by React (types.ts HtmlSanitizer).\n  const questionHtml =\n    sanitizeHtml !== undefined && data.questionHtml !== undefined\n      ? sanitizeHtml(data.questionHtml)\n      : null;\n\n  const optionList = displayedOptions.map((option) => {\n    const checked = selected.includes(option.id);\n    // `data-correct` means \"this option is part of the correct answer\".\n    let correctness: string | undefined;\n    // An option the learner did not choose is marked only where solutions\n    // show: marking the right one they missed would hand them the answer.\n    const markable = marks && (solutions || checked);\n    if (isReview) {\n      const detail = reviewDetails?.get(option.id);\n      correctness =\n        !markable || detail === undefined ? undefined : String(isAnswerOption(detail, checked));\n    } else if (markable) {\n      correctness = String(option.isCorrect);\n    }\n    const media = option.media;\n    // A picture goes INSIDE the label: it has no controls of its own, clicking\n    // it is how a learner picks that option, and its `alt` joins the option's\n    // accessible name. A recording cannot — see below.\n    const picture =\n      media?.type === 'image' ? (\n        <img className=\"lk-mc-option-image\" src={media.url} alt={media.alt ?? ''} />\n      ) : null;\n\n    const label = (\n      <label className=\"lk-mc-option\" data-correct={correctness}>\n        <input\n          type={isSingle ? 'radio' : 'checkbox'}\n          name={isSingle ? `${data.id}-options` : undefined}\n          value={option.id}\n          checked={checked}\n          disabled={inactive}\n          aria-disabled={inactive || undefined}\n          onChange={(e) =>\n            isSingle ? selectSingle(option.id) : toggleMulti(option.id, e.target.checked)\n          }\n        />\n        <span>{option.text}</span>\n        {picture}\n        {markable && option.feedback ? (\n          <span className=\"lk-mc-option-feedback\" role=\"note\">\n            {option.feedback}\n          </span>\n        ) : null}\n      </label>\n    );\n\n    if (media?.type !== 'audio') {\n      return <Fragment key={option.id}>{label}</Fragment>;\n    }\n\n    // A recording sits OUTSIDE the label, deliberately. A <label> activates its\n    // control for any click inside it, so an <audio> nested in one would select\n    // the option the moment the learner pressed play — and a listening item is\n    // answered by comparing all the recordings before choosing any of them.\n    // Selecting an option must stay something the learner does on purpose.\n    return (\n      <div className=\"lk-mc-option-media\" key={option.id}>\n        {label}\n        {/* biome-ignore lint/a11y/useMediaCaption: captions are optional in the data contract — a <track> is rendered when captionsUrl is provided; absence is the author's documented choice */}\n        <audio\n          className=\"lk-mc-option-audio\"\n          src={media.url}\n          controls\n          preload=\"none\"\n          aria-label={media.alt ?? option.text}\n        >\n          {media.captionsUrl ? (\n            <track kind=\"captions\" src={media.captionsUrl} label={media.alt ?? option.text} />\n          ) : null}\n        </audio>\n      </div>\n    );\n  });\n\n  const extra =\n    !isReview && policy.feedback && submitted && tries.counted !== null\n      ? triesSummary(s, scoringPolicy, tries.counted, tries.open)\n      : '';\n  const announced =\n    summary === null\n      ? null\n      : `${summary}${extra ? ` ${extra}` : ''}${overall ? ` ${overall}` : ''}`;\n\n  return (\n    <div className=\"lk-mc\" lang={locale} style={theme as CSSProperties | undefined} ref={rootRef}>\n      {data.media ? (\n        <ActivityMedia\n          media={data.media}\n          renderMode={renderMode}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      <form onSubmit={handleSubmit}>\n        <fieldset disabled={inactive}>\n          {questionHtml === null ? (\n            <legend id={questionId}>{data.question}</legend>\n          ) : (\n            <legend\n              id={questionId}\n              // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML is the output of the caller-supplied sanitizeHtml (types.ts HtmlSanitizer contract)\n              dangerouslySetInnerHTML={{ __html: questionHtml }}\n            />\n          )}\n          {/*\n            single: an explicit radiogroup is meaningful (fieldset's implicit\n            role is `group`, not `radiogroup`). multi: the fieldset + legend\n            already provide a named group — an explicit role=\"group\" here would\n            be a redundant, duplicate same-named group in the a11y tree, so we\n            use a plain layout div. (Refines the design ARIA sketch.)\n          */}\n          {isSingle ? (\n            <div role=\"radiogroup\" aria-labelledby={questionId}>\n              {optionList}\n            </div>\n          ) : (\n            <div>{optionList}</div>\n          )}\n          {aiHints.offered && renderMode === 'practice' ? (\n            <HintCost policy={scoringPolicy} strings={s} />\n          ) : null}\n          <AiHints help={aiHints} ai={ai} strings={s} />\n          {/* review is read-only: there is nothing left to submit. */}\n          {isReview ? null : (\n            <button type=\"submit\" disabled={inactive}>\n              {s.submit}\n            </button>\n          )}\n        </fieldset>\n      </form>\n      <FeedbackRegion\n        id={`${data.id}-feedback`}\n        {...(scoringPolicy.retries > 0 ? { ref: feedbackRef } : {})}\n      >\n        {feedbackAnnouncement({\n          review: isReview,\n          feedback: policy.feedback,\n          outcome,\n          readBack: reviewAnnouncement(outcome, s),\n          submitted: summary !== null,\n          result: announced,\n          received: s.answerSubmitted,\n        })}\n      </FeedbackRegion>\n      <TryActions\n        tries={tries}\n        solutions={policy.solutions}\n        strings={s}\n        onRetry={retry}\n        onClose={closeTries}\n      />\n      <AiExplanation\n        ai={ai}\n        data={data}\n        renderMode={renderMode}\n        submitted={submitted}\n        response={{ type: 'multiple-choice', selectedOptionIds: selected }}\n        outcome={outcome}\n        locale={locale}\n        onInteraction={onInteraction}\n        strings={s}\n        // An explanation all but always names the answer: not while another\n        // try is on offer.\n        delivery={tries.open ? { ...policy, solutions: false } : policy}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  MultipleChoice as MultipleChoiceCore,\n  type MultipleChoiceProps,\n} from './MultipleChoice.js';\n\nexport type { MultipleChoiceProps } from './MultipleChoice.js';\n\n/**\n * Public Multiple Choice activity: the core component wrapped in\n * `ActivityErrorBoundary` so a render failure (incl. the dev schema-validation\n * throw) degrades to an accessible fallback instead of crashing the host.\n */\nexport function MultipleChoice(props: MultipleChoiceProps): React.JSX.Element {\n  // Read here rather than in the boundary: a class component cannot call a\n  // hook, and the fallback it renders is learner-facing text like any other.\n  const strings = useLkStrings(props.strings);\n  return (\n    <ActivityErrorBoundary activityTitle={props.data?.title} strings={strings}>\n      <MultipleChoiceCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"],"mappings":"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"}

package/dist/{PronunciationFeedback-DlMPGjkR.cjs → PronunciationFeedback-B3iErah7.cjs}

@@ -1,8 +1,8 @@
 'use client';
 const require_ai_LkAiProvider = require("./ai/LkAiProvider.cjs");
-const require_useAiHelp = require("./useAiHelp-h9yOLFqt.cjs");
+const require_useAiHelp = require("./useAiHelp-MBQiNgst.cjs");
 const require_LkIntlProvider = require("./LkIntlProvider-oi57lYB0.cjs");
-const require_ActivityErrorBoundary = require("./ActivityErrorBoundary-B379hvtL.cjs");
+const require_ActivityErrorBoundary = require("./ActivityErrorBoundary-DEHmEXQw.cjs");
 const require_direction = require("./direction-K1pj0HCA.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -828,4 +828,4 @@ Object.defineProperty(exports, "usePlaybackRefusal", {
 	}
 });
 
-//# sourceMappingURL=PronunciationFeedback-DlMPGjkR.cjs.map
+//# sourceMappingURL=PronunciationFeedback-B3iErah7.cjs.map