touchstudy-core 0.1.31 → 0.1.33

package/dist/index.modern.js

@@ -9,7 +9,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import axios from 'axios';
 import { useTranslation, initReactI18next } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
-import { Grid, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, Button, Box, Typography, Pagination, styled, Tooltip, tooltipClasses, Stack, ClickAwayListener, CircularProgress, FormControl, RadioGroup, FormControlLabel, Radio, FormGroup, FormLabel, InputLabel, Container, Table, TableBody, TableRow, TableCell, TableHead, Paper, InputBase } from '@mui/material';
+import { Grid, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, Button, Box, Typography, Pagination, styled, Tooltip, tooltipClasses, Stack, ClickAwayListener, useMediaQuery, CircularProgress, FormControl, RadioGroup, FormControlLabel, Radio, FormGroup, FormLabel, InputLabel, Container, Table, TableBody, TableRow, TableCell, TableHead, Paper, InputBase } from '@mui/material';
 import { gapi } from 'gapi-script';
 import Pusher from 'pusher-js';
 import { IoClose, IoCloseOutline, IoSearch } from 'react-icons/io5';
@@ -136,7 +136,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var stylesGlobal = {"btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw"};
+var styleGlobal = {"btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN"};
 
 var AuthenticationMessage;
 (function (AuthenticationMessage) {
@@ -463,18 +463,18 @@ var BlockLogin = function BlockLogin(_ref) {
     var handleSubmit = formikProps.handleSubmit;
     return React.createElement(Grid, {
       container: true,
-      className: "" + stylesGlobal["box-login"]
+      className: "" + styleGlobal["box-login"]
     }, React.createElement(Grid, {
       item: true,
       className: "p-0 d-flex justify-content-center"
     }, React.createElement("form", {
-      className: "" + stylesGlobal["block-login"],
+      className: "" + styleGlobal["block-login"],
       onSubmit: handleSubmit
     }, React.createElement("div", {
-      className: "" + stylesGlobal["block-form"]
+      className: "" + styleGlobal["block-form"]
     }, React.createElement("img", {
       src: "/images/logo.jpeg",
-      className: "" + stylesGlobal["img-login-rectangle"]
+      className: "" + styleGlobal["img-login-rectangle"]
     }), React.createElement("div", {
       className: "p-0 mt-1 mb-4"
     }, React.createElement(GoogleLogin, {
@@ -483,7 +483,7 @@ var BlockLogin = function BlockLogin(_ref) {
       onSuccess: onSuccessGoogle,
       onFailure: onFailureGoogle,
       cookiePolicy: "single_host_origin",
-      className: "" + stylesGlobal["btn-login-google"],
+      className: "" + styleGlobal["btn-login-google"],
       isSignedIn: true
     }))))));
   });
@@ -547,7 +547,7 @@ var Login = function Login(_ref) {
   var _useLogin = useLogin$1(onNavigate),
     defaultInfo = _useLogin.defaultInfo;
   return React.createElement("div", {
-    className: stylesGlobal["login"] + " container-fluid font-family-lato"
+    className: styleGlobal["login"] + " container-fluid font-family-lato"
   }, React.createElement(Grid, {
     container: true,
     spacing: 3,
@@ -1356,6 +1356,7 @@ var duration = "시험 시간";
 var answer_count = "답변 수";
 var question_count = "문제 갯수";
 var category = "문항 카테고리";
+var _category = "카테고리";
 var save_and_exit = "저장 및 종료";
 var update_exam = "시험 업데이트";
 var create_exam = "새 시험 만들기";
@@ -1572,6 +1573,12 @@ var my_classes_calendar = "내 수업 캘린더";
 var enter_exam_code = "시험 코드 입력";
 var my_score = "내 점수";
 var exam_date = "시험 날짜";
+var my_problem_solving_order = "내 순서";
+var top_rankings_problem_solving_order = "상위권 학생의 순서";
+var comparison_of_top_rankings_and_problem_solving_order = "상위권과 문제 푸는 순서 비교";
+var my_answers = "내 해답";
+var request_for_consultation = "상담요청";
+var ask_a_question_with_a_problem = "문제로 질문하기";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1642,6 +1649,7 @@ var lang_ko = {
 	answer_count: answer_count,
 	question_count: question_count,
 	category: category,
+	_category: _category,
 	save_and_exit: save_and_exit,
 	update_exam: update_exam,
 	create_exam: create_exam,
@@ -1854,7 +1862,13 @@ var lang_ko = {
 	my_classes_calendar: my_classes_calendar,
 	enter_exam_code: enter_exam_code,
 	my_score: my_score,
-	exam_date: exam_date
+	exam_date: exam_date,
+	my_problem_solving_order: my_problem_solving_order,
+	top_rankings_problem_solving_order: top_rankings_problem_solving_order,
+	comparison_of_top_rankings_and_problem_solving_order: comparison_of_top_rankings_and_problem_solving_order,
+	my_answers: my_answers,
+	request_for_consultation: request_for_consultation,
+	ask_a_question_with_a_problem: ask_a_question_with_a_problem
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -1946,6 +1960,7 @@ var update_question_success = "Question is updated successfully";
 var number_of_answers = "Number of answers";
 var correct_answers = "Correct answers";
 var category$1 = "Category";
+var _category$1 = "Category";
 var score = "Score";
 var enter_title$1 = "Enter title";
 var enter_score = "Enter score";
@@ -2175,6 +2190,12 @@ var my_classes_calendar$1 = "My classes calendar";
 var enter_exam_code$1 = "Enter exam code";
 var my_score$1 = "My score";
 var exam_date$1 = "Exam date";
+var my_problem_solving_order$1 = "My problem solving order";
+var top_rankings_problem_solving_order$1 = "Top rankings problem solving order";
+var comparison_of_top_rankings_and_problem_solving_order$1 = "Comparison of top rankings and problem-solving order";
+var my_answers$1 = "My answers";
+var request_for_consultation$1 = "Request for consultation";
+var ask_a_question_with_a_problem$1 = "Ask a question with a problem";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -2268,6 +2289,7 @@ var lang_en = {
 	number_of_answers: number_of_answers,
 	correct_answers: correct_answers,
 	category: category$1,
+	_category: _category$1,
 	score: score,
 	enter_title: enter_title$1,
 	enter_score: enter_score,
@@ -2492,7 +2514,13 @@ var lang_en = {
 	my_classes_calendar: my_classes_calendar$1,
 	enter_exam_code: enter_exam_code$1,
 	my_score: my_score$1,
-	exam_date: exam_date$1
+	exam_date: exam_date$1,
+	my_problem_solving_order: my_problem_solving_order$1,
+	top_rankings_problem_solving_order: top_rankings_problem_solving_order$1,
+	comparison_of_top_rankings_and_problem_solving_order: comparison_of_top_rankings_and_problem_solving_order$1,
+	my_answers: my_answers$1,
+	request_for_consultation: request_for_consultation$1,
+	ask_a_question_with_a_problem: ask_a_question_with_a_problem$1
 };
 
 i18n.use(initReactI18next).init({
@@ -2807,10 +2835,10 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   };
   return React.createElement(Fragment$1, null, React.createElement(Button, {
     onClick: handleOpen,
-    className: "" + stylesGlobal["academy-btn"],
+    className: "" + styleGlobal["academy-btn"],
     sx: _extends({}, popoverStyle)
   }, React.createElement("div", {
-    className: "" + stylesGlobal["image-academy"]
+    className: "" + styleGlobal["image-academy"]
   }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.image ? React.createElement("img", {
     src: selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.image,
     alt: selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.name
@@ -2823,7 +2851,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
       minWidth: 150
     }
   }, (selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.name) || t(role === Role.Admin ? "switch_academy_admin" : "switch_academy")), React.createElement("div", {
-    className: "" + stylesGlobal["switch-icon"]
+    className: "" + styleGlobal["switch-icon"]
   }, React.createElement(GoArrowSwitch, {
     size: 14
   }))), (isSuperAdmin || !isAdmin) && React.createElement(Popover, {
@@ -2865,7 +2893,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
         fontWeight: 600
       }
     }, React.createElement("div", {
-      className: "" + stylesGlobal["image-academy"]
+      className: "" + styleGlobal["image-academy"]
     }, option.image ? React.createElement(Box$1, {
       component: "img",
       alt: option.name,
@@ -3910,6 +3938,36 @@ var iconChecked = function iconChecked(_ref) {
   }));
 };
 
+var ellipsisText = function ellipsisText(text, maxLength) {
+  return text.length > maxLength ? text.slice(0, maxLength) + " ..." : text;
+};
+var formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
+  var uniqueCategories = new Set();
+  var filterCategories = categories.filter(function (category) {
+    if (!uniqueCategories.has(category.name)) {
+      uniqueCategories.add(category.name);
+      return true;
+    }
+    return false;
+  });
+  var questionsByCategory = filterCategories.map(function (category) {
+    return {
+      category: category,
+      questions: inputData.questions.filter(function (question) {
+        return question.category.name === category.name;
+      })
+    };
+  });
+  return questionsByCategory;
+};
+var formatTimeSecond = function formatTimeSecond(duration, t) {
+  duration = Math.round(duration);
+  return "" + (duration < 60 ? "" + duration + t("seconds") : t("mins_mins_seconds_seconds", {
+    mins: Math.floor(duration / 60),
+    seconds: duration % 60
+  }));
+};
+
 var ChatHeader = function ChatHeader(_ref) {
   var fullName = _ref.fullName,
     examTitle = _ref.examTitle,
@@ -3930,6 +3988,7 @@ var ChatHeader = function ChatHeader(_ref) {
     handleConfirm = _useDialog.handleConfirm;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isTabletUp = useMediaQuery('(min-width:900px)');
   var isStudent = roles === null || roles === void 0 ? void 0 : roles.includes(Roles$1.Student);
   var filterDurationExam = useMemo(function () {
     if (!durationExam) return;
@@ -3958,7 +4017,7 @@ var ChatHeader = function ChatHeader(_ref) {
       alignItems: "center",
       flexDirection: "row",
       gap: "8px"
-    }, React.createElement(iconPersonNoActive, null), React.createElement(Typography, {
+    }, React.createElement(iconPersonNoActive, null), isTabletUp && React.createElement(Typography, {
       fontWeight: 500,
       fontSize: "14px",
       lineHeight: "16.71px",
@@ -3968,7 +4027,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontSize: "14px",
       lineHeight: "16.71px",
       color: "#5458D5"
-    }, teacherName)), !!examTitle && React.createElement(Box, {
+    }, ellipsisText(teacherName || "", 15))), !!examTitle && React.createElement(Box, {
       display: "flex",
       alignItems: "start",
       color: "#5458D5",
@@ -3978,7 +4037,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontWeight: 600,
       fontSize: "12px",
       lineHeight: "14.32px"
-    }, examTitle), React.createElement(Box, {
+    }, ellipsisText(examTitle, 15)), React.createElement(Box, {
       display: "flex",
       flexDirection: "row",
       gap: "4px"
@@ -6557,9 +6616,9 @@ var SubjectSelector = function SubjectSelector(_ref) {
     !minimumTextSearchLength && defaultValueAtFirst && options.length && onChange(options[0], subjects[0]);
   }, [JSON.stringify(options), JSON.stringify(subjects), defaultValueAtFirst, minimumTextSearchLength]);
   return React.createElement(FormGroup, {
-    className: "" + stylesGlobal["filter-item"]
+    className: "" + styleGlobal["filter-item"]
   }, !!title && React.createElement("label", {
-    className: "" + stylesGlobal["title-form"]
+    className: "" + styleGlobal["title-form"]
   }, title), React.createElement(CustomSelectOption, {
     options: options,
     inputValue: searchString,
@@ -7028,12 +7087,12 @@ var SortIcon = function SortIcon(_ref) {
   var isAscending = _ref.isAscending,
     onClick = _ref.onClick;
   return React.createElement("div", {
-    className: "d-flex flex-column " + stylesGlobal["sort-icons"],
+    className: "d-flex flex-column " + styleGlobal["sort-icons"],
     onClick: onClick
   }, React.createElement(FaSortUp, {
-    className: isAscending === true ? stylesGlobal["active"] : ""
+    className: isAscending === true ? styleGlobal["active"] : ""
   }), React.createElement(FaSortDown, {
-    className: isAscending === false ? stylesGlobal["active"] : ""
+    className: isAscending === false ? styleGlobal["active"] : ""
   }));
 };
 
@@ -7536,17 +7595,17 @@ var ExamDetailView = function ExamDetailView(_ref) {
   return React.createElement(Grid, {
     container: true,
     spacing: 3,
-    className: className + " " + stylesGlobal["custom-row"]
+    className: className + " " + styleGlobal["custom-row"]
   }, React.createElement(Grid, {
     item: true,
     xs: 5,
     className: 'mb-2'
   }, React.createElement("label", {
-    className: stylesGlobal["form-label"] + " " + styles$1["question-label"],
+    className: styleGlobal["form-label"] + " " + styles$1["question-label"],
     htmlFor: "title"
   }, t("title")), React.createElement("input", {
     disabled: isDisabled,
-    className: "" + stylesGlobal["form-control"],
+    className: "" + styleGlobal["form-control"],
     value: exam.title,
     id: "title",
     placeholder: t("enter_title"),
@@ -7556,7 +7615,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     xs: 3,
     className: 'mb-2'
   }, React.createElement("label", {
-    className: stylesGlobal["form-label"] + " " + styles$1["question-label"],
+    className: styleGlobal["form-label"] + " " + styles$1["question-label"],
     htmlFor: "duration"
   }, t("duration")), React.createElement(CustomSelect, {
     inputId: "duration",
@@ -7569,7 +7628,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     xs: 3,
     className: 'mb-2'
   }, React.createElement("label", {
-    className: stylesGlobal["form-label"] + " " + styles$1["question-label"],
+    className: styleGlobal["form-label"] + " " + styles$1["question-label"],
     htmlFor: "duration"
   }, t("subject"), " ", selectedSubject === null || selectedSubject === void 0 ? void 0 : selectedSubject.name), React.createElement(CustomSelect, {
     inputId: "subject",
@@ -7600,7 +7659,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     xs: 12
   }, React.createElement("button", {
     disabled: isDisabled,
-    className: stylesGlobal["btn-outline-primary"] + " w-100 d-flex justify-content-center align-items-center " + styles$1["question-btn"] + " mt-3",
+    className: styleGlobal["btn-outline-primary"] + " w-100 d-flex justify-content-center align-items-center " + styles$1["question-btn"] + " mt-3",
     onClick: handleAddArticle
   }, React.createElement(FaPlusCircle, {
     className: "me-2"
@@ -8526,10 +8585,15 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         enabled: true,
         hideEmptySeries: true,
         y: {
-          formatter: function formatter(value, _ref) {
+          formatter: function formatter(val, _ref) {
             var dataPointIndex = _ref.dataPointIndex;
             if (dataPointIndex > 0) {
-              return value != null ? "\uBB38\uC81C " + (timelyOrderQuestion[dataChartIndex] ? timelyOrderQuestion[dataChartIndex].questions.length - value + 1 : value) + "\uBC88" : "데이터 없음";
+              var _timelyOrderQuestion$, _questions$length, _questions;
+              var questions = ((_timelyOrderQuestion$ = timelyOrderQuestion[dataChartIndex]) === null || _timelyOrderQuestion$ === void 0 ? void 0 : _timelyOrderQuestion$.questions) || null;
+              var questionLength = (_questions$length = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length : 0;
+              return val != null ? t("problem_number_question", {
+                number: questions !== null ? ((_questions = questions[questionLength - val]) === null || _questions === void 0 ? void 0 : _questions.questionOrder) + 1 : val
+              }) : t("no_data");
             }
             return null;
           }
@@ -8537,7 +8601,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
       },
       legend: {
         show: true,
-        fontSize: '12px',
+        fontSize: "12px",
         fontWeight: 600,
         markers: {
           width: 16,
@@ -8561,11 +8625,11 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         }), ["."]),
         axisBorder: {
           show: true,
-          color: '#E4E7EC'
+          color: "#E4E7EC"
         },
         labels: {
           style: {
-            fontSize: '10px'
+            fontSize: "10px"
           }
         }
       },
@@ -8587,25 +8651,30 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         max: timelyOrderQuestion[dataChartIndex] ? timelyOrderQuestion[dataChartIndex].questions.length + 1 : 1,
         axisBorder: {
           show: true,
-          color: '#E4E7EC'
+          color: "#E4E7EC"
         },
         labels: {
           formatter: function formatter(val) {
-            return val != null ? "\uBB38\uC81C " + (timelyOrderQuestion[dataChartIndex] ? timelyOrderQuestion[dataChartIndex].questions.length - val + 1 : val) + "\uBC88" : "데이터 없음";
+            var _timelyOrderQuestion$2, _questions$length2, _questions2;
+            var questions = ((_timelyOrderQuestion$2 = timelyOrderQuestion[dataChartIndex]) === null || _timelyOrderQuestion$2 === void 0 ? void 0 : _timelyOrderQuestion$2.questions) || null;
+            var questionLength = (_questions$length2 = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length2 : 0;
+            return val != null ? t("problem_number_question", {
+              number: questions !== null ? ((_questions2 = questions[questionLength - val]) === null || _questions2 === void 0 ? void 0 : _questions2.questionOrder) + 1 : val
+            }) : t("no_data");
           },
           style: {
-            fontSize: '10px'
+            fontSize: "10px"
           }
         }
       }
     };
-  }, [JSON.stringify(timelyOrderQuestion[dataChartIndex]), language]);
+  }, [JSON.stringify(timelyOrderQuestion), dataChartIndex, language]);
   var series = useMemo(function () {
     if (!timelyOrderQuestion.length || timelyOrderQuestion.length < dataChartIndex + 1 || dataChartIndex < 0) return [{
-      name: "내 순서",
+      name: t("my_problem_solving_order"),
       data: []
     }, {
-      name: "상위권 학생의 순서",
+      name: t("top_rankings_problem_solving_order"),
       data: []
     }];
     var data = timelyOrderQuestion[dataChartIndex];
@@ -8619,23 +8688,23 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
       });
     });
     var mySeriesData = [null].concat(questionsData.sort(function (a, b) {
-      return a.answerOrder > b.answerOrder ? 1 : b.answerOrder > a.answerOrder ? -1 : 0;
+      return b.answerOrder === 0 ? -1 : a.answerOrder > b.answerOrder ? 1 : b.answerOrder > a.answerOrder ? -1 : 0;
     }).map(function (item) {
-      return data.questions.length - item.questionOrder;
+      return item.answerOrder === 0 ? null : data.questions.length - item.questionOrder;
     }), [null]);
     var topSeriesData = [null].concat(questionsData.sort(function (a, b) {
-      return a.topAnswerOrder > b.topAnswerOrder ? 1 : b.topAnswerOrder > a.topAnswerOrder ? -1 : 0;
+      return b.topAnswerOrder === 0 ? -1 : a.topAnswerOrder > b.topAnswerOrder ? 1 : b.topAnswerOrder > a.topAnswerOrder ? -1 : 0;
     }).map(function (item) {
-      return item.topAnswerOrder == null ? null : data.questions.length - item.questionOrder;
+      return item.topAnswerOrder === 0 ? null : data.questions.length - item.questionOrder;
     }), [null]);
     return [{
-      name: "내 순서",
+      name: t("my_problem_solving_order"),
       data: mySeriesData
     }, {
-      name: "상위권 학생의 순서",
+      name: t("top_rankings_problem_solving_order"),
       data: topSeriesData
     }];
-  }, [JSON.stringify(timelyOrderQuestion), dataChartIndex]);
+  }, [JSON.stringify(timelyOrderQuestion), dataChartIndex, language]);
   var handleExportPdf = function handleExportPdf() {
     try {
       var canvas = document.querySelector("#canvas");
@@ -9794,33 +9863,6 @@ var ReactApexChart = unwrapExports(reactApexcharts_min);
 
 var styles$2 = {"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 formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
-  var uniqueCategories = new Set();
-  var filterCategories = categories.filter(function (category) {
-    if (!uniqueCategories.has(category.name)) {
-      uniqueCategories.add(category.name);
-      return true;
-    }
-    return false;
-  });
-  var questionsByCategory = filterCategories.map(function (category) {
-    return {
-      category: category,
-      questions: inputData.questions.filter(function (question) {
-        return question.category.name === category.name;
-      })
-    };
-  });
-  return questionsByCategory;
-};
-var formatTimeSecond = function formatTimeSecond(duration, t) {
-  duration = Math.round(duration);
-  return "" + (duration < 60 ? "" + duration + t("seconds") : t("mins_mins_seconds_seconds", {
-    mins: Math.floor(duration / 60),
-    seconds: duration % 60
-  }));
-};
-
 var iconStarQuestion = function iconStarQuestion(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "15" : _ref$width,
@@ -10110,7 +10152,7 @@ function CreateNewQuestionDialog(_ref) {
       padding: "24px 24px 40px 24px"
     }, React.createElement(Stack, null, React.createElement("label", {
       htmlFor: "questions",
-      className: stylesGlobal['form-label'] + "  " + styles$2['form-label-dialog']
+      className: styleGlobal['form-label'] + "  " + styles$2['form-label-dialog']
     }, "\uC9C8\uBB38\uD560 \uBB38\uC81C"), React.createElement(Field, {
       as: "select",
       id: "questions",
@@ -10118,7 +10160,7 @@ function CreateNewQuestionDialog(_ref) {
       style: {
         width: "100%"
       },
-      className: "" + stylesGlobal['form-select']
+      className: "" + styleGlobal['form-select']
     }, questions === null || questions === void 0 ? void 0 : questions.map(function (question) {
       return React.createElement("option", {
         value: question === null || question === void 0 ? void 0 : question.id
@@ -10127,7 +10169,7 @@ function CreateNewQuestionDialog(_ref) {
       }));
     }))), React.createElement(Stack, null, React.createElement("label", {
       htmlFor: "content-question",
-      className: stylesGlobal['form-label'] + "  " + styles$2['form-label-dialog']
+      className: styleGlobal['form-label'] + "  " + styles$2['form-label-dialog']
     }, "\uC9C8\uBB38 \uB0B4\uC6A9"), React.createElement(Box, {
       position: 'relative',
       display: 'flex',
@@ -10140,7 +10182,7 @@ function CreateNewQuestionDialog(_ref) {
       },
       name: "content",
       placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
-      className: stylesGlobal['form-control']
+      className: styleGlobal['form-control']
     }), (errors === null || errors === void 0 ? void 0 : errors.content) && React.createElement(Box, {
       position: 'absolute',
       right: 0,
@@ -10210,9 +10252,9 @@ function MyAnswer(_ref) {
       bgcolor: "#F9FAFB",
       flexDirection: "row",
       padding: "12px",
-      className: styles$2["myAnswerItem"] + " " + stylesGlobal["noGutters"]
+      className: styles$2["myAnswerItem"] + " " + styleGlobal["noGutters"]
     }, React.createElement("div", {
-      className: stylesGlobal["custom-col-2"],
+      className: styleGlobal["custom-col-2"],
       style: {
         display: "flex",
         gap: "4px"
@@ -10224,7 +10266,7 @@ function MyAnswer(_ref) {
         color: "#97A1AF"
       }
     }, "\uBB38\uC81C \uBC88\uD638")), React.createElement("div", {
-      className: stylesGlobal["custom-col-2"],
+      className: styleGlobal["custom-col-2"],
       style: {
         display: "flex",
         gap: "4px"
@@ -10236,7 +10278,7 @@ function MyAnswer(_ref) {
         color: "#97A1AF"
       }
     }, "\uC815\uB2F5")), React.createElement("div", {
-      className: stylesGlobal["custom-col-2"],
+      className: styleGlobal["custom-col-2"],
       style: {
         display: "flex",
         gap: "4px"
@@ -10248,7 +10290,7 @@ function MyAnswer(_ref) {
         color: "#97A1AF"
       }
     }, "\uD480\uC774 \uC2DC\uAC04")), React.createElement("div", {
-      className: stylesGlobal["custom-col-2"],
+      className: styleGlobal["custom-col-2"],
       style: {
         display: "flex",
         alignItems: "center",
@@ -10261,7 +10303,7 @@ function MyAnswer(_ref) {
         color: "#97A1AF"
       }
     }, "\uC0C1\uC704\uAD8C \uBE44\uAD50")), React.createElement("div", {
-      className: stylesGlobal["custom-col-2"],
+      className: styleGlobal["custom-col-2"],
       style: {
         display: "flex",
         alignItems: "center",
@@ -10296,9 +10338,9 @@ function MyAnswer(_ref) {
         } : {},
         key: question.id
       }, React.createElement("div", {
-        className: styles$2["myAnswerItem"] + " " + stylesGlobal["noGutters"]
+        className: styles$2["myAnswerItem"] + " " + styleGlobal["noGutters"]
       }, React.createElement("div", {
-        className: stylesGlobal["custom-col-2"],
+        className: styleGlobal["custom-col-2"],
         style: {
           display: "flex",
           alignItems: "center",
@@ -10308,7 +10350,7 @@ function MyAnswer(_ref) {
       }, question.isStar ? React.createElement(iconStarQuestion, null) : React.createElement(iconNoStarQuestion, null), React.createElement("span", {
         className: styles$2["questionOrder"]
       }, question.questionOrder + 1, "\uBC88")), React.createElement("div", {
-        className: stylesGlobal["custom-col-2"],
+        className: styleGlobal["custom-col-2"],
         style: {
           display: "flex",
           alignItems: "center",
@@ -10321,7 +10363,7 @@ function MyAnswer(_ref) {
       }, "\uC624\uB2F5")), question.selectedAnswers === "" && React.createElement(Fragment$1, null, React.createElement(iconNoGrass, null), React.createElement("span", {
         className: styles$2["answerNograss"]
       }, "\uD480\uC774 \uC5C6\uC74C"))), React.createElement("div", {
-        className: stylesGlobal["custom-col-2"],
+        className: styleGlobal["custom-col-2"],
         style: {
           display: "flex",
           alignItems: "center"
@@ -10337,7 +10379,7 @@ function MyAnswer(_ref) {
         },
         className: styles$2["answerNoTime"]
       }, "\uC2DC\uAC04 \uC5C6\uC74C")), React.createElement("div", {
-        className: stylesGlobal["custom-col-2"],
+        className: styleGlobal["custom-col-2"],
         style: {
           display: "flex",
           alignItems: "center"
@@ -10354,7 +10396,7 @@ function MyAnswer(_ref) {
         },
         className: styles$2["answerNoTime"]
       }, "-")), React.createElement("div", {
-        className: stylesGlobal["custom-col-2"],
+        className: styleGlobal["custom-col-2"],
         style: {
           display: "flex",
           alignItems: "center"
@@ -10370,7 +10412,7 @@ function MyAnswer(_ref) {
         },
         className: styles$2["answerNoTime"]
       }, "\uC2DC\uAC04 \uC5C6\uC74C")), isStudent && React.createElement("div", {
-        className: stylesGlobal["custom-col-2"],
+        className: styleGlobal["custom-col-2"],
         style: {
           display: "flex",
           alignItems: "center",
@@ -10894,7 +10936,7 @@ function CreateNewQuestionDialog$1(_ref) {
     var errors = _ref2.errors;
     return React.createElement(Form, null, React.createElement("label", {
       htmlFor: "content-question",
-      className: stylesGlobal['form-label'] + "  " + styles$2['form-label-dialog']
+      className: styleGlobal['form-label'] + "  " + styles$2['form-label-dialog']
     }, "\uC9C8\uBB38 \uB0B4\uC6A9"), React.createElement(Box, {
       position: 'relative',
       display: 'flex',
@@ -10907,7 +10949,7 @@ function CreateNewQuestionDialog$1(_ref) {
       },
       name: "content",
       placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
-      className: stylesGlobal['form-control']
+      className: styleGlobal['form-control']
     }), (errors === null || errors === void 0 ? void 0 : errors.content) && React.createElement(Box, {
       position: 'absolute',
       right: 0,
@@ -11142,6 +11184,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     var label = _ref2.label,
       value = _ref2.value;
     return React.createElement(Button, {
+      className: styleGlobal["truncate"],
       disableTouchRipple: true,
       sx: {
         fontSize: "14px",
@@ -11161,7 +11204,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   }, React.createElement("div", {
     className: styles$2["pdfBtnBox"]
   }, React.createElement("button", {
-    className: styles$2["pdfBtn"],
+    className: styles$2["pdfBtn"] + " " + styleGlobal["truncate"],
     onClick: handleExportPdf
   }, React.createElement(iconPrintFill, null), React.createElement("p", null, t("print"))))))), React.createElement(Grid, {
     item: true,