@pie-element/select-text 13.1.2-next.0 → 13.1.2-next.10

package/dist/browser/print/index.js

@@ -1,23 +1,22 @@
-import { b as e, w as t } from "../_getTag-x1UozeM0.js";
-import { q as n } from "../Check-CXevxzJJ.js";
-import { t as r } from "../main-4aycOoI5.js";
-import { t as i } from "../debounce-CUpLfqAu.js";
+import { b as e, c as t, g as n } from "../dist-BamN0-DG.js";
+import { C as r } from "../Check-DfUn7PkH.js";
+import { t as i } from "../main-B3z36nHt.js";
 import a from "react";
 import { createRoot as o } from "react-dom/client";
-var s = (0, (/* @__PURE__ */ t(e(), 1)).default)("pie-element:select-text:print"), c = (e, t) => {
+var s = (0, (/* @__PURE__ */ e(n(), 1)).default)("pie-element:select-text:print"), c = (e, t) => {
 	let n = t.role === "instructor";
 	return e.prompt = e.promptEnabled === !1 ? void 0 : e.prompt, e.teacherInstructions = n && e.teacherInstructionsEnabled !== !1 ? e.teacherInstructions : void 0, e.rationale = n && e.rationaleEnabled !== !1 ? e.rationale : void 0, e.showTeacherInstructions = n, e.alwaysShowCorrect = n, e.mode = n ? "evaluate" : e.mode, e.disabled = !0, e.animationsDisabled = !0, e.highlightChoices = !0, e.feedback = void 0, e;
 }, l = class extends HTMLElement {
 	constructor() {
-		super(), this._options = null, this._model = null, this._session = {}, this._session.selectedTokens = [], this._root = null, this._rerender = i(() => {
+		super(), this._options = null, this._model = null, this._session = {}, this._session.selectedTokens = [], this._root = null, this._rerender = t(() => {
 			if (this._model && this._session) {
-				let e = c(this._model, this._options), t = this._options && a.createElement(r, {
+				let e = c(this._model, this._options), t = this._options && a.createElement(i, {
 					model: e,
 					session: { selectedTokens: [] },
 					onSelectionChange: () => {}
 				});
 				this._root ||= o(this), this._root.render(t), queueMicrotask(() => {
-					s("render complete - render math"), n(this);
+					s("render complete - render math"), r(this);
 				});
 			} else s("skip");
 		}, 50, {

package/dist/browser/print/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/select-text/src/print.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from 'lodash-es';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:select-text:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.highlightChoices = true;\n  model.feedback = undefined;\n\n  return model;\n};\n\nexport default class SelectTextPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = {};\n    this._session.selectedTokens = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: { selectedTokens: [] },\n              onSelectionChange: () => {},\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,GAAA,SAAY,+BAA+B,GAU3C,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS;CAe5B,OAbA,EAAM,SAAS,EAAM,kBAAkB,KAAuB,KAAA,IAAf,EAAM,QACrD,EAAM,sBACJ,KAAS,EAAM,+BAA+B,KAAQ,EAAM,sBAAsB,KAAA,GACpF,EAAM,YAAY,KAAS,EAAM,qBAAqB,KAAQ,EAAM,YAAY,KAAA,GAChF,EAAM,0BAA0B,GAChC,EAAM,oBAAoB,GAC1B,EAAM,OAAO,IAAQ,aAAa,EAAM,MAExC,EAAM,WAAW,IACjB,EAAM,qBAAqB,IAC3B,EAAM,mBAAmB,IACzB,EAAM,WAAW,KAAA,GAEV;AACT,GAEqB,IAArB,cAA6C,YAAY;CACvD,cAAc;EAOZ,AANA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,SAAS,iBAAiB,CAAC,GAChC,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM;KACxB,OAAO;KACP,SAAS,EAAE,gBAAgB,CAAC,EAAE;KAC9B,yBAAyB,CAAC;IAC5B,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/select-text/src/print.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:select-text:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.highlightChoices = true;\n  model.feedback = undefined;\n\n  return model;\n};\n\nexport default class SelectTextPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = {};\n    this._session.selectedTokens = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: { selectedTokens: [] },\n              onSelectionChange: () => {},\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,EAAA,CAAA,QAAA,CAAY,+BAA+B,GAU3C,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS;CAe5B,OAbA,EAAM,SAAS,EAAM,kBAAkB,KAAuB,KAAA,IAAf,EAAM,QACrD,EAAM,sBACJ,KAAS,EAAM,+BAA+B,KAAQ,EAAM,sBAAsB,KAAA,GACpF,EAAM,YAAY,KAAS,EAAM,qBAAqB,KAAQ,EAAM,YAAY,KAAA,GAChF,EAAM,0BAA0B,GAChC,EAAM,oBAAoB,GAC1B,EAAM,OAAO,IAAQ,aAAa,EAAM,MAExC,EAAM,WAAW,IACjB,EAAM,qBAAqB,IAC3B,EAAM,mBAAmB,IACzB,EAAM,WAAW,KAAA,GAEV;AACT,GAEqB,IAArB,cAA6C,YAAY;CACvD,cAAc;EAOZ,AANA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,SAAS,iBAAiB,CAAC,GAChC,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM;KACxB,OAAO;KACP,SAAS,EAAE,gBAAgB,CAAC,EAAE;KAC9B,yBAAyB,CAAC;IAC5B,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}

package/dist/controller/index.js

@@ -1,10 +1,10 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import t from "./defaults.js";
-import n from "debug";
+import e from "./defaults.js";
+import t from "debug";
+import { isEmpty as n } from "@pie-element/shared-lodash";
 import { getFeedbackForCorrectness as r } from "@pie-element/shared-feedback";
 import { partialScoring as i } from "@pie-element/shared-controller-utils";
 //#region src/controller/index.ts
-var a = n("@pie-element:select-text:controller"), o = (e = {}, t = {}) => e?.start === t?.start && e?.end === t?.end || e?.start === t?.oldStart && e?.end === t?.oldEnd, s = (e = [], t = [], n = !1) => (e || []).map((e) => {
+var a = t("@pie-element:select-text:controller"), o = (e = {}, t = {}) => e?.start === t?.start && e?.end === t?.end || e?.start === t?.oldStart && e?.end === t?.oldEnd, s = (e = [], t = [], n = !1) => (e || []).map((e) => {
 	let r = !!e.correct, i = r && !(t || []).find((t) => o(e, t));
 	return {
 		...e,
@@ -20,9 +20,9 @@ var a = n("@pie-element:select-text:controller"), o = (e = {}, t = {}) => e?.sta
 		if (r.length > 0) return "partially-correct";
 	}
 	return r.length > 0 ? "partially-correct" : "incorrect";
-}, l = (e, t) => (t || []).filter((t) => e.findIndex((e) => e.correct && o(e, t)) !== -1), u = (t, n, r) => {
-	if (!n || e(n)) return 0;
-	let i = l(t.tokens, n.selectedTokens).length, a = (t.tokens || []).filter((e) => e.correct === !0), o = i - (n.selectedTokens && n.selectedTokens.length > a.length ? n.selectedTokens && n.selectedTokens.length - i : 0), s = o < 0 ? 0 : o;
+}, l = (e, t) => (t || []).filter((t) => e.findIndex((e) => e.correct && o(e, t)) !== -1), u = (e, t, r) => {
+	if (!t || n(t)) return 0;
+	let i = l(e.tokens, t.selectedTokens).length, a = (e.tokens || []).filter((e) => e.correct === !0), o = i - (t.selectedTokens && t.selectedTokens.length > a.length ? t.selectedTokens && t.selectedTokens.length - i : 0), s = o < 0 ? 0 : o;
 	return r.length ? parseFloat((s / r.length).toFixed(2)) : 0;
 }, d = (e, t, n) => {
 	let r = [], a = t?.selectedTokens || [], s = e?.tokens || [];
@@ -39,38 +39,38 @@ var a = n("@pie-element:select-text:controller"), o = (e = {}, t = {}) => e?.sta
 	p ? (r.push("Score calculated using partial scoring."), r.push("Score is based on the number of correct minus incorrect selections, divided by the total number of correct tokens."), f > 0 && a.length > c && r.push("Extra selected tokens beyond the correct set reduce the score.")) : (r.push("Score calculated using all-or-nothing scoring."), r.push("Student must select all correct tokens and no incorrect tokens to receive full credit."));
 	let m = u(e, t, s.filter((e) => e.correct)), h = p ? m : +(m === 1);
 	return r.push(`Final score: ${h}.`), r;
-}, f = (t, n, r) => new Promise((a) => {
-	if ((!n || e(n)) && a({
+}, f = (e, t, r) => new Promise((a) => {
+	if ((!t || n(t)) && a({
 		score: 0,
 		empty: !0,
 		logTrace: ["Student did not select any token."]
-	}), n = m(n), r.mode !== "evaluate") a({
+	}), t = m(t), r.mode !== "evaluate") a({
 		score: void 0,
 		completed: void 0,
 		logTrace: []
 	});
 	else {
-		let e = i.enabled(t, r, !0), o = t.tokens.filter((e) => e.correct), s = u(t, n, o);
+		let n = i.enabled(e, r, !0), o = e.tokens.filter((e) => e.correct), s = u(e, t, o);
 		a({
-			score: e ? s : +(s === 1),
-			logTrace: d(t, n, r)
+			score: n ? s : +(s === 1),
+			logTrace: d(e, t, r)
 		});
 	}
 });
-function p(e = {}) {
+function p(t = {}) {
 	return new Promise((n) => {
 		n({
-			...t,
-			...e
+			...e,
+			...t
 		});
 	});
 }
 var m = (e) => ({
 	selectedTokens: [],
 	...e
-}), h = (e) => ({
-	...t,
-	...e
+}), h = (t) => ({
+	...e,
+	...t
 }), g = (e, t, n) => {
 	t ||= { selectedToken: [] }, t.selectedTokens = t.selectedTokens || [];
 	let i = h(e);

package/dist/delivery/index.js

@@ -53,7 +53,7 @@ var s = class extends HTMLElement {
 		}
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/delivery/main.d.ts

@@ -17,6 +17,8 @@ export declare class Main extends React.Component {
     static defaultProps: {};
     constructor(props: any);
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
     toggleShowCorrect: any;
     correctAnswer: any;
     render(): React.JSX.Element;

package/dist/delivery/main.js

@@ -1,36 +1,38 @@
 import e from "./utils.js";
 import t from "react";
-import n from "prop-types";
-import { Legend as r, TextSelect as i } from "@pie-lib/text-select";
-import a from "@pie-lib/correct-answer-toggle";
-import * as o from "@pie-lib/render-ui";
-import { Collapsible as s, Feedback as c, PreviewPrompt as l, UiLayout as u, color as d, hasMedia as f, hasText as p } from "@pie-lib/render-ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { styled as g } from "@mui/material/styles";
-import _ from "debug";
+import n from "react-dom";
+import r from "prop-types";
+import { Legend as i, TextSelect as a } from "@pie-lib/text-select";
+import o from "@pie-lib/correct-answer-toggle";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, Feedback as l, PreviewPrompt as u, UiLayout as d, color as f, hasMedia as p, hasText as m } from "@pie-lib/render-ui";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { renderMath as _ } from "@pie-element/shared-math-rendering-mathjax";
+import { styled as v } from "@mui/material/styles";
+import y from "debug";
 //#region src/delivery/main.tsx
-function v(e) {
+function b(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function y(e, t) {
-	return !e || v(e) ? e : v(e.default) ? e.default : t && v(e[t]) ? e[t] : t && v(e[t]?.default) ? e[t].default : e;
+function x(e, t) {
+	return !e || b(e) ? e : b(e.default) ? e.default : t && b(e[t]) ? e[t] : t && b(e[t]?.default) ? e[t].default : e;
 }
-var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt") || y(E.PreviewPrompt, "PreviewPrompt"), S = y(s, "Collapsible") || y(E.Collapsible, "Collapsible"), C = y(c, "Feedback") || y(E.Feedback, "Feedback"), w = o, T = w.default, E = T && typeof T == "object" ? T : w, D = _("@pie-ui:select-text"), O = g(b)({
-	color: d.text(),
-	backgroundColor: d.background()
-}), k = g(i)(({ theme: e }) => ({
+var S = x(d, "UiLayout") || x(O.UiLayout, "UiLayout"), C = x(u, "PreviewPrompt") || x(O.PreviewPrompt, "PreviewPrompt"), w = x(c, "Collapsible") || x(O.Collapsible, "Collapsible"), T = x(l, "Feedback") || x(O.Feedback, "Feedback"), E = s, D = E.default, O = D && typeof D == "object" ? D : E, k = y("@pie-ui:select-text"), A = v(S)({
+	color: f.text(),
+	backgroundColor: f.background()
+}), j = v(a)(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	marginTop: e.spacing(2),
 	whiteSpace: "normal"
-})), A = g("div")(({ theme: e }) => ({
+})), M = v("div")(({ theme: e }) => ({
 	verticalAlign: "middle",
 	marginBottom: e.spacing(1)
-})), j = g(S)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), M = {
-	model: n.object,
-	session: n.object,
-	onSelectionChange: n.func.isRequired
-}, N = class extends t.Component {
-	static propTypes = M;
+})), N = v(w)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), P = {
+	model: r.object,
+	session: r.object,
+	onSelectionChange: r.func.isRequired
+}, F = class extends t.Component {
+	static propTypes = P;
 	static defaultProps = {};
 	constructor(t) {
 		super(t), this.state = {
@@ -44,6 +46,12 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 			model: e(t.model)
 		});
 	}
+	componentDidMount() {
+		_(n.findDOMNode(this));
+	}
+	componentDidUpdate() {
+		_(n.findDOMNode(this));
+	}
 	toggleShowCorrect = () => {
 		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
 	};
@@ -52,56 +60,57 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 		return e.tokens.filter((e) => e.correct);
 	};
 	render() {
-		let { session: e, onSelectionChange: t } = this.props, { showCorrectAnswer: n, model: i } = this.state, { env: o, extraCSSRules: s } = i, { mode: c } = o || {}, l = n ? this.correctAnswer() : e.selectedTokens, u = i.rationale && (p(i.rationale) || f(i.rationale)), d = i.teacherInstructions && (p(i.teacherInstructions) || f(i.teacherInstructions));
-		return D("[render] selectedTokens:", l), /* @__PURE__ */ h(O, {
+		let { session: e, onSelectionChange: t } = this.props, { showCorrectAnswer: n, model: r } = this.state, { env: a, extraCSSRules: s } = r, { mode: c } = a || {}, l = n ? this.correctAnswer() : e.selectedTokens, u = r.rationale && (m(r.rationale) || p(r.rationale)), d = r.teacherInstructions && (m(r.teacherInstructions) || p(r.teacherInstructions));
+		return k("[render] selectedTokens:", l), /* @__PURE__ */ g(A, {
 			extraCSSRules: s,
 			children: [
-				d && (i.animationsDisabled ? /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.teacherInstructions }) }) : /* @__PURE__ */ m(j, {
+				d && (r.animationsDisabled ? /* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.teacherInstructions }) }) : /* @__PURE__ */ h(N, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
 					},
-					children: /* @__PURE__ */ m(x, { prompt: i.teacherInstructions })
+					children: /* @__PURE__ */ h(C, { prompt: r.teacherInstructions })
 				})),
-				/* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.prompt }) }),
-				!i.alwaysShowCorrect && /* @__PURE__ */ m(a, {
-					show: i.disabled && i.incorrect,
+				/* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.prompt }) }),
+				!r.alwaysShowCorrect && /* @__PURE__ */ h(o, {
+					show: r.disabled && r.incorrect,
 					toggled: n,
 					onToggle: this.toggleShowCorrect,
-					language: i.language
+					language: r.language
 				}),
-				/* @__PURE__ */ m(k, {
-					disabled: i.disabled,
-					text: i.text,
-					tokens: i.tokens,
+				/* @__PURE__ */ h(j, {
+					disabled: r.disabled,
+					text: r.text,
+					tokens: r.tokens,
 					selectedTokens: l,
 					onChange: (e) => {
-						t(e.map((e) => i.tokens.find(({ start: t, end: n }) => e.start === t && e.end === n) || e));
+						let n = e.map((e) => r.tokens.find(({ start: t, end: n }) => e.start === t && e.end === n) || e);
+						t(n);
 					},
-					highlightChoices: i.highlightChoices,
-					maxNoOfSelections: i.maxSelections,
-					animationsDisabled: i.animationsDisabled
+					highlightChoices: r.highlightChoices,
+					maxNoOfSelections: r.maxSelections,
+					animationsDisabled: r.animationsDisabled
 				}),
-				c === "evaluate" && /* @__PURE__ */ m(r, {
-					language: i.language,
+				c === "evaluate" && /* @__PURE__ */ h(i, {
+					language: r.language,
 					showOnlyCorrect: n
 				}),
-				u && (i.animationsDisabled ? /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.rationale }) }) : /* @__PURE__ */ m(j, {
+				u && (r.animationsDisabled ? /* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.rationale }) }) : /* @__PURE__ */ h(N, {
 					labels: {
 						hidden: "Show Rationale",
 						visible: "Hide Rationale"
 					},
-					children: /* @__PURE__ */ m(x, { prompt: i.rationale })
+					children: /* @__PURE__ */ h(C, { prompt: r.rationale })
 				})),
-				i.correctness && i.feedback && !n && /* @__PURE__ */ m(C, {
-					correctness: i.correctness,
-					feedback: i.feedback
+				r.correctness && r.feedback && !n && /* @__PURE__ */ h(T, {
+					correctness: r.correctness,
+					feedback: r.feedback
 				})
 			]
 		});
 	}
-}, P = class extends t.Component {
-	static propTypes = M;
+}, I = class extends t.Component {
+	static propTypes = P;
 	constructor(e) {
 		super(e), this.state = {
 			model: e.model,
@@ -125,7 +134,7 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 	};
 	render() {
 		let { model: e, session: t } = this.state;
-		return /* @__PURE__ */ m(N, {
+		return /* @__PURE__ */ h(F, {
 			model: e,
 			session: t,
 			onSelectionChange: this.change
@@ -133,4 +142,4 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 	}
 };
 //#endregion
-export { P as default };
+export { F as Main, I as default };