@intellectif/lk-react 23.0.1 → 23.1.1

package/dist/chunk-K63VPFOV.cjs

@@ -1,134 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/theme/ThemeProvider.tsx
-
-// src/theme/dark-theme.ts
-var darkTheme = {
-  "--lk-color-primary": "#fafafa",
-  "--lk-color-primary-hover": "#e4e4e7",
-  "--lk-color-surface": "#09090b",
-  "--lk-color-surface-raised": "#18181b",
-  "--lk-color-border": "#27272a",
-  "--lk-color-text": "#fafafa",
-  "--lk-color-text-muted": "#a1a1aa",
-  "--lk-color-success": "#4ade80",
-  "--lk-color-error": "#f87171",
-  "--lk-color-warning": "#fbbf24",
-  "--lk-color-focus-ring": "#fafafa"
-};
-
-// src/theme/tokens.ts
-var defaultTheme = {
-  // ── Colours (light) — neutral monochrome; semantic success/error/warning
-  //    retained for status legibility ────────────────────────────────────────
-  "--lk-color-primary": "#18181b",
-  "--lk-color-primary-hover": "#27272a",
-  "--lk-color-surface": "#ffffff",
-  "--lk-color-surface-raised": "#fafafa",
-  "--lk-color-border": "#e4e4e7",
-  "--lk-color-text": "#18181b",
-  "--lk-color-text-muted": "#52525b",
-  "--lk-color-success": "#15803d",
-  "--lk-color-error": "#b91c1c",
-  "--lk-color-warning": "#b45309",
-  "--lk-color-focus-ring": "#18181b",
-  "--lk-color-media-accent": "#ffffff",
-  // An interactive video's two caption lines. The second is warm yellow, the
-  // convention for a second subtitle line, and clears 4.5:1 on the caption box
-  // whatever the video shows through it (see contrast.test.ts).
-  "--lk-iv-caption-color": "#ffffff",
-  "--lk-iv-caption-secondary-color": "#ffe066",
-  "--lk-iv-caption-secondary-scale": "0.85",
-  "--lk-iv-caption-gap": "0.25em",
-  // ── Spacing ──────────────────────────────────────────────────────────────
-  "--lk-spacing-xs": "4px",
-  "--lk-spacing-sm": "8px",
-  "--lk-spacing-md": "16px",
-  "--lk-spacing-lg": "24px",
-  "--lk-spacing-xl": "32px",
-  // ── Typography ───────────────────────────────────────────────────────────
-  "--lk-font-family-base": 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-  "--lk-font-size-sm": "0.875rem",
-  "--lk-font-size-base": "1rem",
-  "--lk-font-size-lg": "1.125rem",
-  "--lk-font-weight-normal": "400",
-  "--lk-font-weight-bold": "700",
-  "--lk-line-height-base": "1.5",
-  // ── Shape ────────────────────────────────────────────────────────────────
-  "--lk-radius-sm": "0.25rem",
-  "--lk-radius-base": "0.5rem",
-  "--lk-radius-lg": "0.75rem",
-  // ── Motion ───────────────────────────────────────────────────────────────
-  "--lk-transition-fast": "150ms ease",
-  "--lk-transition-base": "250ms ease"
-};
-
-// src/theme/tailwind.ts
-var BUCKETS = [
-  ["--lk-color-", "colors"],
-  ["--lk-spacing-", "spacing"],
-  ["--lk-radius-", "borderRadius"],
-  ["--lk-font-family-", "fontFamily"],
-  ["--lk-font-size-", "fontSize"]
-];
-function createTailwindTheme(theme) {
-  const merged = { ...defaultTheme, ...theme };
-  const extension = {
-    colors: {},
-    spacing: {},
-    borderRadius: {},
-    fontFamily: {},
-    fontSize: {}
-  };
-  for (const [tokenName, fallback] of Object.entries(merged)) {
-    for (const [prefix, bucket] of BUCKETS) {
-      if (tokenName.startsWith(prefix)) {
-        extension[bucket][`lk-${tokenName.slice(prefix.length)}`] = `var(${tokenName}, ${fallback})`;
-        break;
-      }
-    }
-  }
-  return extension;
-}
-var ThemeContext = react.createContext(defaultTheme);
-var DARK_QUERY = "(prefers-color-scheme: dark)";
-function subscribePrefersDark(onChange) {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    return () => {
-    };
-  }
-  const mql = window.matchMedia(DARK_QUERY);
-  mql.addEventListener("change", onChange);
-  return () => mql.removeEventListener("change", onChange);
-}
-function getPrefersDark() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    return false;
-  }
-  return window.matchMedia(DARK_QUERY).matches;
-}
-function ThemeProvider({ theme, children }) {
-  const prefersDark = react.useSyncExternalStore(subscribePrefersDark, getPrefersDark, () => false);
-  const activeTheme = react.useMemo(() => {
-    if (theme !== void 0) {
-      return { ...defaultTheme, ...theme };
-    }
-    return prefersDark ? { ...defaultTheme, ...darkTheme } : defaultTheme;
-  }, [theme, prefersDark]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: activeTheme, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: activeTheme, children }) });
-}
-function useTheme() {
-  return react.useContext(ThemeContext);
-}
-
-exports.ThemeProvider = ThemeProvider;
-exports.createTailwindTheme = createTailwindTheme;
-exports.darkTheme = darkTheme;
-exports.defaultTheme = defaultTheme;
-exports.useTheme = useTheme;
-//# sourceMappingURL=chunk-K63VPFOV.cjs.map
-//# sourceMappingURL=chunk-K63VPFOV.cjs.map

package/dist/chunk-K63VPFOV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme/dark-theme.ts","../src/theme/tokens.ts","../src/theme/tailwind.ts","../src/theme/ThemeProvider.tsx"],"names":["createContext","useSyncExternalStore","useMemo","jsx","useContext"],"mappings":"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","file":"chunk-K63VPFOV.cjs","sourcesContent":["import type { ThemeTokens } from '@intellectif/lk-core';\n\n/**\n * Dark-mode colour overrides, merged over {@link defaultTheme} by\n * `ThemeProvider`. Colours only — spacing/typography/shape/motion are\n * theme-invariant. All pairs verified WCAG 2.2 AA against the dark surface.\n */\nexport const darkTheme: Partial<ThemeTokens> = {\n  '--lk-color-primary': '#fafafa',\n  '--lk-color-primary-hover': '#e4e4e7',\n  '--lk-color-surface': '#09090b',\n  '--lk-color-surface-raised': '#18181b',\n  '--lk-color-border': '#27272a',\n  '--lk-color-text': '#fafafa',\n  '--lk-color-text-muted': '#a1a1aa',\n  '--lk-color-success': '#4ade80',\n  '--lk-color-error': '#f87171',\n  '--lk-color-warning': '#fbbf24',\n  '--lk-color-focus-ring': '#fafafa',\n};\n","import type { ThemeTokens } from '@intellectif/lk-core';\n\n/**\n * Canonical default theme token values. `defaults.css` mirrors these exactly.\n * Palette is a neutral monochrome, deliberately unbranded, so the SDK carries\n * nobody's look out of the box; consumers rebrand via `ThemeProvider`. All\n * colour pairs are verified to meet WCAG 2.2 AA: 4.5:1 for normal text, 3:1 for\n * UI / focus ring (see theme/__tests__/contrast.test.ts).\n */\nexport const defaultTheme: ThemeTokens = {\n  // ── Colours (light) — neutral monochrome; semantic success/error/warning\n  //    retained for status legibility ────────────────────────────────────────\n  '--lk-color-primary': '#18181b',\n  '--lk-color-primary-hover': '#27272a',\n  '--lk-color-surface': '#ffffff',\n  '--lk-color-surface-raised': '#fafafa',\n  '--lk-color-border': '#e4e4e7',\n  '--lk-color-text': '#18181b',\n  '--lk-color-text-muted': '#52525b',\n  '--lk-color-success': '#15803d',\n  '--lk-color-error': '#b91c1c',\n  '--lk-color-warning': '#b45309',\n  '--lk-color-focus-ring': '#18181b',\n  '--lk-color-media-accent': '#ffffff',\n  // An interactive video's two caption lines. The second is warm yellow, the\n  // convention for a second subtitle line, and clears 4.5:1 on the caption box\n  // whatever the video shows through it (see contrast.test.ts).\n  '--lk-iv-caption-color': '#ffffff',\n  '--lk-iv-caption-secondary-color': '#ffe066',\n  '--lk-iv-caption-secondary-scale': '0.85',\n  '--lk-iv-caption-gap': '0.25em',\n\n  // ── Spacing ──────────────────────────────────────────────────────────────\n  '--lk-spacing-xs': '4px',\n  '--lk-spacing-sm': '8px',\n  '--lk-spacing-md': '16px',\n  '--lk-spacing-lg': '24px',\n  '--lk-spacing-xl': '32px',\n\n  // ── Typography ───────────────────────────────────────────────────────────\n  '--lk-font-family-base':\n    'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n  '--lk-font-size-sm': '0.875rem',\n  '--lk-font-size-base': '1rem',\n  '--lk-font-size-lg': '1.125rem',\n  '--lk-font-weight-normal': '400',\n  '--lk-font-weight-bold': '700',\n  '--lk-line-height-base': '1.5',\n\n  // ── Shape ────────────────────────────────────────────────────────────────\n  '--lk-radius-sm': '0.25rem',\n  '--lk-radius-base': '0.5rem',\n  '--lk-radius-lg': '0.75rem',\n\n  // ── Motion ───────────────────────────────────────────────────────────────\n  '--lk-transition-fast': '150ms ease',\n  '--lk-transition-base': '250ms ease',\n};\n","import type { ThemeTokens } from '@intellectif/lk-core';\nimport { defaultTheme } from './tokens.js';\n\n/**\n * Shape consumed by a Tailwind config's `theme.extend`. Every entry is a\n * `var(--lk-token, <fallback>)` reference: the var keeps utilities live\n * (ThemeProvider / dark-mode override at runtime); the fallback makes them\n * work with zero setup (no provider, no `defaults.css` import).\n */\nexport interface TailwindThemeExtension {\n  colors: Record<string, string>;\n  spacing: Record<string, string>;\n  borderRadius: Record<string, string>;\n  fontFamily: Record<string, string>;\n  fontSize: Record<string, string>;\n}\n\n/**\n * Token-prefix → Tailwind bucket. `--lk-font-weight-*`, `--lk-line-height-*`\n * and `--lk-transition-*` are intentionally absent: the first two have no\n * matching `theme.extend` group here, and the transition tokens hold a\n * `<duration> <easing>` shorthand that would emit invalid\n * `transition-duration: 150ms ease` if mapped to Tailwind's `transitionDuration`.\n */\nconst BUCKETS = [\n  ['--lk-color-', 'colors'],\n  ['--lk-spacing-', 'spacing'],\n  ['--lk-radius-', 'borderRadius'],\n  ['--lk-font-family-', 'fontFamily'],\n  ['--lk-font-size-', 'fontSize'],\n] as const;\n\n/**\n * Converts SDK theme tokens into a Tailwind `theme.extend` object so Tailwind\n * projects consume the same `--lk-*` tokens as the components — one shared\n * source of truth rather than a parallel, conflicting palette.\n */\nexport function createTailwindTheme(theme: Partial<ThemeTokens>): TailwindThemeExtension {\n  const merged: Record<string, string> = { ...defaultTheme, ...theme };\n  const extension: TailwindThemeExtension = {\n    colors: {},\n    spacing: {},\n    borderRadius: {},\n    fontFamily: {},\n    fontSize: {},\n  };\n\n  for (const [tokenName, fallback] of Object.entries(merged)) {\n    for (const [prefix, bucket] of BUCKETS) {\n      if (tokenName.startsWith(prefix)) {\n        extension[bucket][`lk-${tokenName.slice(prefix.length)}`] =\n          `var(${tokenName}, ${fallback})`;\n        break;\n      }\n    }\n  }\n\n  return extension;\n}\n","'use client';\n\nimport type { ThemeTokens } from '@intellectif/lk-core';\nimport {\n  type CSSProperties,\n  createContext,\n  type ReactNode,\n  useContext,\n  useMemo,\n  useSyncExternalStore,\n} from 'react';\nimport { darkTheme } from './dark-theme.js';\nimport { defaultTheme } from './tokens.js';\n\nexport { darkTheme } from './dark-theme.js';\nexport { createTailwindTheme, type TailwindThemeExtension } from './tailwind.js';\nexport { defaultTheme } from './tokens.js';\n\nconst ThemeContext = createContext<ThemeTokens>(defaultTheme);\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\n/** Subscribe to OS dark-mode changes; no-op when there is no `window`. */\nfunction subscribePrefersDark(onChange: () => void): () => void {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n    return () => {};\n  }\n  const mql = window.matchMedia(DARK_QUERY);\n  mql.addEventListener('change', onChange);\n  return () => mql.removeEventListener('change', onChange);\n}\n\n/** Current OS dark-mode preference; `false` when there is no `window`. */\nfunction getPrefersDark(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n    return false;\n  }\n  return window.matchMedia(DARK_QUERY).matches;\n}\n\nexport interface ThemeProviderProps {\n  /** Partial token overrides. When provided, dark auto-detection is disabled. */\n  theme?: Partial<ThemeTokens>;\n  children: ReactNode;\n}\n\n/**\n * Provides theme tokens to descendant activity components as scoped inline CSS\n * custom properties on a wrapper `<div>`, and via {@link useTheme}.\n *\n * Resolution: an explicit `theme` prop merges over {@link defaultTheme} (and\n * suppresses dark auto-detect, per Req 13.5). With no `theme` prop, the OS\n * `prefers-color-scheme: dark` preference auto-applies {@link darkTheme}.\n * SSR-safe: the server snapshot is always light, so hydration never mismatches.\n */\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  const prefersDark = useSyncExternalStore(subscribePrefersDark, getPrefersDark, () => false);\n\n  const activeTheme = useMemo<ThemeTokens>(() => {\n    if (theme !== undefined) {\n      return { ...defaultTheme, ...theme };\n    }\n    return prefersDark ? { ...defaultTheme, ...darkTheme } : defaultTheme;\n  }, [theme, prefersDark]);\n\n  return (\n    <ThemeContext.Provider value={activeTheme}>\n      <div style={activeTheme as CSSProperties}>{children}</div>\n    </ThemeContext.Provider>\n  );\n}\n\n/** Returns the currently active theme tokens (defaults when no provider). */\nexport function useTheme(): ThemeTokens {\n  return useContext(ThemeContext);\n}\n"]}

package/dist/chunk-KI6DJ5ZF.js

@@ -1,495 +0,0 @@
-'use client';
-import { useItemScoringPolicy, useTries, hintsOf, useComponentAiHints, triesSummary, HintCost, AiHints, TryActions, AiExplanation } from './chunk-U5VFJVQ2.js';
-import { useLearnerAi } from './chunk-RX3A6KIY.js';
-import { useDeliveryPolicy, FeedbackRegion, outcomeShowsMarks } from './chunk-XYJBRKBZ.js';
-import { stampTake, mintTake } from './chunk-U4KTOH7C.js';
-import { ActivityErrorBoundary } from './chunk-E4UF4XZM.js';
-import { isDevelopment, detailIsRight, ANONYMOUS_ACTOR, objectIdFor } from './chunk-DXFCYNST.js';
-import { ActivityMedia } from './chunk-HYOUMTPW.js';
-import { useActivityState } from './chunk-6N43WDVG.js';
-import { useLkStrings } from './chunk-C4PSJ3ZC.js';
-import { assertRedacted, validateActivity, ActivitySchemaError, score, computePassThreshold, xAPIBuilder, xapiDefinitionFor } from '@intellectif/lk-core';
-import { useMemo, useState, useRef, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var PLACEHOLDER = /\{\{\s*([^{}]+?)\s*\}\}/g;
-function parsePassage(passage) {
-  const segments = [];
-  const re = new RegExp(PLACEHOLDER);
-  let last = 0;
-  let ordinal = 0;
-  let match = re.exec(passage);
-  while (match !== null) {
-    if (match.index > last) {
-      segments.push({ kind: "text", value: passage.slice(last, match.index) });
-    }
-    ordinal += 1;
-    segments.push({ kind: "blank", id: match[1], ordinal });
-    last = match.index + match[0].length;
-    match = re.exec(passage);
-  }
-  if (last < passage.length) {
-    segments.push({ kind: "text", value: passage.slice(last) });
-  }
-  return segments;
-}
-var NO_ANSWERS = {};
-function answersOf(response) {
-  return response !== void 0 && response.type === "fill-in-the-blanks" ? response.answers : NO_ANSWERS;
-}
-function correctnessByItem(details) {
-  const map = /* @__PURE__ */ new Map();
-  for (const detail of details) {
-    map.set(detail.itemId, detailIsRight(detail));
-  }
-  return map;
-}
-function FillInTheBlanks({
-  data,
-  onComplete,
-  onSubmit,
-  onChange,
-  onInteraction,
-  value,
-  defaultValue,
-  defaultSubmitted,
-  renderMode = "practice",
-  outcome,
-  sanitizeHtml,
-  mediaBudget,
-  mediaStrings,
-  strings,
-  theme,
-  locale,
-  disabled,
-  showCorrectAnswers,
-  ai: aiProp,
-  delivery,
-  scoring
-}) {
-  const isExam = renderMode === "exam";
-  const isReview = renderMode === "review";
-  const s = useLkStrings(strings);
-  const ai = useLearnerAi(aiProp);
-  const policy = useDeliveryPolicy(delivery);
-  const scoringPolicy = useItemScoringPolicy(scoring);
-  const devError = useMemo(() => {
-    if (!isDevelopment()) {
-      return null;
-    }
-    if (data.redacted === true) {
-      try {
-        assertRedacted(data);
-        return null;
-      } catch (error) {
-        return error instanceof Error ? error : new Error(String(error));
-      }
-    }
-    const result2 = validateActivity("fill-in-the-blanks", data);
-    return result2.success ? null : new ActivitySchemaError("fill-in-the-blanks", result2.errors);
-  }, [data]);
-  const { state, start, complete, getTimeSpent, reset } = useActivityState(
-    defaultSubmitted === true ? "completed" : "idle"
-  );
-  const tries = 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] = useState(
-    () => answersOf(defaultValue)
-  );
-  const [revealed, setRevealed] = useState(() => /* @__PURE__ */ new Set());
-  const [seen, setSeen] = useState(() => /* @__PURE__ */ new Set());
-  const [result, setResult] = useState(null);
-  const [summary, setSummary] = useState(null);
-  const [overall, setOverall] = useState(null);
-  const [feedbackHidden, setFeedbackHidden] = useState(false);
-  const seedHintsRef = useRef(hintsOf(value ?? defaultValue));
-  const formRef = useRef(null);
-  const feedbackRef = useRef(null);
-  const focusAfterRef = useRef(null);
-  const answers = isControlled ? answersOf(value) : internalAnswers;
-  const defaultValueRef = useRef(defaultValue);
-  useEffect(() => {
-    defaultValueRef.current = defaultValue;
-  }, [defaultValue]);
-  const defaultSubmittedRef = useRef(defaultSubmitted);
-  useEffect(() => {
-    defaultSubmittedRef.current = defaultSubmitted;
-  }, [defaultSubmitted]);
-  const lastDataRef = useRef(data);
-  useEffect(() => {
-    if (lastDataRef.current === data) {
-      return;
-    }
-    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 = hintsOf(defaultValueRef.current);
-    resetTries();
-    reset(defaultSubmittedRef.current === true ? "completed" : "idle");
-  }, [data, reset, resetTries]);
-  useEffect(() => {
-    if (isDevelopment() && sanitizeHtml !== void 0 && data.passageHtml !== void 0) {
-      console.warn(
-        "[lk-react] FillInTheBlanks ignores `passageHtml`: the passage hosts the answer inputs, so rich HTML cannot be split at {{placeholders}} without voiding the sanitiser. Rendering the plain `passage` instead."
-      );
-    }
-  }, [sanitizeHtml, data.passageHtml]);
-  const segments = useMemo(() => parsePassage(data.passage), [data.passage]);
-  const blankById = useMemo(() => new Map(data.blanks.map((b) => [b.id, b])), [data.blanks]);
-  const answered = state === "completed";
-  const aiHints = 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 = useRef(aiHints.used);
-  useEffect(() => {
-    if (aiSeenRef.current === aiHints.used) {
-      return;
-    }
-    aiSeenRef.current = aiHints.used;
-    if (aiHints.used > 0) {
-      onChange?.(responseOf(answers));
-    }
-  }, [aiHints.used]);
-  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;
-  }
-  if (data.redacted === true && renderMode === "practice") {
-    throw new Error(
-      `Fill-in-the-Blanks "${data.id}" received redacted activity data in renderMode "practice", which grades locally and has no answer key to grade against. Render redacted data with renderMode="exam" (server grades) or "review" (pass \`outcome\`).`
-    );
-  }
-  const submitted = state === "completed";
-  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 && !tries.open;
-  const fireInteraction = (type, payload) => {
-    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });
-  };
-  const handleChange = (blankId, text) => {
-    if (inactive) {
-      return;
-    }
-    if (state === "idle") {
-      start();
-    }
-    const next = { ...answers, [blankId]: text };
-    if (!isControlled) {
-      setInternalAnswers(next);
-    }
-    onChange?.(responseOf(next));
-    fireInteraction("blank-filled", { blankId, value: text });
-  };
-  const toggleHint = (blankId) => {
-    if (inactive) {
-      return;
-    }
-    if (state === "idle") {
-      start();
-    }
-    setRevealed((prev) => {
-      const next = new Set(prev);
-      if (next.has(blankId)) {
-        next.delete(blankId);
-        return next;
-      }
-      next.add(blankId);
-      return next;
-    });
-    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 = responseOf(answers);
-    onSubmit?.(response);
-    if (isExam) {
-      complete();
-      setSummary(s.answerSubmitted);
-      fireInteraction("submitted", { answers });
-      return;
-    }
-    const answer = 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: computePassThreshold(data, costed)
-    };
-    const passed = counted.score === scoringResult.score ? scoringResult.passed : computePassThreshold(data, counted.score);
-    const xapiStatement = xAPIBuilder.buildAnsweredStatement({
-      actor: ANONYMOUS_ACTOR,
-      object: {
-        id: objectIdFor(data.id),
-        name: { [data.locale ?? "en-US"]: data.title },
-        ...xapiDefinitionFor(data)
-      },
-      scoringResult,
-      timeSpentMs: timeSpent,
-      response: JSON.stringify(answers)
-    });
-    setResult(answer);
-    onComplete?.(
-      stampTake(
-        { score: counted.score, maxScore: counted.maxScore, passed, timeSpent, xapiStatement },
-        mintTake()
-      )
-    );
-    setOverall(answer.feedback);
-    setSummary(
-      `${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 = useMemo(() => {
-    if (isExam) {
-      return /* @__PURE__ */ new Map();
-    }
-    if (isReview) {
-      return outcome?.status === "scored" ? correctnessByItem(outcome.details) : /* @__PURE__ */ new Map();
-    }
-    return correctnessByItem(result?.details ?? []);
-  }, [isExam, isReview, outcome, result]);
-  const reviewSummary = useMemo(() => {
-    if (!isReview || outcome === void 0) {
-      return null;
-    }
-    if (outcome.status === "scored") {
-      return `${s.scoreAnnouncement(Math.round(outcome.score * 100), outcome.passed)}${outcome.feedback ? ` ${outcome.feedback}` : ""}`;
-    }
-    if (outcome.status === "deferred") {
-      return s.notGradedYet;
-    }
-    if (outcome.status === "graded") {
-      const percent = outcome.maxScore > 0 ? Math.round(outcome.score / outcome.maxScore * 100) : Math.round(outcome.score * 100);
-      return `${s.scoreAnnouncement(percent, outcome.passed)}${outcome.feedback ? ` ${outcome.feedback}` : ""}`;
-    }
-    return s.noGradeAvailable;
-  }, [isReview, outcome, s]);
-  const extra = !isReview && policy.feedback && submitted && tries.counted !== null ? 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__ */ jsxs(
-    "form",
-    {
-      ref: formRef,
-      className: "lk-fib",
-      "aria-label": data.title,
-      lang: locale,
-      "data-render-mode": renderMode,
-      style: theme,
-      onSubmit: handleSubmit,
-      children: [
-        data.media ? /* @__PURE__ */ jsx(
-          ActivityMedia,
-          {
-            media: data.media,
-            renderMode,
-            ...mediaBudget !== void 0 ? { mediaBudget } : {},
-            ...mediaStrings !== void 0 ? { mediaStrings } : {},
-            ...strings !== void 0 ? { strings } : {},
-            ...onInteraction !== void 0 ? { onInteraction } : {},
-            ...locale !== void 0 ? { locale } : {}
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs("fieldset", { disabled: inactive, children: [
-          /* @__PURE__ */ jsx("p", { className: "lk-fib-passage", children: segments.map((seg, i) => {
-            if (seg.kind === "text") {
-              return /* @__PURE__ */ jsx("span", { children: seg.value }, `t${i}`);
-            }
-            const blank = blankById.get(seg.id);
-            if (!blank) {
-              return null;
-            }
-            const acceptedAnswers = isExam ? void 0 : blank.acceptedAnswers;
-            const blankFeedback = isExam ? void 0 : blank.feedback;
-            const correctness = correctByBlank.get(seg.id);
-            const hintId = `${data.id}-hint-${seg.id}`;
-            const hint = policy.hints ? blank.hint : void 0;
-            const correctAnswer = acceptedAnswers?.[0];
-            if (showingAnswers && correctness === false && correctAnswer) {
-              return /* @__PURE__ */ jsx("span", { className: "lk-fib-answer", "data-correct": "false", children: correctAnswer }, seg.id);
-            }
-            return /* @__PURE__ */ jsxs("span", { className: "lk-fib-blank", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  "aria-label": s.blankLabel(seg.ordinal),
-                  "aria-describedby": hint ? hintId : void 0,
-                  value: answers[seg.id] ?? "",
-                  disabled: inactive,
-                  "aria-disabled": inactive || void 0,
-                  "data-correct": marking && correctness !== void 0 ? String(correctness) : void 0,
-                  onChange: (e) => handleChange(seg.id, e.target.value)
-                }
-              ),
-              hint ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "lk-fib-hint-btn",
-                    "aria-controls": hintId,
-                    "aria-expanded": revealed.has(seg.id),
-                    "aria-label": revealed.has(seg.id) ? s.hideHint : s.showHint,
-                    disabled: inactive,
-                    onClick: () => toggleHint(seg.id),
-                    children: /* @__PURE__ */ jsx(
-                      "svg",
-                      {
-                        className: "lk-fib-hint-icon",
-                        viewBox: "0 0 24 24",
-                        width: "16",
-                        height: "16",
-                        "aria-hidden": "true",
-                        focusable: "false",
-                        children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            fill: "currentColor",
-                            d: "M9 21h6v-1H9v1Zm3-19a7 7 0 0 0-4 12.74V17h8v-2.26A7 7 0 0 0 12 2Z"
-                          }
-                        )
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { id: hintId, "aria-live": "polite", children: revealed.has(seg.id) ? hint : "" })
-              ] }) : null,
-              marking && !feedbackHidden && blankFeedback ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "lk-fib-blank-feedback",
-                  role: "note",
-                  "data-correct": correctness !== void 0 ? String(correctness) : void 0,
-                  children: blankFeedback
-                }
-              ) : null
-            ] }, seg.id);
-          }) }),
-          hintsOffered ? /* @__PURE__ */ jsx(HintCost, { policy: scoringPolicy, strings: s }) : null,
-          /* @__PURE__ */ jsx(AiHints, { help: aiHints, ai, strings: s }),
-          isReview ? null : /* @__PURE__ */ jsx("button", { type: "submit", disabled: inactive, children: isExam ? s.submitAnswers : s.checkAnswers })
-        ] }),
-        marking && data.blanks.some((b) => b.feedback) ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "lk-fib-feedback-toggle",
-            "aria-expanded": !feedbackHidden,
-            onClick: () => setFeedbackHidden((h) => !h),
-            children: feedbackHidden ? s.showFeedback : s.hideFeedback
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(
-          FeedbackRegion,
-          {
-            id: `${data.id}-feedback`,
-            ...scoringPolicy.retries > 0 ? { ref: feedbackRef } : {},
-            children: isReview ? policy.feedback || !outcomeShowsMarks(outcome) ? reviewSummary : null : policy.feedback || summary === null ? announced : s.answerSubmitted
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TryActions,
-          {
-            tries,
-            solutions: policy.solutions && showCorrectAnswers === true,
-            strings: s,
-            onRetry: retry,
-            onClose: closeTries
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          AiExplanation,
-          {
-            ai,
-            data,
-            renderMode,
-            submitted,
-            response: { type: "fill-in-the-blanks", answers },
-            outcome,
-            locale,
-            onInteraction,
-            strings: s,
-            delivery: tries.open ? { ...policy, solutions: false } : policy
-          }
-        )
-      ]
-    }
-  );
-}
-function FillInTheBlanks2(props) {
-  const strings = useLkStrings(props.strings);
-  return /* @__PURE__ */ jsx(ActivityErrorBoundary, { activityTitle: props.data?.title, strings, children: /* @__PURE__ */ jsx(FillInTheBlanks, { ...props }) });
-}
-
-export { FillInTheBlanks2 as FillInTheBlanks };
-//# sourceMappingURL=chunk-KI6DJ5ZF.js.map
-//# sourceMappingURL=chunk-KI6DJ5ZF.js.map