@pie-element/multiple-choice 13.0.1 → 13.1.1-next.0

package/dist/author/main.js

@@ -0,0 +1,290 @@
+import e from "../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/merge.js";
+import { generateValidationMessage as t } from "./utils.js";
+import n from "react";
+import r from "prop-types";
+import { color as i } from "@pie-lib/render-ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { styled as s } from "@mui/material/styles";
+import c from "@mui/material/Box";
+import l from "@pie-lib/editable-html-tip-tap";
+import { AlertDialog as u, ChoiceConfiguration as ee, InputContainer as d, choiceUtils as f, layout as te, settings as p } from "@pie-lib/config-ui";
+import m from "@mui/material/Button";
+import h from "@mui/material/Tooltip";
+import g from "@mui/material/Typography";
+import ne from "@mui/icons-material/Info";
+//#region src/author/main.tsx
+var { Panel: re, toggle: _, radio: v, dropdown: y } = p, b = 9, ie = s(d)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), ae = s(d)(({ theme: e }) => ({
+	flex: 1,
+	marginTop: e.spacing(1.5),
+	paddingTop: e.spacing(2),
+	marginLeft: e.spacing(3.5)
+})), oe = s(d)(({ theme: e }) => ({
+	display: "flex",
+	flexDirection: "column",
+	marginBottom: e.spacing(1),
+	width: "100%"
+})), x = s(m)(({ theme: e }) => ({
+	marginTop: e.spacing(1),
+	float: "right"
+})), se = s(x)({
+	cursor: "not-allowed",
+	pointerEvents: "all",
+	backgroundColor: i.disabled(),
+	"&:hover": { backgroundColor: i.disabled() },
+	"&:focus": { backgroundColor: i.disabled() }
+}), ce = s(c)({
+	display: "flex",
+	alignItems: "center"
+}), le = s(g)(({ theme: e }) => ({
+	fontSize: e.typography.fontSize + 2,
+	marginRight: e.spacing(1)
+})), S = s(h)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+	fontSize: e.typography.fontSize - 2,
+	whiteSpace: "pre",
+	maxWidth: "500px"
+} })), C = s("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), w = (e) => {
+	let { model: n, configuration: r, onPromptChanged: i, onChoiceChanged: s, onRemoveChoice: c, onAddChoice: u, imageSupport: d, uploadSoundSupport: f, onChangeModel: p, onConfigurationChanged: m, onTeacherInstructionsChanged: h } = e, { addChoiceButton: g = {}, contentDimensions: w = {}, feedback: T = {}, deleteChoice: ue = {}, choiceMode: de = {}, choicePrefix: fe = {}, partialScoring: E = {}, lockChoiceOrder: D = {}, teacherInstructions: O = {}, studentInstructions: k = {}, rationale: A = {}, scoringType: j = {}, sequentialChoiceLabels: M = {}, settingsPanelDisabled: pe, choicesLayout: N, spellCheck: P = {}, gridColumns: me, maxImageWidth: F = {}, maxImageHeight: I = {}, prompt: L = {}, withRubric: R = {}, mathMlOptions: z = {}, language: B = {}, languageChoices: V = {} } = r || {}, { maxAnswerChoices: H } = r || {}, { limitChoicesNumber: he, teacherInstructionsEnabled: ge, rationaleEnabled: _e, feedbackEnabled: ve, promptEnabled: ye, spellCheckEnabled: U, choices: W, errors: be, toolbarEditorPosition: xe, extraCSSRules: Se } = n || {}, { answerChoices: G, choices: Ce, correctResponse: K, prompt: q, rationale: J, teacherInstructions: Y } = be || {}, we = W?.length ? Array.from({ length: W.length }, (e, t) => `${t + 1}`) : [], { baseInputConfiguration: Te = {} } = r, X = { position: xe === "top" ? "top" : "bottom" };
+	he && (H = b);
+	let Z = (e = {}) => ({
+		...Te,
+		...e
+	}), Ee = t(r), Q = F && F.prompt, $ = I && I.prompt, De = H && W?.length >= H ? `Only ${H} allowed maximum` : "", Oe = {
+		choiceMode: de.settings && v(de.label, ["checkbox", "radio"]),
+		"sequentialChoiceLabels.enabled": M.settings && _(M.label, !0),
+		choicePrefix: fe.settings && v(fe.label, ["numbers", "letters"]),
+		partialScoring: E.settings && _(E.label),
+		lockChoiceOrder: D.settings && _(D.label),
+		feedbackEnabled: T.settings && _(T.label),
+		choicesLayout: N.settings && y(N.label, [
+			"vertical",
+			"grid",
+			"horizontal"
+		]),
+		gridColumns: N.settings && n.choicesLayout === "grid" && we.length > 0 && y(me.label, we),
+		"language.enabled": B.settings && _(B.label, !0),
+		language: B.settings && B.enabled && y(V.label, V.options)
+	}, ke = {
+		teacherInstructionsEnabled: O.settings && _(O.label),
+		studentInstructionsEnabled: k.settings && _(k.label),
+		promptEnabled: L.settings && _(L.label),
+		rationaleEnabled: A.settings && _(A.label),
+		spellCheckEnabled: P.settings && _(P.label),
+		scoringType: j.settings && v(j.label, ["auto", "rubric"]),
+		rubricEnabled: R?.settings && _(R?.label)
+	};
+	return /* @__PURE__ */ o(te.ConfigLayout, {
+		dimensions: w,
+		hideSettings: pe,
+		extraCSSRules: Se,
+		classes: {},
+		settings: /* @__PURE__ */ a(re, {
+			model: n,
+			onChangeModel: p,
+			configuration: r,
+			onChangeConfiguration: m,
+			groups: {
+				Settings: Oe,
+				Properties: ke
+			}
+		}),
+		children: [
+			ge && /* @__PURE__ */ o(ie, {
+				label: O.label,
+				children: [/* @__PURE__ */ a(l, {
+					markup: n.teacherInstructions || "",
+					onChange: h,
+					imageSupport: d,
+					nonEmpty: !1,
+					disableUnderline: !0,
+					error: Y,
+					toolbarOpts: X,
+					pluginProps: Z(r?.teacherInstructions?.inputConfiguration),
+					spellCheck: U,
+					maxImageWidth: F && F.teacherInstructions || Q,
+					maxImageHeight: I && I.teacherInstructions || $,
+					uploadSoundSupport: f,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					mathMlOptions: z
+				}), Y && /* @__PURE__ */ a(C, { children: Y })]
+			}),
+			ye && /* @__PURE__ */ o(ie, {
+				label: L.label,
+				children: [/* @__PURE__ */ a(l, {
+					markup: n.prompt,
+					onChange: i,
+					imageSupport: d,
+					nonEmpty: !1,
+					disableUnderline: !0,
+					error: q,
+					toolbarOpts: X,
+					pluginProps: Z(r?.prompt?.inputConfiguration),
+					spellCheck: U,
+					maxImageWidth: F && F.prompt,
+					maxImageHeight: I && I.prompt,
+					uploadSoundSupport: f,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					mathMlOptions: z
+				}), q && /* @__PURE__ */ a(C, { children: q })]
+			}),
+			/* @__PURE__ */ o(ce, { children: [/* @__PURE__ */ a(le, {
+				component: "div",
+				children: "Choices"
+			}), /* @__PURE__ */ a(S, {
+				disableFocusListener: !0,
+				disableTouchListener: !0,
+				placement: "right",
+				title: Ee,
+				children: /* @__PURE__ */ a(ne, {
+					fontSize: "small",
+					color: "primary"
+				})
+			})] }),
+			W.map((e, t) => /* @__PURE__ */ o(oe, { children: [/* @__PURE__ */ a(ee, {
+				index: t + 1,
+				useLetterOrdering: n.choicePrefix === "letters",
+				mode: n.choiceMode,
+				data: e,
+				defaultFeedback: {},
+				imageSupport: d,
+				disableImageAlignmentButtons: !0,
+				onDelete: () => c(t),
+				onChange: (e) => s(t, e),
+				allowFeedBack: ve,
+				allowDelete: ue.settings,
+				noLabels: !0,
+				pluginOpts: Z(r?.choices?.inputConfiguration),
+				toolbarOpts: X,
+				spellCheck: U,
+				error: Ce?.[e.value] || null,
+				noCorrectAnswerError: K,
+				maxImageWidth: F && F.choices || Q,
+				maxImageHeight: I && I.choices || $,
+				uploadSoundSupport: f,
+				mathMlOptions: z
+			}, t), _e && /* @__PURE__ */ o(ae, {
+				label: A.label,
+				children: [/* @__PURE__ */ a(l, {
+					markup: e.rationale || "",
+					onChange: (n) => s(t, {
+						...e,
+						rationale: n
+					}),
+					imageSupport: d,
+					error: J?.[e.value] || null,
+					toolbarOpts: X,
+					pluginProps: Z(r?.rationale?.inputConfiguration),
+					spellCheck: U,
+					maxImageWidth: F && F.rationale || Q,
+					maxImageHeight: I && I.rationale || $,
+					uploadSoundSupport: f,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					mathMlOptions: z
+				}), J?.[e.value] && /* @__PURE__ */ a(C, { children: J?.[e.value] })]
+			}, `rationale-${t}`)] }, `choice-${t}`)),
+			K && /* @__PURE__ */ a(C, { children: K }),
+			G && /* @__PURE__ */ a(C, { children: G }),
+			g.settings && /* @__PURE__ */ a(S, {
+				title: De,
+				children: H && W?.length >= H ? /* @__PURE__ */ a(se, {
+					variant: "contained",
+					color: "primary",
+					onClick: u,
+					disabled: !0,
+					children: g.label
+				}) : /* @__PURE__ */ a(x, {
+					variant: "contained",
+					color: "primary",
+					onClick: u,
+					children: g.label
+				})
+			})
+		]
+	});
+}, T = class extends n.Component {
+	static propTypes = {
+		model: r.object.isRequired,
+		configuration: r.object.isRequired,
+		disableSidePanel: r.bool,
+		onModelChanged: r.func.isRequired,
+		onConfigurationChanged: r.func.isRequired,
+		imageSupport: r.shape({
+			add: r.func.isRequired,
+			delete: r.func.isRequired
+		})
+	};
+	state = { showWarning: !1 };
+	onRemoveChoice = (e) => {
+		let { model: t, configuration: n, onModelChanged: r } = this.props, { minAnswerChoices: i } = n || {};
+		if (i && t.choices.length === i) {
+			this.setState({ showWarning: !0 });
+			return;
+		}
+		t.choices.splice(e, 1), r(t);
+	};
+	onAddChoice = () => {
+		let { model: e, configuration: t, onModelChanged: n } = this.props, { maxAnswerChoices: r } = t || {}, { limitChoicesNumber: i } = e || {};
+		i && (r = b), !(r && e.choices.length >= r) && (e.choices.push({
+			label: "",
+			value: f.firstAvailableIndex(e.choices.map((e) => e.value), 0),
+			feedback: { type: "none" }
+		}), n(e));
+	};
+	onChoiceChanged = (t, n) => {
+		let { model: r, onModelChanged: i } = this.props;
+		n.correct && r.choiceMode === "radio" && (r.choices = r.choices.map((t) => e({}, t, { correct: !1 }))), r.choices.splice(t, 1, n), i(r);
+	};
+	onPromptChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			prompt: e
+		});
+	};
+	onTeacherInstructionsChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			teacherInstructions: e
+		});
+	};
+	onModelChanged = (e, t) => {
+		let { onModelChanged: n } = this.props;
+		switch (t) {
+			case "choiceMode":
+				if (e.choiceMode === "radio") {
+					let t = !1;
+					e.choices = e.choices.map((e) => t ? (e.correct = !1, e) : (e.correct && (t = !0), e));
+				}
+				n(e, !0);
+				break;
+			default:
+				n(e);
+				break;
+		}
+	};
+	render() {
+		let { configuration: { minAnswerChoices: e } = {} } = this.props, { showWarning: t } = this.state;
+		return /* @__PURE__ */ o(n.Fragment, { children: [/* @__PURE__ */ a(u, {
+			open: t,
+			title: "Warning",
+			text: `There can't be less than ${e || 0} choices.`,
+			onConfirm: () => this.setState({ showWarning: !1 })
+		}), /* @__PURE__ */ a(w, {
+			...this.props,
+			onChangeModel: this.onModelChanged,
+			onRemoveChoice: this.onRemoveChoice,
+			onChoiceChanged: this.onChoiceChanged,
+			onAddChoice: this.onAddChoice,
+			onPromptChanged: this.onPromptChanged,
+			onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
+		})] });
+	}
+};
+//#endregion
+export { T as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/multiple-choice/configure/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const generateValidationMessage: (config: any) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/author/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/author/utils.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,eAAO,MAAM,yBAAyB,GAAI,WAAM,WAc/C,CAAC"}

package/dist/author/utils.js

@@ -0,0 +1,7 @@
+//#region src/author/utils.ts
+var e = (e) => {
+	let { minAnswerChoices: t, maxAnswerChoices: n } = e;
+	return "Validation requirements:" + (`\nThere should be at least ${t} ` + (n ? `and at most ${n} ` : "") + "answer choices defined.\nEvery answer choice should be non-blank and unique.") + "\nA correct answer must be defined.";
+};
+//#endregion
+export { e as generateValidationMessage };

package/dist/controller/defaults.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @synced-from pie-elements/packages/multiple-choice/controller/src/defaults.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const _default: {
+    choiceMode: string;
+    choicePrefix: string;
+    choices: never[];
+    choicesLayout: string;
+    feedbackEnabled: boolean;
+    gridColumns: number;
+    lockChoiceOrder: boolean;
+    partialScoring: boolean;
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    scoringType: string;
+    studentInstructionsEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    toolbarEditorPosition: string;
+    selectedAnswerBackgroundColor: string;
+    selectedAnswerStrokeColor: string;
+    selectedAnswerStrokeWidth: string;
+    hoverAnswerBackgroundColor: string;
+    hoverAnswerStrokeColor: string;
+    hoverAnswerStrokeWidth: string;
+    keyboardEventsEnabled: boolean;
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/controller/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/controller/defaults.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAyBE"}

package/dist/controller/defaults.js

@@ -0,0 +1,29 @@
+//#region src/controller/defaults.ts
+var e = {
+	choiceMode: "checkbox",
+	choicePrefix: "letters",
+	choices: [],
+	choicesLayout: "vertical",
+	feedbackEnabled: !1,
+	gridColumns: 2,
+	lockChoiceOrder: !0,
+	partialScoring: !0,
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	scoringType: "auto",
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	toolbarEditorPosition: "bottom",
+	selectedAnswerBackgroundColor: "initial",
+	selectedAnswerStrokeColor: "initial",
+	selectedAnswerStrokeWidth: "initial",
+	hoverAnswerBackgroundColor: "initial",
+	hoverAnswerStrokeColor: "initial",
+	hoverAnswerStrokeWidth: "initial",
+	keyboardEventsEnabled: !1
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @synced-from pie-elements/packages/multiple-choice/controller/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare function createDefaultModel(model?: {}): Promise<unknown>;
+export declare const normalize: (question: any) => any;
+/**
+ *
+ * @param {*} question
+ * @param {*} session
+ * @param {*} env
+ * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.
+ */
+export declare function model(question: any, session: any, env: any, updateSession: any): Promise<{
+    disabled: boolean;
+    mode: any;
+    prompt: any;
+    choicesLayout: any;
+    gridColumns: any;
+    choiceMode: any;
+    keyMode: any;
+    choices: any;
+    responseCorrect: any;
+    language: any;
+    extraCSSRules: any;
+    fontSizeFactor: any;
+    isSelectionButtonBelow: any;
+    selectedAnswerBackgroundColor: any;
+    selectedAnswerStrokeColor: any;
+    selectedAnswerStrokeWidth: any;
+    hoverAnswerBackgroundColor: any;
+    hoverAnswerStrokeColor: any;
+    hoverAnswerStrokeWidth: any;
+    minSelections: any;
+    maxSelections: any;
+    keyboardEventsEnabled: any;
+    autoplayAudioEnabled: any;
+    completeAudioEnabled: any;
+    customAudioButton: any;
+}>;
+export declare const getScore: (config: any, session: any) => number;
+/**
+ * Generates detailed trace log for scoring evaluation
+ * @param {Object} model - the question model
+ * @param {Object} session - the student session
+ * @param {Object} env - the environment
+ * @returns {Array} traceLog - array of trace messages
+ */
+export declare const getLogTrace: (model: any, session: any, env: any) => string[];
+/**
+ *
+ * The score is partial by default for checkbox mode, allOrNothing for radio mode.
+ * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring = false. the value in `env` will
+ * override the value in `model`.
+ * @param {Object} model - the main model
+ * @param {*} session
+ * @param {Object} env
+ */
+export declare function outcome(model: any, session: any, env: any): Promise<unknown>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}, config?: {}) => {};
+//# sourceMappingURL=index.d.ts.map

package/dist/controller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controller/index.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAsCH,wBAAgB,kBAAkB,CAAC,KAAK,KAAK,oBAE5C;AAED,eAAO,MAAM,SAAS,GAAI,aAAQ,QAUjC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAsB,KAAK,CAAC,QAAQ,KAAA,EAAE,OAAO,KAAA,EAAE,GAAG,KAAA,EAAE,aAAa,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDhE;AAED,eAAO,MAAM,QAAQ,GAAI,WAAM,EAAE,YAAO,WAwBvC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,UAAK,EAAE,YAAO,EAAE,QAAG,aAiC9C,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,KAAK,KAAA,EAAE,OAAO,KAAA,EAAE,GAAG,KAAA,oBAgB1C;AAED,eAAO,MAAM,4BAA4B,GAAI,aAAQ,EAAE,QAAG,qBAazD,CAAC;AAQF,eAAO,MAAM,QAAQ,GAAI,UAAU,EAAE,WAAW,OA2D/C,CAAC"}

package/dist/controller/index.js

@@ -0,0 +1,124 @@
+import e from "../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEmpty.js";
+import { isResponseCorrect as t } from "./utils.js";
+import n from "./defaults.js";
+import { getShuffledChoices as r, lockChoices as i, partialScoring as a } from "@pie-element/shared-controller-utils";
+//#region src/controller/index.ts
+var o = (e, t, n) => (r) => {
+	let { role: i, mode: a } = t || {}, o = {
+		label: r.label,
+		value: r.value
+	};
+	if (i === "instructor" && (a === "view" || a === "evaluate") ? o.rationale = e.rationaleEnabled ? r.rationale : null : o.rationale = null, a === "evaluate" && (o.correct = !!r.correct, e.feedbackEnabled)) {
+		let e = r.feedback && r.feedback.type || "none";
+		e === "default" ? o.feedback = n[r.correct ? "correct" : "incorrect"] : e === "custom" && (o.feedback = r.feedback.value);
+	}
+	return o;
+};
+function s(e = {}) {
+	return new Promise((t) => t({
+		...n,
+		...e
+	}));
+}
+var c = (e) => {
+	let { verticalMode: t, choicesLayout: r, ...i } = e || {};
+	return {
+		...n,
+		...i,
+		choicesLayout: r || t === !1 && "horizontal" || n.choicesLayout
+	};
+};
+async function l(e, n, a, s) {
+	let l = c(e), u = Object.assign({
+		correct: "Correct",
+		incorrect: "Incorrect"
+	}, l.defaultFeedback), d = (l.choices || []).map(o(l, a, u));
+	i(l, n, a) || (d = await r(d, n, s, "value"));
+	let f = {
+		disabled: a.mode !== "gather",
+		mode: a.mode,
+		prompt: l.promptEnabled ? l.prompt : null,
+		choicesLayout: l.choicesLayout,
+		gridColumns: l.gridColumns,
+		choiceMode: l.choiceMode,
+		keyMode: l.choicePrefix,
+		choices: d,
+		responseCorrect: a.mode === "evaluate" ? t(l, n) : void 0,
+		language: l.language,
+		extraCSSRules: l.extraCSSRules,
+		fontSizeFactor: l.fontSizeFactor,
+		isSelectionButtonBelow: l.isSelectionButtonBelow,
+		selectedAnswerBackgroundColor: l.selectedAnswerBackgroundColor || "initial",
+		selectedAnswerStrokeColor: l.selectedAnswerStrokeColor || "initial",
+		selectedAnswerStrokeWidth: l.selectedAnswerStrokeWidth || "initial",
+		hoverAnswerBackgroundColor: l.hoverAnswerBackgroundColor || "initial",
+		hoverAnswerStrokeColor: l.hoverAnswerStrokeColor || "initial",
+		hoverAnswerStrokeWidth: l.hoverAnswerStrokeWidth || "initial",
+		minSelections: l.minSelections,
+		maxSelections: l.maxSelections,
+		keyboardEventsEnabled: l.keyboardEventsEnabled,
+		autoplayAudioEnabled: l.autoplayAudioEnabled,
+		completeAudioEnabled: l.completeAudioEnabled,
+		customAudioButton: l.customAudioButton
+	}, { role: p, mode: m } = a || {};
+	return p === "instructor" && (m === "view" || m === "evaluate") ? f.teacherInstructions = l.teacherInstructionsEnabled ? l.teacherInstructions : null : f.teacherInstructions = null, f;
+}
+var u = (t, n) => {
+	if (!n || e(n)) return 0;
+	let r = n.value || [], i = (t.choices || []).filter((e) => e.correct), a = r.reduce((e, t) => e + (i.find((e) => e.value === t) ? 1 : 0), 0);
+	i.length < r.length && (a -= r.length - i.length, a < 0 && (a = 0));
+	let o = i.length ? a / i.length : 0;
+	return parseFloat(o.toFixed(2));
+}, d = (e, t, n) => {
+	let r = [], i = t?.value || [], o = e.choiceMode === "radio" ? "multiple-choice (radio)" : "multiple-select (checkbox)";
+	r.push(`Question type: ${o}.`), i.length ? r.push(`Student selected ${i.length} answer(s): ${i.join(", ")}.`) : r.push("Student did not select any answers.");
+	let s = (e.choices || []).filter((e) => e.correct), c = s.map((e) => e.value);
+	if (r.push(`${s.length} correct answer(s) are defined for this question.`), i.length) {
+		let e = i.filter((e) => c.includes(e)), t = i.filter((e) => !c.includes(e));
+		r.push(`Student selected ${e.length} correct and ${t.length} incorrect answer(s).`);
+	}
+	let l = a.enabled(e, n) && e.choiceMode !== "radio" ? "partial scoring" : "all-or-nothing scoring";
+	r.push(`Score calculated using ${l}.`);
+	let d = u(e, t);
+	return r.push(`Final score: ${d}.`), r;
+};
+function f(t, n, r) {
+	return new Promise((i) => {
+		if (!n || e(n)) i({
+			score: 0,
+			empty: !0,
+			traceLog: ["Student did not select any answers. Score is 0."]
+		});
+		else {
+			let e = d(t, n, r), o = u(t, n);
+			i({
+				score: a.enabled(t, r) && t.choiceMode !== "radio" ? o : o === 1 ? 1 : 0,
+				empty: !1,
+				traceLog: e
+			});
+		}
+	});
+}
+var p = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { choices: t } = e || { choices: [] };
+		n({
+			id: "1",
+			value: t.filter((e) => e.correct).map((e) => e.value)
+		});
+	} else n(null);
+}), m = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), h = (t = {}, n = {}) => {
+	let { choices: r } = t, { minAnswerChoices: i = 2, maxAnswerChoices: a } = n, o = [...r || []].reverse(), s = {}, c = {}, l = {};
+	["teacherInstructions", "prompt"].forEach((e) => {
+		n[e]?.required && !m(t[e]) && (l[e] = "This field is required.");
+	});
+	let u = !1;
+	o.forEach((e, t) => {
+		let { correct: r, value: i, label: a, rationale: l } = e;
+		r && (u = !0), m(a) ? o.slice(t + 1).some((e) => e.label === a) && (s[i] = "Content should be unique.") : s[i] = "Content should not be empty.", n.rationale?.required && !m(l) && (c[i] = "This field is required.");
+	});
+	let d = (r || []).length;
+	return d < i ? l.answerChoices = `There should be at least ${i} choices defined.` : d > a && (l.answerChoices = `No more than ${a} choices should be defined.`), u || (l.correctResponse = "No correct response defined."), e(s) || (l.choices = s), e(c) || (l.rationale = c), l;
+};
+//#endregion
+export { p as createCorrectResponseSession, s as createDefaultModel, d as getLogTrace, u as getScore, l as model, c as normalize, f as outcome, h as validate };

package/dist/controller/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @synced-from pie-elements/packages/multiple-choice/controller/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const getCorrectResponse: (choices: any) => any;
+export declare const isResponseCorrect: (question: any, session: any) => any;
+//# sourceMappingURL=utils.d.ts.map

package/dist/controller/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/controller/utils.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAIH,eAAO,MAAM,kBAAkB,GAAI,YAAO,QAI/B,CAAC;AAEZ,eAAO,MAAM,iBAAiB,GAAI,aAAQ,EAAE,YAAO,QAGlD,CAAC"}

package/dist/controller/utils.js

@@ -0,0 +1,8 @@
+import e from "../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEqual.js";
+//#region src/controller/utils.ts
+var t = (e) => e.filter((e) => e.correct).map((e) => e.value).sort(), n = (n, r) => {
+	let i = t(n.choices);
+	return r && e((r.value || []).sort(), i);
+};
+//#endregion
+export { n as isResponseCorrect };

package/dist/delivery/choice-input.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @synced-from pie-elements/packages/multiple-choice/src/choice-input.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const StyledFormControlLabel: any;
+export declare const StyledCheckbox: (props: any) => React.JSX.Element;
+export declare const StyledRadio: (props: any) => React.JSX.Element;
+export declare class ChoiceInput extends React.Component {
+    static propTypes: {
+        choiceMode: PropTypes.Requireable<string>;
+        displayKey: PropTypes.Requireable<string>;
+        checked: PropTypes.Validator<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Validator<boolean>;
+        feedback: PropTypes.Requireable<string>;
+        label: PropTypes.Validator<string>;
+        rationale: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        value: PropTypes.Validator<string>;
+        className: PropTypes.Requireable<string>;
+        tagName: PropTypes.Requireable<string>;
+        hideTick: PropTypes.Requireable<boolean>;
+        isEvaluateMode: PropTypes.Requireable<boolean>;
+        choicesLayout: PropTypes.Requireable<string>;
+        isSelectionButtonBelow: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        rationale: null;
+        checked: boolean;
+        isEvaluateMode: boolean;
+    };
+    constructor(props: any);
+    onToggleChoice(event: any): void;
+    generateChoiceId(): string;
+    handleKeyDown: any;
+    render(): React.JSX.Element;
+}
+export default ChoiceInput;
+//# sourceMappingURL=choice-input.d.ts.map

package/dist/delivery/choice-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-input.d.ts","sourceRoot":"","sources":["../../src/delivery/choice-input.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAoFnC,eAAO,MAAM,sBAAsB,EAAE,GASnC,CAAC;AA+DH,eAAO,MAAM,cAAc,GAAI,UAAK,sBAgBnC,CAAC;AAqBF,eAAO,MAAM,WAAW,GAAI,UAAK,sBAgBhC,CAAC;AAEF,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS;IAC9C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;MAiBd;IAEF,MAAM,CAAC,YAAY;;;;MAIjB;gBAEU,KAAK,KAAA;IAOjB,cAAc,CAAC,KAAK,KAAA;IAIpB,gBAAgB;IAIhB,aAAa,EAAE,GAAG,CA6BhB;IAEF,MAAM;CAmHP;AAED,eAAe,WAAW,CAAC"}