@khanacademy/perseus 52.0.1 → 53.0.0

package/dist/index.js

@@ -6,7 +6,6 @@ var KAS = require('@khanacademy/kas');
 var mathInput = require('@khanacademy/math-input');
 var perseusCore = require('@khanacademy/perseus-core');
 var PerseusLinter = require('@khanacademy/perseus-linter');
-var perseusScore = require('@khanacademy/perseus-score');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var Tooltip$1 = require('@khanacademy/wonder-blocks-tooltip');
 var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
@@ -21,6 +20,7 @@ var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var $ = require('jquery');
 var uuid = require('uuid');
 var PropTypes = require('prop-types');
+var perseusScore = require('@khanacademy/perseus-score');
 var wonderStuffCore = require('@khanacademy/wonder-stuff-core');
 var wonderBlocksProgressSpinner = require('@khanacademy/wonder-blocks-progress-spinner');
 var kmath = require('@khanacademy/kmath');
@@ -1612,7 +1612,6 @@ const ClassNames = {
     SELECTED: "perseus-radio-selected",
     OPTION_CONTENT: "perseus-radio-option-content"
   },
-  INTERACTIVE: "perseus-interactive",
   CORRECT: "perseus-correct",
   INCORRECT: "perseus-incorrect",
   UNANSWERED: "perseus-unanswered",
@@ -1868,7 +1867,6 @@ class Expression extends React__namespace.Component {
     // eslint-disable-next-line react/no-string-refs
     , {
       ref: "input",
-      className: ClassNames.INTERACTIVE,
       value: this.props.value,
       onChange: this.changeAndTrack,
       convertDotToTimes: this.props.times,
@@ -1970,7 +1968,6 @@ var Expression$1 = {
   name: "expression",
   displayName: "Expression / Equation",
   accessible: true,
-  defaultAlignment: "inline-block",
   widget: ExpressionWithDependencies,
   transform: widgetOptions => {
     const {
@@ -1995,12 +1992,6 @@ var Expression$1 = {
   propUpgrades: perseusCore.expressionLogic.widgetOptionsUpgrades,
   // For use by the editor
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusExpressionUserInput'.
-  scorer: perseusScore.scoreExpression,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusExpressionUserInput'.
-  validator: perseusScore.validateExpression,
   getPublicWidgetOptions: perseusCore.getExpressionPublicWidgetOptions,
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusExpressionRubric'.
@@ -3280,10 +3271,6 @@ const pureMdMax$1 = "1023px";
 const pureLgMax$1 = "1279px";
 // @tableBackgroundAccent: #f9f9f9; // for striping
 const tableBackgroundAccent = "#F9F9F9";
-// @zIndexAboveScratchpad: @zIndexScratchPad + 1;
-const zIndexAboveScratchpad$1 = 2;
-// @zIndexInteractiveComponent: @zIndexAboveScratchpad + 1;
-const zIndexInteractiveComponent$1 = 3;
 // @phoneMargin: 16px;
 const phoneMargin = 16;
 const negativePhoneMargin = -16;
@@ -3327,8 +3314,6 @@ var constants = /*#__PURE__*/Object.freeze({
   pureMdMax: pureMdMax$1,
   pureLgMax: pureLgMax$1,
   tableBackgroundAccent: tableBackgroundAccent,
-  zIndexAboveScratchpad: zIndexAboveScratchpad$1,
-  zIndexInteractiveComponent: zIndexInteractiveComponent$1,
   phoneMargin: phoneMargin,
   negativePhoneMargin: negativePhoneMargin,
   hintBorderWidth: hintBorderWidth,
@@ -17623,130 +17608,162 @@ class QuestionParagraph extends React__namespace.Component {
   }
 }
 
-const noScore = {
-  type: "points",
-  earned: 0,
-  total: 0,
-  message: null
-};
-
-/**
- * If a widget says that it is empty once it is graded.
- * Trying to encapsulate references to the score format.
- */
-function scoreIsEmpty(score) {
-  // HACK(benkomalo): ugh. this isn't great; the Perseus score objects
-  // overload the type "invalid" for what should probably be three
-  // distinct cases:
-  //  - truly empty or not fully filled out
-  //  - invalid or malformed inputs
-  //  - "almost correct" like inputs where the widget wants to give
-  //  feedback (e.g. a fraction needs to be reduced, or `pi` should
-  //  be used instead of 3.14)
-  //
-  //  Unfortunately the coercion happens all over the place, as these
-  //  Perseus style score objects are created *everywhere* (basically
-  //  in every widget), so it's hard to change now. We assume that
-  //  anything with a "message" is not truly empty, and one of the
-  //  latter two cases for now.
-  return score.type === "invalid" && (!score.message || score.message.length === 0);
-}
-
 /**
- * Combine two score objects.
+ * TranslationLinter asynchronously calls Khan Academy's poentry linter.
  *
- * Given two score objects for two different widgets, combine them so that
- * if one is wrong, the total score is wrong, etc.
+ * The poentry linter checks for issues that prevent content from being
+ * translated. This linter is KA-specific and so TranslationLinter does not do
+ * anything in non-KA environments.
  */
-function combineScores(scoreA, scoreB) {
-  let message;
-  if (scoreA.type === "points" && scoreB.type === "points") {
-    if (scoreA.message && scoreB.message && scoreA.message !== scoreB.message) {
-      // TODO(alpert): Figure out how to combine messages usefully
-      message = null;
-    } else {
-      message = scoreA.message || scoreB.message;
+
+// A LintCB is called once the linter has been run.
+
+// msec to wait before we actually call the linter after receiving the
+// last call. The timer is reset if the lint is called during the wait.
+const DEBOUNCE_TIMEOUT = 1000;
+class TranslationLinter {
+  // To avoid linting when nothing has changed.
+  previousContent = null;
+
+  /**
+   * Runs the poentry linter on the given perseus string asynchronously.
+   *
+   * It doesn't do anything unless we're in a KA environment.
+   *
+   * onLintErrorsGenerated is called even if there are no errors. It is not
+   * called if perseusStr is unchanged from the last call.
+   *
+   * Linting is relatively expensive -- so we debounce linting each instance
+   * for some amount of time.
+   */
+  runLinter = _.debounce((perseusStr, onLintErrorsGenerated) => {
+    // TODO(FEI-5003): Do we still need to check for 'KA'?
+    if (typeof KA === "undefined") {
+      return;
     }
-    return {
-      type: "points",
-      earned: scoreA.earned + scoreB.earned,
-      total: scoreA.total + scoreB.total,
-      message: message
-    };
-  }
-  if (scoreA.type === "points" && scoreB.type === "invalid") {
-    return scoreB;
-  }
-  if (scoreA.type === "invalid" && scoreB.type === "points") {
-    return scoreA;
-  }
-  if (scoreA.type === "invalid" && scoreB.type === "invalid") {
-    if (scoreA.message && scoreB.message && scoreA.message !== scoreB.message) {
-      // TODO(alpert): Figure out how to combine messages usefully
-      message = null;
-    } else {
-      message = scoreA.message || scoreB.message;
+    if (perseusStr === this.previousContent) {
+      return;
     }
-    return {
-      type: "invalid",
-      message: message
-    };
-  }
+    this.previousContent = perseusStr;
+    if (perseusStr === "") {
+      onLintErrorsGenerated([]);
+      return;
+    }
+    fetch("/api/internal/translations/lint_poentry?preview=1&lang=en", {
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        // The poentry linter verifies that the translation from
+        // the original text to the translated text is sane. We
+        // want to ensure that the translation from English to
+        // English is sane, so msgid === mstr.
+        msgid: perseusStr,
+        // msgid is the original text
+        msgstr: perseusStr,
+        // msgstr is the translated text
+        format: "perseus_text",
+        filename: ""
+      }),
+      method: "POST"
+    }).then(response => {
+      if (response.status >= 400) {
+        return {
+          status: "error",
+          message: "Could not run i18n linter."
+        };
+      }
+      return response.json();
+    }, rejection => {
+      return {
+        status: "error",
+        message: "Could not run i18n linter."
+      };
+    }).then(json => {
+      if (json.status === "error") {
+        onLintErrorsGenerated(["Some part of this text makes it untranslatable. " + "The specific message from the i18n linter was: " + json.message.replace(/\n/g, " ")]);
+      } else {
+        onLintErrorsGenerated([]);
+      }
+    });
+  }, DEBOUNCE_TIMEOUT);
 
   /**
-   * The above checks cover all combinations of score type, so if we get here
-   * then something is amiss with our inputs.
+   * Applies an array of errors generated by linters without position
+   * information (TranslationLinter and the legacy getSaveWarnings()) to the
+   * top of a Perseus tree.
    */
-  throw new perseusCore.PerseusError("PerseusScore with unknown type encountered", perseusCore.Errors.InvalidInput, {
-    metadata: {
-      scoreA: JSON.stringify(scoreA),
-      scoreB: JSON.stringify(scoreB)
+  applyLintErrors(parsedMarkdown, translationLintErrors) {
+    // These lint errors do not have position data associated with
+    // them, so we just plop them at the top.
+    if (translationLintErrors.length) {
+      const errorText = translationLintErrors.join("\n\n");
+      parsedMarkdown.unshift({
+        content: {
+          type: "text",
+          content: ""
+        },
+        insideTable: false,
+        message: errorText,
+        ruleName: "legacy-error",
+        severity: PerseusLinter.Rule.Severity.ERROR,
+        type: "lint"
+      });
     }
-  });
-}
-function flattenScores(widgetScoreMap) {
-  return Object.values(widgetScoreMap).reduce(combineScores, noScore);
-}
-function isCorrect(score) {
-  return score.type === "points" && score.earned >= score.total;
+  }
 }
-function keScoreFromPerseusScore(score,
-// It's weird, but this is what we're passing it
-guess, state) {
-  if (score.type === "points") {
-    return {
-      empty: false,
-      correct: isCorrect(score),
-      message: score.message,
-      guess: guess,
-      state: state
-    };
+
+/**
+ * Preprocess TeX code to convert things that MathJax doesn't know how to handle
+ * to things is does.
+ */
+var preprocessTex = (texCode => texCode
+// Replace uses of \begin{align}...\end{align} which KaTeX doesn't
+// support (yet) with \begin{aligned}...\end{aligned} which renders
+// the same is supported by KaTeX.  It does the same for align*.
+// TODO(kevinb) update content to use aligned instead of align.
+// TODO(LEMS-1608) Remove this replacement as MathJax supports the
+// "align" macro correctly (and, in fact, it is not synonymous with
+// "aligned").
+.replace(/\{align[*]?\}/g, "{aligned}")
+// Replace non-breaking spaces with regular spaces.
+.replace(/[\u00a0]/g, " "));
+
+const {
+  interactiveSizes
+} = constants;
+
+// Note: these size cutoffs represent content-width cutoffs as specified in
+// http://zpl.io/1mVmvU (broken link - we no longer use Zeplin)
+// TODO(benkomalo): these values aren't used in JS outside of this file, but
+// are coupled to the values in styles/styles.less - DRY it up at some point
+const smMax = articleMaxWidthTableInPx;
+const mdMax = articleMaxWidthInPx;
+const containerSizeClass = {
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large",
+  XLARGE: "xlarge"
+};
+const getClassFromWidth = width => {
+  if (!width) {
+    return containerSizeClass.MEDIUM;
   }
-  if (score.type === "invalid") {
-    return {
-      empty: true,
-      correct: false,
-      message: score.message,
-      suppressAlmostThere: score.suppressAlmostThere,
-      guess: guess,
-      state: state
-    };
+  if (width <= smMax) {
+    return containerSizeClass.SMALL;
   }
-  throw new perseusCore.PerseusError(
-  // @ts-expect-error - TS2339 - Property 'type' does not exist on type 'never'.
-  "Invalid score type: " + score.type, perseusCore.Errors.InvalidInput, {
-    metadata: {
-      score: JSON.stringify(score),
-      guess: JSON.stringify(guess),
-      state: JSON.stringify(state)
-    }
-  });
-}
+  if (width <= mdMax) {
+    return containerSizeClass.MEDIUM;
+  }
+  return containerSizeClass.LARGE;
+};
+const getInteractiveBoxFromSizeClass = sizeClass => {
+  if (sizeClass === containerSizeClass.SMALL) {
+    return [interactiveSizes.defaultBoxSizeSmall, interactiveSizes.defaultBoxSizeSmall];
+  }
+  return [interactiveSizes.defaultBoxSize, interactiveSizes.defaultBoxSize];
+};
 
-const DEFAULT_ALIGNMENT$1 = "block";
-// NOTE(kevinb): "default" is not one in `validAlignments`.
-const DEFAULT_SUPPORTED_ALIGNMENTS = ["default"];
-const DEFAULT_STATIC = false;
 const DEFAULT_TRACKING = "";
 const DEFAULT_LINTABLE = false;
 const widgets = {};
@@ -17763,7 +17780,6 @@ const registerWidgets = widgets => {
   widgets.forEach(widget => {
     registerWidget(widget.name, widget);
   });
-  validateAlignments();
 };
 
 /**
@@ -17844,12 +17860,6 @@ const getWidget = name => {
 const getWidgetExport = name => {
   return widgets[name] ?? null;
 };
-const getWidgetValidator = name => {
-  return widgets[name]?.validator ?? null;
-};
-const getWidgetScorer = name => {
-  return widgets[name]?.scorer ?? null;
-};
 const getPublicWidgetOptionsFunction = name => {
   return widgets[name]?.getPublicWidgetOptions ?? (i => i);
 };
@@ -17895,112 +17905,6 @@ const isAccessible = widgetInfo => {
 const getAllWidgetTypes = () => {
   return ___default["default"].keys(widgets);
 };
-const upgradeWidgetInfoToLatestVersion = oldWidgetInfo => {
-  const type = oldWidgetInfo.type;
-  // NOTE(jeremy): This looks like it could be replaced by fixing types so
-  // that `type` is non-optional. But we're seeing this in Sentry today so I
-  // suspect we have legacy data (potentially unpublished) and we should
-  // figure that out before depending solely on types.
-  if (!___default["default"].isString(type)) {
-    throw new perseusCore.PerseusError("widget type must be a string, but was: " + type, perseusCore.Errors.Internal);
-  }
-  const widgetExports = widgets[type];
-  if (widgetExports == null) {
-    // If we have a widget that isn't registered, we can't upgrade it
-    // TODO(aria): Figure out what the best thing to do here would be
-    return oldWidgetInfo;
-  }
-
-  // Unversioned widgets (pre-July 2014) are all implicitly 0.0
-  const initialVersion = oldWidgetInfo.version || {
-    major: 0,
-    minor: 0
-  };
-  const latestVersion = widgetExports.version || {
-    major: 0,
-    minor: 0
-  };
-
-  // If the widget version is later than what we understand (major
-  // version is higher than latest, or major versions are equal and minor
-  // version is higher than latest), don't perform any upgrades.
-  if (initialVersion.major > latestVersion.major || initialVersion.major === latestVersion.major && initialVersion.minor > latestVersion.minor) {
-    return oldWidgetInfo;
-  }
-
-  // We do a clone here so that it's safe to mutate the input parameter
-  // in propUpgrades functions (which I will probably accidentally do at
-  // some point, and we would like to not break when that happens).
-  let newEditorProps = ___default["default"].clone(oldWidgetInfo.options) || {};
-  const upgradePropsMap = widgetExports.propUpgrades || {};
-
-  // Empty props usually mean a newly created widget by the editor,
-  // and are always considerered up-to-date.
-  // Mostly, we'd rather not run upgrade functions on props that are
-  // not complete.
-  if (___default["default"].keys(newEditorProps).length !== 0) {
-    // We loop through all the versions after the current version of
-    // the loaded widget, up to and including the latest version of the
-    // loaded widget, and run the upgrade function to bring our loaded
-    // widget's props up to that version.
-    // There is a little subtlety here in that we call
-    // upgradePropsMap[1] to upgrade *to* version 1,
-    // (not from version 1).
-    for (let nextVersion = initialVersion.major + 1; nextVersion <= latestVersion.major; nextVersion++) {
-      if (upgradePropsMap[String(nextVersion)]) {
-        newEditorProps = upgradePropsMap[String(nextVersion)](newEditorProps);
-      } else {
-        // This is a Log.error because it is unlikely to be hit in
-        // local testing, and a Log.error is slightly less scary in
-        // prod than a `throw new Error`
-        Log.error("No upgrade found for widget. Cannot render.", perseusCore.Errors.Internal, {
-          loggedMetadata: {
-            type,
-            fromMajorVersion: nextVersion - 1,
-            toMajorVersion: nextVersion
-          }
-        });
-        // But try to keep going anyways (yolo!)
-        // (Throwing an error here would just break the page
-        // silently anyways, so that doesn't seem much better
-        // than a halfhearted attempt to continue, however
-        // shallow...)
-      }
-    }
-  }
-
-  // Minor version upgrades (eg. new optional props) don't have
-  // transform functions. Instead, we fill in the new props with their
-  // defaults.
-  const defaultProps = type in editors ? editors[type].defaultProps : {};
-  newEditorProps = {
-    ...defaultProps,
-    ...newEditorProps
-  };
-  let alignment = oldWidgetInfo.alignment;
-
-  // Widgets that support multiple alignments will "lock in" the
-  // alignment to the alignment that would be listed first in the
-  // select box. If the widget only supports one alignment, the
-  // alignment value will likely just end up as "default".
-  if (alignment == null || alignment === "default") {
-    alignment = getSupportedAlignments(type)[0];
-  }
-  let widgetStatic = oldWidgetInfo.static;
-  if (widgetStatic == null) {
-    widgetStatic = DEFAULT_STATIC;
-  }
-  return ___default["default"].extend({}, oldWidgetInfo, {
-    // maintain other info, like type
-    // After upgrading we guarantee that the version is up-to-date
-    version: latestVersion,
-    // Default graded to true (so null/undefined becomes true):
-    graded: oldWidgetInfo.graded != null ? oldWidgetInfo.graded : true,
-    alignment: alignment,
-    static: widgetStatic,
-    options: newEditorProps
-  });
-};
 const getRendererPropsForWidgetInfo = (widgetInfo, strings, problemNum) => {
   const type = widgetInfo.type;
   const widgetExports = widgets[type];
@@ -18042,70 +17946,6 @@ const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
   return widgetInfo;
 };
 
-/**
- * Handling for the optional alignments for widgets
- * See widget-container.jsx for details on how alignments are implemented.
- */
-
-/**
- * Returns the list of supported alignments for the given (string) widget
- * type. This is used primarily at editing time to display the choices
- * for the user.
- *
- * Supported alignments are given as an array of strings in the exports of
- * a widget's module.
- */
-const getSupportedAlignments = type => {
-  const widgetExport = widgets[type];
-  // @ts-expect-error - TS2322 - Type 'string[] | readonly Alignment[]' is not assignable to type 'readonly Alignment[]'.
-  return widgetExport && widgetExport.supportedAlignments || DEFAULT_SUPPORTED_ALIGNMENTS;
-};
-
-/**
- * For the given (string) widget type, determine the default alignment for
- * the widget. This is used at rendering time to go from "default" alignment
- * to the actual alignment displayed on the screen.
- *
- * The default alignment is given either as a string (called
- * `defaultAlignment`) or a function (called `getDefaultAlignment`) on
- * the exports of a widget's module.
- */
-const getDefaultAlignment = type => {
-  const widgetExports = widgets[type];
-  let alignment;
-  if (!widgetExports) {
-    return DEFAULT_ALIGNMENT$1;
-  }
-  if (widgetExports.getDefaultAlignment) {
-    alignment = widgetExports.getDefaultAlignment();
-  } else {
-    alignment = widgetExports.defaultAlignment;
-  }
-  return alignment || DEFAULT_ALIGNMENT$1;
-};
-const validAlignments = ["block", "inline-block", "inline", "float-left", "float-right", "full-width"];
-
-/**
- * Used at startup to fail fast if an alignment given by a widget is
- * invalid.
- */
-// TODO(alex): Change this to run as a testcase (vs. being run at runtime)
-// TODO(LP-10707): I think this can be completely removed because our TypeScript types
-// enforce this!
-const validateAlignments = () => {
-  ___default["default"].each(widgets, function (widgetInfo) {
-    if (widgetInfo.defaultAlignment && !___default["default"].contains(validAlignments, widgetInfo.defaultAlignment)) {
-      throw new perseusCore.PerseusError("Widget '" + widgetInfo.displayName + "' has an invalid defaultAlignment value: " + widgetInfo.defaultAlignment, perseusCore.Errors.InvalidInput);
-    }
-    if (widgetInfo.supportedAlignments) {
-      const unknownAlignments = ___default["default"].difference(widgetInfo.supportedAlignments, validAlignments);
-      if (unknownAlignments.length) {
-        throw new perseusCore.PerseusError("Widget '" + widgetInfo.displayName + "' has an invalid value for supportedAlignments: " + unknownAlignments.join(" "), perseusCore.Errors.InvalidInput);
-      }
-    }
-  });
-};
-
 /**
  * Handling for static mode for widgets that support it.
  */
@@ -18159,8 +17999,6 @@ var widgets$1 = /*#__PURE__*/Object.freeze({
   replaceDeprecatedEditors: replaceDeprecatedEditors,
   getWidget: getWidget,
   getWidgetExport: getWidgetExport,
-  getWidgetValidator: getWidgetValidator,
-  getWidgetScorer: getWidgetScorer,
   getPublicWidgetOptionsFunction: getPublicWidgetOptionsFunction,
   getEditor: getEditor,
   getTransform: getTransform,
@@ -18169,267 +18007,14 @@ var widgets$1 = /*#__PURE__*/Object.freeze({
   getPublicWidgets: getPublicWidgets,
   isAccessible: isAccessible,
   getAllWidgetTypes: getAllWidgetTypes,
-  upgradeWidgetInfoToLatestVersion: upgradeWidgetInfoToLatestVersion,
   getRendererPropsForWidgetInfo: getRendererPropsForWidgetInfo,
   traverseChildWidgets: traverseChildWidgets$3,
-  getSupportedAlignments: getSupportedAlignments,
-  getDefaultAlignment: getDefaultAlignment,
-  validateAlignments: validateAlignments,
   supportsStaticMode: supportsStaticMode,
   getStaticTransform: getStaticTransform,
   getTracking: getTracking,
   isLintable: isLintable
 });
 
-function getUpgradedWidgetOptions(oldWidgetOptions) {
-  return perseusCore.mapObject(oldWidgetOptions, (widgetInfo, widgetId) => {
-    if (!widgetInfo.type || !widgetInfo.alignment) {
-      const newValues = {};
-      if (!widgetInfo.type) {
-        // TODO: why does widget have no type?
-        // We don't want to derive type from widget ID
-        // see: LEMS-1845
-        newValues.type = widgetId.split(" ")[0];
-      }
-      if (!widgetInfo.alignment) {
-        newValues.alignment = "default";
-      }
-      widgetInfo = {
-        ...widgetInfo,
-        ...newValues
-      };
-    }
-    // TODO(LEMS-2656): remove TS suppression
-    return upgradeWidgetInfoToLatestVersion(widgetInfo);
-  });
-}
-
-/**
- * Checks the given user input to see if any answerable widgets have not been
- * "filled in" (ie. if they're empty). Another way to think about this
- * function is that its a check to see if we can score the provided input.
- */
-function emptyWidgetsFunctional(widgets,
-// This is a port of old code, I'm not sure why
-// we need widgetIds vs the keys of the widgets object
-widgetIds, userInputMap, strings, locale) {
-  return widgetIds.filter(id => {
-    const widget = widgets[id];
-    if (!widget || widget.static === true) {
-      // Static widgets shouldn't count as empty
-      return false;
-    }
-    const validator = getWidgetValidator(widget.type);
-    const userInput = userInputMap[id];
-    const validationData = widget.options;
-    const score = validator?.(userInput, validationData, strings, locale);
-    if (score) {
-      return scoreIsEmpty(score);
-    }
-  });
-}
-
-// TODO: combine scorePerseusItem with scoreWidgetsFunctional
-// once scorePerseusItem is the only one calling scoreWidgetsFunctional
-function scorePerseusItem(perseusRenderData, userInputMap,
-// TODO(LEMS-2461,LEMS-2391): these probably
-// need to be removed before we move this to the server
-strings, locale) {
-  // There seems to be a chance that PerseusRenderer.widgets might include
-  // widget data for widgets that are not in PerseusRenderer.content,
-  // so this checks that the widgets are being used before scoring them
-  const usedWidgetIds = perseusCore.getWidgetIdsFromContent(perseusRenderData.content);
-  const scores = scoreWidgetsFunctional(perseusRenderData.widgets, usedWidgetIds, userInputMap, strings, locale);
-  return flattenScores(scores);
-}
-function scoreWidgetsFunctional(widgets,
-// This is a port of old code, I'm not sure why
-// we need widgetIds vs the keys of the widgets object
-widgetIds, userInputMap, strings, locale) {
-  const upgradedWidgets = getUpgradedWidgetOptions(widgets);
-  const gradedWidgetIds = widgetIds.filter(id => {
-    const props = upgradedWidgets[id];
-    const widgetIsGraded = props?.graded == null || props.graded;
-    const widgetIsStatic = !!props?.static;
-    // Ungraded widgets or widgets set to static shouldn't be graded.
-    return widgetIsGraded && !widgetIsStatic;
-  });
-  const widgetScores = {};
-  gradedWidgetIds.forEach(id => {
-    const widget = upgradedWidgets[id];
-    if (!widget) {
-      return;
-    }
-    const userInput = userInputMap[id];
-    const validator = getWidgetValidator(widget.type);
-    const scorer = getWidgetScorer(widget.type);
-
-    // We do validation (empty checks) first and then scoring. If
-    // validation fails, it's result is itself a PerseusScore.
-    const score = validator?.(userInput, widget.options, strings, locale) ?? scorer?.(userInput, widget.options, strings, locale);
-    if (score != null) {
-      widgetScores[id] = score;
-    }
-  });
-  return widgetScores;
-}
-
-/**
- * TranslationLinter asynchronously calls Khan Academy's poentry linter.
- *
- * The poentry linter checks for issues that prevent content from being
- * translated. This linter is KA-specific and so TranslationLinter does not do
- * anything in non-KA environments.
- */
-
-// A LintCB is called once the linter has been run.
-
-// msec to wait before we actually call the linter after receiving the
-// last call. The timer is reset if the lint is called during the wait.
-const DEBOUNCE_TIMEOUT = 1000;
-class TranslationLinter {
-  // To avoid linting when nothing has changed.
-  previousContent = null;
-
-  /**
-   * Runs the poentry linter on the given perseus string asynchronously.
-   *
-   * It doesn't do anything unless we're in a KA environment.
-   *
-   * onLintErrorsGenerated is called even if there are no errors. It is not
-   * called if perseusStr is unchanged from the last call.
-   *
-   * Linting is relatively expensive -- so we debounce linting each instance
-   * for some amount of time.
-   */
-  runLinter = _.debounce((perseusStr, onLintErrorsGenerated) => {
-    // TODO(FEI-5003): Do we still need to check for 'KA'?
-    if (typeof KA === "undefined") {
-      return;
-    }
-    if (perseusStr === this.previousContent) {
-      return;
-    }
-    this.previousContent = perseusStr;
-    if (perseusStr === "") {
-      onLintErrorsGenerated([]);
-      return;
-    }
-    fetch("/api/internal/translations/lint_poentry?preview=1&lang=en", {
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        // The poentry linter verifies that the translation from
-        // the original text to the translated text is sane. We
-        // want to ensure that the translation from English to
-        // English is sane, so msgid === mstr.
-        msgid: perseusStr,
-        // msgid is the original text
-        msgstr: perseusStr,
-        // msgstr is the translated text
-        format: "perseus_text",
-        filename: ""
-      }),
-      method: "POST"
-    }).then(response => {
-      if (response.status >= 400) {
-        return {
-          status: "error",
-          message: "Could not run i18n linter."
-        };
-      }
-      return response.json();
-    }, rejection => {
-      return {
-        status: "error",
-        message: "Could not run i18n linter."
-      };
-    }).then(json => {
-      if (json.status === "error") {
-        onLintErrorsGenerated(["Some part of this text makes it untranslatable. " + "The specific message from the i18n linter was: " + json.message.replace(/\n/g, " ")]);
-      } else {
-        onLintErrorsGenerated([]);
-      }
-    });
-  }, DEBOUNCE_TIMEOUT);
-
-  /**
-   * Applies an array of errors generated by linters without position
-   * information (TranslationLinter and the legacy getSaveWarnings()) to the
-   * top of a Perseus tree.
-   */
-  applyLintErrors(parsedMarkdown, translationLintErrors) {
-    // These lint errors do not have position data associated with
-    // them, so we just plop them at the top.
-    if (translationLintErrors.length) {
-      const errorText = translationLintErrors.join("\n\n");
-      parsedMarkdown.unshift({
-        content: {
-          type: "text",
-          content: ""
-        },
-        insideTable: false,
-        message: errorText,
-        ruleName: "legacy-error",
-        severity: PerseusLinter.Rule.Severity.ERROR,
-        type: "lint"
-      });
-    }
-  }
-}
-
-/**
- * Preprocess TeX code to convert things that MathJax doesn't know how to handle
- * to things is does.
- */
-var preprocessTex = (texCode => texCode
-// Replace uses of \begin{align}...\end{align} which KaTeX doesn't
-// support (yet) with \begin{aligned}...\end{aligned} which renders
-// the same is supported by KaTeX.  It does the same for align*.
-// TODO(kevinb) update content to use aligned instead of align.
-// TODO(LEMS-1608) Remove this replacement as MathJax supports the
-// "align" macro correctly (and, in fact, it is not synonymous with
-// "aligned").
-.replace(/\{align[*]?\}/g, "{aligned}")
-// Replace non-breaking spaces with regular spaces.
-.replace(/[\u00a0]/g, " "));
-
-const {
-  interactiveSizes
-} = constants;
-
-// Note: these size cutoffs represent content-width cutoffs as specified in
-// http://zpl.io/1mVmvU (broken link - we no longer use Zeplin)
-// TODO(benkomalo): these values aren't used in JS outside of this file, but
-// are coupled to the values in styles/styles.less - DRY it up at some point
-const smMax = articleMaxWidthTableInPx;
-const mdMax = articleMaxWidthInPx;
-const containerSizeClass = {
-  SMALL: "small",
-  MEDIUM: "medium",
-  LARGE: "large",
-  XLARGE: "xlarge"
-};
-const getClassFromWidth = width => {
-  if (!width) {
-    return containerSizeClass.MEDIUM;
-  }
-  if (width <= smMax) {
-    return containerSizeClass.SMALL;
-  }
-  if (width <= mdMax) {
-    return containerSizeClass.MEDIUM;
-  }
-  return containerSizeClass.LARGE;
-};
-const getInteractiveBoxFromSizeClass = sizeClass => {
-  if (sizeClass === containerSizeClass.SMALL) {
-    return [interactiveSizes.defaultBoxSizeSmall, interactiveSizes.defaultBoxSizeSmall];
-  }
-  return [interactiveSizes.defaultBoxSize, interactiveSizes.defaultBoxSize];
-};
-
 class WidgetContainer extends React__namespace.Component {
   widgetRef = /*#__PURE__*/React__namespace.createRef();
   static defaultProps = {
@@ -18502,7 +18087,7 @@ class WidgetContainer extends React__namespace.Component {
     }
     let alignment = this.state.widgetProps.alignment;
     if (alignment === "default") {
-      alignment = getDefaultAlignment(type);
+      alignment = perseusCore.CoreWidgetRegistry.getDefaultAlignment(type);
     }
     className += " widget-" + alignment;
     const apiOptions = this.state.widgetProps.apiOptions;
@@ -18510,6 +18095,7 @@ class WidgetContainer extends React__namespace.Component {
     // Hack to prevent interaction with static widgets: we overlay a big
     // div on top of the widget and overflow: hidden the container.
     // Ideally widgets themselves should know how to prevent interaction.
+    // UPDATE HTML5: `inert` on the underlying div would be better
     const isStatic = this.state.widgetProps.static || apiOptions.readOnly;
     const staticContainerStyles = {
       position: "relative",
@@ -18521,7 +18107,7 @@ class WidgetContainer extends React__namespace.Component {
       position: "absolute",
       top: 0,
       left: 0,
-      zIndex: zIndexInteractiveComponent$1
+      zIndex: 3
     };
 
     // Some widgets may include strings of markdown that we may
@@ -18787,7 +18373,7 @@ class Renderer extends React__namespace.Component {
     };
   };
   _getInitialWidgetState = props => {
-    const allWidgetInfo = getUpgradedWidgetOptions(props.widgets);
+    const allWidgetInfo = perseusCore.getUpgradedWidgetOptions(props.widgets);
     return {
       widgetInfo: allWidgetInfo,
       widgetProps: this._getAllWidgetsStartProps(allWidgetInfo, props)
@@ -19699,7 +19285,7 @@ class Renderer extends React__namespace.Component {
    * empty if the graph is in the starting state.
    */
   emptyWidgets() {
-    return emptyWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.props.strings, this.context.locale);
+    return perseusScore.emptyWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.context.locale);
   }
   _setWidgetProps = (id, newProps, cb, silent) => {
     this.setState(prevState => {
@@ -19829,8 +19415,8 @@ class Renderer extends React__namespace.Component {
    * @deprecated use scorePerseusItem
    */
   score() {
-    const scores = scoreWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.props.strings, this.context.locale);
-    const combinedScore = flattenScores(scores);
+    const scores = perseusScore.scoreWidgetsFunctional(this.state.widgetInfo, this.widgetIds, this.getUserInputMap(), this.context.locale);
+    const combinedScore = perseusScore.flattenScores(scores);
     return combinedScore;
   }
 
@@ -20351,7 +19937,7 @@ class InputWithExamples extends React__namespace.Component {
   };
   _getInputClassName = () => {
     // Otherwise, we need to add these INPUT and FOCUSED tags here.
-    let className = ClassNames.INPUT + " " + ClassNames.INTERACTIVE;
+    let className = ClassNames.INPUT;
     if (this.state.focused) {
       className += " " + ClassNames.FOCUSED;
     }
@@ -20744,14 +20330,10 @@ const propTransform$3 = widgetOptions => {
 var InputNumber$1 = {
   name: "input-number",
   displayName: "Input number (deprecated - use numeric input instead)",
-  defaultAlignment: "inline-block",
   hidden: true,
   widget: InputNumber,
   transform: propTransform$3,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusInputNumberUserInput'.
-  scorer: perseusScore.scoreInputNumber,
   getOneCorrectAnswerFromRubric(rubric) {
     if (rubric.value == null) {
       return;
@@ -21003,14 +20585,11 @@ const propsTransform = function (widgetOptions) {
 var NumericInput$1 = {
   name: "numeric-input",
   displayName: "Numeric input",
-  defaultAlignment: "inline-block",
   accessible: true,
   widget: NumericInput,
   transform: propsTransform,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumericInputUserInput'.
-  scorer: perseusScore.scoreNumericInput,
+  getPublicWidgetOptions: perseusCore.getNumericInputPublicWidgetOptions,
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusNumericInputRubric'
   getOneCorrectAnswerFromRubric(rubric) {
@@ -21071,24 +20650,6 @@ const getPromptJSON$p = renderProps => {
   };
 };
 
-/**
- * Several widgets don't have "right"/"wrong" scoring logic,
- * so this just says to move on past those widgets
- *
- * TODO(LEMS-2543) widgets that use this probably shouldn't have any
- * scoring logic and the thing scoring an exercise
- * should just know to skip these
- */
-function scoreNoop() {
-  let points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return {
-    type: "points",
-    earned: points,
-    total: points,
-    message: null
-  };
-}
-
 /**
  * Utility functions for manipulating ranges of highlightable content.
  */
@@ -23266,8 +22827,7 @@ var Passage$1 = {
   transform: editorProps => {
     return ___default["default"].pick(editorProps, "passageTitle", "passageText", "footnotes", "showLineNumbers");
   },
-  isLintable: true,
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 /**
@@ -23393,16 +22953,13 @@ var PassageRef$1 = {
   name: "passage-ref",
   displayName: "PassageRef (SAT only)",
   hidden: true,
-  defaultAlignment: "inline",
   widget: PassageRef,
   transform: widgetOptions => ({
     passageNumber: widgetOptions.passageNumber,
     referenceNumber: widgetOptions.referenceNumber,
     summaryText: widgetOptions.summaryText
   }),
-  version: perseusCore.passageRefLogic.version,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  version: perseusCore.passageRefLogic.version
 };
 
 /**
@@ -23444,109 +23001,6 @@ var mediaQueries = {
   xlOrLarger: `@media screen and (min-width: ${pureXlMin})`
 };
 
-const {
-  zIndexAboveScratchpad,
-  zIndexInteractiveComponent,
-  radioBorderColor,
-  checkedColor,
-  circleSize,
-  radioMarginWidth
-} = constants;
-var sharedStyles = aphrodite.StyleSheet.create({
-  perseusInteractive: {
-    zIndex: zIndexInteractiveComponent,
-    position: "relative"
-  },
-  aboveScratchpad: {
-    position: "relative",
-    zIndex: zIndexAboveScratchpad
-  },
-  blankBackground: {
-    // TODO(emily): Use WB colors?
-    backgroundColor: "#FDFDFD"
-  },
-  perseusSrOnly: {
-    border: 0,
-    clip: "rect(0,0,0,0)",
-    height: 1,
-    margin: -1,
-    overflow: "hidden",
-    padding: 0,
-    position: "absolute",
-    width: 1
-  },
-  responsiveLabel: {
-    // NOTE(charlie): The values used here should be kept in sync with the
-    // caption text sizing in Perseus' styles.less.
-    // TODO(charlie): Migrate the captions over to using this style.
-    [mediaQueries.smOrSmaller]: {
-      fontSize: 14,
-      lineHeight: 1.3
-    },
-    [mediaQueries.md]: {
-      fontSize: 17,
-      lineHeight: 1.4
-    },
-    [mediaQueries.lgOrLarger]: {
-      fontSize: 20,
-      lineHeight: 1.4
-    }
-  },
-  responsiveInput: {
-    display: "inline-block",
-    WebkitAppearance: "none",
-    appearance: "none",
-    "::-ms-check": {
-      display: "none"
-    },
-    backgroundColor: "#fff",
-    border: "2px solid #fff",
-    boxShadow: `0 0px 0px 1px ${radioBorderColor}`,
-    outline: "none",
-    boxSizing: "border-box",
-    flexShrink: 0,
-    marginBottom: 1,
-    marginLeft: 1,
-    marginRight: 1,
-    marginTop: 1,
-    height: circleSize - 2,
-    width: circleSize - 2
-  },
-  responsiveRadioInput: {
-    borderRadius: "50%",
-    ":checked": {
-      backgroundColor: checkedColor,
-      border: "none",
-      borderRadius: "50%",
-      boxShadow: `inset 0px 0px 0px 2px white, ` + `0 0px 0px 2px ${checkedColor}`,
-      marginTop: radioMarginWidth,
-      marginBottom: radioMarginWidth,
-      marginLeft: radioMarginWidth,
-      marginRight: radioMarginWidth,
-      height: circleSize - 2 * radioMarginWidth,
-      width: circleSize - 2 * radioMarginWidth
-    }
-  },
-  responsiveRadioInputActive: {
-    backgroundColor: "#fff",
-    border: "2px solid #fff",
-    borderRadius: "50%",
-    boxShadow: `0 0px 0px 2px ${checkedColor}`,
-    marginTop: radioMarginWidth,
-    marginBottom: radioMarginWidth,
-    marginLeft: radioMarginWidth,
-    marginRight: radioMarginWidth,
-    height: circleSize - 2 * radioMarginWidth,
-    width: circleSize - 2 * radioMarginWidth,
-    ":checked": {
-      backgroundColor: "#fff"
-    }
-  },
-  disableTextSelection: {
-    userSelect: "none"
-  }
-});
-
 /**
  * A small collection of useful scrolling utility functions.
  */
@@ -24615,7 +24069,7 @@ const BaseRadio = function (_ref) {
     const aphroditeClassName = checked => {
       // Whether or not to show correctness borders
       // for this choice and the next choice.
-      return aphrodite.css(sharedStyles.aboveScratchpad, styles$o.item, styles$o.responsiveItem, checked && styles$o.selectedItem, checked && choice.highlighted && styles$o.aboveBackdrop, checked && choice.highlighted && apiOptions.isMobile && styles$o.aboveBackdropMobile, nextChoiceHighlighted && apiOptions.isMobile && styles$o.nextHighlighted);
+      return aphrodite.css(styles$o.item, styles$o.responsiveItem, checked && styles$o.selectedItem, checked && choice.highlighted && styles$o.aboveBackdrop, checked && choice.highlighted && apiOptions.isMobile && styles$o.aboveBackdropMobile, nextChoiceHighlighted && apiOptions.isMobile && styles$o.nextHighlighted);
     };
 
     // HACK(abdulrahman): Preloads the selection-state
@@ -25219,18 +24673,105 @@ var Radio = {
   staticTransform: transform,
   version: perseusCore.radioLogic.version,
   propUpgrades: perseusCore.radioLogic.widgetOptionsUpgrades,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusRadioUserInput
-  scorer: perseusScore.scoreRadio,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusRadioUserInput
-  validator: perseusScore.validateRadio
+  isLintable: true
 };
 
 /* eslint-disable import/no-named-as-default */
 var basicWidgets = [Radio, InputNumber$1, NumericInput$1, Expression$1];
 
+const {
+  radioBorderColor,
+  checkedColor,
+  circleSize,
+  radioMarginWidth
+} = constants;
+var sharedStyles = aphrodite.StyleSheet.create({
+  blankBackground: {
+    // TODO(emily): Use WB colors?
+    backgroundColor: "#FDFDFD"
+  },
+  perseusSrOnly: {
+    border: 0,
+    clip: "rect(0,0,0,0)",
+    height: 1,
+    margin: -1,
+    overflow: "hidden",
+    padding: 0,
+    position: "absolute",
+    width: 1
+  },
+  responsiveLabel: {
+    // NOTE(charlie): The values used here should be kept in sync with the
+    // caption text sizing in Perseus' styles.less.
+    // TODO(charlie): Migrate the captions over to using this style.
+    [mediaQueries.smOrSmaller]: {
+      fontSize: 14,
+      lineHeight: 1.3
+    },
+    [mediaQueries.md]: {
+      fontSize: 17,
+      lineHeight: 1.4
+    },
+    [mediaQueries.lgOrLarger]: {
+      fontSize: 20,
+      lineHeight: 1.4
+    }
+  },
+  responsiveInput: {
+    display: "inline-block",
+    WebkitAppearance: "none",
+    appearance: "none",
+    "::-ms-check": {
+      display: "none"
+    },
+    backgroundColor: "#fff",
+    border: "2px solid #fff",
+    boxShadow: `0 0px 0px 1px ${radioBorderColor}`,
+    outline: "none",
+    boxSizing: "border-box",
+    flexShrink: 0,
+    marginBottom: 1,
+    marginLeft: 1,
+    marginRight: 1,
+    marginTop: 1,
+    height: circleSize - 2,
+    width: circleSize - 2
+  },
+  responsiveRadioInput: {
+    borderRadius: "50%",
+    ":checked": {
+      backgroundColor: checkedColor,
+      border: "none",
+      borderRadius: "50%",
+      boxShadow: `inset 0px 0px 0px 2px white, ` + `0 0px 0px 2px ${checkedColor}`,
+      marginTop: radioMarginWidth,
+      marginBottom: radioMarginWidth,
+      marginLeft: radioMarginWidth,
+      marginRight: radioMarginWidth,
+      height: circleSize - 2 * radioMarginWidth,
+      width: circleSize - 2 * radioMarginWidth
+    }
+  },
+  responsiveRadioInputActive: {
+    backgroundColor: "#fff",
+    border: "2px solid #fff",
+    borderRadius: "50%",
+    boxShadow: `0 0px 0px 2px ${checkedColor}`,
+    marginTop: radioMarginWidth,
+    marginBottom: radioMarginWidth,
+    marginLeft: radioMarginWidth,
+    marginRight: radioMarginWidth,
+    height: circleSize - 2 * radioMarginWidth,
+    width: circleSize - 2 * radioMarginWidth,
+    ":checked": {
+      backgroundColor: "#fff"
+    }
+  },
+  disableTextSelection: {
+    userSelect: "none"
+  }
+});
+
 const getPromptJSON$n = (renderProps, userInput) => {
   return {
     type: "categorizer",
@@ -25331,7 +24872,6 @@ class Categorizer extends React__namespace.Component {
           className: "category " + aphrodite.css(styles$n.cell),
           key: catNum
         }, /*#__PURE__*/React__namespace.createElement("div", {
-          className: ClassNames.INTERACTIVE,
           role: "button",
           "aria-label": catName,
           onClick: () => this.onChange(itemNum, catNum)
@@ -25423,12 +24963,6 @@ var Categorizer$1 = {
     return ___default["default"].pick(editorProps, "items", "categories", "values", "randomizeItems");
   },
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  scorer: perseusScore.scoreCategorizer,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  validator: perseusScore.validateCategorizer,
   getPublicWidgetOptions: perseusCore.getCategorizerPublicWidgetOptions
 };
 
@@ -25638,12 +25172,9 @@ const styles$m = aphrodite.StyleSheet.create({
 var CSProgram$1 = {
   name: "cs-program",
   displayName: "CS Program",
-  supportedAlignments: ["block", "full-width"],
   widget: CSProgram,
   hidden: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusCSProgramUserInput'.
-  scorer: perseusScore.scoreCSProgram
+  getPublicWidgetOptions: perseusCore.getCSProgramPublicWidgetOptions
 };
 
 const getPromptJSON$l = renderProps => {
@@ -25720,11 +25251,8 @@ var Definition$1 = {
   name: "definition",
   displayName: "Definition",
   accessible: true,
-  defaultAlignment: "inline",
   widget: Definition,
-  transform: x => x,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  transform: x => x
 };
 
 // There are no required props, but this component can receive props from any
@@ -25751,9 +25279,7 @@ var DeprecatedStandin$1 = {
   name: "deprecated-standin",
   displayName: "Deprecated Standin",
   widget: DeprecatedStandin,
-  hidden: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop(1)
+  hidden: true
 };
 
 const getPromptJSON$k = (renderProps, userInput) => {
@@ -25862,16 +25388,10 @@ const optionsTransform = widgetOptions => {
 var Dropdown$1 = {
   name: "dropdown",
   displayName: "Drop down",
-  defaultAlignment: "inline-block",
   accessible: true,
   widget: Dropdown,
   transform: optionsTransform,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusDropdownUserInput'.
-  scorer: perseusScore.scoreDropdown,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusDropdownUserInput'.
-  validator: perseusScore.validateDropdown
+  getPublicWidgetOptions: perseusCore.getDropdownPublicWidgetOptions
 };
 
 const getPromptJSON$j = renderProps => {
@@ -26030,12 +25550,9 @@ var Explanation$1 = {
   name: "explanation",
   displayName: "Explanation",
   accessible: true,
-  defaultAlignment: "inline",
   widget: Explanation,
   transform: ___default["default"].identity,
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$i = (title, rendererJSON, hintRendererJSON) => {
@@ -27156,7 +26673,7 @@ class FunctionGrapher extends React__namespace.Component {
         boxSizing: "initial"
       }
     }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "graphie-container above-scratchpad",
+      className: "graphie-container blank-background",
       style: {
         width: box[0],
         height: box[1]
@@ -27284,8 +26801,7 @@ class Grapher extends React__namespace.Component {
     const coords = this.props.plot.coords;
     const asymptote = this.props.plot.asymptote;
     const typeSelector = /*#__PURE__*/React__namespace.createElement("div", {
-      style: typeSelectorStyle,
-      className: "above-scratchpad"
+      style: typeSelectorStyle
     }, /*#__PURE__*/React__namespace.createElement(ButtonGroup, {
       value: type,
       allowEmpty: true,
@@ -27367,10 +26883,7 @@ var Grapher$1 = {
   hidden: true,
   widget: Grapher,
   transform: propTransform$2,
-  staticTransform: staticTransform$4,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusGrapherUserInput'.
-  scorer: perseusScore.scoreGrapher
+  staticTransform: staticTransform$4
 };
 
 const getPromptJSON$f = rendererJSON => {
@@ -27387,24 +26900,6 @@ const getPromptJSON$f = rendererJSON => {
   };
 };
 
-// The `group` widget is basically a widget hosting a full Perseus system in
-// it. As such, scoring a group means scoring all widgets it contains.
-function scoreGroup(userInput, rubric, strings, locale) {
-  const scores = scoreWidgetsFunctional(rubric.widgets, Object.keys(rubric.widgets), userInput, strings, locale);
-  return flattenScores(scores);
-}
-
-function validateGroup(userInput, validationData, strings, locale) {
-  const emptyWidgets = emptyWidgetsFunctional(validationData.widgets, Object.keys(validationData.widgets), userInput, strings, locale);
-  if (emptyWidgets.length === 0) {
-    return null;
-  }
-  return {
-    type: "invalid",
-    message: null
-  };
-}
-
 // exports has no 'transform'
 
 class Group extends React__namespace.Component {
@@ -27556,12 +27051,6 @@ var Group$1 = {
   displayName: "Group (SAT only)",
   widget: Group,
   traverseChildWidgets: traverseChildWidgets,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusGroupUserInput'.
-  scorer: scoreGroup,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusGroupUserInput'.
-  validator: validateGroup,
   hidden: true,
   isLintable: true
 };
@@ -27701,10 +27190,7 @@ var Iframe$1 = {
   displayName: "Iframe (deprecated)",
   widget: Iframe,
   // Let's not expose it to all content creators yet
-  hidden: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusIframeUserInput'.
-  scorer: perseusScore.scoreIframe
+  hidden: true
 };
 
 const getPromptJSON$d = renderProps => {
@@ -27726,15 +27212,13 @@ const defaultBackgroundImage$2 = {
   width: 0,
   height: 0
 };
-const editorAlignments = ["block", "full-width"];
-const DEFAULT_ALIGNMENT = "block";
 
 // there is no transform as part of exports
 
 class ImageWidget extends React__namespace.Component {
   static contextType = PerseusI18nContext;
   static defaultProps = {
-    alignment: DEFAULT_ALIGNMENT,
+    alignment: "block",
     title: "",
     range: [defaultRange, defaultRange],
     box: [defaultBoxSize, defaultBoxSize],
@@ -27901,13 +27385,9 @@ var Image$1 = {
     const bgImage = widgetOptions.backgroundImage;
     return !(bgImage && bgImage.url && !widgetOptions.alt);
   },
-  defaultAlignment: DEFAULT_ALIGNMENT,
-  supportedAlignments: editorAlignments,
   displayName: "Image",
   widget: ImageWidget,
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$c = () => {
@@ -28510,9 +27990,7 @@ var Interactive = {
   displayName: "Interaction",
   widget: Interaction,
   transform: ___default["default"].identity,
-  hidden: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  hidden: true
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
@@ -28794,7 +28272,7 @@ class Graph extends React__namespace.Component {
       image = null;
     }
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "graphie-container above-scratchpad",
+      className: "graphie-container blank-background",
       style: {
         width: this.props.box[0],
         height: this.props.box[1]
@@ -29428,7 +28906,8 @@ const YGridTick = _ref => {
   let {
     y,
     range,
-    tickStep
+    tickStep,
+    showPi
   } = _ref;
   // If the graph requires out-of-bounds labels, we want to make sure to set the
   // coordinates to the edge of the visible range of the graph. Otherwise,
@@ -29464,6 +28943,7 @@ const YGridTick = _ref => {
   // If the graph displays both the y and x axis lines within the graph, we want
   // to hide the label at -1 on the y-axis to prevent overlap with the x-axis label
   const showLabel = shouldShowLabel(y, range, tickStep);
+  const yLabel = showPi ? divideByAndShowPi(y) : y.toString();
   return /*#__PURE__*/React__namespace.createElement("g", {
     className: "tick",
     "aria-hidden": true
@@ -29481,12 +28961,13 @@ const YGridTick = _ref => {
     textAnchor: "end",
     x: xPositionText,
     y: yPositionText
-  }, y.toString()));
+  }, yLabel));
 };
 const XGridTick = _ref2 => {
   let {
     x,
-    range
+    range,
+    showPi
   } = _ref2;
   // If the graph requires out-of-bounds labels, we want to make sure to set the
   // coordinates to the edge of the visible range of the graph. Otherwise,
@@ -29525,6 +29006,7 @@ const XGridTick = _ref2 => {
   // Apply the adjustments to the x and y positions for the text
   const xPositionText = xPosition + xAdjustment;
   const yPositionText = yPosition + yAdjustment;
+  const xLabel = showPi ? divideByAndShowPi(x) : x.toString();
   return /*#__PURE__*/React__namespace.createElement("g", {
     className: "tick",
     "aria-hidden": true
@@ -29542,7 +29024,7 @@ const XGridTick = _ref2 => {
     textAnchor: "middle",
     x: xPositionText,
     y: yPositionText
-  }, x.toString()));
+  }, xLabel));
 };
 
 // Determines whether to show the label for the given tick
@@ -29589,6 +29071,22 @@ const countSignificantDecimals = number => {
   }
   return numStr.split(".")[1].length;
 };
+
+// Show the given value as a multiple of pi (already assumed to be
+// a multiple of pi). Exported for testing
+function divideByAndShowPi(value) {
+  const dividedValue = value / Math.PI;
+  switch (dividedValue) {
+    case 1:
+      return "π";
+    case -1:
+      return "-π";
+    case 0:
+      return "0";
+    default:
+      return dividedValue + "π";
+  }
+}
 const AxisTicks = () => {
   const {
     tickStep,
@@ -29611,6 +29109,10 @@ const AxisTicks = () => {
       key: `y-grid-tick-${y}`,
       range: range,
       tickStep: tickStep[Y]
+      // Show the tick labels as multiples of pi
+      // if the tick step is a multiple of pi.
+      ,
+      showPi: tickStep[Y] % Math.PI === 0
     });
   })), /*#__PURE__*/React__namespace.createElement("g", {
     className: "x-axis-ticks"
@@ -29619,6 +29121,10 @@ const AxisTicks = () => {
       x: x,
       key: `x-grid-tick-${x}`,
       range: range
+      // Show the tick labels as multiples of pi
+      // if the tick step is a multiple of pi.
+      ,
+      showPi: tickStep[X] % Math.PI === 0
     });
   })));
 };
@@ -29920,6 +29426,15 @@ const styles$d = aphrodite.StyleSheet.create({
   }
 });
 
+function isPiMultiple(value) {
+  // Early return for integers that clearly aren't multiples
+  // of pi to save some computation.
+  if (Number.isInteger(value)) {
+    return false;
+  }
+  return value % Math.PI === 0 || value % (Math.PI / 2) === 0 || value % (Math.PI / 3) === 0 || value % (Math.PI / 4) === 0 || value % (Math.PI / 6) === 0;
+}
+
 const {
   firstNumericalParse,
   captureScratchpadTouchStart
@@ -29957,7 +29472,8 @@ class NumberInput extends React__namespace.Component {
     onFormatChange: PropTypes__default["default"].func,
     checkValidity: PropTypes__default["default"].func,
     size: PropTypes__default["default"].oneOf(["mini", "small", "normal"]),
-    label: PropTypes__default["default"].oneOf(["put your labels outside your inputs!"])
+    label: PropTypes__default["default"].oneOf(["put your labels outside your inputs!"]),
+    allowPiTruncation: PropTypes__default["default"].bool
   };
   static defaultProps = {
     value: null,
@@ -29970,6 +29486,19 @@ class NumberInput extends React__namespace.Component {
   state = {
     format: this.props.format
   };
+  componentDidMount() {
+    // If the value is a multiple of pi, but it is not in the pi format,
+    // then convert it to the pi format and show it as a multiple of pi.
+    const value = this.getValue();
+    if (this.props.allowPiTruncation && value !== null && value !== 0) {
+      if (this.state.format !== "pi" && isPiMultiple(value)) {
+        this._setValue(value / Math.PI, "pi");
+        this.setState({
+          format: "pi"
+        });
+      }
+    }
+  }
   componentDidUpdate(prevProps) {
     if (!kmath.number.equal(this.getValue(), this.props.value)) {
       this._setValue(this.props.value, this.state.format);
@@ -30126,7 +29655,8 @@ class RangeInput extends React__namespace.Component {
     value: PropTypes__default["default"].array.isRequired,
     onChange: PropTypes__default["default"].func.isRequired,
     placeholder: PropTypes__default["default"].array,
-    checkValidity: PropTypes__default["default"].func
+    checkValidity: PropTypes__default["default"].func,
+    allowPiTruncation: PropTypes__default["default"].bool
   };
   static defaultProps = {
     placeholder: [null, null]
@@ -30150,14 +29680,16 @@ class RangeInput extends React__namespace.Component {
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this.onChange.bind(this, 0),
-      placeholder: this.props.placeholder[0]
+      placeholder: this.props.placeholder[0],
+      allowPiTruncation: this.props.allowPiTruncation
     })), /*#__PURE__*/React__namespace.createElement(NumberInput, _extends({}, this.props, {
       value: value[1],
       checkValidity: val => checkValidity([value[0], val])
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this.onChange.bind(this, 1),
-      placeholder: this.props.placeholder[1]
+      placeholder: this.props.placeholder[1],
+      allowPiTruncation: this.props.allowPiTruncation
     })));
   }
 }
@@ -37226,10 +36758,7 @@ var InteractiveGraph$1 = {
   name: "interactive-graph",
   displayName: "Interactive graph (Assessments only)",
   widget: InteractiveGraph,
-  staticTransform: staticTransform$3,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusInteractiveGraphUserInput'.
-  scorer: perseusScore.scoreInteractiveGraph
+  staticTransform: staticTransform$3
 };
 
 // TODO: can we use WB typography?
@@ -38187,9 +37716,7 @@ var LabelImage$1 = {
   widget: LabelImageWithDependencies,
   accessible: true,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusLabelImageUserInput'.
-  scorer: perseusScore.scoreLabelImage
+  getPublicWidgetOptions: perseusCore.getLabelImagePublicWidgetOptions
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
@@ -38426,7 +37953,7 @@ class Draggable extends React__namespace.Component {
     // We need to keep backwards compatbility with rules specified directly
     // in CSS. Hence the hacky tacking on of manual classNames.
     // See sortable.less for details.
-    let className = aphrodite.css(styles$8.card, styles$8.draggable, layout === "horizontal" && styles$8.horizontalCard, layout === "vertical" && styles$8.verticalCard, type === ItemState.DRAGGING && styles$8.dragging, type === ItemState.DISABLED && styles$8.disabled, !includePadding && styles$8.unpaddedCard) + " " + ClassNames.INTERACTIVE + " perseus-sortable-draggable";
+    let className = aphrodite.css(styles$8.card, styles$8.draggable, layout === "horizontal" && styles$8.horizontalCard, layout === "vertical" && styles$8.verticalCard, type === ItemState.DRAGGING && styles$8.dragging, type === ItemState.DISABLED && styles$8.disabled, !includePadding && styles$8.unpaddedCard) + " " + "perseus-sortable-draggable";
     if (!includePadding) {
       className += " perseus-sortable-draggable-unpadded";
     }
@@ -39117,10 +38644,7 @@ var Matcher$1 = {
   name: "matcher",
   displayName: "Matcher (two column)",
   widget: Matcher,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatcherUserInput'.
-  scorer: perseusScore.scoreMatcher
+  isLintable: true
 };
 
 const getPromptJSON$8 = (renderProps, userInput) => {
@@ -39523,13 +39047,7 @@ var Matrix$1 = {
   widget: Matrix,
   transform: propTransform$1,
   staticTransform: staticTransform$2,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatrixUserInput'.
-  scorer: perseusScore.scoreMatrix,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusMatrixUserInput'.
-  validator: perseusScore.validateMatrix
+  isLintable: true
 };
 
 const getPromptJSON$7 = () => {
@@ -39619,7 +39137,7 @@ class Measurer extends React__namespace.Component {
     // TODO(scottgrant): This isn't a11y-friendly! We should insist on
     // finding some valid alt text when this widget is used.
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "perseus-widget perseus-widget-measurer " + "graphie-container above-scratchpad",
+      className: "perseus-widget perseus-widget-measurer " + "graphie-container blank-background",
       style: {
         width: this.props.box[0],
         height: this.props.box[1]
@@ -39644,9 +39162,7 @@ var Measurer$1 = {
   hidden: true,
   widget: Measurer,
   version: perseusCore.measurerLogic.version,
-  propUpgrades: perseusCore.measurerLogic.widgetOptionsUpgrades,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop(1)
+  propUpgrades: perseusCore.measurerLogic.widgetOptionsUpgrades
 };
 
 /**
@@ -40534,8 +40050,7 @@ var Molecule$1 = {
   name: "molecule-renderer",
   displayName: "Molecule renderer",
   hidden: true,
-  widget: MoleculeWidget,
-  scorer: () => scoreNoop()
+  widget: MoleculeWidget
 };
 
 const getPromptJSON$6 = (renderProps, userInput) => {
@@ -41110,12 +40625,7 @@ var NumberLine$1 = {
   widget: NumberLine,
   transform: numberLineTransform,
   staticTransform: staticTransform$1,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumberLineUserInput'.
-  scorer: perseusScore.scoreNumberLine,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type 'UserInput' is not assignable to type 'PerseusNumberLineUserInput'.
-  validator: perseusScore.validateNumberLine
+  getPublicWidgetOptions: perseusCore.getNumberLinePublicWidgetOptions
 };
 
 const getPromptJSON$5 = (renderProps, userInput) => {
@@ -41133,7 +40643,7 @@ const getPromptJSON$5 = (renderProps, userInput) => {
 class PlaceholderCard extends React__namespace.Component {
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE,
+      className: "card-wrap",
       style: {
         width: this.props.width
       }
@@ -41148,7 +40658,7 @@ class PlaceholderCard extends React__namespace.Component {
 class DragHintCard extends React__namespace.Component {
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE
+      className: "card-wrap"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "card drag-hint"
     }));
@@ -41283,7 +40793,7 @@ class Card extends React__namespace.Component {
     const rendererProps = ___default["default"].pick(this.props, "content");
     const onMouseDown = this.props.animating ? $__default["default"].noop : this.onMouseDown;
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "card-wrap " + ClassNames.INTERACTIVE,
+      className: "card-wrap",
       style: style,
       onMouseDown: onMouseDown,
       onTouchStart: onMouseDown,
@@ -41654,7 +41164,7 @@ class Orderer extends React__namespace.Component {
       });
     }, this));
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "draggy-boxy-thing orderer " + "height-" + this.props.height + " " + "layout-" + this.props.layout + " " + "above-scratchpad blank-background " + "perseus-clearfix " + ClassNames.INTERACTIVE
+      className: "draggy-boxy-thing orderer " + "height-" + this.props.height + " " + "layout-" + this.props.layout + " " + "blank-background " + "perseus-clearfix "
       // eslint-disable-next-line react/no-string-refs
       ,
       ref: "orderer"
@@ -41667,12 +41177,6 @@ var Orderer$1 = {
   hidden: true,
   widget: Orderer,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusOrdererUserInput
-  scorer: perseusScore.scoreOrderer,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusOrdererUserInput
-  validator: perseusScore.validateOrderer,
   getPublicWidgetOptions: perseusCore.getOrdererPublicWidgetOptions
 };
 
@@ -41716,15 +41220,12 @@ class PassageRefTarget extends React__namespace.Component {
 var PassageRefTarget$1 = {
   name: "passage-ref-target",
   displayName: "PassageRefTarget",
-  defaultAlignment: "inline",
   widget: PassageRefTarget,
   hidden: true,
   transform: editorProps => {
     return ___default["default"].pick(editorProps, "content");
   },
-  isLintable: true,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  isLintable: true
 };
 
 const getPromptJSON$4 = () => {
@@ -42726,7 +42227,7 @@ class Plotter extends React__namespace.Component {
       marginBottom: this.props.labels[0] ? paddingForBottomLabel : 0
     };
     return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "perseus-widget-plotter graphie " + ClassNames.INTERACTIVE
+      className: "perseus-widget-plotter graphie"
       // eslint-disable-next-line react/no-string-refs
       ,
       ref: "graphieDiv",
@@ -42742,13 +42243,7 @@ var Plotter$1 = {
   displayName: "Plotter",
   hidden: true,
   widget: Plotter,
-  staticTransform: staticTransform,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusPlotterUserInput
-  scorer: perseusScore.scorePlotter,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusPlotterUserInput
-  validator: perseusScore.validatePlotter
+  staticTransform: staticTransform
 };
 
 const getPromptJSON$2 = () => {
@@ -42909,12 +42404,7 @@ var Sorter$1 = {
   displayName: "Sorter",
   widget: Sorter,
   isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusSorterUserInput
-  scorer: perseusScore.scoreSorter,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusSorterUserInput
-  validator: perseusScore.validateSorter
+  getPublicWidgetOptions: perseusCore.getSorterPublicWidgetOptions
 };
 
 const {
@@ -43130,13 +42620,7 @@ var Table$1 = {
   widget: Table,
   transform: propTransform,
   hidden: true,
-  isLintable: true,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusTableUserInput
-  scorer: perseusScore.scoreTable,
-  // TODO(LEMS-2656): remove TS suppression
-  // @ts-expect-error: Type UserInput is not assignable to type PerseusTableUserInput
-  validator: perseusScore.validateTable
+  isLintable: true
 };
 
 const getPromptJSON = () => {
@@ -43298,11 +42782,7 @@ class Video extends React__namespace.Component {
 var Video$1 = {
   name: "video",
   displayName: "Video",
-  defaultAlignment: "block",
-  supportedAlignments: ["block", "float-left", "float-right", "full-width"],
-  widget: Video,
-  // TODO: things that aren't interactive shouldn't need scoring functions
-  scorer: () => scoreNoop()
+  widget: Video
 };
 
 /* eslint-disable import/no-named-as-default */
@@ -43321,7 +42801,7 @@ const init = function () {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "52.0.1";
+const libVersion = "53.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -44197,6 +43677,42 @@ const ref = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__
   }));
 }));
 
+function isCorrect(score) {
+  return score.type === "points" && score.earned >= score.total;
+}
+function keScoreFromPerseusScore(score,
+// It's weird, but this is what we're passing it
+guess, state) {
+  if (score.type === "points") {
+    return {
+      empty: false,
+      correct: isCorrect(score),
+      message: score.message,
+      guess: guess,
+      state: state
+    };
+  }
+  if (score.type === "invalid") {
+    return {
+      empty: true,
+      correct: false,
+      message: score.message,
+      suppressAlmostThere: score.suppressAlmostThere,
+      guess: guess,
+      state: state
+    };
+  }
+  throw new perseusCore.PerseusError(
+  // @ts-expect-error - TS2339 - Property 'type' does not exist on type 'never'.
+  "Invalid score type: " + score.type, perseusCore.Errors.InvalidInput, {
+    metadata: {
+      score: JSON.stringify(score),
+      guess: JSON.stringify(guess),
+      state: JSON.stringify(state)
+    }
+  });
+}
+
 /**
  * Traverses a {content, widgets, images} renderer props object,
  * such as `itemData.question`
@@ -44217,7 +43733,7 @@ const deepCallbackFor = function (contentCallback, widgetCallback, optionsCallba
     // This doesn't modify the widget info if the widget info
     // is at a later version than is supported, which is important
     // for our latestVersion test below.
-    const upgradedWidgetInfo = upgradeWidgetInfoToLatestVersion(widgetInfo);
+    const upgradedWidgetInfo = perseusCore.upgradeWidgetInfoToLatestVersion(widgetInfo);
     const latestVersion = getVersion(upgradedWidgetInfo.type);
 
     // Only traverse our children if we can understand this version
@@ -44329,7 +43845,7 @@ const isRawWidgetInfoRenderableBy = function (widgetInfo, rendererContentVersion
 
   // NOTE: This doesn't modify the widget info if the widget info
   // is at a later version than is supported.
-  const upgradedWidgetInfo = upgradeWidgetInfoToLatestVersion(widgetInfo);
+  const upgradedWidgetInfo = perseusCore.upgradeWidgetInfoToLatestVersion(widgetInfo);
   return isUpgradedWidgetInfoRenderableBy(upgradedWidgetInfo, rendererContentVersion[upgradedWidgetInfo.type]);
 };
 const isRendererContentRenderableBy = function (rendererOptions, rendererContentVersion) {
@@ -45677,7 +45193,6 @@ exports.mediaQueries = mediaQueries;
 exports.parseDataFromJSONP = parseDataFromJSONP;
 exports.preprocessTex = preprocessTex;
 exports.registerAllWidgetsForTesting = registerAllWidgetsForTesting;
-exports.scorePerseusItem = scorePerseusItem;
 exports.shouldHaveIndividualAnswer = shouldHaveIndividualAnswer;
 exports.traverse = traverse;
 exports.usePerseusI18n = usePerseusI18n;