@elice/material-quiz 1.240802.0-quiz.0 → 1.240802.0

package/cjs/components/material-quiz/MaterialQuizSelectMultiple.js

@@ -73,7 +73,6 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
     setHasSubmitted = _React$useState10[1];
   var isNextActive = hasSubmitted && typeof onNext === 'function';
   var isDisabled = selectedAnswer.length === 0 || index.checkUserLectureTestEnded(lecture) || !!userId;
-  var questionStatus = hasSubmitted ? index.getQuizResultStatus(materialQuizResponse) : undefined;
   // answer select handler
   var handleAnswerSelect = function handleAnswerSelect(index$1) {
     if (index.checkUserLectureTestEnded(lecture) || !!userId) {
@@ -225,7 +224,6 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
         color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
-    questionStatus: questionStatus,
     children: jsxRuntime.jsxs(material.Stack, {
       height: "100%",
       gap: "1rem",

package/cjs/components/material-quiz/MaterialQuizSelectOne.js

@@ -73,7 +73,6 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
     setHasSubmitted = _React$useState10[1];
   var isNextActive = hasSubmitted && typeof onNext === 'function';
   var isDisabled = selectedAnswer === undefined || index.checkUserLectureTestEnded(lecture) || !!userId;
-  var questionStatus = hasSubmitted ? index.getQuizResultStatus(materialQuizResponse) : undefined;
   // answer select handler
   var handleAnswerSelect = function handleAnswerSelect(index$1) {
     if (index.checkUserLectureTestEnded(lecture) || !!userId) {
@@ -214,7 +213,6 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
         color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
-    questionStatus: questionStatus,
     children: jsxRuntime.jsxs(material.Stack, {
       height: "100%",
       gap: "1rem",

package/cjs/components/material-quiz/MaterialQuizText.js

@@ -71,7 +71,6 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     setHasSubmitted = _React$useState8[1];
   var isNextActive = hasSubmitted && typeof onNext === 'function';
   var isDisabled = answer.length === 0 || index.checkUserLectureTestEnded(lecture) || !!userId;
-  var questionStatus = hasSubmitted ? index.getQuizResultStatus(materialQuizResponse) : undefined;
   // quiz response fetcher
   React__default.default.useEffect(function () {
     if (!userId && (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.lastQuizResponseId)) {
@@ -213,7 +212,6 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
         color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
-    questionStatus: questionStatus,
     children: jsxRuntime.jsxs(material.Stack, {
       height: "100%",
       gap: "1rem",

package/cjs/components/material-quiz/locales/en.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageEn = {"materialQuiz.anchorLabel.question":"Passage","materialQuiz.anchorLabel.answer":"Answer","materialQuiz.error":"Failed to fetch quiz","materialQuiz.submit":"Submit","materialQuiz.resubmit":"Resubmit","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.answer":"Answer","materialQuiz.next":"Next question >","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.empty.description":"Please check again after quiz posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.wrong":"Wrong","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.correct":"that's correct!","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.bottomSheet.title":"Options","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.dropzone.desktop.answerEmpty":"Drag the view into the area.","materialQuiz.dropzone.mobile.answerEmpty":"Click here to add a view.","materialQuiz.dropzone.optionEmpty":"Option","materialQuiz.dropzone.optionReset":"Answer Reset","materialQuiz.a11y.correct-answer":"Congratulations! You got it right! Please click the 'Next Question' button to continue.","materialQuiz.a11y.incorrect-answer":"Oops! That wasn't quite right. Please give it another try!"};
+var messageEn = {"materialQuiz.anchorLabel.question":"Passage","materialQuiz.anchorLabel.answer":"Answer","materialQuiz.error":"Failed to fetch quiz","materialQuiz.submit":"Submit","materialQuiz.resubmit":"Resubmit","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.answer":"Answer","materialQuiz.next":"Next question >","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.empty.description":"Please check again after quiz posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.wrong":"Wrong","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.correct":"that's correct!","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.bottomSheet.title":"Options","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.dropzone.desktop.answerEmpty":"Drag the view into the area.","materialQuiz.dropzone.mobile.answerEmpty":"Click here to add a view.","materialQuiz.dropzone.optionEmpty":"Option","materialQuiz.dropzone.optionReset":"Answer Reset"};
 
 exports.default = messageEn;

package/cjs/components/material-quiz/locales/ja.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ja = {"materialQuiz.anchorLabel.question":"文章","materialQuiz.anchorLabel.answer":"回答","materialQuiz.error":"クイズの取得に失敗しました。","materialQuiz.submit":"提出","materialQuiz.resubmit":"再送信","materialQuiz.submittedAnswer":"提出された回答","materialQuiz.answer":"回答","materialQuiz.next":"次の質問 >","materialQuiz.selectOne.answer.title":"以下から選択してください。","materialQuiz.selectMultiple.answer.title":"以下から選択してください。 (冗長な選択肢も利用可能)","materialQuiz.selectMultipleOrder.answer.title":"ドラッグして回答をドロップしてください。","materialQuiz.text.answer.title":"回答を記入してください。","materialQuiz.empty.title":"クイズは今準備中です。","materialQuiz.empty.description":"クイズの投稿後にもう一度確認してください！","materialQuiz.survey.empty.title":"調査は現在準備中です。","materialQuiz.survey.empty.description":"調査投稿後にもう一度ご確認ください！","materialQuiz.submitStatus.success":"提出済","materialQuiz.submitStatus.failure":"提出に失敗しました。","materialQuiz.resultStatus.correct":"正しい","materialQuiz.resultStatus.wrong":"間違った","materialQuiz.resultStatus.submitted":"提出済","materialQuiz.explanation.close":"クイズの説明を閉じる","materialQuiz.explanation.show":"クイズの説明を表示します","materialQuiz.explanation.empty":"いいです。","materialQuiz.text.placeholder":"回答を入力してください","materialQuiz.text.correct":"その通りです！","materialQuiz.text.wrong":"それは間違っています。もう一度やってみてください！","materialQuiz.order.answerEmpty":"オプションをここに戻すことができます。","materialQuiz.bottomSheet.title":"オプション","materialQuiz.bottomSheet.optionEmpty":"すべてのビューがグループに配置されました。","materialQuiz.dropzone.desktop.answerEmpty":"ビューをエリアにドラッグしてください。","materialQuiz.dropzone.mobile.answerEmpty":"ここをクリックしてビューを追加してください。","materialQuiz.dropzone.optionEmpty":"オプション","materialQuiz.dropzone.optionReset":"回答をリセットします","materialQuiz.a11y.correct-answer":"おめでとうございます。正解です。続行するには、「次の質問」ボタンをクリックしてください。","materialQuiz.a11y.incorrect-answer":"おっと！正解ではありませんでした。もう一度お試しください。"};
+var ja = {"materialQuiz.anchorLabel.question":"文章","materialQuiz.anchorLabel.answer":"回答","materialQuiz.error":"クイズの取得に失敗しました。","materialQuiz.submit":"提出","materialQuiz.resubmit":"再送信","materialQuiz.submittedAnswer":"提出された回答","materialQuiz.answer":"回答","materialQuiz.next":"次の質問 >","materialQuiz.selectOne.answer.title":"以下から選択してください。","materialQuiz.selectMultiple.answer.title":"以下から選択してください。 (冗長な選択肢も利用可能)","materialQuiz.selectMultipleOrder.answer.title":"ドラッグして回答をドロップしてください。","materialQuiz.text.answer.title":"回答を記入してください。","materialQuiz.empty.title":"クイズは今準備中です。","materialQuiz.empty.description":"クイズの投稿後にもう一度確認してください！","materialQuiz.survey.empty.title":"調査は現在準備中です。","materialQuiz.survey.empty.description":"調査投稿後にもう一度ご確認ください！","materialQuiz.submitStatus.success":"提出済","materialQuiz.submitStatus.failure":"提出に失敗しました。","materialQuiz.resultStatus.correct":"正しい","materialQuiz.resultStatus.wrong":"間違った","materialQuiz.resultStatus.submitted":"提出済","materialQuiz.explanation.close":"クイズの説明を閉じる","materialQuiz.explanation.show":"クイズの説明を表示します","materialQuiz.explanation.empty":"いいです。","materialQuiz.text.placeholder":"回答を入力してください","materialQuiz.text.correct":"その通りです！","materialQuiz.text.wrong":"それは間違っています。もう一度やってみてください！","materialQuiz.order.answerEmpty":"オプションをここに戻すことができます。","materialQuiz.bottomSheet.title":"オプション","materialQuiz.bottomSheet.optionEmpty":"すべてのビューがグループに配置されました。","materialQuiz.dropzone.desktop.answerEmpty":"ビューをエリアにドラッグしてください。","materialQuiz.dropzone.mobile.answerEmpty":"ここをクリックしてビューを追加してください。","materialQuiz.dropzone.optionEmpty":"オプション","materialQuiz.dropzone.optionReset":"回答をリセットします"};
 
 exports.default = ja;

package/cjs/components/material-quiz/locales/ko.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageKo = {"materialQuiz.anchorLabel.question":"지문","materialQuiz.anchorLabel.answer":"답안","materialQuiz.error":"퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialQuiz.submit":"제출","materialQuiz.resubmit":"다시 제출","materialQuiz.submittedAnswer":"제출한 답","materialQuiz.answer":"정답","materialQuiz.next":"다음 문제로 이동 >","materialQuiz.selectOne.answer.title":"아래 보기에서 골라주세요.","materialQuiz.selectMultiple.answer.title":"아래 보기에서 골라주세요. (중복 선택 가능)","materialQuiz.selectMultipleOrder.answer.title":"답안을 드래그 앤 드롭하세요.","materialQuiz.text.answer.title":"답안을 작성해 주세요.","materialQuiz.empty.title":"퀴즈가 준비 중 입니다.","materialQuiz.empty.description":"퀴즈 게시 후 다시 확인해주세요!","materialQuiz.survey.empty.title":"설문조사 준비 중 입니다.","materialQuiz.survey.empty.description":"설문지 게시 후 다시 확인해주세요!","materialQuiz.submitStatus.success":"제출되었습니다.","materialQuiz.submitStatus.failure":"제출에 실패하였습니다.","materialQuiz.resultStatus.correct":"정답","materialQuiz.resultStatus.wrong":"오답","materialQuiz.resultStatus.submitted":"제출완료","materialQuiz.explanation.close":"퀴즈해설 닫기","materialQuiz.explanation.show":"퀴즈 해설 보기","materialQuiz.explanation.empty":"작성된 해설이 없습니다.","materialQuiz.text.placeholder":"답안을 작성해 주세요.","materialQuiz.text.correct":"정답입니다.","materialQuiz.text.wrong":"오답입니다. 다시 답안을 제출해보세요.","materialQuiz.order.answerEmpty":"항목을 다시 이곳으로 옮길 수 있습니다.","materialQuiz.bottomSheet.title":"보기","materialQuiz.bottomSheet.optionEmpty":"모든 보기를 그룹에 배치하였습니다.","materialQuiz.dropzone.desktop.answerEmpty":"보기를 영역에 끌어 넣어주세요.","materialQuiz.dropzone.mobile.answerEmpty":"이곳을 클릭하여 보기를 넣어주세요.","materialQuiz.dropzone.optionEmpty":"보기","materialQuiz.dropzone.optionReset":"답안 초기화","materialQuiz.a11y.correct-answer":"축하합니다! 정답입니다! 계속하려면 '다음 질문' 버튼을 클릭하세요.","materialQuiz.a11y.incorrect-answer":"앗! 정답이 아니었습니다. 다시 한 번 시도해 보세요!"};
+var messageKo = {"materialQuiz.anchorLabel.question":"지문","materialQuiz.anchorLabel.answer":"답안","materialQuiz.error":"퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialQuiz.submit":"제출","materialQuiz.resubmit":"다시 제출","materialQuiz.submittedAnswer":"제출한 답","materialQuiz.answer":"정답","materialQuiz.next":"다음 문제로 이동 >","materialQuiz.selectOne.answer.title":"아래 보기에서 골라주세요.","materialQuiz.selectMultiple.answer.title":"아래 보기에서 골라주세요. (중복 선택 가능)","materialQuiz.selectMultipleOrder.answer.title":"답안을 드래그 앤 드롭하세요.","materialQuiz.text.answer.title":"답안을 작성해 주세요.","materialQuiz.empty.title":"퀴즈가 준비 중 입니다.","materialQuiz.empty.description":"퀴즈 게시 후 다시 확인해주세요!","materialQuiz.survey.empty.title":"설문조사 준비 중 입니다.","materialQuiz.survey.empty.description":"설문지 게시 후 다시 확인해주세요!","materialQuiz.submitStatus.success":"제출되었습니다.","materialQuiz.submitStatus.failure":"제출에 실패하였습니다.","materialQuiz.resultStatus.correct":"정답","materialQuiz.resultStatus.wrong":"오답","materialQuiz.resultStatus.submitted":"제출완료","materialQuiz.explanation.close":"퀴즈해설 닫기","materialQuiz.explanation.show":"퀴즈 해설 보기","materialQuiz.explanation.empty":"작성된 해설이 없습니다.","materialQuiz.text.placeholder":"답안을 작성해 주세요.","materialQuiz.text.correct":"정답입니다.","materialQuiz.text.wrong":"오답입니다. 다시 답안을 제출해보세요.","materialQuiz.order.answerEmpty":"항목을 다시 이곳으로 옮길 수 있습니다.","materialQuiz.bottomSheet.title":"보기","materialQuiz.bottomSheet.optionEmpty":"모든 보기를 그룹에 배치하였습니다.","materialQuiz.dropzone.desktop.answerEmpty":"보기를 영역에 끌어 넣어주세요.","materialQuiz.dropzone.mobile.answerEmpty":"이곳을 클릭하여 보기를 넣어주세요.","materialQuiz.dropzone.optionEmpty":"보기","materialQuiz.dropzone.optionReset":"답안 초기화"};
 
 exports.default = messageKo;

package/cjs/components/material-quiz/locales/th.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var th = {"materialQuiz.anchorLabel.question":"ทางเดิน","materialQuiz.anchorLabel.answer":"ดคำตอบ","materialQuiz.error":"ไม่สามารถดึงควิซได้","materialQuiz.submit":"ส่งใบสมัคร","materialQuiz.resubmit":"ส่งอีกครั้ง","materialQuiz.submittedAnswer":"ฉันสามารถตอบคำถามเช่นนี้ได้","materialQuiz.answer":"ตอบ","materialQuiz.next":"คำถามถัดไป >","materialQuiz.selectOne.answer.title":"เลือกจากมุมมองด้านล่างนี้","materialQuiz.selectMultiple.answer.title":"เลือกจากรายการด้านล่าง (มีการเลือกที่ซ้ำซ้อน)","materialQuiz.selectMultipleOrder.answer.title":"ลากและวางคำตอบของคุณ","materialQuiz.text.answer.title":"กรุณากรอกคำตอบ","materialQuiz.empty.title":"ควิซกำลังเตรียมอยู่ตอนนี้","materialQuiz.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์ควิซ!","materialQuiz.survey.empty.title":"การสำรวจกำลังเตรียมการอยู่ค่ะ","materialQuiz.survey.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์แบบสำรวจ!","materialQuiz.submitStatus.success":"เสนอ","materialQuiz.submitStatus.failure":"การส่งล้มเหลว","materialQuiz.resultStatus.correct":"ถูกต้อง","materialQuiz.resultStatus.wrong":"ผิด","materialQuiz.resultStatus.submitted":"เสนอ","materialQuiz.explanation.close":"ปิดคำอธิบายควิซ","materialQuiz.explanation.show":"แสดงคำอธิบายของควิซ","materialQuiz.explanation.empty":"ไม่ให้อธิบาย","materialQuiz.text.placeholder":"กรุณากรอกคำตอบ","materialQuiz.text.correct":"ถูกต้อง!","materialQuiz.text.wrong":"นั่นผิด ลองอีกครั้ง!","materialQuiz.order.answerEmpty":"คุณสามารถย้ายตัวเลือกกลับมาที่นี่ได้","materialQuiz.bottomSheet.title":"ตัวเลือก","materialQuiz.bottomSheet.optionEmpty":"ทุกมุมมองได้ถูกวางไว้ในกลุ่มแล้ว","materialQuiz.dropzone.desktop.answerEmpty":"ลากมุมมองเข้าสู่พื้นที่","materialQuiz.dropzone.mobile.answerEmpty":"คลิกที่นี่เพื่อเพิ่มมุมมอง","materialQuiz.dropzone.optionEmpty":"ตัวเลือก","materialQuiz.dropzone.optionReset":"รีเซ็ตคำตอบ","materialQuiz.a11y.correct-answer":"ยินดีด้วย! คุณตอบถูกแล้ว! กรุณาคลิกปุ่ม 'คำถามถัดไป' เพื่อดำเนินการต่อ","materialQuiz.a11y.incorrect-answer":"อุ๊ย! ไม่ค่อยถูกต้อง กรุณาลองอีกครั้ง!"};
+var th = {"materialQuiz.anchorLabel.question":"ทางเดิน","materialQuiz.anchorLabel.answer":"ดคำตอบ","materialQuiz.error":"ไม่สามารถดึงควิซได้","materialQuiz.submit":"ส่งใบสมัคร","materialQuiz.resubmit":"ส่งอีกครั้ง","materialQuiz.submittedAnswer":"ฉันสามารถตอบคำถามเช่นนี้ได้","materialQuiz.answer":"ตอบ","materialQuiz.next":"คำถามถัดไป >","materialQuiz.selectOne.answer.title":"เลือกจากมุมมองด้านล่างนี้","materialQuiz.selectMultiple.answer.title":"เลือกจากรายการด้านล่าง (มีการเลือกที่ซ้ำซ้อน)","materialQuiz.selectMultipleOrder.answer.title":"ลากและวางคำตอบของคุณ","materialQuiz.text.answer.title":"กรุณากรอกคำตอบ","materialQuiz.empty.title":"ควิซกำลังเตรียมอยู่ตอนนี้","materialQuiz.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์ควิซ!","materialQuiz.survey.empty.title":"การสำรวจกำลังเตรียมการอยู่ค่ะ","materialQuiz.survey.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์แบบสำรวจ!","materialQuiz.submitStatus.success":"เสนอ","materialQuiz.submitStatus.failure":"การส่งล้มเหลว","materialQuiz.resultStatus.correct":"ถูกต้อง","materialQuiz.resultStatus.wrong":"ผิด","materialQuiz.resultStatus.submitted":"เสนอ","materialQuiz.explanation.close":"ปิดคำอธิบายควิซ","materialQuiz.explanation.show":"แสดงคำอธิบายของควิซ","materialQuiz.explanation.empty":"ไม่ให้อธิบาย","materialQuiz.text.placeholder":"กรุณากรอกคำตอบ","materialQuiz.text.correct":"ถูกต้อง!","materialQuiz.text.wrong":"นั่นผิด ลองอีกครั้ง!","materialQuiz.order.answerEmpty":"คุณสามารถย้ายตัวเลือกกลับมาที่นี่ได้","materialQuiz.bottomSheet.title":"ตัวเลือก","materialQuiz.bottomSheet.optionEmpty":"ทุกมุมมองได้ถูกวางไว้ในกลุ่มแล้ว","materialQuiz.dropzone.desktop.answerEmpty":"ลากมุมมองเข้าสู่พื้นที่","materialQuiz.dropzone.mobile.answerEmpty":"คลิกที่นี่เพื่อเพิ่มมุมมอง","materialQuiz.dropzone.optionEmpty":"ตัวเลือก","materialQuiz.dropzone.optionReset":"รีเซ็ตคำตอบ"};
 
 exports.default = th;

package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupOptionItem.js

@@ -8,6 +8,7 @@ var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
 var markdown = require('@elice/markdown');
 var styled = require('styled-components');
+var index = require('../../../helpers/index.js');
 var EbDraggable = require('../../eb-sortable/EbDraggable.js');
 var MaterialQuizContext = require('../context/MaterialQuizContext.js');
 
@@ -84,7 +85,7 @@ var MaterialQuizGroupOptionItem = function MaterialQuizGroupOptionItem(_ref7) {
     children: [isOptionContent ? jsxRuntime.jsx(StyledOptionContent, {
       vertical: vertical,
       children: jsxRuntime.jsx(markdown.MarkdownSSR, {
-        children: (_a = option.options.content) !== null && _a !== void 0 ? _a : '',
+        children: (_a = index.addAltTextToImage(option.options)) !== null && _a !== void 0 ? _a : '',
         paddingx: 0,
         paddingy: 0,
         dark: true

package/cjs/components/shared/QuestionBox.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { QuizResultStatus } from '../../helpers';
 import type { ButtonProps } from '@elice/blocks';
 import type { UseMeasureRef } from 'react-use/lib/useMeasure';
 interface QuestionBoxProps {
@@ -11,7 +10,6 @@ interface QuestionBoxProps {
     onNext?: () => void;
     isNextActive?: boolean;
     bodyContainerRef?: UseMeasureRef<HTMLDivElement>;
-    questionStatus?: QuizResultStatus;
 }
 export declare const StyledQuestionBox: import("styled-components").StyledComponent<"div", any, {
     vertical: boolean;

package/cjs/components/shared/QuestionBox.js

@@ -14,7 +14,6 @@ var material = require('@mui/material');
 var animateScrollTo = require('animated-scroll-to');
 var styled = require('styled-components');
 var element = require('../../constant/element.js');
-var index = require('../../helpers/index.js');
 var MaterialQuizContext = require('../material-quiz/context/MaterialQuizContext.js');
 var mergeRefs = require('./utils/mergeRefs.js');
 
@@ -84,8 +83,7 @@ var QuestionBox = function QuestionBox(_a) {
     var onNext = _a.onNext,
     isNextActive = _a.isNextActive,
     bodyContainerRef = _a.bodyContainerRef,
-    questionStatus = _a.questionStatus,
-    props = tslib.__rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive", "bodyContainerRef", "questionStatus"]);
+    props = tslib.__rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive", "bodyContainerRef"]);
   var theme = material.useTheme();
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
@@ -94,7 +92,6 @@ var QuestionBox = function QuestionBox(_a) {
   var intersectionRef = React__default.default.useRef(null);
   var headerRef = React__default.default.useRef(null);
   var bodyRef = React__default.default.useRef(null);
-  var questionFeedbackRef = React__default.default.useRef(null);
   var currentBodyRef = mergeRefs.mergeRefs(bodyContainerRef, bodyRef);
   var hasFooter = footerActions.length > 0;
   var visibleAnchorSection = vertical && isLongPassage;
@@ -104,19 +101,6 @@ var QuestionBox = function QuestionBox(_a) {
     threshold: 0.1
   });
   var isViewingAnswerContainer = Boolean(intersection === null || intersection === void 0 ? void 0 : intersection.isIntersecting);
-  React.useEffect(function () {
-    var content = '';
-    if (questionStatus === index.QuizResultStatus.Correct) {
-      content = intl$1.formatMessage({
-        id: 'materialQuiz.a11y.correct-answer'
-      });
-    } else if (questionStatus === index.QuizResultStatus.Wrong) {
-      content = intl$1.formatMessage({
-        id: 'materialQuiz.a11y.incorrect-answer'
-      });
-    }
-    questionFeedbackRef.current && (questionFeedbackRef.current.textContent = content);
-  }, [questionStatus, intl$1]);
   React.useEffect(function () {
     var answerContainer = document.getElementById(element.MATERIAL_QUIZ_ANSWER_ID);
     // only enable for vertical mode
@@ -262,17 +246,7 @@ var QuestionBox = function QuestionBox(_a) {
   };
   return jsxRuntime.jsxs(StyledQuestionBox, Object.assign({}, props, {
     vertical: vertical,
-    children: [header, renderContent(), _renderAnchorSection(), jsxRuntime.jsx("div", {
-      ref: questionFeedbackRef,
-      "aria-live": "polite",
-      style: {
-        position: 'absolute',
-        margin: '-1px',
-        width: '1px',
-        height: '1px',
-        overflow: 'hidden'
-      }
-    })]
+    children: [header, renderContent(), _renderAnchorSection()]
   }));
 };
 

package/cjs/helpers/index.d.ts

@@ -1,5 +1,6 @@
 import type { GetOrgLectureGetResponses, GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
 import type { QuizOptionType } from '@elice/types/es/enums';
+import type { QuizGroupOption } from "../components/material-quiz/material-quiz-group/context/context";
 interface OptionInfo {
     content: string;
     optionType: QuizOptionType;
@@ -46,4 +47,5 @@ export declare function shouldResetOptions({ materialQuizResponse, }: {
     materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
 }): boolean;
 export declare function getQuizResult(materialQuizResponse: GetOrgMaterialQuizResponseGetResponses['quizResponse']): boolean | undefined;
+export declare const addAltTextToImage: ({ content, title, }: QuizGroupOption['options']) => string | undefined;
 export {};

package/cjs/helpers/index.js

@@ -62,7 +62,17 @@ function getQuizResult(materialQuizResponse) {
       return;
   }
 }
+var addAltTextToImage = function addAltTextToImage(_ref3) {
+  var content = _ref3.content,
+    title = _ref3.title;
+  if (!title) return content;
+  // Match the pattern ![](<url>)
+  var regex = /!\[]\((.*?)\)/;
+  // Replace with the alt text inside the []
+  return content === null || content === void 0 ? void 0 : content.replace(regex, "![".concat(title, "]($1)"));
+};
 
+exports.addAltTextToImage = addAltTextToImage;
 exports.checkUserLectureTestEnded = checkUserLectureTestEnded;
 exports.getOptionStatus = getOptionStatus;
 exports.getQuizResult = getQuizResult;

package/es/components/material-quiz/MaterialQuizSelectMultiple.js

@@ -6,7 +6,7 @@ import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
 import { useTheme, Stack } from '@mui/material';
 import { MATERIAL_QUIZ_PASSIVE_ID, MATERIAL_QUIZ_ANSWER_ID } from '../../constant/element.js';
-import { checkUserLectureTestEnded, getQuizResultStatus, shouldResetOptions, getOptionStatus, getQuizResult } from '../../helpers/index.js';
+import { checkUserLectureTestEnded, shouldResetOptions, getOptionStatus, getQuizResult } from '../../helpers/index.js';
 import { useCaculatePassage } from '../../hooks/useCaculatePassage.js';
 import '../shared/QuizDraggbleDroppedOption.js';
 import '../shared/QuizDraggbleDummyOption.js';
@@ -65,7 +65,6 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
     setHasSubmitted = _React$useState10[1];
   var isNextActive = hasSubmitted && typeof onNext === 'function';
   var isDisabled = selectedAnswer.length === 0 || checkUserLectureTestEnded(lecture) || !!userId;
-  var questionStatus = hasSubmitted ? getQuizResultStatus(materialQuizResponse) : undefined;
   // answer select handler
   var handleAnswerSelect = function handleAnswerSelect(index) {
     if (checkUserLectureTestEnded(lecture) || !!userId) {
@@ -217,7 +216,6 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
         color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
-    questionStatus: questionStatus,
     children: jsxs(Stack, {
       height: "100%",
       gap: "1rem",

package/es/components/material-quiz/MaterialQuizSelectOne.js

@@ -6,7 +6,7 @@ import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
 import { useTheme, Stack } from '@mui/material';
 import { MATERIAL_QUIZ_PASSIVE_ID, MATERIAL_QUIZ_ANSWER_ID } from '../../constant/element.js';
-import { checkUserLectureTestEnded, getQuizResultStatus, getOptionStatus, getQuizResult } from '../../helpers/index.js';
+import { checkUserLectureTestEnded, getOptionStatus, getQuizResult } from '../../helpers/index.js';
 import { useCaculatePassage } from '../../hooks/useCaculatePassage.js';
 import '../shared/QuizDraggbleDroppedOption.js';
 import '../shared/QuizDraggbleDummyOption.js';
@@ -65,7 +65,6 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
     setHasSubmitted = _React$useState10[1];
   var isNextActive = hasSubmitted && typeof onNext === 'function';
   var isDisabled = selectedAnswer === undefined || checkUserLectureTestEnded(lecture) || !!userId;
-  var questionStatus = hasSubmitted ? getQuizResultStatus(materialQuizResponse) : undefined;
   // answer select handler
   var handleAnswerSelect = function handleAnswerSelect(index) {
     if (checkUserLectureTestEnded(lecture) || !!userId) {
@@ -206,7 +205,6 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
         color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
-    questionStatus: questionStatus,
     children: jsxs(Stack, {
       height: "100%",
       gap: "1rem",

package/es/components/material-quiz/MaterialQuizText.js

@@ -8,7 +8,7 @@ import { useRawEliceIntl } from '@elice/intl';
 import { useTheme, Stack } from '@mui/material';
 import styled from 'styled-components';
 import { MATERIAL_QUIZ_PASSIVE_ID, MATERIAL_QUIZ_ANSWER_ID } from '../../constant/element.js';
-import { checkUserLectureTestEnded, getQuizResultStatus, getQuizResult } from '../../helpers/index.js';
+import { checkUserLectureTestEnded, getQuizResult } from '../../helpers/index.js';
 import { useCaculatePassage } from '../../hooks/useCaculatePassage.js';
 import QuestionBox from '../shared/QuestionBox.js';
 import { useMaterialQuizState, useMaterialQuizDispatch } from './context/MaterialQuizContext.js';
@@ -62,7 +62,6 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     setHasSubmitted = _React$useState8[1];
   var isNextActive = hasSubmitted && typeof onNext === 'function';
   var isDisabled = answer.length === 0 || checkUserLectureTestEnded(lecture) || !!userId;
-  var questionStatus = hasSubmitted ? getQuizResultStatus(materialQuizResponse) : undefined;
   // quiz response fetcher
   React.useEffect(function () {
     if (!userId && (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.lastQuizResponseId)) {
@@ -204,7 +203,6 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
         color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
-    questionStatus: questionStatus,
     children: jsxs(Stack, {
       height: "100%",
       gap: "1rem",

package/es/components/material-quiz/locales/en.json.js

@@ -1,3 +1,3 @@
-var messageEn = {"materialQuiz.anchorLabel.question":"Passage","materialQuiz.anchorLabel.answer":"Answer","materialQuiz.error":"Failed to fetch quiz","materialQuiz.submit":"Submit","materialQuiz.resubmit":"Resubmit","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.answer":"Answer","materialQuiz.next":"Next question >","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.empty.description":"Please check again after quiz posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.wrong":"Wrong","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.correct":"that's correct!","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.bottomSheet.title":"Options","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.dropzone.desktop.answerEmpty":"Drag the view into the area.","materialQuiz.dropzone.mobile.answerEmpty":"Click here to add a view.","materialQuiz.dropzone.optionEmpty":"Option","materialQuiz.dropzone.optionReset":"Answer Reset","materialQuiz.a11y.correct-answer":"Congratulations! You got it right! Please click the 'Next Question' button to continue.","materialQuiz.a11y.incorrect-answer":"Oops! That wasn't quite right. Please give it another try!"};
+var messageEn = {"materialQuiz.anchorLabel.question":"Passage","materialQuiz.anchorLabel.answer":"Answer","materialQuiz.error":"Failed to fetch quiz","materialQuiz.submit":"Submit","materialQuiz.resubmit":"Resubmit","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.answer":"Answer","materialQuiz.next":"Next question >","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.empty.description":"Please check again after quiz posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.wrong":"Wrong","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.correct":"that's correct!","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.bottomSheet.title":"Options","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.dropzone.desktop.answerEmpty":"Drag the view into the area.","materialQuiz.dropzone.mobile.answerEmpty":"Click here to add a view.","materialQuiz.dropzone.optionEmpty":"Option","materialQuiz.dropzone.optionReset":"Answer Reset"};
 
 export { messageEn as default };

package/es/components/material-quiz/locales/ja.json.js

@@ -1,3 +1,3 @@
-var ja = {"materialQuiz.anchorLabel.question":"文章","materialQuiz.anchorLabel.answer":"回答","materialQuiz.error":"クイズの取得に失敗しました。","materialQuiz.submit":"提出","materialQuiz.resubmit":"再送信","materialQuiz.submittedAnswer":"提出された回答","materialQuiz.answer":"回答","materialQuiz.next":"次の質問 >","materialQuiz.selectOne.answer.title":"以下から選択してください。","materialQuiz.selectMultiple.answer.title":"以下から選択してください。 (冗長な選択肢も利用可能)","materialQuiz.selectMultipleOrder.answer.title":"ドラッグして回答をドロップしてください。","materialQuiz.text.answer.title":"回答を記入してください。","materialQuiz.empty.title":"クイズは今準備中です。","materialQuiz.empty.description":"クイズの投稿後にもう一度確認してください！","materialQuiz.survey.empty.title":"調査は現在準備中です。","materialQuiz.survey.empty.description":"調査投稿後にもう一度ご確認ください！","materialQuiz.submitStatus.success":"提出済","materialQuiz.submitStatus.failure":"提出に失敗しました。","materialQuiz.resultStatus.correct":"正しい","materialQuiz.resultStatus.wrong":"間違った","materialQuiz.resultStatus.submitted":"提出済","materialQuiz.explanation.close":"クイズの説明を閉じる","materialQuiz.explanation.show":"クイズの説明を表示します","materialQuiz.explanation.empty":"いいです。","materialQuiz.text.placeholder":"回答を入力してください","materialQuiz.text.correct":"その通りです！","materialQuiz.text.wrong":"それは間違っています。もう一度やってみてください！","materialQuiz.order.answerEmpty":"オプションをここに戻すことができます。","materialQuiz.bottomSheet.title":"オプション","materialQuiz.bottomSheet.optionEmpty":"すべてのビューがグループに配置されました。","materialQuiz.dropzone.desktop.answerEmpty":"ビューをエリアにドラッグしてください。","materialQuiz.dropzone.mobile.answerEmpty":"ここをクリックしてビューを追加してください。","materialQuiz.dropzone.optionEmpty":"オプション","materialQuiz.dropzone.optionReset":"回答をリセットします","materialQuiz.a11y.correct-answer":"おめでとうございます。正解です。続行するには、「次の質問」ボタンをクリックしてください。","materialQuiz.a11y.incorrect-answer":"おっと！正解ではありませんでした。もう一度お試しください。"};
+var ja = {"materialQuiz.anchorLabel.question":"文章","materialQuiz.anchorLabel.answer":"回答","materialQuiz.error":"クイズの取得に失敗しました。","materialQuiz.submit":"提出","materialQuiz.resubmit":"再送信","materialQuiz.submittedAnswer":"提出された回答","materialQuiz.answer":"回答","materialQuiz.next":"次の質問 >","materialQuiz.selectOne.answer.title":"以下から選択してください。","materialQuiz.selectMultiple.answer.title":"以下から選択してください。 (冗長な選択肢も利用可能)","materialQuiz.selectMultipleOrder.answer.title":"ドラッグして回答をドロップしてください。","materialQuiz.text.answer.title":"回答を記入してください。","materialQuiz.empty.title":"クイズは今準備中です。","materialQuiz.empty.description":"クイズの投稿後にもう一度確認してください！","materialQuiz.survey.empty.title":"調査は現在準備中です。","materialQuiz.survey.empty.description":"調査投稿後にもう一度ご確認ください！","materialQuiz.submitStatus.success":"提出済","materialQuiz.submitStatus.failure":"提出に失敗しました。","materialQuiz.resultStatus.correct":"正しい","materialQuiz.resultStatus.wrong":"間違った","materialQuiz.resultStatus.submitted":"提出済","materialQuiz.explanation.close":"クイズの説明を閉じる","materialQuiz.explanation.show":"クイズの説明を表示します","materialQuiz.explanation.empty":"いいです。","materialQuiz.text.placeholder":"回答を入力してください","materialQuiz.text.correct":"その通りです！","materialQuiz.text.wrong":"それは間違っています。もう一度やってみてください！","materialQuiz.order.answerEmpty":"オプションをここに戻すことができます。","materialQuiz.bottomSheet.title":"オプション","materialQuiz.bottomSheet.optionEmpty":"すべてのビューがグループに配置されました。","materialQuiz.dropzone.desktop.answerEmpty":"ビューをエリアにドラッグしてください。","materialQuiz.dropzone.mobile.answerEmpty":"ここをクリックしてビューを追加してください。","materialQuiz.dropzone.optionEmpty":"オプション","materialQuiz.dropzone.optionReset":"回答をリセットします"};
 
 export { ja as default };

package/es/components/material-quiz/locales/ko.json.js

@@ -1,3 +1,3 @@
-var messageKo = {"materialQuiz.anchorLabel.question":"지문","materialQuiz.anchorLabel.answer":"답안","materialQuiz.error":"퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialQuiz.submit":"제출","materialQuiz.resubmit":"다시 제출","materialQuiz.submittedAnswer":"제출한 답","materialQuiz.answer":"정답","materialQuiz.next":"다음 문제로 이동 >","materialQuiz.selectOne.answer.title":"아래 보기에서 골라주세요.","materialQuiz.selectMultiple.answer.title":"아래 보기에서 골라주세요. (중복 선택 가능)","materialQuiz.selectMultipleOrder.answer.title":"답안을 드래그 앤 드롭하세요.","materialQuiz.text.answer.title":"답안을 작성해 주세요.","materialQuiz.empty.title":"퀴즈가 준비 중 입니다.","materialQuiz.empty.description":"퀴즈 게시 후 다시 확인해주세요!","materialQuiz.survey.empty.title":"설문조사 준비 중 입니다.","materialQuiz.survey.empty.description":"설문지 게시 후 다시 확인해주세요!","materialQuiz.submitStatus.success":"제출되었습니다.","materialQuiz.submitStatus.failure":"제출에 실패하였습니다.","materialQuiz.resultStatus.correct":"정답","materialQuiz.resultStatus.wrong":"오답","materialQuiz.resultStatus.submitted":"제출완료","materialQuiz.explanation.close":"퀴즈해설 닫기","materialQuiz.explanation.show":"퀴즈 해설 보기","materialQuiz.explanation.empty":"작성된 해설이 없습니다.","materialQuiz.text.placeholder":"답안을 작성해 주세요.","materialQuiz.text.correct":"정답입니다.","materialQuiz.text.wrong":"오답입니다. 다시 답안을 제출해보세요.","materialQuiz.order.answerEmpty":"항목을 다시 이곳으로 옮길 수 있습니다.","materialQuiz.bottomSheet.title":"보기","materialQuiz.bottomSheet.optionEmpty":"모든 보기를 그룹에 배치하였습니다.","materialQuiz.dropzone.desktop.answerEmpty":"보기를 영역에 끌어 넣어주세요.","materialQuiz.dropzone.mobile.answerEmpty":"이곳을 클릭하여 보기를 넣어주세요.","materialQuiz.dropzone.optionEmpty":"보기","materialQuiz.dropzone.optionReset":"답안 초기화","materialQuiz.a11y.correct-answer":"축하합니다! 정답입니다! 계속하려면 '다음 질문' 버튼을 클릭하세요.","materialQuiz.a11y.incorrect-answer":"앗! 정답이 아니었습니다. 다시 한 번 시도해 보세요!"};
+var messageKo = {"materialQuiz.anchorLabel.question":"지문","materialQuiz.anchorLabel.answer":"답안","materialQuiz.error":"퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialQuiz.submit":"제출","materialQuiz.resubmit":"다시 제출","materialQuiz.submittedAnswer":"제출한 답","materialQuiz.answer":"정답","materialQuiz.next":"다음 문제로 이동 >","materialQuiz.selectOne.answer.title":"아래 보기에서 골라주세요.","materialQuiz.selectMultiple.answer.title":"아래 보기에서 골라주세요. (중복 선택 가능)","materialQuiz.selectMultipleOrder.answer.title":"답안을 드래그 앤 드롭하세요.","materialQuiz.text.answer.title":"답안을 작성해 주세요.","materialQuiz.empty.title":"퀴즈가 준비 중 입니다.","materialQuiz.empty.description":"퀴즈 게시 후 다시 확인해주세요!","materialQuiz.survey.empty.title":"설문조사 준비 중 입니다.","materialQuiz.survey.empty.description":"설문지 게시 후 다시 확인해주세요!","materialQuiz.submitStatus.success":"제출되었습니다.","materialQuiz.submitStatus.failure":"제출에 실패하였습니다.","materialQuiz.resultStatus.correct":"정답","materialQuiz.resultStatus.wrong":"오답","materialQuiz.resultStatus.submitted":"제출완료","materialQuiz.explanation.close":"퀴즈해설 닫기","materialQuiz.explanation.show":"퀴즈 해설 보기","materialQuiz.explanation.empty":"작성된 해설이 없습니다.","materialQuiz.text.placeholder":"답안을 작성해 주세요.","materialQuiz.text.correct":"정답입니다.","materialQuiz.text.wrong":"오답입니다. 다시 답안을 제출해보세요.","materialQuiz.order.answerEmpty":"항목을 다시 이곳으로 옮길 수 있습니다.","materialQuiz.bottomSheet.title":"보기","materialQuiz.bottomSheet.optionEmpty":"모든 보기를 그룹에 배치하였습니다.","materialQuiz.dropzone.desktop.answerEmpty":"보기를 영역에 끌어 넣어주세요.","materialQuiz.dropzone.mobile.answerEmpty":"이곳을 클릭하여 보기를 넣어주세요.","materialQuiz.dropzone.optionEmpty":"보기","materialQuiz.dropzone.optionReset":"답안 초기화"};
 
 export { messageKo as default };

package/es/components/material-quiz/locales/th.json.js

@@ -1,3 +1,3 @@
-var th = {"materialQuiz.anchorLabel.question":"ทางเดิน","materialQuiz.anchorLabel.answer":"ดคำตอบ","materialQuiz.error":"ไม่สามารถดึงควิซได้","materialQuiz.submit":"ส่งใบสมัคร","materialQuiz.resubmit":"ส่งอีกครั้ง","materialQuiz.submittedAnswer":"ฉันสามารถตอบคำถามเช่นนี้ได้","materialQuiz.answer":"ตอบ","materialQuiz.next":"คำถามถัดไป >","materialQuiz.selectOne.answer.title":"เลือกจากมุมมองด้านล่างนี้","materialQuiz.selectMultiple.answer.title":"เลือกจากรายการด้านล่าง (มีการเลือกที่ซ้ำซ้อน)","materialQuiz.selectMultipleOrder.answer.title":"ลากและวางคำตอบของคุณ","materialQuiz.text.answer.title":"กรุณากรอกคำตอบ","materialQuiz.empty.title":"ควิซกำลังเตรียมอยู่ตอนนี้","materialQuiz.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์ควิซ!","materialQuiz.survey.empty.title":"การสำรวจกำลังเตรียมการอยู่ค่ะ","materialQuiz.survey.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์แบบสำรวจ!","materialQuiz.submitStatus.success":"เสนอ","materialQuiz.submitStatus.failure":"การส่งล้มเหลว","materialQuiz.resultStatus.correct":"ถูกต้อง","materialQuiz.resultStatus.wrong":"ผิด","materialQuiz.resultStatus.submitted":"เสนอ","materialQuiz.explanation.close":"ปิดคำอธิบายควิซ","materialQuiz.explanation.show":"แสดงคำอธิบายของควิซ","materialQuiz.explanation.empty":"ไม่ให้อธิบาย","materialQuiz.text.placeholder":"กรุณากรอกคำตอบ","materialQuiz.text.correct":"ถูกต้อง!","materialQuiz.text.wrong":"นั่นผิด ลองอีกครั้ง!","materialQuiz.order.answerEmpty":"คุณสามารถย้ายตัวเลือกกลับมาที่นี่ได้","materialQuiz.bottomSheet.title":"ตัวเลือก","materialQuiz.bottomSheet.optionEmpty":"ทุกมุมมองได้ถูกวางไว้ในกลุ่มแล้ว","materialQuiz.dropzone.desktop.answerEmpty":"ลากมุมมองเข้าสู่พื้นที่","materialQuiz.dropzone.mobile.answerEmpty":"คลิกที่นี่เพื่อเพิ่มมุมมอง","materialQuiz.dropzone.optionEmpty":"ตัวเลือก","materialQuiz.dropzone.optionReset":"รีเซ็ตคำตอบ","materialQuiz.a11y.correct-answer":"ยินดีด้วย! คุณตอบถูกแล้ว! กรุณาคลิกปุ่ม 'คำถามถัดไป' เพื่อดำเนินการต่อ","materialQuiz.a11y.incorrect-answer":"อุ๊ย! ไม่ค่อยถูกต้อง กรุณาลองอีกครั้ง!"};
+var th = {"materialQuiz.anchorLabel.question":"ทางเดิน","materialQuiz.anchorLabel.answer":"ดคำตอบ","materialQuiz.error":"ไม่สามารถดึงควิซได้","materialQuiz.submit":"ส่งใบสมัคร","materialQuiz.resubmit":"ส่งอีกครั้ง","materialQuiz.submittedAnswer":"ฉันสามารถตอบคำถามเช่นนี้ได้","materialQuiz.answer":"ตอบ","materialQuiz.next":"คำถามถัดไป >","materialQuiz.selectOne.answer.title":"เลือกจากมุมมองด้านล่างนี้","materialQuiz.selectMultiple.answer.title":"เลือกจากรายการด้านล่าง (มีการเลือกที่ซ้ำซ้อน)","materialQuiz.selectMultipleOrder.answer.title":"ลากและวางคำตอบของคุณ","materialQuiz.text.answer.title":"กรุณากรอกคำตอบ","materialQuiz.empty.title":"ควิซกำลังเตรียมอยู่ตอนนี้","materialQuiz.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์ควิซ!","materialQuiz.survey.empty.title":"การสำรวจกำลังเตรียมการอยู่ค่ะ","materialQuiz.survey.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์แบบสำรวจ!","materialQuiz.submitStatus.success":"เสนอ","materialQuiz.submitStatus.failure":"การส่งล้มเหลว","materialQuiz.resultStatus.correct":"ถูกต้อง","materialQuiz.resultStatus.wrong":"ผิด","materialQuiz.resultStatus.submitted":"เสนอ","materialQuiz.explanation.close":"ปิดคำอธิบายควิซ","materialQuiz.explanation.show":"แสดงคำอธิบายของควิซ","materialQuiz.explanation.empty":"ไม่ให้อธิบาย","materialQuiz.text.placeholder":"กรุณากรอกคำตอบ","materialQuiz.text.correct":"ถูกต้อง!","materialQuiz.text.wrong":"นั่นผิด ลองอีกครั้ง!","materialQuiz.order.answerEmpty":"คุณสามารถย้ายตัวเลือกกลับมาที่นี่ได้","materialQuiz.bottomSheet.title":"ตัวเลือก","materialQuiz.bottomSheet.optionEmpty":"ทุกมุมมองได้ถูกวางไว้ในกลุ่มแล้ว","materialQuiz.dropzone.desktop.answerEmpty":"ลากมุมมองเข้าสู่พื้นที่","materialQuiz.dropzone.mobile.answerEmpty":"คลิกที่นี่เพื่อเพิ่มมุมมอง","materialQuiz.dropzone.optionEmpty":"ตัวเลือก","materialQuiz.dropzone.optionReset":"รีเซ็ตคำตอบ"};
 
 export { th as default };

package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupOptionItem.js

@@ -4,6 +4,7 @@ import { base } from '@elice/design-tokens';
 import { eilMathsignMultiplyBasic } from '@elice/icons';
 import { MarkdownSSR } from '@elice/markdown';
 import styled from 'styled-components';
+import { addAltTextToImage } from '../../../helpers/index.js';
 import EbDraggable from '../../eb-sortable/EbDraggable.js';
 import { useMaterialQuizState } from '../context/MaterialQuizContext.js';
 
@@ -76,7 +77,7 @@ var MaterialQuizGroupOptionItem = function MaterialQuizGroupOptionItem(_ref7) {
     children: [isOptionContent ? jsx(StyledOptionContent, {
       vertical: vertical,
       children: jsx(MarkdownSSR, {
-        children: (_a = option.options.content) !== null && _a !== void 0 ? _a : '',
+        children: (_a = addAltTextToImage(option.options)) !== null && _a !== void 0 ? _a : '',
         paddingx: 0,
         paddingy: 0,
         dark: true

package/es/components/shared/QuestionBox.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { QuizResultStatus } from '../../helpers';
 import type { ButtonProps } from '@elice/blocks';
 import type { UseMeasureRef } from 'react-use/lib/useMeasure';
 interface QuestionBoxProps {
@@ -11,7 +10,6 @@ interface QuestionBoxProps {
     onNext?: () => void;
     isNextActive?: boolean;
     bodyContainerRef?: UseMeasureRef<HTMLDivElement>;
-    questionStatus?: QuizResultStatus;
 }
 export declare const StyledQuestionBox: import("styled-components").StyledComponent<"div", any, {
     vertical: boolean;

package/es/components/shared/QuestionBox.js

@@ -10,7 +10,6 @@ import { useTheme } from '@mui/material';
 import animateScrollTo from 'animated-scroll-to';
 import styled from 'styled-components';
 import { MATERIAL_QUIZ_ANSWER_ID, MATERIAL_QUIZ_PASSIVE_ID } from '../../constant/element.js';
-import { QuizResultStatus } from '../../helpers/index.js';
 import { useMaterialQuizState } from '../material-quiz/context/MaterialQuizContext.js';
 import { mergeRefs } from './utils/mergeRefs.js';
 
@@ -74,8 +73,7 @@ var QuestionBox = function QuestionBox(_a) {
     var onNext = _a.onNext,
     isNextActive = _a.isNextActive,
     bodyContainerRef = _a.bodyContainerRef,
-    questionStatus = _a.questionStatus,
-    props = __rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive", "bodyContainerRef", "questionStatus"]);
+    props = __rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive", "bodyContainerRef"]);
   var theme = useTheme();
   var intl = useRawEliceIntl();
   var _useMaterialQuizState = useMaterialQuizState(),
@@ -84,7 +82,6 @@ var QuestionBox = function QuestionBox(_a) {
   var intersectionRef = React.useRef(null);
   var headerRef = React.useRef(null);
   var bodyRef = React.useRef(null);
-  var questionFeedbackRef = React.useRef(null);
   var currentBodyRef = mergeRefs(bodyContainerRef, bodyRef);
   var hasFooter = footerActions.length > 0;
   var visibleAnchorSection = vertical && isLongPassage;
@@ -94,19 +91,6 @@ var QuestionBox = function QuestionBox(_a) {
     threshold: 0.1
   });
   var isViewingAnswerContainer = Boolean(intersection === null || intersection === void 0 ? void 0 : intersection.isIntersecting);
-  useEffect(function () {
-    var content = '';
-    if (questionStatus === QuizResultStatus.Correct) {
-      content = intl.formatMessage({
-        id: 'materialQuiz.a11y.correct-answer'
-      });
-    } else if (questionStatus === QuizResultStatus.Wrong) {
-      content = intl.formatMessage({
-        id: 'materialQuiz.a11y.incorrect-answer'
-      });
-    }
-    questionFeedbackRef.current && (questionFeedbackRef.current.textContent = content);
-  }, [questionStatus, intl]);
   useEffect(function () {
     var answerContainer = document.getElementById(MATERIAL_QUIZ_ANSWER_ID);
     // only enable for vertical mode
@@ -252,17 +236,7 @@ var QuestionBox = function QuestionBox(_a) {
   };
   return jsxs(StyledQuestionBox, Object.assign({}, props, {
     vertical: vertical,
-    children: [header, renderContent(), _renderAnchorSection(), jsx("div", {
-      ref: questionFeedbackRef,
-      "aria-live": "polite",
-      style: {
-        position: 'absolute',
-        margin: '-1px',
-        width: '1px',
-        height: '1px',
-        overflow: 'hidden'
-      }
-    })]
+    children: [header, renderContent(), _renderAnchorSection()]
   }));
 };
 

package/es/helpers/index.d.ts

@@ -1,5 +1,6 @@
 import type { GetOrgLectureGetResponses, GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
 import type { QuizOptionType } from '@elice/types/es/enums';
+import type { QuizGroupOption } from "../components/material-quiz/material-quiz-group/context/context";
 interface OptionInfo {
     content: string;
     optionType: QuizOptionType;
@@ -46,4 +47,5 @@ export declare function shouldResetOptions({ materialQuizResponse, }: {
     materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'];
 }): boolean;
 export declare function getQuizResult(materialQuizResponse: GetOrgMaterialQuizResponseGetResponses['quizResponse']): boolean | undefined;
+export declare const addAltTextToImage: ({ content, title, }: QuizGroupOption['options']) => string | undefined;
 export {};

package/es/helpers/index.js

@@ -60,5 +60,14 @@ function getQuizResult(materialQuizResponse) {
       return;
   }
 }
+var addAltTextToImage = function addAltTextToImage(_ref3) {
+  var content = _ref3.content,
+    title = _ref3.title;
+  if (!title) return content;
+  // Match the pattern ![](<url>)
+  var regex = /!\[]\((.*?)\)/;
+  // Replace with the alt text inside the []
+  return content === null || content === void 0 ? void 0 : content.replace(regex, "![".concat(title, "]($1)"));
+};
 
-export { QuizResultStatus, checkUserLectureTestEnded, getOptionStatus, getQuizResult, getQuizResultStatus, shouldResetOptions };
+export { QuizResultStatus, addAltTextToImage, checkUserLectureTestEnded, getOptionStatus, getQuizResult, getQuizResultStatus, shouldResetOptions };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240802.0-quiz.0",
+  "version": "1.240802.0",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -66,8 +66,8 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.2",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240802.0-quiz.0",
-    "@elice/material-shared-utils": "1.240802.0-quiz.0",
+    "@elice/material-shared-types": "1.240802.0",
+    "@elice/material-shared-utils": "1.240802.0",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "1.240709.0",
     "@elice/wysiwyg": "1.240716.1",