@intellectif/lk-react 20.0.0 → 22.0.0

package/dist/{chunk-6S2CKZ4H.cjs → chunk-WFGDKBBP.cjs}

@@ -1,14 +1,15 @@
 'use client';
 'use strict';
 
-var chunkNOC2M6LU_cjs = require('./chunk-NOC2M6LU.cjs');
-var chunkZDYNAWDZ_cjs = require('./chunk-ZDYNAWDZ.cjs');
-var chunkIXMT7X3E_cjs = require('./chunk-IXMT7X3E.cjs');
-var chunkAPZ6JFN6_cjs = require('./chunk-APZ6JFN6.cjs');
+var chunkFKNEHCNT_cjs = require('./chunk-FKNEHCNT.cjs');
+var chunkOJGTJOWI_cjs = require('./chunk-OJGTJOWI.cjs');
+var chunkM4UJBLVR_cjs = require('./chunk-M4UJBLVR.cjs');
+var chunkJ2QIHZ3H_cjs = require('./chunk-J2QIHZ3H.cjs');
+var chunkY5H4NOM6_cjs = require('./chunk-Y5H4NOM6.cjs');
 var chunkEANGKAKG_cjs = require('./chunk-EANGKAKG.cjs');
-var chunkL7WY5YFQ_cjs = require('./chunk-L7WY5YFQ.cjs');
+var chunkUKUHVCZX_cjs = require('./chunk-UKUHVCZX.cjs');
 var chunkXOR4MPEN_cjs = require('./chunk-XOR4MPEN.cjs');
-var chunkAHGB5HH6_cjs = require('./chunk-AHGB5HH6.cjs');
+var chunkNFGUJ52G_cjs = require('./chunk-NFGUJ52G.cjs');
 var lkCore = require('@intellectif/lk-core');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -68,13 +69,15 @@ function FillInTheBlanks({
   disabled,
   showCorrectAnswers,
   ai: aiProp,
-  delivery
+  delivery,
+  scoring
 }) {
   const isExam = renderMode === "exam";
   const isReview = renderMode === "review";
-  const s = chunkAHGB5HH6_cjs.useLkStrings(strings);
-  const ai = chunkZDYNAWDZ_cjs.useLearnerAi(aiProp);
-  const policy = chunkIXMT7X3E_cjs.useDeliveryPolicy(delivery);
+  const s = chunkNFGUJ52G_cjs.useLkStrings(strings);
+  const ai = chunkOJGTJOWI_cjs.useLearnerAi(aiProp);
+  const policy = chunkM4UJBLVR_cjs.useDeliveryPolicy(delivery);
+  const scoringPolicy = chunkFKNEHCNT_cjs.useItemScoringPolicy(scoring);
   const devError = react.useMemo(() => {
     if (!chunkEANGKAKG_cjs.isDevelopment()) {
       return null;
@@ -93,14 +96,27 @@ function FillInTheBlanks({
   const { state, start, complete, getTimeSpent, reset } = chunkXOR4MPEN_cjs.useActivityState(
     defaultSubmitted === true ? "completed" : "idle"
   );
+  const tries = chunkFKNEHCNT_cjs.useTries({
+    policy: scoringPolicy,
+    graded: renderMode === "practice" && policy.feedback,
+    submitted: state === "completed",
+    disabled: disabled === true
+  });
+  const resetTries = tries.reset;
   const isControlled = value !== void 0;
   const [internalAnswers, setInternalAnswers] = react.useState(
     () => answersOf(defaultValue)
   );
   const [revealed, setRevealed] = react.useState(() => /* @__PURE__ */ new Set());
+  const [seen, setSeen] = react.useState(() => /* @__PURE__ */ new Set());
   const [result, setResult] = react.useState(null);
   const [summary, setSummary] = react.useState(null);
+  const [overall, setOverall] = react.useState(null);
   const [feedbackHidden, setFeedbackHidden] = react.useState(false);
+  const seedHintsRef = react.useRef(chunkFKNEHCNT_cjs.hintsOf(value ?? defaultValue));
+  const formRef = react.useRef(null);
+  const feedbackRef = react.useRef(null);
+  const focusAfterRef = react.useRef(null);
   const answers = isControlled ? answersOf(value) : internalAnswers;
   const defaultValueRef = react.useRef(defaultValue);
   react.useEffect(() => {
@@ -118,11 +134,15 @@ function FillInTheBlanks({
     lastDataRef.current = data;
     setInternalAnswers(answersOf(defaultValueRef.current));
     setRevealed(/* @__PURE__ */ new Set());
+    setSeen(/* @__PURE__ */ new Set());
     setResult(null);
     setSummary(null);
+    setOverall(null);
     setFeedbackHidden(false);
+    seedHintsRef.current = chunkFKNEHCNT_cjs.hintsOf(defaultValueRef.current);
+    resetTries();
     reset(defaultSubmittedRef.current === true ? "completed" : "idle");
-  }, [data, reset]);
+  }, [data, reset, resetTries]);
   react.useEffect(() => {
     if (chunkEANGKAKG_cjs.isDevelopment() && sanitizeHtml !== void 0 && data.passageHtml !== void 0) {
       console.warn(
@@ -132,6 +152,47 @@ function FillInTheBlanks({
   }, [sanitizeHtml, data.passageHtml]);
   const segments = react.useMemo(() => parsePassage(data.passage), [data.passage]);
   const blankById = react.useMemo(() => new Map(data.blanks.map((b) => [b.id, b])), [data.blanks]);
+  const answered = state === "completed";
+  const aiHints = chunkFKNEHCNT_cjs.useComponentAiHints({
+    ai,
+    data,
+    renderMode,
+    submitted: answered,
+    disabled: disabled === true,
+    response: { type: "fill-in-the-blanks", answers },
+    locale,
+    onInteraction,
+    strings: s,
+    delivery: policy
+  });
+  const hintsRevealed = renderMode === "practice" ? seedHintsRef.current + seen.size + aiHints.used : 0;
+  const responseOf = (next, hints = hintsRevealed) => ({
+    type: "fill-in-the-blanks",
+    answers: next,
+    ...hints > 0 ? { hintsRevealed: hints } : {}
+  });
+  const aiSeenRef = react.useRef(aiHints.used);
+  react.useEffect(() => {
+    if (aiSeenRef.current === aiHints.used) {
+      return;
+    }
+    aiSeenRef.current = aiHints.used;
+    if (aiHints.used > 0) {
+      onChange?.(responseOf(answers));
+    }
+  }, [aiHints.used]);
+  react.useEffect(() => {
+    const target = focusAfterRef.current;
+    if (target === null) {
+      return;
+    }
+    focusAfterRef.current = null;
+    if (target === "answer") {
+      formRef.current?.querySelector("input:not(:disabled)")?.focus();
+    } else {
+      feedbackRef.current?.focus();
+    }
+  });
   if (devError) {
     throw devError;
   }
@@ -144,7 +205,7 @@ function FillInTheBlanks({
   const inactive = disabled === true || submitted || isReview;
   const revealing = isReview ? outcome?.status === "scored" : !isExam && submitted;
   const marking = revealing && policy.feedback;
-  const showingAnswers = marking && policy.solutions && showCorrectAnswers === true;
+  const showingAnswers = marking && policy.solutions && showCorrectAnswers === true && !tries.open;
   const fireInteraction = (type, payload) => {
     onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });
   };
@@ -159,7 +220,7 @@ function FillInTheBlanks({
     if (!isControlled) {
       setInternalAnswers(next);
     }
-    onChange?.({ type: "fill-in-the-blanks", answers: next });
+    onChange?.(responseOf(next));
     fireInteraction("blank-filled", { blankId, value: text });
   };
   const toggleHint = (blankId) => {
@@ -181,13 +242,19 @@ function FillInTheBlanks({
     if (!revealed.has(blankId)) {
       fireInteraction("hint-requested", { blankId });
     }
+    if (!seen.has(blankId)) {
+      setSeen((prev) => new Set(prev).add(blankId));
+      if (renderMode === "practice") {
+        onChange?.(responseOf(answers, hintsRevealed + 1));
+      }
+    }
   };
   const handleSubmit = (event) => {
     event.preventDefault();
     if (inactive) {
       return;
     }
-    const response = { type: "fill-in-the-blanks", answers };
+    const response = responseOf(answers);
     onSubmit?.(response);
     if (isExam) {
       complete();
@@ -195,9 +262,22 @@ function FillInTheBlanks({
       fireInteraction("submitted", { answers });
       return;
     }
-    const scoringResult = lkCore.score("fill-in-the-blanks", data, response);
+    const answer = lkCore.score("fill-in-the-blanks", data, response);
     complete();
     const timeSpent = getTimeSpent();
+    const counted = tries.record({
+      score: answer.score,
+      maxScore: answer.maxScore,
+      hintsRevealed
+    });
+    const mine = counted.tries[counted.tries.length - 1];
+    const costed = mine === void 0 ? answer.score : mine.scored;
+    const scoringResult = costed === answer.score ? answer : {
+      ...answer,
+      score: costed,
+      passed: lkCore.computePassThreshold(data, costed)
+    };
+    const passed = counted.score === scoringResult.score ? scoringResult.passed : lkCore.computePassThreshold(data, counted.score);
     const xapiStatement = lkCore.xAPIBuilder.buildAnsweredStatement({
       actor: chunkEANGKAKG_cjs.ANONYMOUS_ACTOR,
       object: {
@@ -209,23 +289,29 @@ function FillInTheBlanks({
       timeSpentMs: timeSpent,
       response: JSON.stringify(answers)
     });
-    setResult(scoringResult);
-    onComplete?.({
-      score: scoringResult.score,
-      maxScore: scoringResult.maxScore,
-      passed: scoringResult.passed,
-      timeSpent,
-      xapiStatement
-    });
-    const overall = scoringResult.feedback;
+    setResult(answer);
+    onComplete?.(
+      chunkJ2QIHZ3H_cjs.stampTake(
+        { score: counted.score, maxScore: counted.maxScore, passed, timeSpent, xapiStatement },
+        chunkJ2QIHZ3H_cjs.mintTake()
+      )
+    );
+    setOverall(answer.feedback);
     setSummary(
-      `${s.answerSubmitted} ${s.scoreAnnouncement(
-        Math.round(scoringResult.score * 100),
-        scoringResult.passed
-      )}${overall ? ` ${overall}` : ""}`
+      `${s.answerSubmitted} ${s.scoreAnnouncement(Math.round(counted.score * 100), passed)}`
     );
     fireInteraction("submitted", { answers, score: scoringResult.score });
   };
+  const retry = () => {
+    reset("idle");
+    setSummary(null);
+    setOverall(null);
+    focusAfterRef.current = "answer";
+  };
+  const closeTries = () => {
+    tries.close();
+    focusAfterRef.current = "feedback";
+  };
   const correctByBlank = react.useMemo(() => {
     if (isExam) {
       return /* @__PURE__ */ new Map();
@@ -251,9 +337,13 @@ function FillInTheBlanks({
     }
     return s.noGradeAvailable;
   }, [isReview, outcome, s]);
+  const extra = !isReview && policy.feedback && submitted && tries.counted !== null ? chunkFKNEHCNT_cjs.triesSummary(s, scoringPolicy, tries.counted, tries.open) : "";
+  const announced = summary === null ? null : `${summary}${extra ? ` ${extra}` : ""}${overall ? ` ${overall}` : ""}`;
+  const hintsOffered = renderMode === "practice" && !submitted && (aiHints.offered || policy.hints && data.blanks.some((blank) => blank.hint));
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
+      ref: formRef,
       className: "lk-fib",
       "aria-label": data.title,
       lang: locale,
@@ -262,7 +352,7 @@ function FillInTheBlanks({
       onSubmit: handleSubmit,
       children: [
         data.media ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkL7WY5YFQ_cjs.ActivityMedia,
+          chunkUKUHVCZX_cjs.ActivityMedia,
           {
             media: data.media,
             renderMode,
@@ -349,21 +439,8 @@ function FillInTheBlanks({
               ) : null
             ] }, seg.id);
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNOC2M6LU_cjs.AiHints,
-            {
-              ai,
-              data,
-              renderMode,
-              submitted,
-              disabled: disabled === true,
-              response: { type: "fill-in-the-blanks", answers },
-              locale,
-              onInteraction,
-              strings: s,
-              delivery: policy
-            }
-          ),
+          hintsOffered ? /* @__PURE__ */ jsxRuntime.jsx(chunkFKNEHCNT_cjs.HintCost, { policy: scoringPolicy, strings: s }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFKNEHCNT_cjs.AiHints, { help: aiHints, ai, strings: s }),
           isReview ? null : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: inactive, children: isExam ? s.submitAnswers : s.checkAnswers })
         ] }),
         marking && data.blanks.some((b) => b.feedback) ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -376,9 +453,26 @@ function FillInTheBlanks({
             children: feedbackHidden ? s.showFeedback : s.hideFeedback
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIXMT7X3E_cjs.FeedbackRegion, { id: `${data.id}-feedback`, children: isReview ? policy.feedback || !chunkIXMT7X3E_cjs.outcomeShowsMarks(outcome) ? reviewSummary : null : policy.feedback || summary === null ? summary : s.answerSubmitted }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNOC2M6LU_cjs.AiExplanation,
+          chunkM4UJBLVR_cjs.FeedbackRegion,
+          {
+            id: `${data.id}-feedback`,
+            ...scoringPolicy.retries > 0 ? { ref: feedbackRef } : {},
+            children: isReview ? policy.feedback || !chunkM4UJBLVR_cjs.outcomeShowsMarks(outcome) ? reviewSummary : null : policy.feedback || summary === null ? announced : s.answerSubmitted
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFKNEHCNT_cjs.TryActions,
+          {
+            tries,
+            solutions: policy.solutions && showCorrectAnswers === true,
+            strings: s,
+            onRetry: retry,
+            onClose: closeTries
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFKNEHCNT_cjs.AiExplanation,
           {
             ai,
             data,
@@ -389,7 +483,7 @@ function FillInTheBlanks({
             locale,
             onInteraction,
             strings: s,
-            delivery: policy
+            delivery: tries.open ? { ...policy, solutions: false } : policy
           }
         )
       ]
@@ -397,10 +491,10 @@ function FillInTheBlanks({
   );
 }
 function FillInTheBlanks2(props) {
-  const strings = chunkAHGB5HH6_cjs.useLkStrings(props.strings);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkAPZ6JFN6_cjs.ActivityErrorBoundary, { activityTitle: props.data?.title, strings, children: /* @__PURE__ */ jsxRuntime.jsx(FillInTheBlanks, { ...props }) });
+  const strings = chunkNFGUJ52G_cjs.useLkStrings(props.strings);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkY5H4NOM6_cjs.ActivityErrorBoundary, { activityTitle: props.data?.title, strings, children: /* @__PURE__ */ jsxRuntime.jsx(FillInTheBlanks, { ...props }) });
 }
 
 exports.FillInTheBlanks = FillInTheBlanks2;
-//# sourceMappingURL=chunk-6S2CKZ4H.cjs.map
-//# sourceMappingURL=chunk-6S2CKZ4H.cjs.map
+//# sourceMappingURL=chunk-WFGDKBBP.cjs.map
+//# sourceMappingURL=chunk-WFGDKBBP.cjs.map

package/dist/chunk-WFGDKBBP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FillInTheBlanks/FillInTheBlanks.tsx","../src/components/FillInTheBlanks/index.tsx"],"names":["useLkStrings","useLearnerAi","useDeliveryPolicy","useItemScoringPolicy","useMemo","isDevelopment","assertRedacted","result","validateActivity","ActivitySchemaError","useActivityState","useTries","useState","useRef","hintsOf","useEffect","useComponentAiHints","score","computePassThreshold","xAPIBuilder","ANONYMOUS_ACTOR","objectIdFor","xapiDefinitionFor","stampTake","mintTake","triesSummary","jsxs","jsx","ActivityMedia","Fragment","HintCost","AiHints","FeedbackRegion","outcomeShowsMarks","TryActions","AiExplanation","FillInTheBlanks","ActivityErrorBoundary"],"mappings":"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","file":"chunk-WFGDKBBP.cjs","sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  assertRedacted,\n  computePassThreshold,\n  type FillInTheBlanksData,\n  type FillInTheBlanksLearnerResponse,\n  type LearnerResponse,\n  type ScoringDetail,\n  type ScoringResult,\n  score,\n  validateActivity,\n  xAPIBuilder,\n  xapiDefinitionFor,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, 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 { ANONYMOUS_ACTOR, isDevelopment, objectIdFor } from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { AiExplanation, AiHints, useComponentAiHints } from '../shared/AiHelp.js';\nimport { outcomeShowsMarks, 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\nexport interface FillInTheBlanksProps extends ActivityProps<FillInTheBlanksData> {\n  /**\n   * After submission, replace each incorrectly-answered blank with its first\n   * accepted answer, styled distinctly (Req 5.7). Component-specific prop: it\n   * is presentation, not activity data, and is outside the fixed Req-3.1 set.\n   *\n   * Ignored in `exam` mode — revealing the key is precisely what an exam must\n   * not do, and on a `redact()` projection there is no key to reveal. In\n   * `review` mode it applies only to blanks the supplied `outcome` marks\n   * incorrect, and only when the caller passed data that still carries the key\n   * (e.g. `redact(data, { reveal: 'after-submit' })`).\n   */\n  showCorrectAnswers?: boolean;\n}\n\nconst PLACEHOLDER = /\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g;\n\ntype Segment = { kind: 'text'; value: string } | { kind: 'blank'; id: string; ordinal: number };\n\nfunction parsePassage(passage: string): Segment[] {\n  const segments: Segment[] = [];\n  const re = new RegExp(PLACEHOLDER);\n  let last = 0;\n  let ordinal = 0;\n  let match = re.exec(passage);\n  while (match !== null) {\n    if (match.index > last) {\n      segments.push({ kind: 'text', value: passage.slice(last, match.index) });\n    }\n    ordinal += 1;\n    segments.push({ kind: 'blank', id: match[1] as string, ordinal });\n    last = match.index + match[0].length;\n    match = re.exec(passage);\n  }\n  if (last < passage.length) {\n    segments.push({ kind: 'text', value: passage.slice(last) });\n  }\n  return segments;\n}\n\n/** Shared empty map: keeps the \"no response supplied\" path allocation-free. */\nconst NO_ANSWERS: Record<string, string> = {};\n\n/**\n * Reads the answer map out of a `LearnerResponse`. A response of another\n * activity type is treated as \"no answers\" rather than throwing: a controlled\n * host that has not yet swapped its state on an activity change would\n * otherwise crash the attempt.\n */\nfunction answersOf(response: LearnerResponse | undefined): Record<string, string> {\n  return response !== undefined && response.type === 'fill-in-the-blanks'\n    ? response.answers\n    : NO_ANSWERS;\n}\n\n/**\n * Per-item correctness keyed by blank id. Prefers the unambiguous `outcome`\n * field (always written by the built-in scorers since lk-core 0.3.0) and\n * falls back to the deprecated `correct` boolean so a 0.2-era\n * consumer-constructed `ItemOutcome` still marks correctly in `review`.\n */\nfunction correctnessByItem(details: readonly ScoringDetail[]): Map<string, boolean> {\n  const map = new Map<string, boolean>();\n  for (const detail of details) {\n    map.set(\n      detail.itemId,\n      detail.outcome !== undefined ? detail.outcome === 'correct' : detail.correct,\n    );\n  }\n  return map;\n}\n\nexport function FillInTheBlanks({\n  data,\n  onComplete,\n  onSubmit,\n  onChange,\n  onInteraction,\n  value,\n  defaultValue,\n  defaultSubmitted,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  mediaBudget,\n  mediaStrings,\n  strings,\n  theme,\n  locale,\n  disabled,\n  showCorrectAnswers,\n  ai: aiProp,\n  delivery,\n  scoring,\n}: FillInTheBlanksProps) {\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n\n  // Dev-only boundary validation (Req 2.3); throws in render so the wrapping\n  // ActivityErrorBoundary catches it. Re-runs only when data changes.\n  const s = useLkStrings(strings);\n  const ai = useLearnerAi(aiProp);\n  const policy = useDeliveryPolicy(delivery);\n  const scoringPolicy = useItemScoringPolicy(scoring);\n\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    if (data.redacted === true) {\n      // A redact() projection cannot satisfy the full content schema — the\n      // answer key is gone by design. Validate it against the STRICT redacted\n      // schema instead, which additionally proves the payload is learner-safe.\n      try {\n        assertRedacted(data);\n        return null;\n      } catch (error) {\n        return error instanceof Error ? error : new Error(String(error));\n      }\n    }\n    const result = validateActivity('fill-in-the-blanks', data);\n    return result.success ? null : new ActivitySchemaError('fill-in-the-blanks', result.errors);\n  }, [data]);\n\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  // Controlled when `value` is supplied: the answers rendered are ALWAYS the\n  // caller's, and internal state is never read. Uncontrolled otherwise,\n  // seeded from `defaultValue`.\n  const isControlled = value !== undefined;\n  const [internalAnswers, setInternalAnswers] = useState<Record<string, string>>(() =>\n    answersOf(defaultValue),\n  );\n  const [revealed, setRevealed] = useState<Set<string>>(() => new Set());\n  // Every blank whose hint has been shown on this mount, hidden again or not:\n  // hiding a hint does not unsee it.\n  const [seen, setSeen] = useState<ReadonlySet<string>>(() => new Set());\n  const [result, setResult] = useState<ScoringResult | null>(null);\n  const [summary, setSummary] = useState<string | null>(null);\n  const [overall, setOverall] = useState<string | null>(null);\n  const [feedbackHidden, setFeedbackHidden] = useState(false);\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 formRef = useRef<HTMLFormElement>(null);\n  const feedbackRef = useRef<HTMLDivElement>(null);\n  const focusAfterRef = useRef<'answer' | 'feedback' | null>(null);\n\n  const answers = isControlled ? answersOf(value) : internalAnswers;\n\n  // `defaultValue` is read only by the reset effect, and it is commonly an\n  // inline object literal — putting it in that effect's deps would re-seed\n  // (and wipe) the learner's typing on every render. Mirror it into a ref in\n  // its own effect, which commits before the reset effect below.\n  const defaultValueRef = useRef(defaultValue);\n  useEffect(() => {\n    defaultValueRef.current = defaultValue;\n  }, [defaultValue]);\n\n  // Mirror `defaultSubmitted` so the reset below returns to the SEEDED state.\n  // Resetting unconditionally to idle unlocked an item the learner had already\n  // committed — which made `defaultSubmitted` a no-op here, since this effect\n  // runs right after the first paint.\n  const defaultSubmittedRef = useRef(defaultSubmitted);\n  useEffect(() => {\n    defaultSubmittedRef.current = defaultSubmitted;\n  }, [defaultSubmitted]);\n\n  // Identity guard so the MOUNT run is a no-op. Without it this effect fires\n  // after the first paint and undoes every seed it was just given; with it,\n  // only a real `data` change resets. A parent that rebuilds structurally\n  // identical entries in render (`activities={raw.map(redact)}`) must not\n  // unlock or revert a restored answer — the pager already remounts a slot\n  // whose activity actually changed, via its key.\n  const lastDataRef = useRef(data);\n  // `data` is an intentional reset trigger (Req 3.7); it is already in the\n  // dependency list. The identity guard below skips the mount run.\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInternalAnswers(answersOf(defaultValueRef.current));\n    setRevealed(new Set());\n    setSeen(new Set());\n    setResult(null);\n    setSummary(null);\n    setOverall(null);\n    setFeedbackHidden(false);\n    seedHintsRef.current = hintsOf(defaultValueRef.current);\n    resetTries();\n    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset, resetTries]);\n\n  /*\n   * RICH TEXT — deliberate, documented limitation (see `sanitizeHtml`).\n   *\n   * Every other activity can render its `*Html` field through the caller's\n   * sanitiser, because the rich text is a LEAF: the sanitised string is\n   * handed to one `dangerouslySetInnerHTML` node and nothing is inserted into\n   * it. A fill-in-the-blanks passage is not a leaf — it is the CONTAINER of\n   * the React-controlled `<input>`s, one per `{{id}}` placeholder.\n   *\n   * Placing those inputs inside sanitised HTML means slicing the sanitised\n   * string at the placeholders and injecting each slice as its own HTML\n   * fragment, which is unsafe and broken on both counts:\n   *   1. Broken: the slices are unbalanced. `<p>A {{x}} B</p>` yields `<p>A `\n   *      and ` B</p>`; the fragment parser auto-closes both, so the input\n   *      lands OUTSIDE the paragraph and the authored block structure is\n   *      destroyed.\n   *   2. Unsafe: the sanitiser's guarantee covers the document it returned,\n   *      not arbitrary substrings of it. A placeholder inside an attribute\n   *      (`<img alt=\"{{x}}\">`) splits mid-attribute, and re-parsing the\n   *      halves in a fresh context is exactly the mutation (mXSS) class of\n   *      transformation that voids a sanitiser's output guarantee. An exam\n   *      runner must never depend on that.\n   *\n   * The safe alternative — parse the sanitised string once into a detached\n   * DOM, split only TEXT nodes at placeholders, and portal the inputs into\n   * anchors — needs a DOM at render time (no SSR) and a large imperative\n   * subsystem. Until that lands, the plain-text `passage` is rendered (always\n   * escaped by React), which is correct, answerable, and safe in every mode.\n   * `data.passageHtml` is carried and redacted by lk-core regardless, so no\n   * authored content is lost — only this component declines to render it.\n   */\n  useEffect(() => {\n    if (isDevelopment() && sanitizeHtml !== undefined && data.passageHtml !== undefined) {\n      console.warn(\n        '[lk-react] FillInTheBlanks ignores `passageHtml`: the passage hosts the answer inputs, ' +\n          'so rich HTML cannot be split at {{placeholders}} without voiding the sanitiser. ' +\n          'Rendering the plain `passage` instead.',\n      );\n    }\n  }, [sanitizeHtml, data.passageHtml]);\n\n  const segments = useMemo(() => parsePassage(data.passage), [data.passage]);\n  const blankById = useMemo(() => new Map(data.blanks.map((b) => [b.id, b])), [data.blanks]);\n\n  // Hints are a hook, so they are read here, before the throws below.\n  const answered = state === 'completed';\n  const aiHints = useComponentAiHints({\n    ai,\n    data,\n    renderMode,\n    submitted: answered,\n    disabled: disabled === true,\n    response: { type: 'fill-in-the-blanks', answers },\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: the author's, one per blank, and AI hints. What a scoring policy\n  // charges for — in practice only: an exam's hints are free and uncounted.\n  const hintsRevealed =\n    renderMode === 'practice' ? seedHintsRef.current + seen.size + aiHints.used : 0;\n  const responseOf = (\n    next: Record<string, string>,\n    hints: number = hintsRevealed,\n  ): FillInTheBlanksLearnerResponse => ({\n    type: 'fill-in-the-blanks',\n    answers: next,\n    ...(hints > 0 ? { hintsRevealed: hints } : {}),\n  });\n  // An AI hint shown is part of the answer's record: say so as it happens.\n  const aiSeenRef = 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 (aiSeenRef.current === aiHints.used) {\n      return;\n    }\n    aiSeenRef.current = aiHints.used;\n    if (aiHints.used > 0) {\n      onChange?.(responseOf(answers));\n    }\n  }, [aiHints.used]);\n  useEffect(() => {\n    const target = focusAfterRef.current;\n    if (target === null) {\n      return;\n    }\n    focusAfterRef.current = null;\n    if (target === 'answer') {\n      formRef.current?.querySelector<HTMLElement>('input:not(:disabled)')?.focus();\n    } else {\n      feedbackRef.current?.focus();\n    }\n  });\n\n  if (devError) {\n    throw devError;\n  }\n  // Practice grades locally, which a redacted projection cannot support: the\n  // submit handler below calls `score()`, which throws RedactedScoringError —\n  // from an event handler, where no error boundary can catch it, AFTER the\n  // learner has typed their answers. Fail loudly at render instead, in\n  // production too. This mirrors the identical guard in MultipleChoice;\n  // without it the two built-ins disagreed about the same accident, and\n  // wiring an exam item into the self-grading mode is precisely what\n  // `renderMode` exists to prevent.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Fill-in-the-Blanks \"${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 submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n\n  /**\n   * Whether the component may show answer-key-derived information (per-blank\n   * correctness, authored feedback, correct answers). NEVER in `exam`; in\n   * `practice` only after the component scored locally; in `review` only once\n   * the caller supplies a SCORED outcome — an item that is still awaiting a\n   * grade must not have its key revealed just because it is being read back.\n   */\n  const revealing = isReview ? outcome?.status === 'scored' : !isExam && submitted;\n  // What the delivery policy lets that reveal show: right and wrong at all,\n  // with the author's feedback, and the correct answers `showCorrectAnswers`\n  // would write into a wrong blank.\n  const marking = revealing && policy.feedback;\n  // Not while the learner is offered another try: the next try is for finding them.\n  const showingAnswers = marking && policy.solutions && showCorrectAnswers === true && !tries.open;\n\n  const fireInteraction = (\n    type: 'blank-filled' | 'hint-requested' | 'submitted',\n    payload: Record<string, unknown>,\n  ): void => {\n    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });\n  };\n\n  const handleChange = (blankId: string, text: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    const next = { ...answers, [blankId]: text };\n    if (!isControlled) {\n      setInternalAnswers(next);\n    }\n    onChange?.(responseOf(next));\n    fireInteraction('blank-filled', { blankId, value: text });\n  };\n\n  const toggleHint = (blankId: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    setRevealed((prev) => {\n      const next = new Set(prev);\n      if (next.has(blankId)) {\n        next.delete(blankId);\n        return next;\n      }\n      next.add(blankId);\n      return next;\n    });\n    // Only a reveal is a \"hint requested\"; hiding is not a new request.\n    if (!revealed.has(blankId)) {\n      fireInteraction('hint-requested', { blankId });\n    }\n    // The first time a blank's hint shows, the answer's record says so.\n    if (!seen.has(blankId)) {\n      setSeen((prev) => new Set(prev).add(blankId));\n      if (renderMode === 'practice') {\n        onChange?.(responseOf(answers, hintsRevealed + 1));\n      }\n    }\n  };\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive) {\n      return;\n    }\n    const response = responseOf(answers);\n    // Fires in every submitting mode and always BEFORE onComplete, so an exam\n    // runner can persist the raw response regardless of local grading.\n    onSubmit?.(response);\n\n    if (isExam) {\n      // EXAM: the client neither grades nor reveals. No score()/evaluate(), no\n      // read of any answer-key field, no onComplete — and no xAPI statement,\n      // because its `correctResponsesPattern` IS the answer key. The server\n      // owns the grade; it emits the statement.\n      complete();\n      setSummary(s.answerSubmitted);\n      fireInteraction('submitted', { answers });\n      return;\n    }\n\n    // PRACTICE: unchanged v1 behaviour. `data` carries the key here — exam\n    // mode is the only path that may be handed a redact() projection.\n    const answer = score('fill-in-the-blanks', data as FillInTheBlanksData, response);\n    complete();\n    const timeSpent = getTimeSpent();\n    // The question's score under the policy — see MultipleChoice.\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    const scoringResult =\n      costed === answer.score\n        ? answer\n        : {\n            ...answer,\n            score: costed,\n            passed: computePassThreshold(data as FillInTheBlanksData, costed),\n          };\n    const passed =\n      counted.score === scoringResult.score\n        ? scoringResult.passed\n        : computePassThreshold(data as FillInTheBlanksData, 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        ...xapiDefinitionFor(data),\n      },\n      scoringResult,\n      timeSpentMs: timeSpent,\n      response: JSON.stringify(answers),\n    });\n    setResult(answer);\n    onComplete?.(\n      stampTake(\n        { score: counted.score, maxScore: counted.maxScore, passed, timeSpent, xapiStatement },\n        mintTake(),\n      ),\n    );\n    // Core selects the authored overall feedback on `passed` (B3 fix): the answer's.\n    setOverall(answer.feedback);\n    setSummary(\n      `${s.answerSubmitted} ${s.scoreAnnouncement(Math.round(counted.score * 100), passed)}`,\n    );\n    fireInteraction('submitted', { answers, score: scoringResult.score });\n  };\n\n  /** \"Try again\": the answers stay, 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    tries.close();\n    focusAfterRef.current = 'feedback';\n  };\n\n  const correctByBlank = useMemo(() => {\n    if (isExam) {\n      // Nothing is ever marked client-side in an exam.\n      return new Map<string, boolean>();\n    }\n    if (isReview) {\n      // Correctness comes ONLY from the server-computed outcome; the component\n      // never scores in review, so an absent/ungraded outcome marks nothing.\n      return outcome?.status === 'scored'\n        ? correctnessByItem(outcome.details)\n        : new Map<string, boolean>();\n    }\n    return correctnessByItem(result?.details ?? []);\n  }, [isExam, isReview, outcome, result]);\n\n  /** Review has no local score: its summary is read off `outcome`, or nothing. */\n  const reviewSummary = useMemo(() => {\n    if (!isReview || outcome === undefined) {\n      return null;\n    }\n    if (outcome.status === 'scored') {\n      return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${\n        outcome.feedback ? ` ${outcome.feedback}` : ''\n      }`;\n    }\n    if (outcome.status === 'deferred') {\n      return s.notGradedYet;\n    }\n    // `graded` used to fall into the arm below and announce \"No grade\n    // available.\" over a grade that had come back. Normalised by maxScore so a\n    // grader payload of 8.5 / 10 does not read as 850% — same guard as\n    // `<WrittenResponse>`.\n    if (outcome.status === 'graded') {\n      const percent =\n        outcome.maxScore > 0\n          ? Math.round((outcome.score / outcome.maxScore) * 100)\n          : Math.round(outcome.score * 100);\n      return `${s.scoreAnnouncement(percent, outcome.passed)}${\n        outcome.feedback ? ` ${outcome.feedback}` : ''\n      }`;\n    }\n    return s.noGradeAvailable;\n  }, [isReview, outcome, s]);\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  const hintsOffered =\n    renderMode === 'practice' &&\n    !submitted &&\n    (aiHints.offered || (policy.hints && data.blanks.some((blank) => blank.hint)));\n\n  return (\n    <form\n      ref={formRef}\n      className=\"lk-fib\"\n      aria-label={data.title}\n      lang={locale}\n      data-render-mode={renderMode}\n      style={theme as CSSProperties | undefined}\n      onSubmit={handleSubmit}\n    >\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      <fieldset disabled={inactive}>\n        <p className=\"lk-fib-passage\">\n          {segments.map((seg, i) => {\n            if (seg.kind === 'text') {\n              // biome-ignore lint/suspicious/noArrayIndexKey: passage segments are positional and static\n              return <span key={`t${i}`}>{seg.value}</span>;\n            }\n            const blank = blankById.get(seg.id);\n            if (!blank) {\n              return null;\n            }\n            // `Renderable` only widens `scoringStrategy` at the type level, so\n            // the answer-key fields still LOOK required here while a redact()\n            // projection omits them at runtime. Read them defensively, and\n            // never at all in exam mode.\n            const acceptedAnswers: string[] | undefined = isExam\n              ? undefined\n              : blank.acceptedAnswers;\n            const blankFeedback = isExam ? undefined : blank.feedback;\n            const correctness = correctByBlank.get(seg.id);\n            const hintId = `${data.id}-hint-${seg.id}`;\n            // The author's hint, where the delivery policy offers hints. On in\n            // every mode by default — including `exam`, where it is public.\n            const hint = policy.hints ? blank.hint : undefined;\n            const correctAnswer = acceptedAnswers?.[0];\n            if (showingAnswers && correctness === false && correctAnswer) {\n              return (\n                <span key={seg.id} className=\"lk-fib-answer\" data-correct=\"false\">\n                  {correctAnswer}\n                </span>\n              );\n            }\n            return (\n              <span key={seg.id} className=\"lk-fib-blank\">\n                <input\n                  type=\"text\"\n                  aria-label={s.blankLabel(seg.ordinal)}\n                  aria-describedby={hint ? hintId : undefined}\n                  value={answers[seg.id] ?? ''}\n                  disabled={inactive}\n                  aria-disabled={inactive || undefined}\n                  data-correct={\n                    marking && correctness !== undefined ? String(correctness) : undefined\n                  }\n                  onChange={(e) => handleChange(seg.id, e.target.value)}\n                />\n                {/*\n                  Hints stay available in exam mode by design: lk-core's field\n                  policy classifies `blanks.hint` as `public`, so it survives\n                  redact() and is not part of the answer key.\n                */}\n                {hint ? (\n                  <>\n                    {/*\n                      Default affordance is an icon; the accessible NAME stays\n                      text via aria-label (screen readers + tests rely on it).\n                      The glyph is restylable/replaceable via .lk-fib-hint-btn.\n                    */}\n                    <button\n                      type=\"button\"\n                      className=\"lk-fib-hint-btn\"\n                      aria-controls={hintId}\n                      aria-expanded={revealed.has(seg.id)}\n                      aria-label={revealed.has(seg.id) ? s.hideHint : s.showHint}\n                      disabled={inactive}\n                      onClick={() => toggleHint(seg.id)}\n                    >\n                      <svg\n                        className=\"lk-fib-hint-icon\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"16\"\n                        height=\"16\"\n                        aria-hidden=\"true\"\n                        focusable=\"false\"\n                      >\n                        <path\n                          fill=\"currentColor\"\n                          d=\"M9 21h6v-1H9v1Zm3-19a7 7 0 0 0-4 12.74V17h8v-2.26A7 7 0 0 0 12 2Z\"\n                        />\n                      </svg>\n                    </button>\n                    {/*\n                      Not role=\"tooltip\": a real ARIA tooltip is a named\n                      hover/focus popup with strict WCAG 1.4.13 constraints.\n                      This is an accessible click-to-toggle disclosure that is\n                      the input's aria-describedby target and is announced via\n                      aria-live; the skin gives it a tooltip-like *visual*\n                      without the tooltip *semantics*. (Refines Task 15.3.)\n                    */}\n                    <span id={hintId} aria-live=\"polite\">\n                      {revealed.has(seg.id) ? hint : ''}\n                    </span>\n                  </>\n                ) : null}\n                {marking && !feedbackHidden && blankFeedback ? (\n                  <span\n                    className=\"lk-fib-blank-feedback\"\n                    role=\"note\"\n                    data-correct={correctness !== undefined ? String(correctness) : undefined}\n                  >\n                    {blankFeedback}\n                  </span>\n                ) : null}\n              </span>\n            );\n          })}\n        </p>\n        {hintsOffered ? <HintCost policy={scoringPolicy} strings={s} /> : null}\n        <AiHints help={aiHints} ai={ai} strings={s} />\n        {/* Review is read-only: there is nothing to submit. */}\n        {isReview ? null : (\n          <button type=\"submit\" disabled={inactive}>\n            {isExam ? s.submitAnswers : s.checkAnswers}\n          </button>\n        )}\n      </fieldset>\n      {marking && data.blanks.some((b) => b.feedback) ? (\n        <button\n          type=\"button\"\n          className=\"lk-fib-feedback-toggle\"\n          aria-expanded={!feedbackHidden}\n          onClick={() => setFeedbackHidden((h) => !h)}\n        >\n          {feedbackHidden ? s.showFeedback : s.hideFeedback}\n        </button>\n      ) : null}\n      <FeedbackRegion\n        id={`${data.id}-feedback`}\n        {...(scoringPolicy.retries > 0 ? { ref: feedbackRef } : {})}\n      >\n        {isReview\n          ? policy.feedback || !outcomeShowsMarks(outcome)\n            ? reviewSummary\n            : null\n          : policy.feedback || summary === null\n            ? announced\n            : s.answerSubmitted}\n      </FeedbackRegion>\n      <TryActions\n        tries={tries}\n        solutions={policy.solutions && showCorrectAnswers === true}\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: 'fill-in-the-blanks', answers }}\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    </form>\n  );\n}\n","'use client';\n\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  FillInTheBlanks as FillInTheBlanksCore,\n  type FillInTheBlanksProps,\n} from './FillInTheBlanks.js';\n\nexport type { FillInTheBlanksProps } from './FillInTheBlanks.js';\n\n/**\n * Public Fill-in-the-Blanks activity: the core 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 FillInTheBlanks(props: FillInTheBlanksProps) {\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      <FillInTheBlanksCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"]}

package/dist/{chunk-APZ6JFN6.cjs → chunk-Y5H4NOM6.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkEANGKAKG_cjs = require('./chunk-EANGKAKG.cjs');
-var chunkAHGB5HH6_cjs = require('./chunk-AHGB5HH6.cjs');
+var chunkNFGUJ52G_cjs = require('./chunk-NFGUJ52G.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -18,14 +18,14 @@ var ActivityErrorBoundary = class extends react.Component {
     }
     if (chunkEANGKAKG_cjs.isDevelopment()) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: (this.props.strings ?? chunkAHGB5HH6_cjs.DEFAULT_STRINGS).activityFailed }),
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: (this.props.strings ?? chunkNFGUJ52G_cjs.DEFAULT_STRINGS).activityFailed }),
         /* @__PURE__ */ jsxRuntime.jsx("pre", { children: error.stack ?? error.message })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: this.props.activityTitle ? (this.props.strings ?? chunkAHGB5HH6_cjs.DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle) : (this.props.strings ?? chunkAHGB5HH6_cjs.DEFAULT_STRINGS).activityFailedUnnamed });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: this.props.activityTitle ? (this.props.strings ?? chunkNFGUJ52G_cjs.DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle) : (this.props.strings ?? chunkNFGUJ52G_cjs.DEFAULT_STRINGS).activityFailedUnnamed });
   }
 };
 
 exports.ActivityErrorBoundary = ActivityErrorBoundary;
-//# sourceMappingURL=chunk-APZ6JFN6.cjs.map
-//# sourceMappingURL=chunk-APZ6JFN6.cjs.map
+//# sourceMappingURL=chunk-Y5H4NOM6.cjs.map
+//# sourceMappingURL=chunk-Y5H4NOM6.cjs.map

package/dist/{chunk-APZ6JFN6.cjs.map → chunk-Y5H4NOM6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ActivityErrorBoundary.tsx"],"names":["Component","isDevelopment","jsxs","jsx","DEFAULT_STRINGS"],"mappings":";;;;;;;AA4BO,IAAM,qBAAA,GAAN,cAAoCA,eAAA,CAGzC;AAAA,EACA,KAAA,GAAoC,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,EAElD,OAAO,yBAAyB,KAAA,EAA0C;AACxE,IAAA,OAAO,EAAE,KAAA,EAAM;AAAA,EACjB;AAAA,EAEA,MAAA,GAAoB;AAClB,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,IAAA,CAAK,KAAA;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,OAAO,KAAK,KAAA,CAAM,QAAA;AAAA,IACpB;AAKA,IAAA,IAAIC,iCAAc,EAAG;AACnB,MAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EACR,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAA,CAAA,IAAA,CAAK,KAAA,CAAM,OAAA,IAAWC,mCAAiB,cAAA,EAAe,CAAA;AAAA,wBAChED,cAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAA,KAAA,CAAM,KAAA,IAAS,MAAM,OAAA,EAAQ;AAAA,OAAA,EACrC,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACEA,cAAA,CAAC,SAAI,IAAA,EAAK,OAAA,EACP,eAAK,KAAA,CAAM,aAAA,GAAA,CACP,KAAK,KAAA,CAAM,OAAA,IAAWC,mCAAiB,mBAAA,CAAoB,IAAA,CAAK,MAAM,aAAa,CAAA,GAAA,CACnF,KAAK,KAAA,CAAM,OAAA,IAAWA,mCAAiB,qBAAA,EAC9C,CAAA;AAAA,EAEJ;AACF","file":"chunk-APZ6JFN6.cjs","sourcesContent":["'use client';\n\nimport { Component, type ReactNode } from 'react';\nimport type { LkStrings } from '../i18n/strings.js';\nimport { DEFAULT_STRINGS } from '../i18n/strings.js';\nimport { isDevelopment } from './_internal.js';\n\nexport interface ActivityErrorBoundaryProps {\n  /** Shown in the production fallback when a render error occurs. */\n  activityTitle?: string;\n  /**\n   * Chrome text. A class component cannot call `useLkStrings`, so the public\n   * wrapper reads the hook and hands the resolved dictionary down.\n   */\n  strings?: LkStrings;\n  children: ReactNode;\n}\n\ninterface ActivityErrorBoundaryState {\n  error: Error | null;\n}\n\n/**\n * Catches render errors in an activity subtree. In development it renders the\n * full error stack to aid debugging; in production it renders an accessible,\n * generic fallback (optionally naming the activity) so a single broken\n * activity never crashes the host application.\n */\nexport class ActivityErrorBoundary extends Component<\n  ActivityErrorBoundaryProps,\n  ActivityErrorBoundaryState\n> {\n  state: ActivityErrorBoundaryState = { error: null };\n\n  static getDerivedStateFromError(error: Error): ActivityErrorBoundaryState {\n    return { error };\n  }\n\n  render(): ReactNode {\n    const { error } = this.state;\n    if (!error) {\n      return this.props.children;\n    }\n\n    // The same answer every development check reads, from the one function\n    // that gives it: a boundary with a reading of its own showed a learner a\n    // stack trace in every browser production build.\n    if (isDevelopment()) {\n      return (\n        <div role=\"alert\">\n          <strong>{(this.props.strings ?? DEFAULT_STRINGS).activityFailed}</strong>\n          <pre>{error.stack ?? error.message}</pre>\n        </div>\n      );\n    }\n\n    return (\n      <div role=\"alert\">\n        {this.props.activityTitle\n          ? (this.props.strings ?? DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle)\n          : (this.props.strings ?? DEFAULT_STRINGS).activityFailedUnnamed}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["../src/components/ActivityErrorBoundary.tsx"],"names":["Component","isDevelopment","jsxs","jsx","DEFAULT_STRINGS"],"mappings":";;;;;;;AA4BO,IAAM,qBAAA,GAAN,cAAoCA,eAAA,CAGzC;AAAA,EACA,KAAA,GAAoC,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,EAElD,OAAO,yBAAyB,KAAA,EAA0C;AACxE,IAAA,OAAO,EAAE,KAAA,EAAM;AAAA,EACjB;AAAA,EAEA,MAAA,GAAoB;AAClB,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,IAAA,CAAK,KAAA;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,OAAO,KAAK,KAAA,CAAM,QAAA;AAAA,IACpB;AAKA,IAAA,IAAIC,iCAAc,EAAG;AACnB,MAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EACR,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAA,CAAA,IAAA,CAAK,KAAA,CAAM,OAAA,IAAWC,mCAAiB,cAAA,EAAe,CAAA;AAAA,wBAChED,cAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAA,KAAA,CAAM,KAAA,IAAS,MAAM,OAAA,EAAQ;AAAA,OAAA,EACrC,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACEA,cAAA,CAAC,SAAI,IAAA,EAAK,OAAA,EACP,eAAK,KAAA,CAAM,aAAA,GAAA,CACP,KAAK,KAAA,CAAM,OAAA,IAAWC,mCAAiB,mBAAA,CAAoB,IAAA,CAAK,MAAM,aAAa,CAAA,GAAA,CACnF,KAAK,KAAA,CAAM,OAAA,IAAWA,mCAAiB,qBAAA,EAC9C,CAAA;AAAA,EAEJ;AACF","file":"chunk-Y5H4NOM6.cjs","sourcesContent":["'use client';\n\nimport { Component, type ReactNode } from 'react';\nimport type { LkStrings } from '../i18n/strings.js';\nimport { DEFAULT_STRINGS } from '../i18n/strings.js';\nimport { isDevelopment } from './_internal.js';\n\nexport interface ActivityErrorBoundaryProps {\n  /** Shown in the production fallback when a render error occurs. */\n  activityTitle?: string;\n  /**\n   * Chrome text. A class component cannot call `useLkStrings`, so the public\n   * wrapper reads the hook and hands the resolved dictionary down.\n   */\n  strings?: LkStrings;\n  children: ReactNode;\n}\n\ninterface ActivityErrorBoundaryState {\n  error: Error | null;\n}\n\n/**\n * Catches render errors in an activity subtree. In development it renders the\n * full error stack to aid debugging; in production it renders an accessible,\n * generic fallback (optionally naming the activity) so a single broken\n * activity never crashes the host application.\n */\nexport class ActivityErrorBoundary extends Component<\n  ActivityErrorBoundaryProps,\n  ActivityErrorBoundaryState\n> {\n  state: ActivityErrorBoundaryState = { error: null };\n\n  static getDerivedStateFromError(error: Error): ActivityErrorBoundaryState {\n    return { error };\n  }\n\n  render(): ReactNode {\n    const { error } = this.state;\n    if (!error) {\n      return this.props.children;\n    }\n\n    // The same answer every development check reads, from the one function\n    // that gives it: a boundary with a reading of its own showed a learner a\n    // stack trace in every browser production build.\n    if (isDevelopment()) {\n      return (\n        <div role=\"alert\">\n          <strong>{(this.props.strings ?? DEFAULT_STRINGS).activityFailed}</strong>\n          <pre>{error.stack ?? error.message}</pre>\n        </div>\n      );\n    }\n\n    return (\n      <div role=\"alert\">\n        {this.props.activityTitle\n          ? (this.props.strings ?? DEFAULT_STRINGS).activityFailedNamed(this.props.activityTitle)\n          : (this.props.strings ?? DEFAULT_STRINGS).activityFailedUnnamed}\n      </div>\n    );\n  }\n}\n"]}