@intellectif/lk-react 7.0.1 → 8.0.0

package/dist/chunk-G3QPOYDR.cjs

@@ -0,0 +1,198 @@
+'use client';
+'use strict';
+
+var chunkSGIUPGDA_cjs = require('./chunk-SGIUPGDA.cjs');
+var chunkVVZ7SAE7_cjs = require('./chunk-VVZ7SAE7.cjs');
+var chunk4AHZBTBF_cjs = require('./chunk-4AHZBTBF.cjs');
+var chunk4XPKKNJQ_cjs = require('./chunk-4XPKKNJQ.cjs');
+var chunkAHEV52U7_cjs = require('./chunk-AHEV52U7.cjs');
+var lkCore = require('@intellectif/lk-core');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PREVIEW_SHUFFLE_SEED = "lk-activity-preview";
+var PREVIEW_SLOT_ID = "preview";
+function ActivityPreview({
+  draft,
+  renderMode = "practice",
+  response,
+  outcome,
+  fallback,
+  renderers,
+  shuffleSeed,
+  sanitizeHtml,
+  strings,
+  theme,
+  locale
+}) {
+  const s = chunkAHEV52U7_cjs.useLkStrings(strings);
+  const type = isRecord(draft) && typeof draft.type === "string" ? draft.type : void 0;
+  const contentKey = contentKeyOf(draft);
+  const result = react.useMemo(
+    () => type === void 0 ? void 0 : lkCore.validateDraft(type, draft),
+    [type, contentKey]
+  );
+  const activity = result?.status === "complete" ? result.data : void 0;
+  const responseFits = response === void 0 || response.type === type;
+  const responseKey = response === void 0 ? "none" : contentKeyOf(response);
+  const marking = react.useMemo(() => {
+    if (renderMode !== "review" || activity === void 0) {
+      return void 0;
+    }
+    if (outcome !== void 0) {
+      return { kind: "marked", outcome };
+    }
+    if (response === void 0 || !responseFits) {
+      return void 0;
+    }
+    try {
+      return { kind: "marked", outcome: lkCore.evaluate(activity, response) };
+    } catch (thrown) {
+      return {
+        kind: "failed",
+        error: thrown instanceof Error ? thrown : new Error(String(thrown))
+      };
+    }
+  }, [renderMode, activity, outcome, responseKey, responseFits]);
+  const activityId = activity?.id;
+  const mediaBudget = react.useMemo(
+    () => ({
+      key: lkCore.slotMediaKey(PREVIEW_SLOT_ID),
+      slotId: PREVIEW_SLOT_ID,
+      index: 0,
+      ...activityId !== void 0 ? { activityId } : {}
+    }),
+    [activityId]
+  );
+  if (type === void 0 || result === void 0) {
+    throw new Error(
+      "<ActivityPreview> needs a draft object with a string `type`, to know which activity to check and render."
+    );
+  }
+  if (response !== void 0 && !responseFits) {
+    throw new Error(
+      `<ActivityPreview> was given a "${response.type}" response for a "${type}" activity.`
+    );
+  }
+  if (result.status !== "complete") {
+    if (fallback !== void 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback(result) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "lk-preview-unavailable",
+        role: "note",
+        "data-status": result.status,
+        ...locale !== void 0 ? { lang: locale } : {},
+        children: result.status === "invalid" ? s.previewInvalid : s.previewIncomplete
+      }
+    );
+  }
+  const data = result.data;
+  const key = `${renderMode}:${responseKey}:${recordingKeyOf(data)}`;
+  if (marking?.kind === "failed") {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk4XPKKNJQ_cjs.ActivityErrorBoundary, { activityTitle: data.title, strings: s, children: /* @__PURE__ */ jsxRuntime.jsx(Rethrow, { error: marking.error }) }, key);
+  }
+  const shared = {
+    renderMode,
+    // Without a binding a budgeted recording counts nothing in `practice`, and in
+    // `exam` the media component refuses to render at all — rightly, on a real
+    // paper, where nothing would persist the count. A preview persists nothing by
+    // design, so it keeps the count in memory and says so.
+    mediaBudget,
+    ...sanitizeHtml !== void 0 ? { sanitizeHtml } : {},
+    ...strings !== void 0 ? { strings } : {},
+    ...theme !== void 0 ? { theme } : {},
+    ...locale !== void 0 ? { locale } : {},
+    // Seeded rather than controlled, in every mode, exactly as `<ActivitySequence>`
+    // hands a restored answer to its slots — so a renderer written for the
+    // sequence reads it here too. `review` is read-only either way, and `key`
+    // above re-seeds whenever the response changes.
+    ...response !== void 0 ? { defaultValue: response } : {},
+    ...marking !== void 0 ? { outcome: marking.outcome } : {}
+  };
+  const Custom = renderers?.[data.type];
+  if (Custom !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Custom, { data, ...shared }, key);
+  }
+  switch (data.type) {
+    case "multiple-choice":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        chunkSGIUPGDA_cjs.MultipleChoice,
+        {
+          data,
+          shuffleSeed: shuffleSeed ?? PREVIEW_SHUFFLE_SEED,
+          ...shared
+        },
+        key
+      );
+    case "fill-in-the-blanks":
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkVVZ7SAE7_cjs.FillInTheBlanks, { data, ...shared }, key);
+    case "written-response":
+      return /* @__PURE__ */ jsxRuntime.jsx(chunk4AHZBTBF_cjs.WrittenResponse, { data, ...shared }, key);
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lk-preview-unsupported", role: "note", children: s.unsupportedActivity });
+  }
+}
+function Rethrow({ error }) {
+  throw error;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function recordingKeyOf(data) {
+  const media = isRecord(data) ? data.media : void 0;
+  return isRecord(media) ? contentKeyOf([media.type, media.url, media.playback]) : "";
+}
+var identities = /* @__PURE__ */ new WeakMap();
+var lastIdentity = 0;
+function identityKeyOf(value) {
+  let identity = identities.get(value);
+  if (identity === void 0) {
+    lastIdentity += 1;
+    identity = lastIdentity;
+    identities.set(value, identity);
+  }
+  return `#${identity}`;
+}
+function contentKeyOf(value, enclosing = /* @__PURE__ */ new Set()) {
+  switch (typeof value) {
+    case "string":
+      return JSON.stringify(value);
+    case "number":
+      return Object.is(value, -0) ? "-0" : String(value);
+    case "bigint":
+      return `${value}n`;
+    case "boolean":
+    case "undefined":
+      return String(value);
+    case "symbol":
+      return `Symbol(${JSON.stringify(value.description ?? null)})`;
+    case "function":
+      return identityKeyOf(value);
+  }
+  if (value === null || typeof value !== "object") {
+    return "null";
+  }
+  const prototype = Object.getPrototypeOf(value);
+  const plain = Array.isArray(value) || prototype === Object.prototype || prototype === null;
+  if (!plain || enclosing.has(value)) {
+    return identityKeyOf(value);
+  }
+  enclosing.add(value);
+  try {
+    if (Array.isArray(value)) {
+      return `[${Array.from(value, (item) => contentKeyOf(item, enclosing)).join(",")}]`;
+    }
+    const record = value;
+    const fields = Object.keys(record).sort().map((field) => `${JSON.stringify(field)}:${contentKeyOf(record[field], enclosing)}`);
+    return `{${fields.join(",")}}`;
+  } finally {
+    enclosing.delete(value);
+  }
+}
+
+exports.ActivityPreview = ActivityPreview;
+//# sourceMappingURL=chunk-G3QPOYDR.cjs.map
+//# sourceMappingURL=chunk-G3QPOYDR.cjs.map

package/dist/chunk-G3QPOYDR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityPreview/ActivityPreview.tsx"],"names":["useLkStrings","useMemo","validateDraft","evaluate","slotMediaKey","jsx","Fragment","ActivityErrorBoundary","MultipleChoice","FillInTheBlanks","WrittenResponse"],"mappings":"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","file":"chunk-G3QPOYDR.cjs","sourcesContent":["'use client';\n\nimport {\n  type ActivityType,\n  type DraftNotComplete,\n  evaluate,\n  type ItemOutcome,\n  type LearnerResponse,\n  slotMediaKey,\n  type ThemeTokens,\n  validateDraft,\n} from '@intellectif/lk-core';\nimport { type ReactNode, useMemo } from 'react';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStringsOverride } from '../../i18n/strings.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport type { ActivityRenderer } from '../ActivitySequence/index.js';\nimport { FillInTheBlanks } from '../FillInTheBlanks/index.js';\nimport { MultipleChoice } from '../MultipleChoice/index.js';\nimport type { HtmlSanitizer, MediaBudgetBinding, RenderMode } from '../types.js';\nimport { WrittenResponse } from '../WrittenResponse/index.js';\n\n/**\n * The option-shuffle seed a preview uses when none is given. Fixed, so a\n * shuffled question holds still while its author edits it instead of\n * re-ordering on every remount.\n */\nconst PREVIEW_SHUFFLE_SEED = 'lk-activity-preview';\n\n/**\n * The slot a previewed activity stands in for. A recording's play budget is\n * keyed to it and lives only in this mount: the preview counts plays so an\n * author hears the limit a learner gets, and records none of them.\n */\nconst PREVIEW_SLOT_ID = 'preview';\n\nexport interface ActivityPreviewProps {\n  /**\n   * The activity as an editor holds it right now, finished or not. It is checked\n   * with `validateDraft` before anything renders — by content, on every render —\n   * so a half-written question never reaches a component that assumes a valid\n   * one.\n   */\n  draft: unknown;\n  /** The mode to preview in. Defaults to `practice`. */\n  renderMode?: RenderMode;\n  /**\n   * A learner response to show as if a learner had given it. In `practice` and\n   * `exam` it seeds the answer, which stays editable; in `review` it is the\n   * submitted answer, marked by `evaluate()` unless `outcome` is given.\n   */\n  response?: LearnerResponse;\n  /**\n   * The outcome `review` marks the response with, instead of the one\n   * `evaluate()` computes — which is how to preview a returned grade on a written\n   * response, since the SDK cannot score one. Ignored in other modes.\n   */\n  outcome?: ItemOutcome;\n  /**\n   * Rendered in place of the activity while the draft is not complete, with the\n   * issues `validateDraft` found — so an editor can list them in its own words.\n   * The issue messages are English, and a preview that rendered them would put\n   * untranslatable text on screen. Without it, the preview shows the\n   * `previewIncomplete` or `previewInvalid` string.\n   */\n  fallback?: (result: DraftNotComplete) => ReactNode;\n  /** Renderers for activity types beyond the built-ins, keyed by `type`, as on `<ActivitySequence>`. */\n  renderers?: Readonly<Record<string, ActivityRenderer>>;\n  /**\n   * Seeds `<MultipleChoice>`'s option shuffle. Defaults to a fixed seed, so the\n   * order holds while options are edited; adding or removing one deals them\n   * again, because the shuffle orders by position. A `renderers` entry is given\n   * no seed, as on `<ActivitySequence>`.\n   */\n  shuffleSeed?: string;\n  /** Renders author-supplied rich text. See `HtmlSanitizer`. */\n  sanitizeHtml?: HtmlSanitizer;\n  /** Overrides the SDK's chrome text, for the preview's notice and the activity alike. */\n  strings?: LkStringsOverride;\n  /** Per-instance token overrides, passed to the activity. */\n  theme?: Partial<ThemeTokens>;\n  /** BCP 47 tag of the interface language, passed to the activity. */\n  locale?: string;\n}\n\ntype Marking = { kind: 'marked'; outcome: ItemOutcome } | { kind: 'failed'; error: Error };\n\n/**\n * Renders an activity from an editor's draft, in any render mode, with a\n * simulated learner response — and renders a notice instead while the draft is\n * not an activity yet.\n *\n * Nothing it renders is recorded: no callback is wired, so a practice attempt in\n * a preview scores locally and goes nowhere, and a recording's play limit is\n * counted in memory only.\n *\n * A draft with no string `type`, a type nobody registered, and a `response` of a\n * different type from the draft are wiring errors, and throw.\n */\nexport function ActivityPreview({\n  draft,\n  renderMode = 'practice',\n  response,\n  outcome,\n  fallback,\n  renderers,\n  shuffleSeed,\n  sanitizeHtml,\n  strings,\n  theme,\n  locale,\n}: ActivityPreviewProps) {\n  const s = useLkStrings(strings);\n  const type = isRecord(draft) && typeof draft.type === 'string' ? draft.type : undefined;\n\n  // Validated on the draft's CONTENT, not its identity. The activity components\n  // restart whenever `data` changes identity, and an editor that rebuilds its\n  // payload on every change would otherwise restart the question an author is\n  // trying out each time anything else on the page was edited. The key is read\n  // on every render, so a draft changed in place is checked again too.\n  const contentKey = contentKeyOf(draft);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: the draft's content (contentKey) is the trigger, not its identity\n  const result = useMemo(\n    () => (type === undefined ? undefined : validateDraft(type as ActivityType, draft)),\n    [type, contentKey],\n  );\n  const activity = result?.status === 'complete' ? result.data : undefined;\n  const responseFits = response === undefined || response.type === type;\n  const responseKey = response === undefined ? 'none' : contentKeyOf(response);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: the response's content (responseKey) is the trigger, not its identity\n  const marking = useMemo((): Marking | undefined => {\n    if (renderMode !== 'review' || activity === undefined) {\n      return undefined;\n    }\n    if (outcome !== undefined) {\n      return { kind: 'marked', outcome };\n    }\n    if (response === undefined || !responseFits) {\n      return undefined;\n    }\n    try {\n      return { kind: 'marked', outcome: evaluate(activity, response) };\n    } catch (thrown) {\n      // Scored here, during this component's own render, where no error boundary\n      // inside the activity can catch it — so it is handed to one below.\n      return {\n        kind: 'failed',\n        error: thrown instanceof Error ? thrown : new Error(String(thrown)),\n      };\n    }\n  }, [renderMode, activity, outcome, responseKey, responseFits]);\n\n  const activityId = activity?.id;\n  const mediaBudget = useMemo<MediaBudgetBinding>(\n    () => ({\n      key: slotMediaKey(PREVIEW_SLOT_ID),\n      slotId: PREVIEW_SLOT_ID,\n      index: 0,\n      ...(activityId !== undefined ? { activityId } : {}),\n    }),\n    [activityId],\n  );\n\n  // All hooks are called before these throws, so hook order stays stable.\n  if (type === undefined || result === undefined) {\n    throw new Error(\n      '<ActivityPreview> needs a draft object with a string `type`, to know which activity to check and render.',\n    );\n  }\n  // Checked against the draft's own type, whatever state the draft is in. A\n  // mis-wired response is a wiring error however unfinished the draft is, and\n  // waiting for the draft to be complete would throw on the very edit that\n  // completes it.\n  if (response !== undefined && !responseFits) {\n    throw new Error(\n      `<ActivityPreview> was given a \"${response.type}\" response for a \"${type}\" activity.`,\n    );\n  }\n  if (result.status !== 'complete') {\n    if (fallback !== undefined) {\n      return <>{fallback(result)}</>;\n    }\n    return (\n      <div\n        className=\"lk-preview-unavailable\"\n        role=\"note\"\n        data-status={result.status}\n        {...(locale !== undefined ? { lang: locale } : {})}\n      >\n        {result.status === 'invalid' ? s.previewInvalid : s.previewIncomplete}\n      </div>\n    );\n  }\n  const data = result.data;\n\n  // A different simulated response, or a different mode, mounts the activity\n  // afresh, play count included: a seeded answer is read at mount, and a practice\n  // attempt the author submitted must not carry over into an exam preview. So\n  // does a different recording or playback policy, which is a different listening\n  // budget — the transport reads its count once, when it mounts.\n  const key = `${renderMode}:${responseKey}:${recordingKeyOf(data)}`;\n\n  if (marking?.kind === 'failed') {\n    // The response is one the scorer cannot read, or a registered scorer threw.\n    // Shown as the activity's error fallback, as a render failure would be.\n    return (\n      <ActivityErrorBoundary key={key} activityTitle={data.title} strings={s}>\n        <Rethrow error={marking.error} />\n      </ActivityErrorBoundary>\n    );\n  }\n\n  const shared = {\n    renderMode,\n    // Without a binding a budgeted recording counts nothing in `practice`, and in\n    // `exam` the media component refuses to render at all — rightly, on a real\n    // paper, where nothing would persist the count. A preview persists nothing by\n    // design, so it keeps the count in memory and says so.\n    mediaBudget,\n    ...(sanitizeHtml !== undefined ? { sanitizeHtml } : {}),\n    ...(strings !== undefined ? { strings } : {}),\n    ...(theme !== undefined ? { theme } : {}),\n    ...(locale !== undefined ? { locale } : {}),\n    // Seeded rather than controlled, in every mode, exactly as `<ActivitySequence>`\n    // hands a restored answer to its slots — so a renderer written for the\n    // sequence reads it here too. `review` is read-only either way, and `key`\n    // above re-seeds whenever the response changes.\n    ...(response !== undefined ? { defaultValue: response } : {}),\n    ...(marking !== undefined ? { outcome: marking.outcome } : {}),\n  };\n\n  const Custom = renderers?.[data.type];\n  if (Custom !== undefined) {\n    return <Custom key={key} data={data} {...shared} />;\n  }\n  switch (data.type) {\n    case 'multiple-choice':\n      return (\n        <MultipleChoice\n          key={key}\n          data={data}\n          shuffleSeed={shuffleSeed ?? PREVIEW_SHUFFLE_SEED}\n          {...shared}\n        />\n      );\n    case 'fill-in-the-blanks':\n      return <FillInTheBlanks key={key} data={data} {...shared} />;\n    case 'written-response':\n      return <WrittenResponse key={key} data={data} {...shared} />;\n    default:\n      return (\n        <div className=\"lk-preview-unsupported\" role=\"note\">\n          {s.unsupportedActivity}\n        </div>\n      );\n  }\n}\n\n/** Throws `error` while rendering, so the error boundary around it shows its fallback. */\nfunction Rethrow({ error }: { error: Error }): never {\n  throw error;\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/** The recording and its playback policy — not its description, which changes no budget. */\nfunction recordingKeyOf(data: unknown): string {\n  const media = isRecord(data) ? data.media : undefined;\n  return isRecord(media) ? contentKeyOf([media.type, media.url, media.playback]) : '';\n}\n\nconst identities = new WeakMap<object, number>();\nlet lastIdentity = 0;\n\n/** A key for a value compared by identity: the same object always gets the same one. */\nfunction identityKeyOf(value: object): string {\n  let identity = identities.get(value);\n  if (identity === undefined) {\n    lastIdentity += 1;\n    identity = lastIdentity;\n    identities.set(value, identity);\n  }\n  return `#${identity}`;\n}\n\n/**\n * A string that changes exactly when a value's content does.\n *\n * Object keys are sorted, because key order is not content: a draft saved to a\n * JSON column comes back with its keys reordered. Every value is written in a\n * form no other value shares — JSON would write a non-finite number as `null`\n * and drop `undefined`, and those decide different issues. What JSON does not\n * describe — an instance of a class, a function, a reference back to an\n * enclosing object — is compared by identity, and a symbol by its description.\n */\nfunction contentKeyOf(value: unknown, enclosing: Set<object> = new Set()): string {\n  switch (typeof value) {\n    case 'string':\n      return JSON.stringify(value);\n    case 'number':\n      // `String` keeps NaN, the infinities and every other number apart; only -0\n      // needs saying.\n      return Object.is(value, -0) ? '-0' : String(value);\n    case 'bigint':\n      return `${value}n`;\n    case 'boolean':\n    case 'undefined':\n      return String(value);\n    case 'symbol':\n      return `Symbol(${JSON.stringify(value.description ?? null)})`;\n    case 'function':\n      return identityKeyOf(value);\n  }\n  // Every other `typeof` has returned above: this is `null`, or an object.\n  if (value === null || typeof value !== 'object') {\n    return 'null';\n  }\n  const prototype = Object.getPrototypeOf(value);\n  const plain = Array.isArray(value) || prototype === Object.prototype || prototype === null;\n  if (!plain || enclosing.has(value)) {\n    return identityKeyOf(value);\n  }\n  enclosing.add(value);\n  try {\n    if (Array.isArray(value)) {\n      return `[${Array.from(value, (item) => contentKeyOf(item, enclosing)).join(',')}]`;\n    }\n    const record = value as Record<string, unknown>;\n    const fields = Object.keys(record)\n      .sort()\n      .map((field) => `${JSON.stringify(field)}:${contentKeyOf(record[field], enclosing)}`);\n    return `{${fields.join(',')}}`;\n  } finally {\n    enclosing.delete(value);\n  }\n}\n"]}

package/dist/{chunk-XS2SZINH.js → chunk-HEJPEJW7.js}

@@ -1,15 +1,9 @@
 'use client';
-import { ActivityMedia } from './chunk-52A5UNCH.js';
+import { ActivityMedia } from './chunk-7OHPBLPH.js';
+import { useLkStrings } from './chunk-T4CKODCJ.js';
 import { useId, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var KIND_LABEL = {
-  text: "Passage",
-  audio: "Recording",
-  video: "Video",
-  image: "Image",
-  mixed: "Material"
-};
 function StimulusPanel({
   stimulus,
   range,
@@ -19,17 +13,19 @@ function StimulusPanel({
   mediaBudget,
   mediaStrings,
   onInteraction,
-  disabled
+  disabled,
+  strings
 }) {
   const titleId = useId();
+  const s = useLkStrings(strings);
   const bodyHtml = useMemo(() => {
     if (sanitizeHtml === void 0 || typeof stimulus.bodyHtml !== "string") {
       return null;
     }
     return sanitizeHtml(stimulus.bodyHtml);
   }, [stimulus.bodyHtml, sanitizeHtml]);
-  const rangeText = range === void 0 ? null : range.first === range.last ? `Question ${range.first}` : `Questions ${range.first}\u2013${range.last}`;
-  const naming = stimulus.title !== void 0 ? { "aria-labelledby": titleId } : { "aria-label": KIND_LABEL[stimulus.kind] };
+  const rangeText = range === void 0 ? null : s.stimulusRange(range.first, range.last);
+  const naming = stimulus.title !== void 0 ? { "aria-labelledby": titleId } : { "aria-label": s.stimulusKind[stimulus.kind] };
   const contentLang = stimulus.locale !== void 0 ? { lang: stimulus.locale } : {};
   return /* @__PURE__ */ jsxs("section", { className: "lk-stimulus", "data-kind": stimulus.kind, lang: locale, ...naming, children: [
     stimulus.title !== void 0 ? /* @__PURE__ */ jsx("p", { className: "lk-stimulus-title", id: titleId, ...contentLang, children: stimulus.title }) : null,
@@ -41,6 +37,7 @@ function StimulusPanel({
         ...renderMode !== void 0 ? { renderMode } : {},
         ...mediaBudget !== void 0 ? { mediaBudget } : {},
         ...mediaStrings !== void 0 ? { mediaStrings } : {},
+        ...strings !== void 0 ? { strings } : {},
         ...onInteraction !== void 0 ? { onInteraction } : {},
         ...disabled !== void 0 ? { disabled } : {},
         ...locale !== void 0 ? { locale } : {}
@@ -60,5 +57,5 @@ function StimulusPanel({
 }
 
 export { StimulusPanel };
-//# sourceMappingURL=chunk-XS2SZINH.js.map
-//# sourceMappingURL=chunk-XS2SZINH.js.map
+//# sourceMappingURL=chunk-HEJPEJW7.js.map
+//# sourceMappingURL=chunk-HEJPEJW7.js.map

package/dist/chunk-HEJPEJW7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StimulusPanel/StimulusPanel.tsx"],"names":[],"mappings":"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","file":"chunk-HEJPEJW7.js","sourcesContent":["'use client';\n\nimport type { InteractionEvent, Stimulus } from '@intellectif/lk-core';\nimport { useId, useMemo } from 'react';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStringsOverride } from '../../i18n/strings.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport type {\n  HtmlSanitizer,\n  MediaBudgetBinding,\n  MediaTransportStrings,\n  RenderMode,\n} from '../types.js';\n\nexport interface StimulusPanelProps {\n  stimulus: Stimulus;\n  /**\n   * 1-based presented positions of the first and last question this material\n   * serves, rendered as \"Questions 3–8\" so a learner knows how far the\n   * passage carries.\n   */\n  range?: { first: number; last: number };\n  /** Renders `stimulus.bodyHtml` when provided. See `HtmlSanitizer`. */\n  sanitizeHtml?: HtmlSanitizer;\n  locale?: string;\n  /**\n   * Forwarded to the stimulus's own media. `review` keeps the browser's control\n   * bar even under an enforcing policy — a graded paper cannot be changed by\n   * listening again.\n   */\n  renderMode?: RenderMode;\n  /**\n   * Binds this group's recording to a play budget the consumer persists. One\n   * recording serves every question in the group, so the key is derived from\n   * the ENTRY rather than the slot — see `stimulusMediaKey()` in lk-core.\n   */\n  mediaBudget?: MediaBudgetBinding;\n  /** Translations for the audio transport chrome. */\n  mediaStrings?: Partial<MediaTransportStrings>;\n  onInteraction?: (event: InteractionEvent) => void;\n  disabled?: boolean;\n  /** Overrides the SDK's chrome text for this panel. See {@link LkIntlProvider}. */\n  strings?: LkStringsOverride;\n}\n\n/**\n * Presents a shared stimulus — the passage, recording or image an item group's\n * questions refer to. A landmark region named by its title (or by its kind),\n * so a screen-reader user can jump back to the material from any question.\n *\n * Rich text follows the SDK-wide rule: `bodyHtml` is rendered only through a\n * caller-supplied sanitiser, and the plain `body` is the fallback — which the\n * schema guarantees exists whenever `bodyHtml` does.\n */\nexport function StimulusPanel({\n  stimulus,\n  range,\n  sanitizeHtml,\n  locale,\n  renderMode,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  disabled,\n  strings,\n}: StimulusPanelProps): React.JSX.Element {\n  const titleId = useId();\n  const s = useLkStrings(strings);\n\n  const bodyHtml = useMemo(() => {\n    if (sanitizeHtml === undefined || typeof stimulus.bodyHtml !== 'string') {\n      return null;\n    }\n    return sanitizeHtml(stimulus.bodyHtml);\n  }, [stimulus.bodyHtml, sanitizeHtml]);\n\n  const rangeText = range === undefined ? null : s.stimulusRange(range.first, range.last);\n\n  const naming =\n    stimulus.title !== undefined\n      ? { 'aria-labelledby': titleId }\n      : { 'aria-label': s.stimulusKind[stimulus.kind] };\n\n  // The AUTHORED parts carry the stimulus language; the SDK's own chrome does\n  // not. Declaring `stimulus.locale` on the whole region made a screen reader\n  // read \"Recording\" and \"Questions 3–5\" — English strings this package ships\n  // — in the passage's voice, so a Spanish listening panel announced its own\n  // name and the only orientation text in it with Spanish phonetics\n  // (WCAG 3.1.2 Language of Parts). Scope the declaration to the content it\n  // actually describes.\n  const contentLang = stimulus.locale !== undefined ? { lang: stimulus.locale } : {};\n\n  return (\n    <section className=\"lk-stimulus\" data-kind={stimulus.kind} lang={locale} {...naming}>\n      {stimulus.title !== undefined ? (\n        <p className=\"lk-stimulus-title\" id={titleId} {...contentLang}>\n          {stimulus.title}\n        </p>\n      ) : null}\n      {rangeText !== null ? <p className=\"lk-stimulus-range\">{rangeText}</p> : null}\n      {stimulus.media !== undefined ? (\n        <ActivityMedia\n          media={stimulus.media}\n          {...(renderMode !== undefined ? { renderMode } : {})}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(disabled !== undefined ? { disabled } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      {bodyHtml !== null ? (\n        <div\n          className=\"lk-stimulus-body\"\n          data-format=\"html\"\n          {...contentLang}\n          // biome-ignore lint/security/noDangerouslySetInnerHtml: rendered only through the caller-supplied HtmlSanitizer — the SDK never injects unsanitised markup\n          dangerouslySetInnerHTML={{ __html: bodyHtml }}\n        />\n      ) : stimulus.body !== undefined ? (\n        <div className=\"lk-stimulus-body\" data-format=\"text\" {...contentLang}>\n          {stimulus.body}\n        </div>\n      ) : null}\n      {stimulus.attribution !== undefined ? (\n        <p className=\"lk-stimulus-attribution\" {...contentLang}>\n          <cite>{stimulus.attribution}</cite>\n        </p>\n      ) : null}\n    </section>\n  );\n}\n"]}

package/dist/{chunk-C3HR55JD.js → chunk-MMFHKCWF.js}

@@ -1,6 +1,7 @@
 'use client';
-import { ActivityErrorBoundary, isDevelopment, randomSessionId, FeedbackRegion, ANONYMOUS_ACTOR, objectIdFor } from './chunk-6F4X2NKL.js';
-import { ActivityMedia } from './chunk-52A5UNCH.js';
+import { ActivityErrorBoundary, isDevelopment, randomSessionId, FeedbackRegion, ANONYMOUS_ACTOR, objectIdFor } from './chunk-ESWHIC4Z.js';
+import { ActivityMedia } from './chunk-7OHPBLPH.js';
+import { useLkStrings } from './chunk-T4CKODCJ.js';
 import { useActivityState } from './chunk-6N43WDVG.js';
 import { validateActivity, ActivitySchemaError, seededShuffle, score, xAPIBuilder, xapiDefinitionFor } from '@intellectif/lk-core';
 import { useMemo, useRef, useState, useEffect } from 'react';
@@ -21,16 +22,19 @@ function isAnswerOption(detail, wasSelected) {
       return wasSelected ? detail.correct : !detail.correct;
   }
 }
-function reviewAnnouncement(outcome) {
+function reviewAnnouncement(outcome, s) {
   if (outcome === void 0) {
     return null;
   }
   if (outcome.status === "scored") {
     const overall = outcome.feedback;
-    return `Score ${Math.round(outcome.score * 100)}%. ${outcome.passed ? "Passed." : "Not passed."}${overall ? ` ${overall}` : ""}`;
+    return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${overall ? ` ${overall}` : ""}`;
   }
   if (outcome.status === "deferred") {
-    return "Not graded yet.";
+    return s.notGradedYet;
+  }
+  if (outcome.status === "unscorable") {
+    return s.noGradeAvailable;
   }
   return null;
 }
@@ -51,8 +55,10 @@ function MultipleChoice({
   theme,
   locale,
   disabled,
-  shuffleSeed
+  shuffleSeed,
+  strings
 }) {
+  const s = useLkStrings(strings);
   const devError = useMemo(() => {
     if (!isDevelopment()) {
       return null;
@@ -159,7 +165,7 @@ function MultipleChoice({
     onSubmit?.(response);
     if (isExam) {
       complete();
-      setSummary("Answer submitted.");
+      setSummary(s.answerSubmitted);
       fireInteraction("submitted", { selectedOptionIds: selected });
       return;
     }
@@ -193,7 +199,10 @@ function MultipleChoice({
     });
     const overall = scoringResult.feedback;
     setSummary(
-      `Answer submitted. Score ${Math.round(scoringResult.score * 100)}%. ${scoringResult.passed ? "Passed." : "Not passed."}${overall ? ` ${overall}` : ""}`
+      `${s.answerSubmitted} ${s.scoreAnnouncement(
+        Math.round(scoringResult.score * 100),
+        scoringResult.passed
+      )}${overall ? ` ${overall}` : ""}`
     );
     fireInteraction("submitted", {
       selectedOptionIds: selected,
@@ -236,6 +245,7 @@ function MultipleChoice({
         renderMode,
         ...mediaBudget !== void 0 ? { mediaBudget } : {},
         ...mediaStrings !== void 0 ? { mediaStrings } : {},
+        ...strings !== void 0 ? { strings } : {},
         ...onInteraction !== void 0 ? { onInteraction } : {},
         ...locale !== void 0 ? { locale } : {}
       }
@@ -249,15 +259,16 @@ function MultipleChoice({
         }
       ),
       isSingle ? /* @__PURE__ */ jsx("div", { role: "radiogroup", "aria-labelledby": questionId, children: optionList }) : /* @__PURE__ */ jsx("div", { children: optionList }),
-      isReview ? null : /* @__PURE__ */ jsx("button", { type: "submit", disabled: inactive, children: "Submit" })
+      isReview ? null : /* @__PURE__ */ jsx("button", { type: "submit", disabled: inactive, children: s.submit })
     ] }) }),
-    /* @__PURE__ */ jsx(FeedbackRegion, { id: `${data.id}-feedback`, children: isReview ? reviewAnnouncement(outcome) : summary })
+    /* @__PURE__ */ jsx(FeedbackRegion, { id: `${data.id}-feedback`, children: isReview ? reviewAnnouncement(outcome, s) : summary })
   ] });
 }
 function MultipleChoice2(props) {
-  return /* @__PURE__ */ jsx(ActivityErrorBoundary, { activityTitle: props.data?.title, children: /* @__PURE__ */ jsx(MultipleChoice, { ...props }) });
+  const strings = useLkStrings(props.strings);
+  return /* @__PURE__ */ jsx(ActivityErrorBoundary, { activityTitle: props.data?.title, strings, children: /* @__PURE__ */ jsx(MultipleChoice, { ...props }) });
 }
 
 export { MultipleChoice2 as MultipleChoice };
-//# sourceMappingURL=chunk-C3HR55JD.js.map
-//# sourceMappingURL=chunk-C3HR55JD.js.map
+//# sourceMappingURL=chunk-MMFHKCWF.js.map
+//# sourceMappingURL=chunk-MMFHKCWF.js.map

package/dist/chunk-MMFHKCWF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MultipleChoice/MultipleChoice.tsx","../src/components/MultipleChoice/index.tsx"],"names":["MultipleChoice","jsx"],"mappings":"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","file":"chunk-MMFHKCWF.js","sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\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, useEffect, useMemo, useRef, useState } from 'react';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStrings } from '../../i18n/strings.js';\nimport { ANONYMOUS_ACTOR, isDevelopment, objectIdFor, randomSessionId } from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.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. For 0.2-era details\n * that carry only the deprecated `correct` flag (which means \"the learner\n * ACTED correctly on this option\", not \"this option is the answer\") the fact\n * is 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 ? detail.correct : !detail.correct;\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}: MultipleChoiceProps) {\n  const s = useLkStrings(strings);\n\n  // Dev-only boundary validation (Req 2.3). 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  // 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\n  // Reset on data-prop CHANGE (Req 3.7). 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    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset]);\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}`);\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  // 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  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?.({ type: 'multiple-choice', 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: MultipleChoiceLearnerResponse = {\n      type: 'multiple-choice',\n      selectedOptionIds: selected,\n    };\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 scoringResult = score('multiple-choice', data as MultipleChoiceData, response);\n    complete();\n    const timeSpent = getTimeSpent();\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    onComplete?.({\n      score: scoringResult.score,\n      maxScore: scoringResult.maxScore,\n      passed: scoringResult.passed,\n      timeSpent,\n      xapiStatement,\n    });\n    // Core selects the authored overall feedback on `passed` (B3 fix).\n    const overall = scoringResult.feedback;\n    setSummary(\n      `${s.answerSubmitted} ${s.scoreAnnouncement(\n        Math.round(scoringResult.score * 100),\n        scoringResult.passed,\n      )}${overall ? ` ${overall}` : ''}`,\n    );\n    fireInteraction('submitted', {\n      selectedOptionIds: selected,\n      score: scoringResult.score,\n    });\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    if (isReview) {\n      const detail = reviewDetails?.get(option.id);\n      correctness = detail === undefined ? undefined : String(isAnswerOption(detail, checked));\n    } else if (reveal) {\n      correctness = String(option.isCorrect);\n    }\n    return (\n      <label key={option.id} 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        {reveal && option.feedback ? (\n          <span className=\"lk-mc-option-feedback\" role=\"note\">\n            {option.feedback}\n          </span>\n        ) : null}\n      </label>\n    );\n  });\n\n  return (\n    <div className=\"lk-mc\" lang={locale} style={theme as CSSProperties | undefined}>\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          {/* 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 id={`${data.id}-feedback`}>\n        {isReview ? reviewAnnouncement(outcome, s) : summary}\n      </FeedbackRegion>\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) {\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"]}

package/dist/{chunk-3VQV7ICQ.js → chunk-OI4IKH2Z.js}

@@ -1,9 +1,10 @@
 'use client';
-import { MultipleChoice } from './chunk-C3HR55JD.js';
-import { FillInTheBlanks } from './chunk-VHULVDPG.js';
-import { WrittenResponse } from './chunk-7YLY3G3E.js';
-import { randomSessionId } from './chunk-6F4X2NKL.js';
-import { StimulusPanel } from './chunk-XS2SZINH.js';
+import { MultipleChoice } from './chunk-MMFHKCWF.js';
+import { FillInTheBlanks } from './chunk-EQ5BZTLV.js';
+import { WrittenResponse } from './chunk-BLQBFI7Z.js';
+import { randomSessionId } from './chunk-ESWHIC4Z.js';
+import { StimulusPanel } from './chunk-HEJPEJW7.js';
+import { useLkStrings } from './chunk-T4CKODCJ.js';
 import { isItemGroup, flattenSequence, resolvePlaybackPolicy, slotMediaKey, stimulusMediaKey } from '@intellectif/lk-core';
 import { useRef, useMemo, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -57,9 +58,11 @@ function ActivitySequence({
   theme,
   locale,
   disabled,
-  mediaBudget
+  mediaBudget,
+  strings
 }) {
   const sessionIdRef = useRef(null);
+  const s = useLkStrings(strings);
   const mediaPlays = mediaBudget?.plays;
   const shuffleEntries = shuffle === "entries";
   const needsSeed = shuffleEntries || activities.some(
@@ -244,6 +247,7 @@ function ActivitySequence({
     ...onInteraction ? { onInteraction } : {},
     renderMode,
     ...sanitizeHtml ? { sanitizeHtml } : {},
+    ...strings !== void 0 ? { strings } : {},
     ...theme ? { theme } : {},
     ...locale ? { locale } : {},
     ...disabled ? { disabled } : {}
@@ -300,16 +304,11 @@ function ActivitySequence({
         }
       );
     }
-    return /* @__PURE__ */ jsx("div", { className: "lk-seq-unsupported", role: "note", children: "This activity type has no renderer. Supply one through the renderers prop." });
+    return /* @__PURE__ */ jsx("div", { className: "lk-seq-unsupported", role: "note", children: s.unsupportedActivity });
   };
   const currentEntryKey = entryKeyOf(current);
   return /* @__PURE__ */ jsxs("div", { className: "lk-seq", lang: locale, children: [
-    /* @__PURE__ */ jsxs("div", { className: "lk-seq-progress", "aria-live": "polite", role: "status", children: [
-      "Question ",
-      index + 1,
-      " of ",
-      total
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lk-seq-progress", "aria-live": "polite", role: "status", children: s.questionProgress(index + 1, total) }),
     stimulusMounts.map(({ entryKey, group, first, last }) => {
       const firstSlot = slots[first];
       const stimulusBinding = firstSlot === void 0 ? void 0 : bindingFor(stimulusMediaKey(firstSlot.slotId), firstSlot);
@@ -328,6 +327,7 @@ function ActivitySequence({
               ...locale ? { locale } : {},
               ...onInteraction ? { onInteraction } : {},
               ...disabled ? { disabled } : {},
+              ...strings !== void 0 ? { strings } : {},
               ...stimulusBinding !== void 0 ? { mediaBudget: stimulusBinding } : {}
             }
           )
@@ -341,7 +341,7 @@ function ActivitySequence({
         className: "lk-seq-question",
         ref: regionRef,
         tabIndex: -1,
-        "aria-label": `Question ${index + 1} of ${total}`,
+        "aria-label": s.questionProgress(index + 1, total),
         children: slots.map((slot) => {
           const slotKey = `${setKey}::slot-${slot.slotId}-${slot.activity.id}`;
           return /* @__PURE__ */ jsx(SequencePane, { className: "lk-seq-slot", hidden: slot.index !== index, children: renderSlot(slot) }, slotKey);
@@ -356,7 +356,7 @@ function ActivitySequence({
           className: "lk-seq-prev",
           onClick: () => go(index - 1),
           disabled: index === 0,
-          children: "Previous"
+          children: s.previous
         }
       ),
       /* @__PURE__ */ jsx(
@@ -366,7 +366,7 @@ function ActivitySequence({
           className: "lk-seq-next",
           onClick: () => go(index + 1),
           disabled: index === total - 1,
-          children: "Next"
+          children: s.next
         }
       )
     ] })
@@ -374,5 +374,5 @@ function ActivitySequence({
 }
 
 export { ActivitySequence };
-//# sourceMappingURL=chunk-3VQV7ICQ.js.map
-//# sourceMappingURL=chunk-3VQV7ICQ.js.map
+//# sourceMappingURL=chunk-OI4IKH2Z.js.map
+//# sourceMappingURL=chunk-OI4IKH2Z.js.map