@elice/material-quiz 1.250310.0 → 1.250313.0

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

@@ -168,6 +168,7 @@ var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
     onDirty = _ref7.onDirty,
     onSubmit = _ref7.onSubmit,
     onNext = _ref7.onNext,
+    onHint = _ref7.onHint,
     __intl = _ref7.__intl;
   return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
     value: __intl,
@@ -181,6 +182,7 @@ var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
           onDirty: onDirty,
           onSubmit: onSubmit,
           onNext: onNext,
+          onHint: onHint,
           children: jsxRuntime.jsx(MaterialQuiz, {})
         })
       })

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

@@ -49,7 +49,8 @@ var MaterialQuizImage = function MaterialQuizImage(_ref) {
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
     onDirty = _useMaterialQuizDispa.onDirty,
-    setIsInitialLoading = _useMaterialQuizDispa.setIsInitialLoading;
+    setIsInitialLoading = _useMaterialQuizDispa.setIsInitialLoading,
+    onHint = _useMaterialQuizDispa.onHint;
   //
   var intl$1 = intl.useRawEliceIntl();
   var _React$useState = React__default.default.useState('idle'),
@@ -282,10 +283,12 @@ var MaterialQuizImage = function MaterialQuizImage(_ref) {
       status: submitStatus
     }),
     isNextActive: isNextActive,
+    materialQuizResponse: materialQuizResponse,
+    onHint: onHint,
     footerActions: [{
       border: false,
       children: intl$1.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       disabled: isDisabled,
       loading: submitStatus === 'pending',
@@ -293,8 +296,8 @@ var MaterialQuizImage = function MaterialQuizImage(_ref) {
       transparent: false,
       onClick: handleSubmit,
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxRuntime.jsxs(material.Stack, {

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

@@ -44,7 +44,8 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = material.useTheme();
   // state
   var intl$1 = intl.useRawEliceIntl();
@@ -202,7 +203,9 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     isNextActive: isNextActive,
+    materialQuizResponse: materialQuizResponse,
     submitResult: jsxRuntime.jsx(QuizResultDescription.default, {
       materialQuizResponse: materialQuizResponse
     }),
@@ -218,11 +221,11 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
       transparent: false,
       onClick: handleSubmit,
       children: intl$1.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxRuntime.jsxs(material.Stack, {

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

@@ -77,7 +77,8 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = material.useTheme();
   // state
   var intl$1 = intl.useRawEliceIntl();
@@ -551,7 +552,9 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     isNextActive: isNextActive,
+    materialQuizResponse: materialQuizResponse,
     submitStatus: jsxRuntime.jsx(QuizSubmitStatusText.default, {
       status: submitStatus
     }),
@@ -567,11 +570,11 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
       transparent: false,
       onClick: handleSubmit,
       children: intl$1.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxRuntime.jsxs(material.Stack, {

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

@@ -44,7 +44,8 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = material.useTheme();
   // state
   var intl$1 = intl.useRawEliceIntl();
@@ -191,10 +192,12 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     isNextActive: isNextActive,
     submitStatus: jsxRuntime.jsx(QuizSubmitStatusText.default, {
       status: submitStatus
     }),
+    materialQuizResponse: materialQuizResponse,
     submitResult: jsxRuntime.jsx(QuizResultDescription.default, {
       materialQuizResponse: materialQuizResponse
     }),
@@ -207,11 +210,11 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
       transparent: false,
       onClick: handleSubmit,
       children: intl$1.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxRuntime.jsxs(material.Stack, {

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

@@ -46,7 +46,8 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = material.useTheme();
   // state
   var intl$1 = intl.useRawEliceIntl();
@@ -188,9 +189,11 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     submitResult: jsxRuntime.jsx(QuizResultDescription.default, {
       materialQuizResponse: materialQuizResponse
     }),
+    materialQuizResponse: materialQuizResponse,
     submitStatus: jsxRuntime.jsx(QuizSubmitStatusText.default, {
       status: submitStatus
     }),
@@ -199,7 +202,7 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     footerActions: [{
       border: false,
       children: intl$1.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       disabled: isDisabled,
       loading: submitStatus === 'pending',
@@ -207,8 +210,8 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
       transparent: false,
       onClick: handleSubmit,
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? designTokens.base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxRuntime.jsxs(material.Stack, {

package/cjs/components/material-quiz/context/MaterialQuizContext.d.ts

@@ -21,6 +21,7 @@ export type MaterialQuizProps = {
     onDirty: (isDirty: boolean) => void;
     onSubmit?: (isSucceeded: boolean, isCorrect?: boolean) => void;
     onNext?: () => void;
+    onHint?: () => void;
 };
 interface MaterialQuizProviderProps extends Omit<MaterialQuizProps, 'locale' | 'eliceCourseApiConfiguration'> {
     children: React.ReactNode;
@@ -33,8 +34,9 @@ interface DispatchContextType {
     onNext?: () => void;
     setIsLongPassage: React.Dispatch<React.SetStateAction<boolean>>;
     setIsInitialLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    onHint?: () => void;
 }
-declare function MaterialQuizProvider({ materialQuizId, userId, onSubmit, onDirty, onNext, children, }: MaterialQuizProviderProps): JSX.Element;
+declare function MaterialQuizProvider({ materialQuizId, userId, onSubmit, onDirty, onNext, onHint, children, }: MaterialQuizProviderProps): JSX.Element;
 declare function useMaterialQuizState(): State;
 declare function useMaterialQuizDispatch(): DispatchContextType;
 export { MaterialQuizProvider, useMaterialQuizState, useMaterialQuizDispatch };

package/cjs/components/material-quiz/context/MaterialQuizContext.js

@@ -25,6 +25,7 @@ function MaterialQuizProvider(_ref) {
     } : _ref$onSubmit,
     onDirty = _ref.onDirty,
     onNext = _ref.onNext,
+    onHint = _ref.onHint,
     children = _ref.children;
   var _React$useState = React__default.default.useState(),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
@@ -190,7 +191,8 @@ function MaterialQuizProvider(_ref) {
         refreshOrgMaterialQuiz: refreshOrgMaterialQuiz,
         setVertical: setVertical,
         setIsLongPassage: setIsLongPassage,
-        setIsInitialLoading: setIsInitialLoading
+        setIsInitialLoading: setIsInitialLoading,
+        onHint: onHint
       },
       children: children
     })

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageEn = {"materialQuiz.anchorLabel.answer":"Answer","materialQuiz.anchorLabel.question":"Passage","materialQuiz.answer":"Answer","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.bottomSheet.title":"Options","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.empty.description":"Please check again after quiz posting!","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.error":"Failed to fetch quiz","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.next":"Next question >","materialQuiz.no_submit_history":"No submission history.","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.resubmit":"Resubmit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.resultStatus.wrong":"Please try solving it again.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.submit":"Submit","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitted_file":"Submitted File","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.submmited_file":"Submitted File","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.text.correct":"that's correct!","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.upload_file":"Upload File"};
+var messageEn = {"materialQuiz.anchorLabel.answer":"Answer","materialQuiz.anchorLabel.question":"Passage","materialQuiz.answer":"Answer","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.bottomSheet.title":"Options","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.empty.description":"Please check again after quiz posting!","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.error":"Failed to fetch quiz","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.hint":"Get a hint","materialQuiz.next":"Next question >","materialQuiz.no_submit_history":"No submission history.","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.resubmit":"Resubmit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.resultStatus.wrong":"Please try solving it again.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.submit":"Submit","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitted_file":"Submitted File","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.submmited_file":"Submitted File","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.text.correct":"that's correct!","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.upload_file":"Upload File"};
 
 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.answer":"回答","materialQuiz.anchorLabel.question":"文章","materialQuiz.answer":"回答","materialQuiz.bottomSheet.optionEmpty":"すべてのビューがグループに配置されました。","materialQuiz.bottomSheet.title":"オプション","materialQuiz.dropzone.desktop.answerEmpty":"ビューをエリアにドラッグしてください。","materialQuiz.dropzone.mobile.answerEmpty":"ここをクリックしてビューを追加してください。","materialQuiz.dropzone.optionEmpty":"オプション","materialQuiz.dropzone.optionReset":"回答をリセットします","materialQuiz.empty.description":"クイズの投稿後にもう一度確認してください！","materialQuiz.empty.title":"クイズは今準備中です。","materialQuiz.error":"クイズの取得に失敗しました。","materialQuiz.explanation.close":"クイズの説明を閉じる","materialQuiz.explanation.empty":"いいです。","materialQuiz.explanation.show":"クイズの説明を表示します","materialQuiz.next":"次の質問 >","materialQuiz.no_submit_history":"提出履歴がありません。","materialQuiz.order.answerEmpty":"オプションをここに戻すことができます。","materialQuiz.resubmit":"再送信","materialQuiz.resultStatus.correct":"正しい","materialQuiz.resultStatus.submitted":"提出済","materialQuiz.resultStatus.wrong":"もう一度解いてみてください。","materialQuiz.selectMultiple.answer.title":"以下から選択してください。 (冗長な選択肢も利用可能)","materialQuiz.selectMultipleOrder.answer.title":"ドラッグして回答をドロップしてください。","materialQuiz.selectOne.answer.title":"以下から選択してください。","materialQuiz.submit":"提出","materialQuiz.submitStatus.failure":"提出に失敗しました。","materialQuiz.submitStatus.success":"提出済","materialQuiz.submitted_file":"提出したファイル","materialQuiz.submittedAnswer":"提出された回答","materialQuiz.submmited_file":"提出したファイル","materialQuiz.survey.empty.description":"調査投稿後にもう一度ご確認ください！","materialQuiz.survey.empty.title":"調査は現在準備中です。","materialQuiz.text.answer.title":"回答を記入してください。","materialQuiz.text.correct":"その通りです！","materialQuiz.text.placeholder":"回答を入力してください","materialQuiz.text.wrong":"それは間違っています。もう一度やってみてください！","materialQuiz.upload_file":"ファイルをアップロード"};
+var ja = {"materialQuiz.anchorLabel.answer":"回答","materialQuiz.anchorLabel.question":"文章","materialQuiz.answer":"回答","materialQuiz.bottomSheet.optionEmpty":"すべてのビューがグループに配置されました。","materialQuiz.bottomSheet.title":"オプション","materialQuiz.dropzone.desktop.answerEmpty":"ビューをエリアにドラッグしてください。","materialQuiz.dropzone.mobile.answerEmpty":"ここをクリックしてビューを追加してください。","materialQuiz.dropzone.optionEmpty":"オプション","materialQuiz.dropzone.optionReset":"回答をリセットします","materialQuiz.empty.description":"クイズの投稿後にもう一度確認してください！","materialQuiz.empty.title":"クイズは今準備中です。","materialQuiz.error":"クイズの取得に失敗しました。","materialQuiz.explanation.close":"クイズの説明を閉じる","materialQuiz.explanation.empty":"いいです。","materialQuiz.explanation.show":"クイズの説明を表示します","materialQuiz.hint":"ヒントをもらう","materialQuiz.next":"次の質問 >","materialQuiz.no_submit_history":"提出履歴がありません。","materialQuiz.order.answerEmpty":"オプションをここに戻すことができます。","materialQuiz.resubmit":"再送信","materialQuiz.resultStatus.correct":"正しい","materialQuiz.resultStatus.submitted":"提出済","materialQuiz.resultStatus.wrong":"もう一度解いてみてください。","materialQuiz.selectMultiple.answer.title":"以下から選択してください。 (冗長な選択肢も利用可能)","materialQuiz.selectMultipleOrder.answer.title":"ドラッグして回答をドロップしてください。","materialQuiz.selectOne.answer.title":"以下から選択してください。","materialQuiz.submit":"提出","materialQuiz.submitStatus.failure":"提出に失敗しました。","materialQuiz.submitStatus.success":"提出済","materialQuiz.submitted_file":"提出したファイル","materialQuiz.submittedAnswer":"提出された回答","materialQuiz.submmited_file":"提出したファイル","materialQuiz.survey.empty.description":"調査投稿後にもう一度ご確認ください！","materialQuiz.survey.empty.title":"調査は現在準備中です。","materialQuiz.text.answer.title":"回答を記入してください。","materialQuiz.text.correct":"その通りです！","materialQuiz.text.placeholder":"回答を入力してください","materialQuiz.text.wrong":"それは間違っています。もう一度やってみてください！","materialQuiz.upload_file":"ファイルをアップロード"};
 
 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.answer":"답안","materialQuiz.anchorLabel.question":"지문","materialQuiz.answer":"정답","materialQuiz.bottomSheet.optionEmpty":"모든 보기를 그룹에 배치하였습니다.","materialQuiz.bottomSheet.title":"보기","materialQuiz.dropzone.desktop.answerEmpty":"보기를 영역에 끌어 넣어 주세요.","materialQuiz.dropzone.mobile.answerEmpty":"이곳을 클릭하여 보기를 넣어 주세요.","materialQuiz.dropzone.optionEmpty":"보기","materialQuiz.dropzone.optionReset":"답안 초기화","materialQuiz.empty.description":"퀴즈 게시 후 다시 확인해주세요!","materialQuiz.empty.title":"퀴즈가 준비 중 입니다.","materialQuiz.error":"퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialQuiz.explanation.close":"퀴즈해설 닫기","materialQuiz.explanation.empty":"작성된 해설이 없습니다.","materialQuiz.explanation.show":"퀴즈 해설 보기","materialQuiz.next":"다음 문제로 이동 >","materialQuiz.no_submit_history":"제출한 내역이 없습니다.","materialQuiz.order.answerEmpty":"항목을 다시 이곳으로 옮길 수 있습니다.","materialQuiz.resubmit":"다시 제출","materialQuiz.resultStatus.correct":"정답","materialQuiz.resultStatus.submitted":"제출완료","materialQuiz.resultStatus.wrong":"다시 한번 풀어보세요.","materialQuiz.selectMultiple.answer.title":"아래 보기에서 골라주세요. (중복 선택 가능)","materialQuiz.selectMultipleOrder.answer.title":"답안을 드래그 앤 드롭하세요.","materialQuiz.selectOne.answer.title":"아래 보기에서 골라주세요.","materialQuiz.submit":"제출","materialQuiz.submitStatus.failure":"제출에 실패하였습니다.","materialQuiz.submitStatus.success":"제출되었습니다.","materialQuiz.submitted_file":"제출한 파일","materialQuiz.submittedAnswer":"제출한 답","materialQuiz.submmited_file":"제출한 파일","materialQuiz.survey.empty.description":"설문지 게시 후 다시 확인해주세요!","materialQuiz.survey.empty.title":"설문조사 준비 중 입니다.","materialQuiz.text.answer.title":"답안을 작성해 주세요.","materialQuiz.text.correct":"정답입니다.","materialQuiz.text.placeholder":"답안을 작성해 주세요.","materialQuiz.text.wrong":"오답입니다. 다시 답안을 제출해보세요.","materialQuiz.upload_file":"파일 업로드"};
+var messageKo = {"materialQuiz.anchorLabel.answer":"답안","materialQuiz.anchorLabel.question":"지문","materialQuiz.answer":"정답","materialQuiz.bottomSheet.optionEmpty":"모든 보기를 그룹에 배치하였습니다.","materialQuiz.bottomSheet.title":"보기","materialQuiz.dropzone.desktop.answerEmpty":"보기를 영역에 끌어 넣어 주세요.","materialQuiz.dropzone.mobile.answerEmpty":"이곳을 클릭하여 보기를 넣어 주세요.","materialQuiz.dropzone.optionEmpty":"보기","materialQuiz.dropzone.optionReset":"답안 초기화","materialQuiz.empty.description":"퀴즈 게시 후 다시 확인해주세요!","materialQuiz.empty.title":"퀴즈가 준비 중 입니다.","materialQuiz.error":"퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialQuiz.explanation.close":"퀴즈해설 닫기","materialQuiz.explanation.empty":"작성된 해설이 없습니다.","materialQuiz.explanation.show":"퀴즈 해설 보기","materialQuiz.hint":"힌트 받기","materialQuiz.next":"다음 문제로 이동 >","materialQuiz.no_submit_history":"제출한 내역이 없습니다.","materialQuiz.order.answerEmpty":"항목을 다시 이곳으로 옮길 수 있습니다.","materialQuiz.resubmit":"다시 제출","materialQuiz.resultStatus.correct":"정답","materialQuiz.resultStatus.submitted":"제출완료","materialQuiz.resultStatus.wrong":"다시 한번 풀어보세요.","materialQuiz.selectMultiple.answer.title":"아래 보기에서 골라주세요. (중복 선택 가능)","materialQuiz.selectMultipleOrder.answer.title":"답안을 드래그 앤 드롭하세요.","materialQuiz.selectOne.answer.title":"아래 보기에서 골라주세요.","materialQuiz.submit":"제출","materialQuiz.submitStatus.failure":"제출에 실패하였습니다.","materialQuiz.submitStatus.success":"제출되었습니다.","materialQuiz.submitted_file":"제출한 파일","materialQuiz.submittedAnswer":"제출한 답","materialQuiz.submmited_file":"제출한 파일","materialQuiz.survey.empty.description":"설문지 게시 후 다시 확인해주세요!","materialQuiz.survey.empty.title":"설문조사 준비 중 입니다.","materialQuiz.text.answer.title":"답안을 작성해 주세요.","materialQuiz.text.correct":"정답입니다.","materialQuiz.text.placeholder":"답안을 작성해 주세요.","materialQuiz.text.wrong":"오답입니다. 다시 답안을 제출해보세요.","materialQuiz.upload_file":"파일 업로드"};
 
 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.answer":"ดคำตอบ","materialQuiz.anchorLabel.question":"ทางเดิน","materialQuiz.answer":"ตอบ","materialQuiz.bottomSheet.optionEmpty":"คุณได้จัดเรียงตัวเลือกทั้งหมดลงในกลุ่มแล้ว","materialQuiz.bottomSheet.title":"ตัวเลือก","materialQuiz.dropzone.desktop.answerEmpty":"ลากและวางตัวเลือกของคุณลงในพื้นที่นี้","materialQuiz.dropzone.mobile.answerEmpty":"แตะที่นี่เพื่อใส่ตัวเลือก","materialQuiz.dropzone.optionEmpty":"ตัวเลือก","materialQuiz.dropzone.optionReset":"รีเซ็ตคำตอบ","materialQuiz.empty.description":"กรุณาลองอีกครั้งหลังจากเผยแพร่ข้อสอบ!","materialQuiz.empty.title":"ข้อสอบยังไม่พร้อมใช้งาน","materialQuiz.error":"เกิดข้อผิดพลาดในการโหลดข้อสอบ กรุณาลองอีกครั้งในภายหลัง","materialQuiz.explanation.close":"ปิดคำอธิบาย","materialQuiz.explanation.empty":"ไม่มีคำอธิบาย","materialQuiz.explanation.show":"ดูคำอธิบาย","materialQuiz.next":"ไปยังข้อถัดไป >","materialQuiz.no_submit_history":"ไม่มีประวัติการส่ง","materialQuiz.order.answerEmpty":"คุณสามารถย้ายตัวเลือกกลับมาที่นี่ได้","materialQuiz.resubmit":"ส่งอีกครั้ง","materialQuiz.resultStatus.correct":"ถูกต้อง","materialQuiz.resultStatus.submitted":"ส่งคำตอบแล้ว","materialQuiz.resultStatus.wrong":"กรุณาลองแก้ปัญหาอีกครั้ง","materialQuiz.selectMultiple.answer.title":"เลือกคำตอบจากตัวเลือกด้านล่าง (สามารถเลือกได้หลายข้อ)","materialQuiz.selectMultipleOrder.answer.title":"ลากและวางคำตอบของคุณ","materialQuiz.selectOne.answer.title":"เลือกคำตอบจากตัวเลือกด้านล่าง","materialQuiz.submit":"ส่ง","materialQuiz.submitStatus.failure":"ส่งล้มเหลว","materialQuiz.submitStatus.success":"ส่งเรียบร้อยแล้ว","materialQuiz.submitted_file":"ไฟล์ที่ส่ง","materialQuiz.submittedAnswer":"คำตอบที่ส่ง","materialQuiz.submmited_file":"ไฟล์ที่ส่งแล้ว","materialQuiz.survey.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์แบบสำรวจ!","materialQuiz.survey.empty.title":"แบบสำรวจยังไม่พร้อมใช้งาน","materialQuiz.text.answer.title":"กรุณาเขียนคำตอบของคุณ","materialQuiz.text.correct":"ถูกต้อง!","materialQuiz.text.placeholder":"กรุณากรอกคำตอบ","materialQuiz.text.wrong":"นั่นผิด ลองอีกครั้ง!","materialQuiz.upload_file":"อัปโหลดไฟล์"};
+var th = {"materialQuiz.anchorLabel.answer":"ดคำตอบ","materialQuiz.anchorLabel.question":"ทางเดิน","materialQuiz.answer":"ตอบ","materialQuiz.bottomSheet.optionEmpty":"คุณได้จัดเรียงตัวเลือกทั้งหมดลงในกลุ่มแล้ว","materialQuiz.bottomSheet.title":"ตัวเลือก","materialQuiz.dropzone.desktop.answerEmpty":"ลากและวางตัวเลือกของคุณลงในพื้นที่นี้","materialQuiz.dropzone.mobile.answerEmpty":"แตะที่นี่เพื่อใส่ตัวเลือก","materialQuiz.dropzone.optionEmpty":"ตัวเลือก","materialQuiz.dropzone.optionReset":"รีเซ็ตคำตอบ","materialQuiz.empty.description":"กรุณาลองอีกครั้งหลังจากเผยแพร่ข้อสอบ!","materialQuiz.empty.title":"ข้อสอบยังไม่พร้อมใช้งาน","materialQuiz.error":"เกิดข้อผิดพลาดในการโหลดข้อสอบ กรุณาลองอีกครั้งในภายหลัง","materialQuiz.explanation.close":"ปิดคำอธิบาย","materialQuiz.explanation.empty":"ไม่มีคำอธิบาย","materialQuiz.explanation.show":"ดูคำอธิบาย","materialQuiz.hint":"รับคำใบ้","materialQuiz.next":"ไปยังข้อถัดไป >","materialQuiz.no_submit_history":"ไม่มีประวัติการส่ง","materialQuiz.order.answerEmpty":"คุณสามารถย้ายตัวเลือกกลับมาที่นี่ได้","materialQuiz.resubmit":"ส่งอีกครั้ง","materialQuiz.resultStatus.correct":"ถูกต้อง","materialQuiz.resultStatus.submitted":"ส่งคำตอบแล้ว","materialQuiz.resultStatus.wrong":"กรุณาลองแก้ปัญหาอีกครั้ง","materialQuiz.selectMultiple.answer.title":"เลือกคำตอบจากตัวเลือกด้านล่าง (สามารถเลือกได้หลายข้อ)","materialQuiz.selectMultipleOrder.answer.title":"ลากและวางคำตอบของคุณ","materialQuiz.selectOne.answer.title":"เลือกคำตอบจากตัวเลือกด้านล่าง","materialQuiz.submit":"ส่ง","materialQuiz.submitStatus.failure":"ส่งล้มเหลว","materialQuiz.submitStatus.success":"ส่งเรียบร้อยแล้ว","materialQuiz.submitted_file":"ไฟล์ที่ส่ง","materialQuiz.submittedAnswer":"คำตอบที่ส่ง","materialQuiz.submmited_file":"ไฟล์ที่ส่งแล้ว","materialQuiz.survey.empty.description":"โปรดตรวจสอบอีกครั้งหลังจากโพสต์แบบสำรวจ!","materialQuiz.survey.empty.title":"แบบสำรวจยังไม่พร้อมใช้งาน","materialQuiz.text.answer.title":"กรุณาเขียนคำตอบของคุณ","materialQuiz.text.correct":"ถูกต้อง!","materialQuiz.text.placeholder":"กรุณากรอกคำตอบ","materialQuiz.text.wrong":"นั่นผิด ลองอีกครั้ง!","materialQuiz.upload_file":"อัปโหลดไฟล์"};
 
 exports.default = th;

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

@@ -47,7 +47,8 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = material.useTheme();
   var _React$useState = React__default.default.useState([]),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
@@ -373,6 +374,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
       titlePrefix: "Q.",
       title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
       onNext: onNext,
+      onHint: onHint,
       isNextActive: isNextActive,
       submitStatus: jsxRuntime.jsx(QuizSubmitStatusText.default, {
         status: submitStatus
@@ -380,6 +382,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
       submitResult: jsxRuntime.jsx(QuizResultDescription.default, {
         materialQuizResponse: materialQuizResponse
       }),
+      materialQuizResponse: materialQuizResponse,
       bodyContainerRef: containerRef,
       footerActions: [{
         border: false,
@@ -389,7 +392,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
         transparent: false,
         onClick: handleSubmit,
         children: intl$1.formatMessage({
-          id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+          id: 'materialQuiz.submit'
         }),
         customStyles: {
           backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? designTokens.base.color.gray6 : theme.palette.primary.main,

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { ButtonProps } from '@elice/blocks';
+import type { GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
 import type { UseMeasureRef } from 'react-use/lib/useMeasure';
 interface QuestionBoxProps {
     footerActions?: ButtonProps[];
@@ -7,7 +8,9 @@ interface QuestionBoxProps {
     titlePrefix?: string;
     submitResult?: React.ReactNode;
     submitStatus?: React.ReactNode;
+    materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'] | null;
     onNext?: () => void;
+    onHint?: () => void;
     isNextActive?: boolean;
     bodyContainerRef?: UseMeasureRef<HTMLDivElement>;
 }

package/cjs/components/shared/QuestionBox.js

@@ -14,9 +14,11 @@ var markdown = require('@elice/markdown');
 var material = require('@mui/material');
 var animateScrollTo = require('animated-scroll-to');
 var styled = require('styled-components');
+var index = require('../../helpers/index.js');
 var element = require('../../constant/element.js');
 var MaterialQuizContext = require('../material-quiz/context/MaterialQuizContext.js');
 var mergeRefs = require('./utils/mergeRefs.js');
+var ai_helpy = require('../../assets/imgs/ai_helpy.png.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -85,16 +87,17 @@ var QuestionBox = function QuestionBox(_a) {
     titlePrefix = _a.titlePrefix,
     submitResult = _a.submitResult;
     _a.submitStatus;
-    var onNext = _a.onNext,
-    isNextActive = _a.isNextActive,
-    bodyContainerRef = _a.bodyContainerRef,
-    props = tslib.__rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive", "bodyContainerRef"]);
+    var materialQuizResponse = _a.materialQuizResponse;
+    _a.onNext;
+    var onHint = _a.onHint;
+    _a.isNextActive;
+    var bodyContainerRef = _a.bodyContainerRef,
+    props = tslib.__rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "materialQuizResponse", "onNext", "onHint", "isNextActive", "bodyContainerRef"]);
   var theme = material.useTheme();
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
     vertical = _useMaterialQuizState.vertical,
     isLongPassage = _useMaterialQuizState.isLongPassage,
-    isRecommendLecture = _useMaterialQuizState.isRecommendLecture,
     course = _useMaterialQuizState.course;
   var intersectionRef = React__default.default.useRef(null);
   var headerRef = React__default.default.useRef(null);
@@ -145,24 +148,57 @@ var QuestionBox = function QuestionBox(_a) {
   var header = title ? jsxRuntime.jsx(StyledQuestionBoxHeader, {
     vertical: vertical,
     ref: headerRef,
-    children: jsxRuntime.jsxs(blocks.Flex, {
-      children: [titlePrefix ? jsxRuntime.jsx(blocks.Text, {
-        bold: true,
-        size: "large",
-        customStyles: {
-          color: designTokens.base.color.primary3,
-          marginRight: '0.5rem'
+    children: jsxRuntime.jsxs(material.Stack, {
+      width: "100%",
+      direction: "row",
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: "1.25rem",
+      children: [jsxRuntime.jsxs(material.Box, {
+        display: "flex",
+        alignItems: "center",
+        children: [titlePrefix ? jsxRuntime.jsx(blocks.Text, {
+          bold: true,
+          size: "large",
+          customStyles: {
+            color: designTokens.base.color.primary3,
+            marginRight: '0.5rem'
+          },
+          children: titlePrefix
+        }) : null, ((_b = course === null || course === void 0 ? void 0 : course.preference) === null || _b === void 0 ? void 0 : _b.renderMarkdownInQuizOptions) ? jsxRuntime.jsx(StyledMarkdownTypography, {
+          color: "text.primary",
+          variant: "subtitle2",
+          children: title
+        }) : jsxRuntime.jsx(material.Typography, {
+          color: "text.primary",
+          variant: "subtitle2",
+          children: title
+        })]
+      }), index.getQuizResultStatus(materialQuizResponse) === index.QuizResultStatus.Wrong ? jsxRuntime.jsx(material.Button, {
+        size: "small",
+        variant: "text",
+        sx: {
+          backgroundColor: function backgroundColor(theme) {
+            return theme.palette.primary.opacity02;
+          }
         },
-        children: titlePrefix
-      }) : null, ((_b = course === null || course === void 0 ? void 0 : course.preference) === null || _b === void 0 ? void 0 : _b.renderMarkdownInQuizOptions) ? jsxRuntime.jsx(StyledMarkdownTypography, {
-        color: "text.primary",
-        variant: "subtitle2",
-        children: title
-      }) : jsxRuntime.jsx(material.Typography, {
-        color: "text.primary",
-        variant: "subtitle2",
-        children: title
-      })]
+        startIcon: jsxRuntime.jsx(material.Avatar, {
+          src: ai_helpy.default,
+          sx: {
+            width: '2rem',
+            height: '2rem'
+          }
+        }),
+        onClick: onHint,
+        children: jsxRuntime.jsx(material.Typography, {
+          variant: "button",
+          color: "text.primary",
+          children: intl$1.formatMessage({
+            id: 'materialQuiz.hint'
+          })
+        })
+      }) : null]
     })
   }) : null;
   var body = jsxRuntime.jsx(StyledQuestionBoxBody, {
@@ -185,21 +221,7 @@ var QuestionBox = function QuestionBox(_a) {
         }, action, {
           children: action.children
         }), index);
-      }), isNextActive && !isRecommendLecture ? jsxRuntime.jsx(StyledPrimaryButton, {
-        isFluid: vertical,
-        size: "small",
-        border: false,
-        tabIndex: 0,
-        transparent: false,
-        onClick: onNext,
-        customStyles: {
-          backgroundColor: theme.palette.primary.main,
-          color: theme.palette.primary.contrastText
-        },
-        children: intl$1.formatMessage({
-          id: 'materialQuiz.next'
-        })
-      }) : null]
+      })]
     })
   });
   var _renderAnchorSection = function _renderAnchorSection() {

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

@@ -159,6 +159,7 @@ var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
     onDirty = _ref7.onDirty,
     onSubmit = _ref7.onSubmit,
     onNext = _ref7.onNext,
+    onHint = _ref7.onHint,
     __intl = _ref7.__intl;
   return jsx(RawEliceIntlProvider, {
     value: __intl,
@@ -172,6 +173,7 @@ var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
           onDirty: onDirty,
           onSubmit: onSubmit,
           onNext: onNext,
+          onHint: onHint,
           children: jsx(MaterialQuiz, {})
         })
       })

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

@@ -41,7 +41,8 @@ var MaterialQuizImage = function MaterialQuizImage(_ref) {
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
     onDirty = _useMaterialQuizDispa.onDirty,
-    setIsInitialLoading = _useMaterialQuizDispa.setIsInitialLoading;
+    setIsInitialLoading = _useMaterialQuizDispa.setIsInitialLoading,
+    onHint = _useMaterialQuizDispa.onHint;
   //
   var intl = useRawEliceIntl();
   var _React$useState = React.useState('idle'),
@@ -274,10 +275,12 @@ var MaterialQuizImage = function MaterialQuizImage(_ref) {
       status: submitStatus
     }),
     isNextActive: isNextActive,
+    materialQuizResponse: materialQuizResponse,
+    onHint: onHint,
     footerActions: [{
       border: false,
       children: intl.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       disabled: isDisabled,
       loading: submitStatus === 'pending',
@@ -285,8 +288,8 @@ var MaterialQuizImage = function MaterialQuizImage(_ref) {
       transparent: false,
       onClick: handleSubmit,
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxs(Stack, {

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

@@ -36,7 +36,8 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = useTheme();
   // state
   var intl = useRawEliceIntl();
@@ -194,7 +195,9 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     isNextActive: isNextActive,
+    materialQuizResponse: materialQuizResponse,
     submitResult: jsx(QuizResultDescription, {
       materialQuizResponse: materialQuizResponse
     }),
@@ -210,11 +213,11 @@ var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple(_ref) {
       transparent: false,
       onClick: handleSubmit,
       children: intl.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxs(Stack, {

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

@@ -68,7 +68,8 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = useTheme();
   // state
   var intl = useRawEliceIntl();
@@ -542,7 +543,9 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     isNextActive: isNextActive,
+    materialQuizResponse: materialQuizResponse,
     submitStatus: jsx(QuizSubmitStatusText, {
       status: submitStatus
     }),
@@ -558,11 +561,11 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder(_
       transparent: false,
       onClick: handleSubmit,
       children: intl.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxs(Stack, {

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

@@ -36,7 +36,8 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = useTheme();
   // state
   var intl = useRawEliceIntl();
@@ -183,10 +184,12 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     isNextActive: isNextActive,
     submitStatus: jsx(QuizSubmitStatusText, {
       status: submitStatus
     }),
+    materialQuizResponse: materialQuizResponse,
     submitResult: jsx(QuizResultDescription, {
       materialQuizResponse: materialQuizResponse
     }),
@@ -199,11 +202,11 @@ var MaterialQuizSelectOne = function MaterialQuizSelectOne(_ref) {
       transparent: false,
       onClick: handleSubmit,
       children: intl.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxs(Stack, {

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

@@ -37,7 +37,8 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = useTheme();
   // state
   var intl = useRawEliceIntl();
@@ -179,9 +180,11 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q.",
     onNext: onNext,
+    onHint: onHint,
     submitResult: jsx(QuizResultDescription, {
       materialQuizResponse: materialQuizResponse
     }),
+    materialQuizResponse: materialQuizResponse,
     submitStatus: jsx(QuizSubmitStatusText, {
       status: submitStatus
     }),
@@ -190,7 +193,7 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
     footerActions: [{
       border: false,
       children: intl.formatMessage({
-        id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+        id: 'materialQuiz.submit'
       }),
       disabled: isDisabled,
       loading: submitStatus === 'pending',
@@ -198,8 +201,8 @@ var MaterialQuizText = function MaterialQuizText(_ref2) {
       transparent: false,
       onClick: handleSubmit,
       customStyles: {
-        backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
-        color: isNextActive ? theme.palette.secondary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
+        backgroundColor: isNextActive ? theme.palette.primary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,
+        color: isNextActive ? theme.palette.primary.contrastText : isDisabled ? base.color.gray3 : theme.palette.primary.contrastText
       }
     }],
     children: jsxs(Stack, {

package/es/components/material-quiz/context/MaterialQuizContext.d.ts

@@ -21,6 +21,7 @@ export type MaterialQuizProps = {
     onDirty: (isDirty: boolean) => void;
     onSubmit?: (isSucceeded: boolean, isCorrect?: boolean) => void;
     onNext?: () => void;
+    onHint?: () => void;
 };
 interface MaterialQuizProviderProps extends Omit<MaterialQuizProps, 'locale' | 'eliceCourseApiConfiguration'> {
     children: React.ReactNode;
@@ -33,8 +34,9 @@ interface DispatchContextType {
     onNext?: () => void;
     setIsLongPassage: React.Dispatch<React.SetStateAction<boolean>>;
     setIsInitialLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    onHint?: () => void;
 }
-declare function MaterialQuizProvider({ materialQuizId, userId, onSubmit, onDirty, onNext, children, }: MaterialQuizProviderProps): JSX.Element;
+declare function MaterialQuizProvider({ materialQuizId, userId, onSubmit, onDirty, onNext, onHint, children, }: MaterialQuizProviderProps): JSX.Element;
 declare function useMaterialQuizState(): State;
 declare function useMaterialQuizDispatch(): DispatchContextType;
 export { MaterialQuizProvider, useMaterialQuizState, useMaterialQuizDispatch };

package/es/components/material-quiz/context/MaterialQuizContext.js

@@ -19,6 +19,7 @@ function MaterialQuizProvider(_ref) {
     } : _ref$onSubmit,
     onDirty = _ref.onDirty,
     onNext = _ref.onNext,
+    onHint = _ref.onHint,
     children = _ref.children;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -184,7 +185,8 @@ function MaterialQuizProvider(_ref) {
         refreshOrgMaterialQuiz: refreshOrgMaterialQuiz,
         setVertical: setVertical,
         setIsLongPassage: setIsLongPassage,
-        setIsInitialLoading: setIsInitialLoading
+        setIsInitialLoading: setIsInitialLoading,
+        onHint: onHint
       },
       children: children
     })

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

@@ -1,3 +1,3 @@
-var messageEn = {"materialQuiz.anchorLabel.answer":"Answer","materialQuiz.anchorLabel.question":"Passage","materialQuiz.answer":"Answer","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.bottomSheet.title":"Options","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.empty.description":"Please check again after quiz posting!","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.error":"Failed to fetch quiz","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.next":"Next question >","materialQuiz.no_submit_history":"No submission history.","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.resubmit":"Resubmit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.resultStatus.wrong":"Please try solving it again.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.submit":"Submit","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitted_file":"Submitted File","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.submmited_file":"Submitted File","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.text.correct":"that's correct!","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.upload_file":"Upload File"};
+var messageEn = {"materialQuiz.anchorLabel.answer":"Answer","materialQuiz.anchorLabel.question":"Passage","materialQuiz.answer":"Answer","materialQuiz.bottomSheet.optionEmpty":"All views have been placed in the group.","materialQuiz.bottomSheet.title":"Options","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.empty.description":"Please check again after quiz posting!","materialQuiz.empty.title":"Quiz is now preparing.","materialQuiz.error":"Failed to fetch quiz","materialQuiz.explanation.close":"close quiz explanations","materialQuiz.explanation.empty":"no explanations","materialQuiz.explanation.show":"show quiz explanations","materialQuiz.hint":"Get a hint","materialQuiz.next":"Next question >","materialQuiz.no_submit_history":"No submission history.","materialQuiz.order.answerEmpty":"You could move the options back here","materialQuiz.resubmit":"Resubmit","materialQuiz.resultStatus.correct":"Correct","materialQuiz.resultStatus.submitted":"Submitted","materialQuiz.resultStatus.wrong":"Please try solving it again.","materialQuiz.selectMultiple.answer.title":"Choose from the views below. (Redundant selections available)","materialQuiz.selectMultipleOrder.answer.title":"Drag and drop your answers.","materialQuiz.selectOne.answer.title":"Choose from the views below.","materialQuiz.submit":"Submit","materialQuiz.submitStatus.failure":"Failed to submit","materialQuiz.submitStatus.success":"Submitted","materialQuiz.submitted_file":"Submitted File","materialQuiz.submittedAnswer":"Submitted Answer","materialQuiz.submmited_file":"Submitted File","materialQuiz.survey.empty.description":"Please check again after survey posting!","materialQuiz.survey.empty.title":"Survey is now preparing.","materialQuiz.text.answer.title":"Please fill out the answer.","materialQuiz.text.correct":"that's correct!","materialQuiz.text.placeholder":"please fill the answer","materialQuiz.text.wrong":"that's wrong. try it again!","materialQuiz.upload_file":"Upload File"};
 
 export { messageEn as default };

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

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

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

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

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

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

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

@@ -37,7 +37,8 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
     onSubmit = _useMaterialQuizDispa.onSubmit,
     onNext = _useMaterialQuizDispa.onNext,
     refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
-    onDirty = _useMaterialQuizDispa.onDirty;
+    onDirty = _useMaterialQuizDispa.onDirty,
+    onHint = _useMaterialQuizDispa.onHint;
   var theme = useTheme();
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -363,6 +364,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
       titlePrefix: "Q.",
       title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
       onNext: onNext,
+      onHint: onHint,
       isNextActive: isNextActive,
       submitStatus: jsx(QuizSubmitStatusText, {
         status: submitStatus
@@ -370,6 +372,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
       submitResult: jsx(QuizResultDescription, {
         materialQuizResponse: materialQuizResponse
       }),
+      materialQuizResponse: materialQuizResponse,
       bodyContainerRef: containerRef,
       footerActions: [{
         border: false,
@@ -379,7 +382,7 @@ var MaterialQuizGroup = function MaterialQuizGroup() {
         transparent: false,
         onClick: handleSubmit,
         children: intl.formatMessage({
-          id: isNextActive ? 'materialQuiz.resubmit' : 'materialQuiz.submit'
+          id: 'materialQuiz.submit'
         }),
         customStyles: {
           backgroundColor: isNextActive ? theme.palette.secondary.main : isDisabled ? base.color.gray6 : theme.palette.primary.main,

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { ButtonProps } from '@elice/blocks';
+import type { GetOrgMaterialQuizResponseGetResponses } from '@elice/types';
 import type { UseMeasureRef } from 'react-use/lib/useMeasure';
 interface QuestionBoxProps {
     footerActions?: ButtonProps[];
@@ -7,7 +8,9 @@ interface QuestionBoxProps {
     titlePrefix?: string;
     submitResult?: React.ReactNode;
     submitStatus?: React.ReactNode;
+    materialQuizResponse?: GetOrgMaterialQuizResponseGetResponses['quizResponse'] | null;
     onNext?: () => void;
+    onHint?: () => void;
     isNextActive?: boolean;
     bodyContainerRef?: UseMeasureRef<HTMLDivElement>;
 }

package/es/components/shared/QuestionBox.js

@@ -3,16 +3,18 @@ import { __rest } from 'tslib';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useEffect } from 'react';
 import { useIntersection } from 'react-use';
-import { Button, Flex, Text, Box } from '@elice/blocks';
+import { Button, Text, Box as Box$1 } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
 import { MarkdownTypography } from '@elice/markdown';
-import { useTheme, Typography } from '@mui/material';
+import { useTheme, Stack, Box, Typography, Button as Button$1, Avatar } from '@mui/material';
 import animateScrollTo from 'animated-scroll-to';
 import styled from 'styled-components';
+import { getQuizResultStatus, QuizResultStatus } from '../../helpers/index.js';
 import { MATERIAL_QUIZ_ANSWER_ID, MATERIAL_QUIZ_PASSIVE_ID } from '../../constant/element.js';
 import { useMaterialQuizState } from '../material-quiz/context/MaterialQuizContext.js';
 import { mergeRefs } from './utils/mergeRefs.js';
+import img from '../../assets/imgs/ai_helpy.png.js';
 
 var easeInOutCubic = function easeInOutCubic(t) {
   return t < 0.5 ? 4 * Math.pow(t, 3) : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
@@ -75,16 +77,17 @@ var QuestionBox = function QuestionBox(_a) {
     titlePrefix = _a.titlePrefix,
     submitResult = _a.submitResult;
     _a.submitStatus;
-    var onNext = _a.onNext,
-    isNextActive = _a.isNextActive,
-    bodyContainerRef = _a.bodyContainerRef,
-    props = __rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive", "bodyContainerRef"]);
+    var materialQuizResponse = _a.materialQuizResponse;
+    _a.onNext;
+    var onHint = _a.onHint;
+    _a.isNextActive;
+    var bodyContainerRef = _a.bodyContainerRef,
+    props = __rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "materialQuizResponse", "onNext", "onHint", "isNextActive", "bodyContainerRef"]);
   var theme = useTheme();
   var intl = useRawEliceIntl();
   var _useMaterialQuizState = useMaterialQuizState(),
     vertical = _useMaterialQuizState.vertical,
     isLongPassage = _useMaterialQuizState.isLongPassage,
-    isRecommendLecture = _useMaterialQuizState.isRecommendLecture,
     course = _useMaterialQuizState.course;
   var intersectionRef = React.useRef(null);
   var headerRef = React.useRef(null);
@@ -135,24 +138,57 @@ var QuestionBox = function QuestionBox(_a) {
   var header = title ? jsx(StyledQuestionBoxHeader, {
     vertical: vertical,
     ref: headerRef,
-    children: jsxs(Flex, {
-      children: [titlePrefix ? jsx(Text, {
-        bold: true,
-        size: "large",
-        customStyles: {
-          color: base.color.primary3,
-          marginRight: '0.5rem'
+    children: jsxs(Stack, {
+      width: "100%",
+      direction: "row",
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: "1.25rem",
+      children: [jsxs(Box, {
+        display: "flex",
+        alignItems: "center",
+        children: [titlePrefix ? jsx(Text, {
+          bold: true,
+          size: "large",
+          customStyles: {
+            color: base.color.primary3,
+            marginRight: '0.5rem'
+          },
+          children: titlePrefix
+        }) : null, ((_b = course === null || course === void 0 ? void 0 : course.preference) === null || _b === void 0 ? void 0 : _b.renderMarkdownInQuizOptions) ? jsx(StyledMarkdownTypography, {
+          color: "text.primary",
+          variant: "subtitle2",
+          children: title
+        }) : jsx(Typography, {
+          color: "text.primary",
+          variant: "subtitle2",
+          children: title
+        })]
+      }), getQuizResultStatus(materialQuizResponse) === QuizResultStatus.Wrong ? jsx(Button$1, {
+        size: "small",
+        variant: "text",
+        sx: {
+          backgroundColor: function backgroundColor(theme) {
+            return theme.palette.primary.opacity02;
+          }
         },
-        children: titlePrefix
-      }) : null, ((_b = course === null || course === void 0 ? void 0 : course.preference) === null || _b === void 0 ? void 0 : _b.renderMarkdownInQuizOptions) ? jsx(StyledMarkdownTypography, {
-        color: "text.primary",
-        variant: "subtitle2",
-        children: title
-      }) : jsx(Typography, {
-        color: "text.primary",
-        variant: "subtitle2",
-        children: title
-      })]
+        startIcon: jsx(Avatar, {
+          src: img,
+          sx: {
+            width: '2rem',
+            height: '2rem'
+          }
+        }),
+        onClick: onHint,
+        children: jsx(Typography, {
+          variant: "button",
+          color: "text.primary",
+          children: intl.formatMessage({
+            id: 'materialQuiz.hint'
+          })
+        })
+      }) : null]
     })
   }) : null;
   var body = jsx(StyledQuestionBoxBody, {
@@ -165,7 +201,7 @@ var QuestionBox = function QuestionBox(_a) {
     vertical: vertical,
     children: jsxs(StyledQuestionBoxFooterActions, {
       vertical: vertical,
-      children: [submitResult ? jsx(Box, {
+      children: [submitResult ? jsx(Box$1, {
         children: submitResult
       }) : null, footerActions.map(function (action, index) {
         var Component = action.role === 'lightpurple' ? StyledPrimaryButton : Button;
@@ -175,21 +211,7 @@ var QuestionBox = function QuestionBox(_a) {
         }, action, {
           children: action.children
         }), index);
-      }), isNextActive && !isRecommendLecture ? jsx(StyledPrimaryButton, {
-        isFluid: vertical,
-        size: "small",
-        border: false,
-        tabIndex: 0,
-        transparent: false,
-        onClick: onNext,
-        customStyles: {
-          backgroundColor: theme.palette.primary.main,
-          color: theme.palette.primary.contrastText
-        },
-        children: intl.formatMessage({
-          id: 'materialQuiz.next'
-        })
-      }) : null]
+      })]
     })
   });
   var _renderAnchorSection = function _renderAnchorSection() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.250310.0",
+  "version": "1.250313.0",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -76,8 +76,8 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.241127.0",
     "@elice/markdown": "1.241015.0",
-    "@elice/material-shared-types": "1.250310.0",
-    "@elice/material-shared-utils": "1.250310.0",
+    "@elice/material-shared-types": "1.250313.0",
+    "@elice/material-shared-utils": "1.250313.0",
     "@elice/mui-elements": "^5.250108.0-controllabel.0",
     "@elice/mui-system": "^5.250108.0-controllabel.0",
     "@elice/openapi-client-course": "^1.241220.0",