@pie-element/image-cloze-association 10.1.0-next.19 → 10.1.1-next.0

package/dist/author/defaults.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/configure/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: {
+    model: {
+        rationale: string;
+        rationaleEnabled: boolean;
+        studentInstructionsEnabled: boolean;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: boolean;
+            };
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        maxImageWidth: {
+            teacherInstructions: number;
+        };
+        maxImageHeight: {
+            teacherInstructions: number;
+        };
+        settingsPanelDisabled: boolean;
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        teacherInstructions: {
+            settings: boolean;
+            label: string;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+            required: boolean;
+        };
+        withRubric: {
+            settings: boolean;
+            label: string;
+        };
+        mathMlOptions: {
+            mmlOutput: boolean;
+            mmlEditing: boolean;
+        };
+        language: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        languageChoices: {
+            label: string;
+            options: never[];
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,58 @@
+//#region src/author/defaults.ts
+var e = {
+	model: {
+		rationale: "",
+		rationaleEnabled: !0,
+		studentInstructionsEnabled: !0,
+		teacherInstructions: "",
+		teacherInstructionsEnabled: !0
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		maxImageWidth: { teacherInstructions: 300 },
+		maxImageHeight: { teacherInstructions: 300 },
+		settingsPanelDisabled: !1,
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			},
+			required: !1
+		},
+		withRubric: {
+			settings: !1,
+			label: "Add Rubric"
+		},
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/configure/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 default class ImageClozeAssociationConfigure extends HTMLElement {
+    static createDefaultModel: (model?: {}) => {
+        rationale: string;
+        rationaleEnabled: boolean;
+        studentInstructionsEnabled: boolean;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+    };
+    constructor();
+    set model(s: any);
+    set configuration(c: any);
+    set disableSidePanel(s: any);
+    dispatchModelUpdated(reset: any): void;
+    onModelChanged(m: any, reset: any): void;
+    onConfigurationChanged(config: any): void;
+    /**
+     *
+     * @param {done, progress, file} handler
+     */
+    insertImage(handler: any): void;
+    onDeleteImage(src: any, done: any): void;
+    insertSound(handler: any): void;
+    onDeleteSound(src: any, done: any): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,71 @@
+import e from "./root.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import i from "debug";
+import { DeleteImageEvent as a, DeleteSoundEvent as o, InsertImageEvent as s, InsertSoundEvent as c, ModelUpdatedEvent as l } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var u = i("image-cloze-association:configure"), d = class i extends HTMLElement {
+	static createDefaultModel = (e = {}) => ({
+		...t.model,
+		...e
+	});
+	constructor() {
+		super(), this._root = null, this._model = i.createDefaultModel(), this.onModelChanged = this.onModelChanged.bind(this), this._configuration = t.configuration;
+	}
+	set model(e) {
+		this._model = i.createDefaultModel(e), this._render();
+	}
+	set configuration(e) {
+		this._configuration = e, this._render();
+	}
+	set disableSidePanel(e) {
+		this._disableSidePanel = e, this._render();
+	}
+	dispatchModelUpdated(e) {
+		let t = !!e;
+		this.dispatchEvent(new l(this._model, t));
+	}
+	onModelChanged(e, t) {
+		this._model = e, this.dispatchModelUpdated(t), this._render();
+	}
+	onConfigurationChanged(e) {
+		this._configuration = e, this._render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new s(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new a(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new c(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new o(e, t));
+	}
+	_render() {
+		u("_render");
+		let t = n.createElement(e, {
+			disableSidePanel: this._disableSidePanel,
+			model: this._model,
+			configuration: this._configuration,
+			onModelChanged: this.onModelChanged.bind(this),
+			onConfigurationChanged: this.onConfigurationChanged.bind(this),
+			imageSupport: {
+				add: this.insertImage.bind(this),
+				delete: this.onDeleteImage.bind(this)
+			},
+			uploadSoundSupport: {
+				add: this.insertSound.bind(this),
+				delete: this.onDeleteSound.bind(this)
+			}
+		});
+		this._root ||= r(this), this._root.render(t);
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { d as default };

package/dist/author/root.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/configure/src/root.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';
+export declare class Root extends React.Component {
+    onTeacherInstructionsChanged: any;
+    render(): React.JSX.Element;
+}
+export default Root;

package/dist/author/root.js

@@ -0,0 +1,80 @@
+import e from "react";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
+import { InputContainer as a, layout as o, settings as s } from "@pie-lib/config-ui";
+import c from "@pie-lib/editable-html-tip-tap";
+//#region src/author/root.tsx
+var { Panel: l, toggle: u, dropdown: d } = s, f = i(a)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), p = i("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), m = class extends e.Component {
+	onTeacherInstructionsChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			teacherInstructions: e
+		});
+	};
+	render() {
+		let { model: e, configuration: t, onModelChanged: i, onConfigurationChanged: a, imageSupport: s, uploadSoundSupport: m } = this.props, { baseInputConfiguration: h = {}, contentDimensions: g = {}, maxImageWidth: _ = {}, maxImageHeight: v = {}, settingsPanelDisabled: y, spellCheck: b = {}, teacherInstructions: x = {}, withRubric: S = {}, mathMlOptions: C = {}, language: w = {}, languageChoices: T = {} } = t || {}, { errors: E = {}, extraCSSRules: D, spellCheckEnabled: O } = e || {}, { teacherInstructions: k } = E, A = {
+			teacherInstructionsEnabled: x.settings && u(x.label),
+			spellCheckEnabled: b.settings && u(b.label),
+			rubricEnabled: S?.settings && u(S?.label),
+			"language.enabled": w.settings && u(w.label, !0),
+			language: w.settings && w.enabled && d(T.label, T.options)
+		};
+		return /* @__PURE__ */ r(o.ConfigLayout, {
+			extraCSSRules: D,
+			dimensions: g,
+			hideSettings: y,
+			settings: /* @__PURE__ */ n(l, {
+				model: e,
+				configuration: t,
+				onChangeModel: (e) => i(e),
+				onChangeConfiguration: (e) => a(e),
+				groups: { Properties: A }
+			}),
+			children: [e && e.teacherInstructionsEnabled && /* @__PURE__ */ r(f, {
+				label: x.label,
+				children: [/* @__PURE__ */ n(c, {
+					markup: e.teacherInstructions || "",
+					onChange: this.onTeacherInstructionsChanged,
+					imageSupport: s,
+					nonEmpty: !1,
+					error: k,
+					spellCheck: O,
+					pluginProps: ((e = {}) => ({
+						...h,
+						...e
+					}))(x?.inputConfiguration),
+					maxImageWidth: _ && _.teacherInstructions,
+					maxImageHeight: v && v.teacherInstructions,
+					uploadSoundSupport: m,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					mathMlOptions: C
+				}), k && /* @__PURE__ */ n(p, { children: k })]
+			}), /* @__PURE__ */ n("div", { children: "Image cloze association" })]
+		});
+	}
+};
+m.propTypes = {
+	onModelChanged: t.func,
+	onConfigurationChanged: t.func,
+	model: t.object.isRequired,
+	configuration: t.object.isRequired,
+	imageSupport: t.shape({
+		add: t.func.isRequired,
+		delete: t.func.isRequired
+	}),
+	uploadSoundSupport: t.shape({
+		add: t.func.isRequired,
+		delete: t.func.isRequired
+	})
+};
+//#endregion
+export { m as default };

package/dist/controller/defaults.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/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: {
+    rationale: string;
+    rationaleEnabled: boolean;
+    studentInstructionsEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,10 @@
+//#region src/controller/defaults.ts
+var e = {
+	rationale: "",
+	rationaleEnabled: !0,
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/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 const normalize: (question: any) => any;
+export declare const model: (question: any, session: any, env: any) => Promise<unknown>;
+export declare const isResponseCorrect: (correctResponses: any, session: any) => boolean;
+export declare const getPartialScore: (question: 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[];
+export declare const outcome: (config: any, session: any, env?: {}) => Promise<unknown>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -0,0 +1,124 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/shuffle.js";
+import r from "./defaults.js";
+import { getAllUniqueCorrectness as i, getCompleteResponseDetails as a } from "./utils.js";
+import { camelizeKeys as o } from "humps";
+import s from "debug";
+import { partialScoring as c } from "@pie-element/shared-controller-utils";
+//#region src/controller/index.ts
+var l = s("pie-elements:image-cloze-association:controller"), u = (e) => ({
+	...r,
+	...e
+}), d = (e, t, r) => {
+	let i = u(e), s = o(i);
+	return new Promise((e) => {
+		let o = r.mode === "evaluate", { responseAreasToBeFilled: c, possibleResponses: l, hasUnplacedChoices: u } = a(s.validation, s.possibleResponses), d = {
+			disabled: r.mode !== "gather",
+			mode: r.mode,
+			...s,
+			responseCorrect: o ? _(s, t) === 1 : void 0,
+			validation: o ? s.validation : void 0,
+			responseAreasToBeFilled: c,
+			completeResponses: l,
+			hasUnplacedChoices: u
+		};
+		i.shuffle && (d.possibleResponses = n(i.possible_responses)), r.role === "instructor" && (r.mode === "view" || r.mode === "evaluate") ? (d.teacherInstructions = s.teacherInstructionsEnabled ? s.teacherInstructions : null, d.rationale = s.rationale ? s.rationale : null) : (d.teacherInstructions = null, d.rationale = null), e(d);
+	});
+}, f = (n, r) => {
+	let i = e(n), a = !0, o = 0;
+	return !r || t(r) ? !1 : (i.forEach((e) => o += (e.images || []).length), r.answers && o === r.answers.length ? r.answers.forEach((e) => {
+		let t = (i[e.containerIndex]?.images || []).indexOf(e.value);
+		t >= 0 ? i[e.containerIndex].images.splice(t, 1) : a = !1;
+	}) : a = !1, a);
+}, p = (t) => e(t.filter((e) => e.images && e.images.length)), m = (e, t) => {
+	let { validation: { altResponses: n } } = e, { validation: { validResponse: { value: r } } } = e, i = f(r, t);
+	return !i && n && n.length && n.forEach((e) => {
+		f(e.value, t) && (i = !0);
+	}), i;
+}, h = (e, t, n) => {
+	let r = t.filter((t) => t.containerIndex === e), i = r.filter((e) => !e.isCorrect), a = (n.value[e].images || []).length;
+	if (r.length > a) {
+		let e = r.length - a;
+		return i.slice(-e);
+	}
+	return [];
+}, g = (e, n) => {
+	let { validation: { validResponse: r }, maxResponsePerZone: a } = e, o = 0, s = 0, c = 0;
+	if (!n || t(n)) return 0;
+	if (r.value.forEach((e) => c += (e.images || []).length), n.answers && n.answers.length) {
+		let e = i(n.answers, r.value);
+		o = e.filter((e) => e.isCorrect).length, s = e.filter((e) => !e.isCorrect).length, n.answers.forEach((t) => {
+			if (a > 1) {
+				let n = h(t.containerIndex, e, r);
+				n.length && n.forEach((e) => {
+					e.id === t.id && --o;
+				});
+			}
+		}), (!a || a <= 1) && (o -= s);
+	} else o = 0;
+	o = o < 0 ? 0 : o;
+	let l = p(r.value), u = a > 1 ? c : (l || []).length, d = (o / u).toFixed(2);
+	return parseFloat(d);
+}, _ = (e, t, n = {}) => {
+	let r = c.enabled(e, n), i = m(e, t);
+	return r ? g(e, t) : +!!i;
+}, v = (e, t, n) => {
+	let r = [], { answers: i } = t || {}, a = e.validation?.validResponse?.value || [], o = a.length;
+	if (r.push(`${o} placement container(s) defined in this question.`), i && i.length > 0) {
+		r.push(`Student placed ${i.length} image(s) into placement containers.`);
+		let e = {};
+		i.forEach((t) => {
+			e[t.containerIndex] || (e[t.containerIndex] = []), e[t.containerIndex].push(t.value);
+		}), a.forEach((t, n) => {
+			let i = t.images || [], a = e[n] || [];
+			if (i.length > 0) if (a.length === 0) r.push(`Container ${n + 1}: student left empty (should contain ${i.length} image(s)).`);
+			else {
+				let e = a.filter((e) => i.includes(e)).length, t = a.length - e;
+				e > 0 && t === 0 ? r.push(`Container ${n + 1}: student placed ${e} correct image(s).`) : e === 0 && t > 0 ? r.push(`Container ${n + 1}: student placed ${t} incorrect image(s).`) : r.push(`Container ${n + 1}: student placed ${e} correct and ${t} incorrect image(s).`);
+			}
+		});
+	} else r.push("Student did not place any images into placement containers.");
+	let s = e.validation?.altResponses || [];
+	s.length > 0 && r.push(`${s.length} alternate response combination(s) are accepted for this question.`);
+	let l = c.enabled(e, n) ? "partial scoring" : "all-or-nothing scoring";
+	r.push(`Score calculated using ${l}.`);
+	let u = _(e, t, n);
+	return r.push(`Final score: ${u}.`), r;
+}, y = (e, n, r = {}) => new Promise((i) => {
+	if (l("outcome..."), !n || t(n)) i({
+		score: 0,
+		empty: !0,
+		traceLog: ["Student did not place any images into placement containers. Score is 0."]
+	});
+	else {
+		let t = o(e), a = v(t, n, r);
+		i({
+			score: _(t, n, r),
+			empty: !1,
+			traceLog: a
+		});
+	}
+}), b = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { validation: { valid_response: { value: t } } } = e, r = [];
+		t && t.forEach((e, t) => {
+			(e.images || []).forEach((e) => {
+				r.push({
+					value: e,
+					containerIndex: t
+				});
+			});
+		}), n({
+			answers: r,
+			id: "1"
+		});
+	} else n(null);
+}), x = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), S = (e = {}, t = {}) => {
+	let n = {};
+	return ["teacherInstructions"].forEach((r) => {
+		t[r]?.required && !x(e[r]) && (n[r] = "This field is required.");
+	}), n;
+};
+//#endregion
+export { b as createCorrectResponseSession, v as getLogTrace, g as getPartialScore, f as isResponseCorrect, d as model, u as normalize, y as outcome, S as validate };

package/dist/controller/utils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/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 getAllUniqueCorrectness: (answers: any, validResponses: any) => any;
+export declare const getCompleteResponseDetails: (validation: any, allChoices: any) => {
+    responseAreasToBeFilled: any;
+    possibleResponses: any[];
+    hasUnplacedChoices: boolean;
+};

package/dist/controller/utils.js

@@ -0,0 +1,36 @@
+//#region src/controller/utils.ts
+var e = (e, t) => (e || []).map((e) => ({
+	...e,
+	isCorrect: (t[e.containerIndex] && t[e.containerIndex].images || []).includes(e.value)
+})), t = (e, t) => (t[e.containerIndex] && t[e.containerIndex].images || []).filter((t) => t === e.value), n = (n, r) => {
+	let i = e(n, r);
+	return n.forEach((e) => {
+		let a = n.filter((t) => t.value === e.value && t.containerIndex === e.containerIndex);
+		a.length > 1 && (a.shift(), a.forEach((e, n) => {
+			i = (i || []).map((i) => {
+				if (i.id === e.id) {
+					let e = t(i, r);
+					return {
+						...i,
+						isCorrect: e.length > n + 1
+					};
+				}
+				return i;
+			});
+		}));
+	}), i;
+}, r = (e, t) => {
+	let n = (e) => (e?.value || []).map((e) => e.images), r = (e) => (e || []).filter((e) => e.length).length, { validResponse: i, altResponses: a } = e || {}, o = n(i), s = [o.flat()], c = r(o);
+	(a || []).forEach((e) => {
+		let t = n(e), i = r(t);
+		s.push(t.flat()), i < c && (c = i);
+	});
+	let l = s.some((e) => !t.every((t) => e.includes(t)));
+	return {
+		responseAreasToBeFilled: c,
+		possibleResponses: s,
+		hasUnplacedChoices: l
+	};
+};
+//#endregion
+export { n as getAllUniqueCorrectness, r as getCompleteResponseDetails };

package/dist/delivery/constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/src/constants.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: {
+    types: {
+        response: string;
+    };
+};
+export default _default;

package/dist/delivery/evaluation-icon.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/src/evaluation-icon.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';
+declare const EvaluationIcon: {
+    ({ containerStyle, isCorrect, filled }: {
+        containerStyle: any;
+        isCorrect: any;
+        filled: any;
+    }): React.JSX.Element | null;
+    propTypes: {
+        containerStyle: PropTypes.Requireable<object>;
+        filled: PropTypes.Requireable<boolean>;
+        isCorrect: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+    };
+    defaultProps: {
+        containerStyle: {};
+        filled: boolean;
+        isCorrect: undefined;
+    };
+};
+export default EvaluationIcon;

package/dist/delivery/evaluation-icon.js

@@ -0,0 +1,38 @@
+import "react";
+import { color as e } from "@pie-lib/render-ui";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+import { styled as r } from "@mui/material/styles";
+import i from "@mui/icons-material/Check";
+import a from "@mui/icons-material/Close";
+//#region src/delivery/evaluation-icon.tsx
+var o = r("svg")(() => ({
+	"&.correctEmpty": { color: e.correct() },
+	"&.correctFilled": {
+		color: e.background(),
+		backgroundColor: e.correct()
+	},
+	"&.incorrectEmpty": { color: e.incorrect() },
+	"&.incorrectFilled": {
+		color: e.background(),
+		backgroundColor: e.incorrect()
+	}
+})), s = (e, t) => `${e ? "correct" : "incorrect"}${t ? "Filled" : "Empty"}`, c = ({ containerStyle: e, isCorrect: t, filled: r }) => {
+	let c = t ? i : a, l = t !== void 0, u = l ? s(t, r) : "";
+	return l ? /* @__PURE__ */ n(c, {
+		component: o,
+		className: u,
+		style: e
+	}) : null;
+};
+c.propTypes = {
+	containerStyle: t.object,
+	filled: t.bool,
+	isCorrect: t.oneOfType([t.bool, t.number])
+}, c.defaultProps = {
+	containerStyle: {},
+	filled: !1,
+	isCorrect: void 0
+};
+//#endregion
+export { c as default };

package/dist/delivery/image-container.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/src/image-container.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, { Component } from 'react';
+declare class ImageContainer extends Component {
+    render(): React.JSX.Element;
+}
+export default ImageContainer;