touchstudy-core 0.1.43 → 0.1.44

package/dist/index.js

@@ -1515,6 +1515,7 @@ var confirmation = "확인";
 var student_name = "학생이름";
 var full_pool_time = "전체풀이시간";
 var number_question = "{{number}}번";
+var number_answer = "{{number}}번";
 var answer_rate = "정답률";
 var seconds = "초";
 var search_placeholder = "시험 이름으로 검색하기";
@@ -1529,6 +1530,7 @@ var information_by_question = "문항별 정보";
 var no_data = "데이터 없음";
 var internet_connection_was_lost = "인터넷 연결이 끊어졌습니다";
 var problem = "문제";
+var problems = "문제";
 var problem_solving_time = "문제풀이 시간";
 var minutes = "분";
 var correct_rate = "정확한 비율";
@@ -1791,6 +1793,34 @@ var textbook_management = "교과서 관리";
 var my_question = "내 질문";
 var update_class = "수업 업데이트";
 var create_class = "수업 만들기";
+var problem_number = "문제 번호";
+var answer = "정답";
+var correct = "정답";
+var solve_time = "풀이 시간";
+var comparison_of_top_rankings = "상위권 비교";
+var total_correct_rate = "전체 정답률";
+var incorrect = "오답";
+var no_solution = "풀이 없음";
+var no_time = "시간 없음";
+var my_solving_time = "나의 풀이 시간";
+var top_solution_time = "최상위권 풀이시간";
+var average_solve_time = "평균 풀이 시간";
+var my_solution = "내 풀이";
+var most_solutions = "가장 많은 풀이";
+var problem_classification = "문제 분류";
+var my_wrong_answer = "나의 오답";
+var incorrect_problem_among_the_starred_problems = "별표 친 문제 중 틀린 문제";
+var correct_problem_among_the_starred_problems = "별표 친 문제 중 맞춘 문제";
+var tricky_problems = "까다로웠던 문제";
+var issues_vulnerable = "내가 취약한 문제";
+var grades_by_area = "영역별 성적";
+var problems_that_took_a_long_time = "시간이 오래 걸린 문제";
+var my_time = "나의 시간";
+var top_time = "상위권 시간";
+var fingerprint = "지문";
+var end = "종료";
+var ask_for_feedback = "피드백 요청하기";
+var quit = "종료하기";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1841,6 +1871,7 @@ var lang_ko = {
 	student_name: student_name,
 	full_pool_time: full_pool_time,
 	number_question: number_question,
+	number_answer: number_answer,
 	answer_rate: answer_rate,
 	seconds: seconds,
 	search_placeholder: search_placeholder,
@@ -1855,6 +1886,7 @@ var lang_ko = {
 	no_data: no_data,
 	internet_connection_was_lost: internet_connection_was_lost,
 	problem: problem,
+	problems: problems,
 	problem_solving_time: problem_solving_time,
 	minutes: minutes,
 	correct_rate: correct_rate,
@@ -2103,7 +2135,35 @@ var lang_ko = {
 	textbook_management: textbook_management,
 	my_question: my_question,
 	update_class: update_class,
-	create_class: create_class
+	create_class: create_class,
+	problem_number: problem_number,
+	answer: answer,
+	correct: correct,
+	solve_time: solve_time,
+	comparison_of_top_rankings: comparison_of_top_rankings,
+	total_correct_rate: total_correct_rate,
+	incorrect: incorrect,
+	no_solution: no_solution,
+	no_time: no_time,
+	my_solving_time: my_solving_time,
+	top_solution_time: top_solution_time,
+	average_solve_time: average_solve_time,
+	my_solution: my_solution,
+	most_solutions: most_solutions,
+	problem_classification: problem_classification,
+	my_wrong_answer: my_wrong_answer,
+	incorrect_problem_among_the_starred_problems: incorrect_problem_among_the_starred_problems,
+	correct_problem_among_the_starred_problems: correct_problem_among_the_starred_problems,
+	tricky_problems: tricky_problems,
+	issues_vulnerable: issues_vulnerable,
+	grades_by_area: grades_by_area,
+	problems_that_took_a_long_time: problems_that_took_a_long_time,
+	my_time: my_time,
+	top_time: top_time,
+	fingerprint: fingerprint,
+	end: end,
+	ask_for_feedback: ask_for_feedback,
+	quit: quit
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2154,6 +2214,7 @@ var confirmation$1 = "Confirmation";
 var student_name$1 = "Student name";
 var full_pool_time$1 = "Full pool time";
 var number_question$1 = "No.{{number}}";
+var number_answer$1 = "No.{{number}}";
 var answer_rate$1 = "Answer rate";
 var seconds$1 = "s";
 var search_placeholder$1 = "Search by exam name";
@@ -2167,7 +2228,8 @@ var correct_answer_for_each_student$1 = "Correct answer for each student";
 var information_by_question$1 = "Information by question";
 var no_data$1 = "No data";
 var internet_connection_was_lost$1 = "Internet connection was lost";
-var problem$1 = "Problem ";
+var problem$1 = "Problem";
+var problems$1 = "Problems";
 var problem_solving_time$1 = "Problem solving time";
 var minutes$1 = "m";
 var correct_rate$1 = "Correct rate";
@@ -2189,7 +2251,7 @@ var difficult = "Difficult";
 var article = "Article";
 var correct_answer = "Correct answer";
 var mark = "Mark";
-var answer = "Answer";
+var answer$1 = "Answer";
 var add_new_row = "Add new row";
 var question_text_required = "Question text is required";
 var create_question_success = "Question is created successfully";
@@ -2464,6 +2526,38 @@ var new_test$1 = "New Test";
 var manage_saved_tests$1 = "Manage saved tests";
 var textbook_management$1 = "Textbook Management";
 var my_question$1 = "My Question";
+var problem_number$1 = "Problem number";
+var solve_time$1 = "Solve time";
+var comparison_of_top_rankings$1 = "Comparison of top rankings";
+var total_correct_rate$1 = "Total correct rate";
+var incorrect$1 = "Incorrect";
+var correct$1 = "Correct";
+var no_solution$1 = "No solution";
+var no_time$1 = "No time";
+var my_solving_time$1 = "My solving time";
+var top_solution_time$1 = "Top solving time";
+var average_solve_time$1 = "Average solve time";
+var my_solution$1 = "My solution";
+var most_solutions$1 = "Most solutions";
+var problem_classification$1 = "Problem classification";
+var my_wrong_answer$1 = "My wrong answer";
+var incorrect_problem_among_the_starred_problems$1 = "Incorrect problem among the starred problems";
+var correct_problem_among_the_starred_problems$1 = "Correct problem among the starred problems";
+var tricky_problems$1 = "Tricky problems";
+var issues_vulnerable$1 = "Issues I'm Vulnerable to";
+var grades_by_area$1 = "Grades by area";
+var problems_that_took_a_long_time$1 = "Problems that took a long time";
+var my_time$1 = "My time";
+var top_time$1 = "Top time";
+var easy_problem = "Easy problem";
+var trick_problem = "Trick problem";
+var differential_problem = "Differential problem";
+var difficult_problem = "Difficult problem";
+var general_problem = "General problem";
+var fingerprint$1 = "Fingerprint";
+var end$1 = "end";
+var ask_for_feedback$1 = "Ask for feedback";
+var quit$1 = "Quit";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -2515,6 +2609,7 @@ var lang_en = {
 	student_name: student_name$1,
 	full_pool_time: full_pool_time$1,
 	number_question: number_question$1,
+	number_answer: number_answer$1,
 	answer_rate: answer_rate$1,
 	seconds: seconds$1,
 	search_placeholder: search_placeholder$1,
@@ -2529,6 +2624,7 @@ var lang_en = {
 	no_data: no_data$1,
 	internet_connection_was_lost: internet_connection_was_lost$1,
 	problem: problem$1,
+	problems: problems$1,
 	problem_solving_time: problem_solving_time$1,
 	minutes: minutes$1,
 	correct_rate: correct_rate$1,
@@ -2551,7 +2647,7 @@ var lang_en = {
 	article: article,
 	correct_answer: correct_answer,
 	mark: mark,
-	answer: answer,
+	answer: answer$1,
 	add_new_row: add_new_row,
 	question_text_required: question_text_required,
 	create_question_success: create_question_success,
@@ -2673,7 +2769,7 @@ var lang_en = {
 	credentials_invalid: credentials_invalid$1,
 	role_is_invalid: role_is_invalid$1,
 	today: today$1,
-	"q&a": "Questions and Answers",
+	"q&a": "Q&A",
 	user_is_disabled: user_is_disabled$1,
 	cover_image: cover_image$1,
 	notification: notification$1,
@@ -2811,7 +2907,39 @@ var lang_en = {
 	new_test: new_test$1,
 	manage_saved_tests: manage_saved_tests$1,
 	textbook_management: textbook_management$1,
-	my_question: my_question$1
+	my_question: my_question$1,
+	problem_number: problem_number$1,
+	solve_time: solve_time$1,
+	comparison_of_top_rankings: comparison_of_top_rankings$1,
+	total_correct_rate: total_correct_rate$1,
+	incorrect: incorrect$1,
+	correct: correct$1,
+	no_solution: no_solution$1,
+	no_time: no_time$1,
+	my_solving_time: my_solving_time$1,
+	top_solution_time: top_solution_time$1,
+	average_solve_time: average_solve_time$1,
+	my_solution: my_solution$1,
+	most_solutions: most_solutions$1,
+	problem_classification: problem_classification$1,
+	my_wrong_answer: my_wrong_answer$1,
+	incorrect_problem_among_the_starred_problems: incorrect_problem_among_the_starred_problems$1,
+	correct_problem_among_the_starred_problems: correct_problem_among_the_starred_problems$1,
+	tricky_problems: tricky_problems$1,
+	issues_vulnerable: issues_vulnerable$1,
+	grades_by_area: grades_by_area$1,
+	problems_that_took_a_long_time: problems_that_took_a_long_time$1,
+	my_time: my_time$1,
+	top_time: top_time$1,
+	easy_problem: easy_problem,
+	trick_problem: trick_problem,
+	differential_problem: differential_problem,
+	difficult_problem: difficult_problem,
+	general_problem: general_problem,
+	fingerprint: fingerprint$1,
+	end: end$1,
+	ask_for_feedback: ask_for_feedback$1,
+	quit: quit$1
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -9256,8 +9384,8 @@ var defaultSeries = function defaultSeries(t) {
   }];
 };
 
-var useExamResult = function useExamResult(searchParam, navigate, examSessionId, studentId, code, handleChangeTab) {
-  var _allChartOptions$data, _allSeries$dataChartI;
+var useExamResult = function useExamResult(searchParam, navigate, examSessionId, studentId, code, handleChangeTab, selectedTab) {
+  var _allSeries$dataChartI;
   if (examSessionId === void 0) {
     examSessionId = 0;
   }
@@ -9313,6 +9441,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
           return Promise.resolve(Promise.all([getResults(examCode), getResultsLongTimeSpend(examCode), getResultsEffectSize(examCode), getResultsTimeOrderQuestion(examCode), getResultsCategories(examCode)])).then(function (result) {
             var _result$0$data, _result$1$data, _result$2$data, _result$3$data, _result$4$data;
             handleChangeTab(0);
+            setDataChartIndex(0);
             setResultData((_result$0$data = result[0].data) === null || _result$0$data === void 0 ? void 0 : _result$0$data.data);
             setLongTimeSpend((_result$1$data = result[1].data) === null || _result$1$data === void 0 ? void 0 : _result$1$data.data);
             setEffectSize((_result$2$data = result[2].data) === null || _result$2$data === void 0 ? void 0 : _result$2$data.data);
@@ -9349,6 +9478,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
           return Promise.resolve(Promise.all([getResultsTeacher(examSessionId, studentId), getResultsLongTimeSpendTeacher(examSessionId, studentId), getResultsEffectSizeTeacher(examSessionId, studentId), getResultsTimeOrderQuestionTeacher(examSessionId, studentId), getResultsCategoriesTeacher(examSessionId, studentId)])).then(function (result) {
             var _result$0$data2, _result$1$data2, _result$2$data2, _result$3$data2, _result$4$data2;
             handleChangeTab(0);
+            setDataChartIndex(0);
             setResultData((_result$0$data2 = result[0].data) === null || _result$0$data2 === void 0 ? void 0 : _result$0$data2.data);
             setLongTimeSpend((_result$1$data2 = result[1].data) === null || _result$1$data2 === void 0 ? void 0 : _result$1$data2.data);
             setEffectSize((_result$2$data2 = result[2].data) === null || _result$2$data2 === void 0 ? void 0 : _result$2$data2.data);
@@ -9424,15 +9554,16 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
   }, [JSON.stringify(resultData === null || resultData === void 0 ? void 0 : resultData.questions), language]);
   var allChartOptions = React.useMemo(function () {
     return timelyOrderQuestions.map(function (timelyOrderQuestion) {
+      var _questions$length;
+      var questions = timelyOrderQuestion.questions || null;
+      var questionLength = (_questions$length = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length : 0;
       return _extends({}, DEFAULT_LINE_CHART_OPTIONS, {
         tooltip: _extends({}, DEFAULT_LINE_CHART_OPTIONS.tooltip, {
           y: {
             formatter: function formatter(val, _ref) {
               var dataPointIndex = _ref.dataPointIndex;
               if (dataPointIndex > 0) {
-                var _questions$length, _questions;
-                var questions = timelyOrderQuestion.questions || null;
-                var questionLength = (_questions$length = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length : 0;
+                var _questions;
                 return val != null ? t("problem_number_question", {
                   number: questions !== null ? (((_questions = questions[questionLength - val]) === null || _questions === void 0 ? void 0 : _questions.questionOrder) || 0) + 1 : val
                 }) : t("no_data");
@@ -9443,19 +9574,17 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         }),
         xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
           categories: ["."].concat(Array.from({
-            length: timelyOrderQuestion ? timelyOrderQuestion.questions.length : 1
+            length: questionLength
           }, function (_, i) {
             return ORDER_NUMBERS[i + 1] ? t(ORDER_NUMBERS[i + 1]) : toNumberOrder(i + 1);
           }), ["."])
         }),
         yaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis, {
-          tickAmount: timelyOrderQuestion.questions.length + 1,
-          max: timelyOrderQuestion.questions.length + 1,
+          tickAmount: questions.length + 1,
+          max: questions.length + 1,
           labels: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis.labels, {
             formatter: function formatter(val) {
-              var _questions$length2, _questions2;
-              var questions = timelyOrderQuestion.questions || null;
-              var questionLength = (_questions$length2 = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length2 : 0;
+              var _questions2;
               return val != null ? t("problem_number_question", {
                 number: questions !== null ? (((_questions2 = questions[questionLength - val]) === null || _questions2 === void 0 ? void 0 : _questions2.questionOrder) || 0) + 1 : val
               }) : t("no_data");
@@ -9503,7 +9632,46 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
       }];
     });
   }, [JSON.stringify(timelyOrderQuestions), language]);
-  var chartOptions = (_allChartOptions$data = allChartOptions[dataChartIndex]) != null ? _allChartOptions$data : DEFAULT_LINE_CHART_OPTIONS;
+  var chartOptions = React.useMemo(function () {
+    var _timelyOrderQuestions, _questions$length2;
+    var questions = ((_timelyOrderQuestions = timelyOrderQuestions[dataChartIndex]) === null || _timelyOrderQuestions === void 0 ? void 0 : _timelyOrderQuestions.questions) || null;
+    var questionLength = (_questions$length2 = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length2 : 0;
+    return _extends({}, DEFAULT_LINE_CHART_OPTIONS, {
+      tooltip: _extends({}, DEFAULT_LINE_CHART_OPTIONS.tooltip, {
+        y: {
+          formatter: function formatter(val, _ref2) {
+            var dataPointIndex = _ref2.dataPointIndex;
+            if (dataPointIndex > 0) {
+              var _questions3;
+              return val != null ? t("problem_number_question", {
+                number: questions !== null ? (((_questions3 = questions[questionLength - val]) === null || _questions3 === void 0 ? void 0 : _questions3.questionOrder) || 0) + 1 : val
+              }) : t("no_data");
+            }
+            return null;
+          }
+        }
+      }),
+      xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
+        categories: ["."].concat(Array.from({
+          length: questionLength
+        }, function (_, i) {
+          return ORDER_NUMBERS[i + 1] ? t(ORDER_NUMBERS[i + 1]) : toNumberOrder(i + 1);
+        }), ["."])
+      }),
+      yaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis, {
+        tickAmount: questionLength + 1,
+        max: questionLength + 1,
+        labels: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis.labels, {
+          formatter: function formatter(val) {
+            var _questions4;
+            return val != null ? t("problem_number_question", {
+              number: questions !== null ? (((_questions4 = questions[questionLength - val]) === null || _questions4 === void 0 ? void 0 : _questions4.questionOrder) || 0) + 1 : val
+            }) : t("no_data");
+          }
+        })
+      })
+    });
+  }, [JSON.stringify(allChartOptions), dataChartIndex, language]);
   var series = (_allSeries$dataChartI = allSeries[dataChartIndex]) != null ? _allSeries$dataChartI : defaultSeries(t);
   var handleExportPdf = function handleExportPdf() {
     try {
@@ -9682,6 +9850,9 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
       return Promise.reject(e);
     }
   };
+  React.useEffect(function () {
+    setDataChartIndex(0);
+  }, [selectedTab]);
   var examTime = React.useMemo(function () {
     return utcToLocalTime(resultData === null || resultData === void 0 ? void 0 : resultData.startTime, "HH:mm") + " ~ " + utcToLocalTime(resultData === null || resultData === void 0 ? void 0 : resultData.finishTime, "HH:mm");
   }, [resultData === null || resultData === void 0 ? void 0 : resultData.startTime, resultData === null || resultData === void 0 ? void 0 : resultData.finishTime]);
@@ -11231,7 +11402,9 @@ function MyAnswer(_ref) {
         }
       }, question.isStar ? React__default.createElement(iconStarQuestion, null) : React__default.createElement(iconNoStarQuestion, null), React__default.createElement("span", {
         className: styles$4["questionOrder"]
-      }, question.questionOrder + 1, "\uBC88")), React__default.createElement("div", {
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }))), React__default.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11240,11 +11413,11 @@ function MyAnswer(_ref) {
         }
       }, question.isCorrect && question.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer, null), React__default.createElement("span", {
         className: styles$4["answerCorrect"]
-      }, "\uC815\uB2F5")), !question.isCorrect && question.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer$1, null), React__default.createElement("span", {
+      }, t("correct"))), !question.isCorrect && question.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer$1, null), React__default.createElement("span", {
         className: styles$4["answerIncorrect"]
-      }, "\uC624\uB2F5")), question.selectedAnswers === "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconNoGrass, null), React__default.createElement("span", {
+      }, t("incorrect"))), question.selectedAnswers === "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconNoGrass, null), React__default.createElement("span", {
         className: styles$4["answerNograss"]
-      }, "\uD480\uC774 \uC5C6\uC74C"))), React__default.createElement("div", {
+      }, t("no_solution")))), React__default.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11260,7 +11433,7 @@ function MyAnswer(_ref) {
           margin: 0
         },
         className: styles$4["answerNoTime"]
-      }, "\uC2DC\uAC04 \uC5C6\uC74C")), React__default.createElement("div", {
+      }, t("no_time"))), React__default.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11293,7 +11466,7 @@ function MyAnswer(_ref) {
           margin: 0
         },
         className: styles$4["answerNoTime"]
-      }, "\uC2DC\uAC04 \uC5C6\uC74C")), isStudent && React__default.createElement("div", {
+      }, t("no_time"))), isStudent && React__default.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11343,7 +11516,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uBB38\uC81C \uBC88\uD638")), React__default.createElement("div", {
+    }, t("problem_number"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11355,7 +11528,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uC815\uB2F5")), React__default.createElement("div", {
+    }, t("answer"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11367,7 +11540,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uD480\uC774 \uC2DC\uAC04")), React__default.createElement("div", {
+    }, t("solve_time"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11380,7 +11553,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uC0C1\uC704\uAD8C \uBE44\uAD50")), React__default.createElement("div", {
+    }, t("comparison_of_top_rankings"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11393,14 +11566,14 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uC804\uCCB4 \uC815\uB2F5\uB960"))), React__default.createElement("div", {
+    }, t("total_correct_rate")))), React__default.createElement("div", {
       className: styles$4["titleMyAnswer2"]
     }, React__default.createElement(material.Typography, {
       sx: {
         color: "#97A1AF",
         fontSize: "12px"
       }
-    }, "\uCE74\uD14C\uACE0\uB9AC"), React__default.createElement(material.Typography, {
+    }, t("_category")), React__default.createElement(material.Typography, {
       sx: {
         color: "#414E62",
         fontSize: "12px",
@@ -11464,6 +11637,8 @@ var iconBtnNextChart = function iconBtnNextChart(_ref) {
 var CompareGrass = function CompareGrass(_ref) {
   var effectSize = _ref.effectSize,
     isPrint = _ref.isPrint;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var renderTableBody = function renderTableBody(effectSize) {
     return effectSize.map(function (item, index) {
       return React__default.createElement("tr", {
@@ -11474,22 +11649,28 @@ var CompareGrass = function CompareGrass(_ref) {
         } : {}
       }, React__default.createElement("td", {
         className: styles$4["tdcolumn1"]
-      }, "\uBB38\uC81C ", item.questionOrder + 1), React__default.createElement("td", {
+      }, t("problem"), " ", item.questionOrder + 1), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: "#202B37"
         }
-      }, item.correctAnswers, "\uBC88"), React__default.createElement("td", {
+      }, t("number_question", {
+        number: item.correctAnswers
+      })), React__default.createElement("td", {
         className: styles$4["tdcolumn3"],
         style: {
           color: item.isCorrect ? "#1EE288" : "#F34B4B"
         }
-      }, item.selectedAnswers ? item.selectedAnswers + "\uBC88" : ""), React__default.createElement("td", {
+      }, item.selectedAnswers ? t("number_question", {
+        number: item.selectedAnswers
+      }) : ""), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: "#414E62"
         }
-      }, item.mostSelectedAnswers ? item.mostSelectedAnswers + "\uBC88" : ""), React__default.createElement("td", null, React__default.createElement("div", {
+      }, item.mostSelectedAnswers ? t("number_question", {
+        number: item.mostSelectedAnswers
+      }) : ""), React__default.createElement("td", null, React__default.createElement("div", {
         className: styles$4["classification"]
       }, item.problemCategories.map(function (problem, index) {
         return React__default.createElement("div", {
@@ -11498,23 +11679,23 @@ var CompareGrass = function CompareGrass(_ref) {
           style: {
             border: "1px solid #1EE288"
           }
-        }, "\uC26C\uC6B4 \uBB38\uC81C"), problem === 3 && React__default.createElement("span", {
+        }, t("easy_problem")), problem === 3 && React__default.createElement("span", {
           style: {
             border: "1px solid #FDDB64"
           }
-        }, "\uD568\uC815 \uBB38\uC81C"), problem === 2 && React__default.createElement("span", {
+        }, t("trick_problem")), problem === 2 && React__default.createElement("span", {
           style: {
             border: "1px solid #F34B4B"
           }
-        }, "\uBCC0\uBCC4\uB825 \uBB38\uC81C"), problem === 0 && React__default.createElement("span", {
+        }, t("differential_problem")), problem === 0 && React__default.createElement("span", {
           style: {
             border: "1px solid #DDDDDD"
           }
-        }, "\uC77C\uBC18\uC801\uC778 \uBB38\uC81C"), problem === 4 && React__default.createElement("span", {
+        }, t("general_problem")), problem === 4 && React__default.createElement("span", {
           style: {
             border: "1px solid #FF0000"
           }
-        }, "\uC5B4\uB824\uC6B4 \uBB38\uC81C"));
+        }, t("Difficult_problem")));
       }))));
     });
   };
@@ -11544,23 +11725,23 @@ var CompareGrass = function CompareGrass(_ref) {
     className: isPrint ? PrintHeaderClassName : ""
   }, React__default.createElement("tr", null, React__default.createElement("th", {
     className: styles$4["thcolumn1"]
-  }, "\uBB38\uC81C \uBC88\uD638"), React__default.createElement("th", {
+  }, t("problem_number")), React__default.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uC815\uB2F5"), React__default.createElement("th", {
+  }, t("answer")), React__default.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uB0B4 \uD480\uC774"), React__default.createElement("th", {
+  }, t("my_solution")), React__default.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uAC00\uC7A5 \uB9CE\uC740 \uD480\uC774"), React__default.createElement("th", {
+  }, t("most_solutions")), React__default.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uBB38\uC81C \uBD84\uB958"))), isPrint ? renderPrintTableBody(effectSize) : React__default.createElement("tbody", null, renderTableBody(effectSize))))));
+  }, t("problem_classification")))), isPrint ? renderPrintTableBody(effectSize) : React__default.createElement("tbody", null, renderTableBody(effectSize))))));
 };
 
 var iconUpArrow = function iconUpArrow(_ref) {
@@ -11656,6 +11837,8 @@ var TrickyProblem = function TrickyProblem(_ref) {
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
     isPrint = _ref.isPrint;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
   var inCorrectQuestions = data.questions.filter(function (i) {
     return i.isStar && !i.isCorrect;
@@ -11666,56 +11849,64 @@ var TrickyProblem = function TrickyProblem(_ref) {
   var renderProblems = function renderProblems() {
     return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React__default.createElement(iconX, null), React__default.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uD2C0\uB9B0 \uBB38\uC81C")), React__default.createElement("div", {
+    }, React__default.createElement(iconX, null), React__default.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React__default.createElement("div", {
       className: styles$4["wrongQuestions"]
     }, !!inCorrectQuestions.length && inCorrectQuestions.map(function (question) {
       return React__default.createElement("span", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React__default.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C")), React__default.createElement("div", {
+    }, t("no_data"))), React__default.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uB9DE\uCD98 \uBB38\uC81C")), React__default.createElement("div", {
+    }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React__default.createElement("div", {
       className: styles$4["assignedQuestions"]
     }, !!correctQuestions.length && correctQuestions.map(function (question) {
       return React__default.createElement("div", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React__default.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C")));
+    }, t("no_data"))));
   };
   var renderPrintProblems = function renderPrintProblems() {
     return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
       className: PrintContentClassName
     }, React__default.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React__default.createElement(iconX, null), React__default.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uD2C0\uB9B0 \uBB38\uC81C")), React__default.createElement("div", {
+    }, React__default.createElement(iconX, null), React__default.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React__default.createElement("div", {
       className: styles$4["wrongQuestions"]
     }, !!inCorrectQuestions.length && inCorrectQuestions.map(function (question) {
       return React__default.createElement("span", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React__default.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C"))), React__default.createElement("div", {
+    }, t("no_data")))), React__default.createElement("div", {
       className: PrintContentClassName
     }, React__default.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uB9DE\uCD98 \uBB38\uC81C")), React__default.createElement("div", {
+    }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React__default.createElement("div", {
       className: styles$4["assignedQuestions"]
     }, !!correctQuestions.length && correctQuestions.map(function (question) {
       return React__default.createElement("div", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React__default.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
+    }, t("no_data")))));
   };
   return React__default.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + (isPrint ? PrintContainerClassName : "")
@@ -11730,7 +11921,7 @@ var TrickyProblem = function TrickyProblem(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uAE4C\uB2E4\uB85C\uC6E0\uB358 \uBB38\uC81C"), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, isPrint ? renderPrintProblems() : renderProblems()));
+  }, t("tricky_problems")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, isPrint ? renderPrintProblems() : renderProblems()));
 };
 
 var ProtractedProblem = function ProtractedProblem(_ref) {
@@ -11751,15 +11942,17 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
         className: styles$4["contentColumn1"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
-      }, "\uBB38\uC81C"), React__default.createElement("span", {
+      }, t("problem")), React__default.createElement("span", {
         className: styles$4["span2"]
-      }, item.questionOrder + 1, "\uBC88"))), React__default.createElement("div", {
+      }, t("number_question", {
+        number: item.questionOrder + 1
+      })))), React__default.createElement("div", {
         className: styles$4["contentColumn2"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
-      }, "\uB098\uC758 \uC2DC\uAC04"), React__default.createElement("span", {
+      }, t("my_time")), React__default.createElement("span", {
         className: styles$4["span2"]
-      }, "\uC0C1\uC704\uAD8C \uC2DC\uAC04")), React__default.createElement("div", null, React__default.createElement("span", {
+      }, t("top_time"))), React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["duration"]
       }, formatTimeSecond(item.duration, t)), React__default.createElement("span", {
         className: styles$4["topDuration"]
@@ -11788,11 +11981,11 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uC2DC\uAC04\uC774 \uC624\uB798 \uAC78\uB9B0 \uBB38\uC81C"), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
+  }, t("problems_that_took_a_long_time")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
     className: styles$4["wrapperContent"]
   }, data.length ? isPrint ? renderPrintQuestions() : renderQuestions(data) : React__default.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
+  }, t("no_data")))));
 };
 
 var Vulnerable = function Vulnerable(_ref) {
@@ -11801,6 +11994,8 @@ var Vulnerable = function Vulnerable(_ref) {
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
     isPrint = _ref.isPrint;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
   var incorrectQuestions = data.questions.filter(function (i) {
     return i.selectedAnswers !== "" && i.isCorrect === false;
@@ -11816,19 +12011,25 @@ var Vulnerable = function Vulnerable(_ref) {
         className: styles$4["contentColumn1"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
-      }, "\uBB38\uC81C"), React__default.createElement("span", {
+      }, t("problem_number")), React__default.createElement("span", {
         className: styles$4["span2"]
-      }, question.questionOrder + 1, "\uBC88"))), React__default.createElement("div", {
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      })))), React__default.createElement("div", {
         className: styles$4["contentColumn2"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
-      }, "\uC804\uCCB4 \uC815\uB2F5\uB960"), React__default.createElement("span", {
+      }, t("total_correct_rate")), React__default.createElement("span", {
         className: styles$4["span2"]
-      }, "\uB098\uC758 \uC624\uB2F5")), React__default.createElement("div", null, React__default.createElement("span", {
+      }, t("my_wrong_answer"))), React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["overallCorrectRate"]
       }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
         className: styles$4["answer"]
-      }, question.selectedAnswers, "\uBC88 (\uC815\uB2F5", " ", question.correctAnswers, "\uBC88)"))));
+      }, t("number_question", {
+        number: question.selectedAnswers
+      }), " (", t("answer"), " ", t("number_question", {
+        number: question.correctAnswers
+      }), ")"))));
     });
   };
   var renderPrintQuestions = function renderPrintQuestions(questions) {
@@ -11843,21 +12044,21 @@ var Vulnerable = function Vulnerable(_ref) {
   return React__default.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + PrintContainerClassName
   }, React__default.createElement("div", {
-    className: (!keyOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintHeaderClassName : ""),
+    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintHeaderClassName : ""),
     onClick: function onClick() {
       return changeOpen(isOpen ? "" : keyOpen);
     }
   }, React__default.createElement(material.Typography, {
     sx: {
-      color: !keyOpen ? "#97A1AF" : "#414E62",
+      color: !isOpen ? "#97A1AF" : "#414E62",
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uB0B4\uAC00 \uCDE8\uC57D\uD55C \uBB38\uC81C"), keyOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), keyOpen && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
+  }, t("issues_vulnerable")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
     className: styles$4["wrapperContent"]
   }, isPrint ? renderPrintQuestions(incorrectQuestions) : renderQuestions(incorrectQuestions), !incorrectQuestions.length && React__default.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
+  }, t("no_data")))));
 };
 
 var GradesByTerritory = function GradesByTerritory(_ref) {
@@ -11866,6 +12067,8 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
     isPrint = _ref.isPrint;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
   var renderCategories = function renderCategories(data) {
     return data.map(function (item) {
@@ -11881,7 +12084,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
         className: styles$4["name"]
       }, item.name), React__default.createElement("div", {
         className: styles$4["percent"]
-      }, React__default.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, "\uBB38\uC81C"))), React__default.createElement("div", {
+      }, React__default.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, t("problems")))), React__default.createElement("div", {
         className: styles$4["slider"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["track"],
@@ -11911,11 +12114,11 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uC601\uC5ED\uBCC4 \uC131\uC801"), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement("div", {
+  }, t("grades_by_area")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement("div", {
     className: styles$4["wrappContentProblem"]
   }, isPrint ? renderPrintCategories() : renderCategories(data), isOpen && !data.length && React__default.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, "\uB370\uC774\uD130 \uC5C6\uC74C")));
+  }, t("no_data"))));
 };
 
 var useCreateQuestionDialog$1 = function useCreateQuestionDialog() {
@@ -12124,7 +12327,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   var _useTab = useTab(),
     selected = _useTab.selected,
     handleChangeTab = _useTab.handleChangeTab;
-  var _useExamResult = useExamResult(searchParams, onNavigate, examSessionId, studentId, code, handleChangeTab),
+  var _useExamResult = useExamResult(searchParams, onNavigate, examSessionId, studentId, code, handleChangeTab, selected),
     examTime = _useExamResult.examTime,
     series = _useExamResult.series,
     allSeries = _useExamResult.allSeries,
@@ -12301,7 +12504,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
       onClick: function onClick() {
         return handleChangeTab(value);
       }
-    }, label);
+    }, t(label));
   })), isTabletUp && React__default.createElement(material.Stack, {
     padding: '12px 24px',
     alignItems: "end",