touchstudy-core 0.1.43 → 0.1.45

package/dist/index.modern.js

@@ -1516,6 +1516,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 = "시험 이름으로 검색하기";
@@ -1530,6 +1531,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 = "정확한 비율";
@@ -1792,6 +1794,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,
@@ -1842,6 +1872,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,
@@ -1856,6 +1887,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,
@@ -2104,7 +2136,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";
@@ -2155,6 +2215,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";
@@ -2168,7 +2229,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";
@@ -2190,7 +2252,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";
@@ -2465,6 +2527,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,
@@ -2516,6 +2610,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,
@@ -2530,6 +2625,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,
@@ -2552,7 +2648,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,
@@ -2674,7 +2770,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,
@@ -2812,7 +2908,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(initReactI18next).init({
@@ -3225,27 +3353,20 @@ var canAccess = function canAccess(userRoles, componentRoles) {
   return true;
 };
 
-var _excluded$1 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
-var DropdownIndicator = function DropdownIndicator(props) {
-  return React.createElement(components.DropdownIndicator, Object.assign({}, props), React.createElement(FaCaretDown, {
-    color: styles.darker
-  }));
-};
-var CustomOption = function CustomOption(props) {
-  return React.createElement(components.Option, Object.assign({}, props), React.createElement("div", {
-    style: {
-      fontSize: "14px",
-      fontWeight: 500
-    }
-  }, props.data.label));
-};
 var customStyles = {
-  control: function control(baseStyles) {
+  control: function control(baseStyles, state) {
     return _extends({}, baseStyles, {
       fontSize: "14px",
       fontWeight: 700,
       color: styles.darker,
-      borderColor: styles.less_dark
+      borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
+      },
+      "&:hover": {
+        borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
+      }
     });
   },
   input: function input(baseStyles, _) {
@@ -3261,8 +3382,32 @@ var customStyles = {
       fontWeight: 700,
       color: styles.darker
     });
+  },
+  option: function option(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.light : 'white',
+      "&:active": {
+        backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.less_dark : baseStyles.backgroundColor
+      }
+    });
   }
 };
+
+var DropdownIndicator = function DropdownIndicator(props) {
+  return React.createElement(components.DropdownIndicator, Object.assign({}, props), React.createElement(FaCaretDown, {
+    color: styles.darker
+  }));
+};
+var CustomOption = function CustomOption(props) {
+  return React.createElement(components.Option, Object.assign({}, props), React.createElement("div", {
+    style: {
+      fontSize: "14px",
+      fontWeight: 500
+    }
+  }, props.data.label));
+};
+
+var _excluded$1 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomSelect = function CustomSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -7153,43 +7298,6 @@ var getSubjectListApi$1 = function getSubjectListApi(textSearch) {
 };
 
 var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
-var DropdownIndicator$1 = function DropdownIndicator(props) {
-  return React.createElement(components.DropdownIndicator, Object.assign({}, props), React.createElement(FaCaretDown, {
-    color: styles.darker
-  }));
-};
-var CustomOption$1 = function CustomOption(props) {
-  return React.createElement(components.Option, Object.assign({}, props), React.createElement("div", {
-    style: {
-      fontSize: "14px",
-      fontWeight: 500
-    }
-  }, props.data.label));
-};
-var customStyles$1 = {
-  control: function control(baseStyles, state) {
-    return _extends({}, baseStyles, {
-      fontSize: "14px",
-      fontWeight: 700,
-      color: styles.darker,
-      borderColor: state.isFocused || state.hasValue ? styles.less_dark : '#97A1AF'
-    });
-  },
-  input: function input(baseStyles, _) {
-    return _extends({}, baseStyles, {
-      fontSize: "14px",
-      fontWeight: 700,
-      color: styles.darker
-    });
-  },
-  singleValue: function singleValue(baseStyles) {
-    return _extends({}, baseStyles, {
-      fontSize: "14px",
-      fontWeight: 700,
-      color: styles.darker
-    });
-  }
-};
 var CustomSelectOption = function CustomSelectOption(_ref) {
   var defaultValue = _ref.defaultValue,
     options = _ref.options,
@@ -7214,10 +7322,10 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
       IndicatorSeparator: function IndicatorSeparator() {
         return null;
       },
-      DropdownIndicator: DropdownIndicator$1,
-      Option: CustomOption$1
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
     },
-    styles: customStyles$1,
+    styles: customStyles,
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -8402,7 +8510,15 @@ var CustomCreatable = function CustomCreatable(_ref) {
     options: options,
     value: initialValues,
     menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles
   }, rest));
 };
 
@@ -8428,7 +8544,15 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
     value: !isDefault ? initialValues : undefined,
     defaultValue: isDefault ? initialValues : undefined,
     menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles
   }, rest));
 };
 
@@ -9258,8 +9382,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;
   }
@@ -9315,6 +9439,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);
@@ -9351,6 +9476,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);
@@ -9426,15 +9552,16 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
   }, [JSON.stringify(resultData === null || resultData === void 0 ? void 0 : resultData.questions), language]);
   var allChartOptions = 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");
@@ -9445,19 +9572,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");
@@ -9505,7 +9630,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 = 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 {
@@ -9684,6 +9848,9 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
       return Promise.reject(e);
     }
   };
+  useEffect(function () {
+    setDataChartIndex(0);
+  }, [selectedTab]);
   var examTime = 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]);
@@ -10823,7 +10990,7 @@ Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==t
 
 var ReactApexChart = unwrapExports(reactApexcharts_min);
 
-var styles$4 = {"titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
+var styles$4 = {"lighter":"#F0FFF6","light":"#C8F8DB","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_100":"#F9FAFB","gray_300":"#DFE3E8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
 
 var iconStarQuestion = function iconStarQuestion(_ref) {
   var _ref$width = _ref.width,
@@ -11233,7 +11400,9 @@ function MyAnswer(_ref) {
         }
       }, question.isStar ? React.createElement(iconStarQuestion, null) : React.createElement(iconNoStarQuestion, null), React.createElement("span", {
         className: styles$4["questionOrder"]
-      }, question.questionOrder + 1, "\uBC88")), React.createElement("div", {
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }))), React.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11242,11 +11411,11 @@ function MyAnswer(_ref) {
         }
       }, question.isCorrect && question.selectedAnswers !== "" && React.createElement(Fragment$1, null, React.createElement(iconCorrectAnswer, null), React.createElement("span", {
         className: styles$4["answerCorrect"]
-      }, "\uC815\uB2F5")), !question.isCorrect && question.selectedAnswers !== "" && React.createElement(Fragment$1, null, React.createElement(iconCorrectAnswer$1, null), React.createElement("span", {
+      }, t("correct"))), !question.isCorrect && question.selectedAnswers !== "" && React.createElement(Fragment$1, null, React.createElement(iconCorrectAnswer$1, null), React.createElement("span", {
         className: styles$4["answerIncorrect"]
-      }, "\uC624\uB2F5")), question.selectedAnswers === "" && React.createElement(Fragment$1, null, React.createElement(iconNoGrass, null), React.createElement("span", {
+      }, t("incorrect"))), question.selectedAnswers === "" && React.createElement(Fragment$1, null, React.createElement(iconNoGrass, null), React.createElement("span", {
         className: styles$4["answerNograss"]
-      }, "\uD480\uC774 \uC5C6\uC74C"))), React.createElement("div", {
+      }, t("no_solution")))), React.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11262,7 +11431,7 @@ function MyAnswer(_ref) {
           margin: 0
         },
         className: styles$4["answerNoTime"]
-      }, "\uC2DC\uAC04 \uC5C6\uC74C")), React.createElement("div", {
+      }, t("no_time"))), React.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11295,7 +11464,7 @@ function MyAnswer(_ref) {
           margin: 0
         },
         className: styles$4["answerNoTime"]
-      }, "\uC2DC\uAC04 \uC5C6\uC74C")), isStudent && React.createElement("div", {
+      }, t("no_time"))), isStudent && React.createElement("div", {
         className: styles["custom-col-2"],
         style: {
           display: "flex",
@@ -11345,7 +11514,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uBB38\uC81C \uBC88\uD638")), React.createElement("div", {
+    }, t("problem_number"))), React.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11357,7 +11526,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uC815\uB2F5")), React.createElement("div", {
+    }, t("answer"))), React.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11369,7 +11538,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uD480\uC774 \uC2DC\uAC04")), React.createElement("div", {
+    }, t("solve_time"))), React.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11382,7 +11551,7 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uC0C1\uC704\uAD8C \uBE44\uAD50")), React.createElement("div", {
+    }, t("comparison_of_top_rankings"))), React.createElement("div", {
       className: styles["custom-col-2"],
       style: {
         display: "flex",
@@ -11395,14 +11564,14 @@ function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF"
       }
-    }, "\uC804\uCCB4 \uC815\uB2F5\uB960"))), React.createElement("div", {
+    }, t("total_correct_rate")))), React.createElement("div", {
       className: styles$4["titleMyAnswer2"]
     }, React.createElement(Typography, {
       sx: {
         color: "#97A1AF",
         fontSize: "12px"
       }
-    }, "\uCE74\uD14C\uACE0\uB9AC"), React.createElement(Typography, {
+    }, t("_category")), React.createElement(Typography, {
       sx: {
         color: "#414E62",
         fontSize: "12px",
@@ -11466,6 +11635,8 @@ var iconBtnNextChart = function iconBtnNextChart(_ref) {
 var CompareGrass = function CompareGrass(_ref) {
   var effectSize = _ref.effectSize,
     isPrint = _ref.isPrint;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var renderTableBody = function renderTableBody(effectSize) {
     return effectSize.map(function (item, index) {
       return React.createElement("tr", {
@@ -11476,22 +11647,28 @@ var CompareGrass = function CompareGrass(_ref) {
         } : {}
       }, React.createElement("td", {
         className: styles$4["tdcolumn1"]
-      }, "\uBB38\uC81C ", item.questionOrder + 1), React.createElement("td", {
+      }, t("problem"), " ", item.questionOrder + 1), React.createElement("td", {
         style: {
           textAlign: "center",
           color: "#202B37"
         }
-      }, item.correctAnswers, "\uBC88"), React.createElement("td", {
+      }, t("number_question", {
+        number: item.correctAnswers
+      })), React.createElement("td", {
         className: styles$4["tdcolumn3"],
         style: {
           color: item.isCorrect ? "#1EE288" : "#F34B4B"
         }
-      }, item.selectedAnswers ? item.selectedAnswers + "\uBC88" : ""), React.createElement("td", {
+      }, item.selectedAnswers ? t("number_question", {
+        number: item.selectedAnswers
+      }) : ""), React.createElement("td", {
         style: {
           textAlign: "center",
           color: "#414E62"
         }
-      }, item.mostSelectedAnswers ? item.mostSelectedAnswers + "\uBC88" : ""), React.createElement("td", null, React.createElement("div", {
+      }, item.mostSelectedAnswers ? t("number_question", {
+        number: item.mostSelectedAnswers
+      }) : ""), React.createElement("td", null, React.createElement("div", {
         className: styles$4["classification"]
       }, item.problemCategories.map(function (problem, index) {
         return React.createElement("div", {
@@ -11500,23 +11677,23 @@ var CompareGrass = function CompareGrass(_ref) {
           style: {
             border: "1px solid #1EE288"
           }
-        }, "\uC26C\uC6B4 \uBB38\uC81C"), problem === 3 && React.createElement("span", {
+        }, t("easy_problem")), problem === 3 && React.createElement("span", {
           style: {
             border: "1px solid #FDDB64"
           }
-        }, "\uD568\uC815 \uBB38\uC81C"), problem === 2 && React.createElement("span", {
+        }, t("trick_problem")), problem === 2 && React.createElement("span", {
           style: {
             border: "1px solid #F34B4B"
           }
-        }, "\uBCC0\uBCC4\uB825 \uBB38\uC81C"), problem === 0 && React.createElement("span", {
+        }, t("differential_problem")), problem === 0 && React.createElement("span", {
           style: {
             border: "1px solid #DDDDDD"
           }
-        }, "\uC77C\uBC18\uC801\uC778 \uBB38\uC81C"), problem === 4 && React.createElement("span", {
+        }, t("general_problem")), problem === 4 && React.createElement("span", {
           style: {
             border: "1px solid #FF0000"
           }
-        }, "\uC5B4\uB824\uC6B4 \uBB38\uC81C"));
+        }, t("Difficult_problem")));
       }))));
     });
   };
@@ -11546,23 +11723,23 @@ var CompareGrass = function CompareGrass(_ref) {
     className: isPrint ? PrintHeaderClassName : ""
   }, React.createElement("tr", null, React.createElement("th", {
     className: styles$4["thcolumn1"]
-  }, "\uBB38\uC81C \uBC88\uD638"), React.createElement("th", {
+  }, t("problem_number")), React.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uC815\uB2F5"), React.createElement("th", {
+  }, t("answer")), React.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uB0B4 \uD480\uC774"), React.createElement("th", {
+  }, t("my_solution")), React.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uAC00\uC7A5 \uB9CE\uC740 \uD480\uC774"), React.createElement("th", {
+  }, t("most_solutions")), React.createElement("th", {
     style: {
       textAlign: "center"
     }
-  }, "\uBB38\uC81C \uBD84\uB958"))), isPrint ? renderPrintTableBody(effectSize) : React.createElement("tbody", null, renderTableBody(effectSize))))));
+  }, t("problem_classification")))), isPrint ? renderPrintTableBody(effectSize) : React.createElement("tbody", null, renderTableBody(effectSize))))));
 };
 
 var iconUpArrow = function iconUpArrow(_ref) {
@@ -11658,6 +11835,8 @@ var TrickyProblem = function TrickyProblem(_ref) {
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
     isPrint = _ref.isPrint;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
   var inCorrectQuestions = data.questions.filter(function (i) {
     return i.isStar && !i.isCorrect;
@@ -11668,56 +11847,64 @@ var TrickyProblem = function TrickyProblem(_ref) {
   var renderProblems = function renderProblems() {
     return React.createElement(Fragment$1, null, React.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React.createElement(iconX, null), React.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uD2C0\uB9B0 \uBB38\uC81C")), React.createElement("div", {
+    }, React.createElement(iconX, null), React.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React.createElement("div", {
       className: styles$4["wrongQuestions"]
     }, !!inCorrectQuestions.length && inCorrectQuestions.map(function (question) {
       return React.createElement("span", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C")), React.createElement("div", {
+    }, t("no_data"))), React.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React.createElement(iconAssignedQuestions, null), React.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uB9DE\uCD98 \uBB38\uC81C")), React.createElement("div", {
+    }, React.createElement(iconAssignedQuestions, null), React.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React.createElement("div", {
       className: styles$4["assignedQuestions"]
     }, !!correctQuestions.length && correctQuestions.map(function (question) {
       return React.createElement("div", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C")));
+    }, t("no_data"))));
   };
   var renderPrintProblems = function renderPrintProblems() {
     return React.createElement(Fragment$1, null, React.createElement("div", {
       className: PrintContentClassName
     }, React.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React.createElement(iconX, null), React.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uD2C0\uB9B0 \uBB38\uC81C")), React.createElement("div", {
+    }, React.createElement(iconX, null), React.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React.createElement("div", {
       className: styles$4["wrongQuestions"]
     }, !!inCorrectQuestions.length && inCorrectQuestions.map(function (question) {
       return React.createElement("span", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C"))), React.createElement("div", {
+    }, t("no_data")))), React.createElement("div", {
       className: PrintContentClassName
     }, React.createElement("div", {
       className: styles$4["titleTrickyProblem"]
-    }, React.createElement(iconAssignedQuestions, null), React.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uB9DE\uCD98 \uBB38\uC81C")), React.createElement("div", {
+    }, React.createElement(iconAssignedQuestions, null), React.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React.createElement("div", {
       className: styles$4["assignedQuestions"]
     }, !!correctQuestions.length && correctQuestions.map(function (question) {
       return React.createElement("div", {
         key: question.id,
         className: styles$4["question"]
-      }, question.questionOrder + 1, "\uBC88");
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      }));
     }), !data.questions.length && React.createElement("div", {
       className: styles$4["noData"]
-    }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
+    }, t("no_data")))));
   };
   return React.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + (isPrint ? PrintContainerClassName : "")
@@ -11732,7 +11919,7 @@ var TrickyProblem = function TrickyProblem(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uAE4C\uB2E4\uB85C\uC6E0\uB358 \uBB38\uC81C"), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement(Fragment$1, null, isPrint ? renderPrintProblems() : renderProblems()));
+  }, t("tricky_problems")), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement(Fragment$1, null, isPrint ? renderPrintProblems() : renderProblems()));
 };
 
 var ProtractedProblem = function ProtractedProblem(_ref) {
@@ -11753,15 +11940,17 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
         className: styles$4["contentColumn1"]
       }, React.createElement("div", null, React.createElement("span", {
         className: styles$4["span1"]
-      }, "\uBB38\uC81C"), React.createElement("span", {
+      }, t("problem")), React.createElement("span", {
         className: styles$4["span2"]
-      }, item.questionOrder + 1, "\uBC88"))), React.createElement("div", {
+      }, t("number_question", {
+        number: item.questionOrder + 1
+      })))), React.createElement("div", {
         className: styles$4["contentColumn2"]
       }, React.createElement("div", null, React.createElement("span", {
         className: styles$4["span1"]
-      }, "\uB098\uC758 \uC2DC\uAC04"), React.createElement("span", {
+      }, t("my_time")), React.createElement("span", {
         className: styles$4["span2"]
-      }, "\uC0C1\uC704\uAD8C \uC2DC\uAC04")), React.createElement("div", null, React.createElement("span", {
+      }, t("top_time"))), React.createElement("div", null, React.createElement("span", {
         className: styles$4["duration"]
       }, formatTimeSecond(item.duration, t)), React.createElement("span", {
         className: styles$4["topDuration"]
@@ -11790,11 +11979,11 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uC2DC\uAC04\uC774 \uC624\uB798 \uAC78\uB9B0 \uBB38\uC81C"), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement(Fragment$1, null, React.createElement("div", {
+  }, t("problems_that_took_a_long_time")), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement(Fragment$1, null, React.createElement("div", {
     className: styles$4["wrapperContent"]
   }, data.length ? isPrint ? renderPrintQuestions() : renderQuestions(data) : React.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
+  }, t("no_data")))));
 };
 
 var Vulnerable = function Vulnerable(_ref) {
@@ -11803,6 +11992,8 @@ var Vulnerable = function Vulnerable(_ref) {
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
     isPrint = _ref.isPrint;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
   var incorrectQuestions = data.questions.filter(function (i) {
     return i.selectedAnswers !== "" && i.isCorrect === false;
@@ -11818,19 +12009,25 @@ var Vulnerable = function Vulnerable(_ref) {
         className: styles$4["contentColumn1"]
       }, React.createElement("div", null, React.createElement("span", {
         className: styles$4["span1"]
-      }, "\uBB38\uC81C"), React.createElement("span", {
+      }, t("problem_number")), React.createElement("span", {
         className: styles$4["span2"]
-      }, question.questionOrder + 1, "\uBC88"))), React.createElement("div", {
+      }, t("number_question", {
+        number: question.questionOrder + 1
+      })))), React.createElement("div", {
         className: styles$4["contentColumn2"]
       }, React.createElement("div", null, React.createElement("span", {
         className: styles$4["span1"]
-      }, "\uC804\uCCB4 \uC815\uB2F5\uB960"), React.createElement("span", {
+      }, t("total_correct_rate")), React.createElement("span", {
         className: styles$4["span2"]
-      }, "\uB098\uC758 \uC624\uB2F5")), React.createElement("div", null, React.createElement("span", {
+      }, t("my_wrong_answer"))), React.createElement("div", null, React.createElement("span", {
         className: styles$4["overallCorrectRate"]
       }, question.overallCorrectRate.toFixed(2), "%"), React.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) {
@@ -11845,21 +12042,21 @@ var Vulnerable = function Vulnerable(_ref) {
   return React.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + PrintContainerClassName
   }, React.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.createElement(Typography, {
     sx: {
-      color: !keyOpen ? "#97A1AF" : "#414E62",
+      color: !isOpen ? "#97A1AF" : "#414E62",
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uB0B4\uAC00 \uCDE8\uC57D\uD55C \uBB38\uC81C"), keyOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), keyOpen && React.createElement(Fragment$1, null, React.createElement("div", {
+  }, t("issues_vulnerable")), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement(Fragment$1, null, React.createElement("div", {
     className: styles$4["wrapperContent"]
   }, isPrint ? renderPrintQuestions(incorrectQuestions) : renderQuestions(incorrectQuestions), !incorrectQuestions.length && React.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
+  }, t("no_data")))));
 };
 
 var GradesByTerritory = function GradesByTerritory(_ref) {
@@ -11868,6 +12065,8 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
     isPrint = _ref.isPrint;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
   var renderCategories = function renderCategories(data) {
     return data.map(function (item) {
@@ -11883,7 +12082,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
         className: styles$4["name"]
       }, item.name), React.createElement("div", {
         className: styles$4["percent"]
-      }, React.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, "\uBB38\uC81C"))), React.createElement("div", {
+      }, React.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, t("problems")))), React.createElement("div", {
         className: styles$4["slider"]
       }, React.createElement("div", null, React.createElement("span", {
         className: styles$4["track"],
@@ -11913,11 +12112,11 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, "\uC601\uC5ED\uBCC4 \uC131\uC801"), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement("div", {
+  }, t("grades_by_area")), isOpen ? React.createElement(iconUpArrow, null) : React.createElement(iconDownArrow, null)), isOpen && React.createElement("div", {
     className: styles$4["wrappContentProblem"]
   }, isPrint ? renderPrintCategories() : renderCategories(data), isOpen && !data.length && React.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, "\uB370\uC774\uD130 \uC5C6\uC74C")));
+  }, t("no_data"))));
 };
 
 var useCreateQuestionDialog$1 = function useCreateQuestionDialog() {
@@ -12126,7 +12325,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,
@@ -12303,7 +12502,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
       onClick: function onClick() {
         return handleChangeTab(value);
       }
-    }, label);
+    }, t(label));
   })), isTabletUp && React.createElement(Stack, {
     padding: '12px 24px',
     alignItems: "end",
@@ -12681,6 +12880,7 @@ var Header = function Header(_ref) {
     className: "fw-bold me-2 text-nowrap",
     sx: {
       minWidth: "60px",
+      maxWidth: "120px",
       overflow: "hidden",
       textOverflow: "ellipsis"
     }