touchstudy-core 0.1.195 → 0.1.197

package/dist/index.js

@@ -1577,6 +1577,9 @@ var there_are_no_problems_you_were_working_on = "풀던 문제가 없습니다."
 var incomplete_exam = "미참가";
 var completed_exam = "참가";
 var failed_to_send_the_image_error = "이미지를 보내지 못했습니다: {{ message }}";
+var exam_session = "시험 세션";
+var must_select_an_exam_first = "먼저 시험을 선택해야 합니다";
+var not_selected = "미선택";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2785,7 +2788,10 @@ var lang_ko = {
 	there_are_no_problems_you_were_working_on: there_are_no_problems_you_were_working_on,
 	incomplete_exam: incomplete_exam,
 	completed_exam: completed_exam,
-	failed_to_send_the_image_error: failed_to_send_the_image_error
+	failed_to_send_the_image_error: failed_to_send_the_image_error,
+	exam_session: exam_session,
+	must_select_an_exam_first: must_select_an_exam_first,
+	not_selected: not_selected
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -4021,6 +4027,9 @@ var there_are_no_problems_you_were_working_on$1 = "There are no problems you wer
 var incomplete_exam$1 = "Incomplete";
 var completed_exam$1 = "Completed";
 var failed_to_send_the_image_error$1 = "Failed to send the image: {{ message }}";
+var exam_session$1 = "Exam session";
+var must_select_an_exam_first$1 = "Must select an exam first";
+var not_selected$1 = "Not selected";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -5231,7 +5240,10 @@ var lang_en = {
 	there_are_no_problems_you_were_working_on: there_are_no_problems_you_were_working_on$1,
 	incomplete_exam: incomplete_exam$1,
 	completed_exam: completed_exam$1,
-	failed_to_send_the_image_error: failed_to_send_the_image_error$1
+	failed_to_send_the_image_error: failed_to_send_the_image_error$1,
+	exam_session: exam_session$1,
+	must_select_an_exam_first: must_select_an_exam_first$1,
+	not_selected: not_selected$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -7945,7 +7957,7 @@ var CustomSelect = function CustomSelect(_ref) {
   }, rest));
 };
 
-var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "valueById", "isTextbook"];
+var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "valueById", "isTextbook", "styles"];
 var CustomSelectOption = function CustomSelectOption(_ref) {
   var defaultValue = _ref.defaultValue,
     options = _ref.options,
@@ -7955,6 +7967,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
     isMulti = _ref.isMulti,
     valueById = _ref.valueById,
     isTextbook = _ref.isTextbook,
+    styles = _ref.styles,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -7981,7 +7994,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles,
+    styles: _extends({}, customStyles, styles),
     placeholder: t("select_placeholder")
   }, rest)) : React__default.createElement(Select__default, Object.assign({
     isDisabled: isDisabled,
@@ -7997,7 +8010,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles,
+    styles: _extends({}, customStyles, styles),
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -19353,7 +19366,7 @@ var ChipCustom = material.styled(material.Stack)(function (_ref) {
   };
 });
 var AnswerItem = function AnswerItem(_ref2) {
-  var _data$selectedAnswers, _data$textualAnswers;
+  var _data$selectedAnswers, _data$textualAnswers, _data$skipRate$toFixe, _data$skipRate;
   var data = _ref2.data,
     nextData = _ref2.nextData,
     isFirst = _ref2.isFirst,
@@ -19418,7 +19431,7 @@ var AnswerItem = function AnswerItem(_ref2) {
       width: "80px",
       justifyContent: "center"
     }
-  }, data.answerResponseSignal != null ? React__default.createElement("p", {
+  }, data.duration != 0 ? React__default.createElement("p", {
     style: {
       margin: 0
     },
@@ -19435,7 +19448,7 @@ var AnswerItem = function AnswerItem(_ref2) {
       width: "80px",
       justifyContent: "center"
     }
-  }, data.answerResponseSignal != null && data.topDuration ? React__default.createElement("p", {
+  }, data.duration != 0 && data.topDuration ? React__default.createElement("p", {
     style: {
       margin: 0
     },
@@ -19450,20 +19463,20 @@ var AnswerItem = function AnswerItem(_ref2) {
     style: {
       display: "flex",
       alignItems: "center",
-      width: "80px",
+      width: "150px",
       justifyContent: "center"
     }
-  }, data.answerResponseSignal != null ? React__default.createElement("p", {
+  }, React__default.createElement("p", {
     style: {
       margin: 0
     },
     className: styles$7["answer-response"] + " " + getOverallColorClassName(data.overallCorrectRate, styles$7)
-  }, data.overallCorrectRate.toFixed(2) + "%") : React__default.createElement("p", {
+  }, data.overallCorrectRate.toFixed(2) + "%", React__default.createElement("span", {
     style: {
-      margin: 0
-    },
-    className: styles$7["answerNoTime"]
-  }, t("no_time"))), React__default.createElement("div", {
+      fontSize: "10px",
+      color: red[900]
+    }
+  }, "(" + ((_data$skipRate$toFixe = (_data$skipRate = data.skipRate) === null || _data$skipRate === void 0 ? void 0 : _data$skipRate.toFixed(2)) != null ? _data$skipRate$toFixe : 0) + "%)"))), React__default.createElement("div", {
     className: styles$7["classification"] + " " + printStyles["avoid-break-inside"] + " flex-grow-1 justify-content-start",
     style: {
       paddingInline: "14px",
@@ -19516,7 +19529,7 @@ var AnswerItem = function AnswerItem(_ref2) {
   }, openContextMenu ? React__default.createElement(material.ClickAwayListener, {
     onClickAway: handleCloseContextMenu
   }, React__default.createElement(material.Box, null, React__default.createElement(CustomTooltip, {
-    onClose: onCloseContextMenu,
+    onClose: handleCloseContextMenu,
     open: openContextMenu,
     disableFocusListener: true,
     disableHoverListener: true,
@@ -19662,7 +19675,7 @@ var MyAnswer = function MyAnswer(_ref) {
         display: "flex",
         alignItems: "center",
         gap: "4px",
-        width: "80px",
+        width: "150px",
         justifyContent: "center"
       }
     }, React__default.createElement(material.Typography, {
@@ -19672,9 +19685,15 @@ var MyAnswer = function MyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF",
         display: "flex",
-        alignItems: "center"
+        alignItems: "baseline",
+        gap: "2px"
       }
-    }, t("total_correct_rate")))), React__default.createElement("div", {
+    }, t("total_correct_rate"), React__default.createElement("span", {
+      style: {
+        fontSize: "10px",
+        color: red[900]
+      }
+    }, "(" + t("not_selected") + ")")))), React__default.createElement("div", {
       className: styles$7["titleMyAnswer2"]
     }, React__default.createElement(material.Typography, {
       sx: {
@@ -21207,7 +21226,7 @@ var TimeOrderChart = function TimeOrderChart(_ref) {
 };
 
 var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
-  var _data$selectedAnswers, _data$textualAnswers, _data$selectedAnswers2, _data$textualAnswers2, _data$selectedAnswers3, _data$textualAnswers3;
+  var _data$selectedAnswers, _data$textualAnswers, _data$selectedAnswers2, _data$textualAnswers2, _data$selectedAnswers3, _data$textualAnswers3, _data$skipRate$toFixe, _data$skipRate;
   var data = _ref.data,
     nextData = _ref.nextData,
     isFirst = _ref.isFirst,
@@ -21273,7 +21292,7 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
       display: "flex",
       alignItems: "center"
     }
-  }, data.answerResponseSignal != null ? React__default.createElement("p", {
+  }, data.duration != 0 ? React__default.createElement("p", {
     style: {
       margin: 0
     },
@@ -21289,7 +21308,7 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
       display: "flex",
       alignItems: "center"
     }
-  }, data.answerResponseSignal != null && data.topDuration ? React__default.createElement("p", {
+  }, data.duration != 0 && data.topDuration ? React__default.createElement("p", {
     style: {
       margin: 0
     },
@@ -21306,22 +21325,22 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
       display: "flex",
       alignItems: "center"
     }
-  }, data.answerResponseSignal != null ? React__default.createElement("p", {
+  }, React__default.createElement("p", {
     style: {
       margin: 0
     },
     className: styles$7["answer-response"] + " " + getOverallColorClassName(data.overallCorrectRate, styles$7)
-  }, data.overallCorrectRate.toFixed(2) + "%") : React__default.createElement("p", {
+  }, data.overallCorrectRate.toFixed(2) + "%", React__default.createElement("span", {
     style: {
-      margin: 0
-    },
-    className: styles$7["answerNoTime"]
-  }, t("no_time"))), isStudent && !isLearningSpace && React__default.createElement(material.Box, {
+      fontSize: "10px",
+      color: red[900]
+    }
+  }, "(" + ((_data$skipRate$toFixe = (_data$skipRate = data.skipRate) === null || _data$skipRate === void 0 ? void 0 : _data$skipRate.toFixed(2)) != null ? _data$skipRate$toFixe : 0) + "%)"))), isStudent && !isLearningSpace && React__default.createElement(material.Box, {
     className: styles["custom-col-2"]
   }, openContextMenu ? React__default.createElement(material.ClickAwayListener, {
     onClickAway: handleCloseContextMenu
   }, React__default.createElement(material.Box, null, React__default.createElement(CustomTooltip, {
-    onClose: onCloseContextMenu,
+    onClose: handleCloseContextMenu,
     open: openContextMenu,
     disableFocusListener: true,
     disableHoverListener: true,
@@ -21474,9 +21493,15 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
         fontWeight: 600,
         color: "#97A1AF",
         display: "flex",
-        alignItems: "center"
+        alignItems: "baseline",
+        gap: "2px"
       }
-    }, t("total_correct_rate")))), React__default.createElement("div", {
+    }, t("total_correct_rate"), React__default.createElement("span", {
+      style: {
+        fontSize: "10px",
+        color: red[900]
+      }
+    }, "(" + t("not_selected") + ")")))), React__default.createElement("div", {
       className: styles$7["titleMyAnswer2"]
     }, React__default.createElement(material.Typography, {
       sx: {
@@ -23192,12 +23217,12 @@ var useExamResultData = function useExamResultData(props) {
   var _useState9 = React.useState(),
     openProblem = _useState9[0],
     setOpenProblem = _useState9[1];
-  var _useState0 = React.useState(),
-    selectedQuestion = _useState0[0],
-    setSelectedQuestion = _useState0[1];
-  var _useState1 = React.useState(),
-    errorMessage = _useState1[0],
-    setErrorMessage = _useState1[1];
+  var _useState10 = React.useState(),
+    selectedQuestion = _useState10[0],
+    setSelectedQuestion = _useState10[1];
+  var _useState11 = React.useState(),
+    errorMessage = _useState11[0],
+    setErrorMessage = _useState11[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isBelongAcademy = !!user && user.academyDomain && !user.isLearningSpace;
@@ -24090,7 +24115,7 @@ var useOverallChartContainer = function useOverallChartContainer(isStudent, exam
     return [texts.slice(0, middle), texts.slice(middle)];
   }, [JSON.stringify(categories)]);
   var formatTooltip = React.useCallback(function (_ref2) {
-    var _overallData$data$0$h, _overallData$data$, _overallData$data$1$h, _overallData$data$2, _overallData$data$2$h, _overallData$data$0$q, _overallData$data$3, _overallData$data$1$q, _overallData$data$4, _overallData$data$0$p, _overallData$data$5, _overallData$data$1$p, _overallData$data$6, _overallData$data$0$t, _overallData$data$7, _overallData$data$1$t, _overallData$data$8, _overallData$data$8$t, _overallData$data$0$l, _overallData$data$9, _overallData$data$1$l, _overallData$data$0, _overallData$data$0$l2, _overallData$data$0$c, _overallData$data$1, _overallData$data$1$c, _overallData$data$1$c2, _overallData$data$10, _overallData$data$10$;
+    var _overallData$data$0$h, _overallData$data$, _overallData$maxData$, _overallData$data$1$h, _overallData$data$2, _overallData$maxData$2, _overallData$data$0$q, _overallData$data$3, _overallData$data$1$q, _overallData$data$4, _overallData$data$0$p, _overallData$data$5, _overallData$data$1$p, _overallData$data$6, _overallData$data$0$t, _overallData$data$7, _overallData$maxData$3, _overallData$data$1$t, _overallData$data$8, _overallData$maxData$4, _overallData$data$0$l, _overallData$data$9, _overallData$maxData$5, _overallData$data$1$l, _overallData$data$10, _overallData$maxData$6, _overallData$data$0$c, _overallData$data$11, _overallData$data$11$, _overallData$data$1$c, _overallData$data$12, _overallData$data$12$;
     var dataPointIndex = _ref2.dataPointIndex,
       w = _ref2.w;
     var label = categories[dataPointIndex];
@@ -24099,47 +24124,39 @@ var useOverallChartContainer = function useOverallChartContainer(isStudent, exam
     switch (dataPointIndex) {
       case 1:
         myValue = "" + t("n_questions", {
-          total: (_overallData$data$0$h = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$ = overallData.data[0]) === null || _overallData$data$ === void 0 ? void 0 : _overallData$data$.highLevelQuestions) != null ? _overallData$data$0$h : 0
+          total: ((_overallData$data$0$h = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$ = overallData.data[0]) === null || _overallData$data$ === void 0 ? void 0 : _overallData$data$.highLevelQuestions) != null ? _overallData$data$0$h : 0) + "/" + ((_overallData$maxData$ = overallData === null || overallData === void 0 ? void 0 : overallData.maxData.highLevelQuestions) != null ? _overallData$maxData$ : 0)
         });
         avgValue = "" + t("n_questions", {
-          total: (_overallData$data$1$h = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$2 = overallData.data[1]) === null || _overallData$data$2 === void 0 ? void 0 : (_overallData$data$2$h = _overallData$data$2.highLevelQuestions) === null || _overallData$data$2$h === void 0 ? void 0 : _overallData$data$2$h.toFixed(2)) != null ? _overallData$data$1$h : 0
+          total: Math.round((_overallData$data$1$h = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$2 = overallData.data[1]) === null || _overallData$data$2 === void 0 ? void 0 : _overallData$data$2.highLevelQuestions) != null ? _overallData$data$1$h : 0) + "/" + ((_overallData$maxData$2 = overallData === null || overallData === void 0 ? void 0 : overallData.maxData.highLevelQuestions) != null ? _overallData$maxData$2 : 0)
         });
         break;
       case 2:
-        myValue = "" + t("n_seconds", {
-          sec: (((_overallData$data$0$q = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$3 = overallData.data[0]) === null || _overallData$data$3 === void 0 ? void 0 : _overallData$data$3.questionLongestTime) != null ? _overallData$data$0$q : 0) / 1000).toFixed(2)
-        });
-        avgValue = "" + t("n_seconds", {
-          sec: (((_overallData$data$1$q = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$4 = overallData.data[1]) === null || _overallData$data$4 === void 0 ? void 0 : _overallData$data$4.questionLongestTime) != null ? _overallData$data$1$q : 0) / 1000).toFixed(2)
-        });
+        myValue = formatTimeSecond(((_overallData$data$0$q = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$3 = overallData.data[0]) === null || _overallData$data$3 === void 0 ? void 0 : _overallData$data$3.questionLongestTime) != null ? _overallData$data$0$q : 0) / 1000, t);
+        avgValue = formatTimeSecond(((_overallData$data$1$q = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$4 = overallData.data[1]) === null || _overallData$data$4 === void 0 ? void 0 : _overallData$data$4.questionLongestTime) != null ? _overallData$data$1$q : 0) / 1000, t);
         break;
       case 3:
-        myValue = "" + t("n_seconds", {
-          sec: (((_overallData$data$0$p = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$5 = overallData.data[0]) === null || _overallData$data$5 === void 0 ? void 0 : _overallData$data$5.problemSolvingTime) != null ? _overallData$data$0$p : 0) / 1000).toFixed(2)
-        });
-        avgValue = "" + t("n_seconds", {
-          sec: (((_overallData$data$1$p = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$6 = overallData.data[1]) === null || _overallData$data$6 === void 0 ? void 0 : _overallData$data$6.problemSolvingTime) != null ? _overallData$data$1$p : 0) / 1000).toFixed(2)
-        });
+        myValue = formatTimeSecond(((_overallData$data$0$p = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$5 = overallData.data[0]) === null || _overallData$data$5 === void 0 ? void 0 : _overallData$data$5.problemSolvingTime) != null ? _overallData$data$0$p : 0) / 1000, t);
+        avgValue = formatTimeSecond(((_overallData$data$1$p = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$6 = overallData.data[1]) === null || _overallData$data$6 === void 0 ? void 0 : _overallData$data$6.problemSolvingTime) != null ? _overallData$data$1$p : 0) / 1000, t);
         break;
       case 4:
         myValue = "" + t("n_questions", {
-          total: (_overallData$data$0$t = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$7 = overallData.data[0]) === null || _overallData$data$7 === void 0 ? void 0 : _overallData$data$7.totalAsteriskQuestions) != null ? _overallData$data$0$t : 0
+          total: ((_overallData$data$0$t = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$7 = overallData.data[0]) === null || _overallData$data$7 === void 0 ? void 0 : _overallData$data$7.totalAsteriskQuestions) != null ? _overallData$data$0$t : 0) + "/" + ((_overallData$maxData$3 = overallData === null || overallData === void 0 ? void 0 : overallData.maxData.totalAsteriskQuestions) != null ? _overallData$maxData$3 : 0)
         });
         avgValue = "" + t("n_questions", {
-          total: (_overallData$data$1$t = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$8 = overallData.data[1]) === null || _overallData$data$8 === void 0 ? void 0 : (_overallData$data$8$t = _overallData$data$8.totalAsteriskQuestions) === null || _overallData$data$8$t === void 0 ? void 0 : _overallData$data$8$t.toFixed(2)) != null ? _overallData$data$1$t : 0
+          total: Math.round((_overallData$data$1$t = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$8 = overallData.data[1]) === null || _overallData$data$8 === void 0 ? void 0 : _overallData$data$8.totalAsteriskQuestions) != null ? _overallData$data$1$t : 0) + "/" + ((_overallData$maxData$4 = overallData === null || overallData === void 0 ? void 0 : overallData.maxData.totalAsteriskQuestions) != null ? _overallData$maxData$4 : 0)
         });
         break;
       case 5:
         myValue = "" + t("n_questions", {
-          total: (_overallData$data$0$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$9 = overallData.data[0]) === null || _overallData$data$9 === void 0 ? void 0 : _overallData$data$9.lowLevelQuestions) != null ? _overallData$data$0$l : 0
+          total: ((_overallData$data$0$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$9 = overallData.data[0]) === null || _overallData$data$9 === void 0 ? void 0 : _overallData$data$9.lowLevelQuestions) != null ? _overallData$data$0$l : 0) + "/" + ((_overallData$maxData$5 = overallData === null || overallData === void 0 ? void 0 : overallData.maxData.lowLevelQuestions) != null ? _overallData$maxData$5 : 0)
         });
         avgValue = "" + t("n_questions", {
-          total: (_overallData$data$1$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$0 = overallData.data[1]) === null || _overallData$data$0 === void 0 ? void 0 : (_overallData$data$0$l2 = _overallData$data$0.lowLevelQuestions) === null || _overallData$data$0$l2 === void 0 ? void 0 : _overallData$data$0$l2.toFixed(2)) != null ? _overallData$data$1$l : 0
+          total: Math.round((_overallData$data$1$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$10 = overallData.data[1]) === null || _overallData$data$10 === void 0 ? void 0 : _overallData$data$10.lowLevelQuestions) != null ? _overallData$data$1$l : 0) + "/" + ((_overallData$maxData$6 = overallData === null || overallData === void 0 ? void 0 : overallData.maxData.lowLevelQuestions) != null ? _overallData$maxData$6 : 0)
         });
         break;
       default:
-        myValue = ((_overallData$data$0$c = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$1 = overallData.data[0]) === null || _overallData$data$1 === void 0 ? void 0 : (_overallData$data$1$c = _overallData$data$1.correctRate) === null || _overallData$data$1$c === void 0 ? void 0 : _overallData$data$1$c.toFixed(2)) != null ? _overallData$data$0$c : 0) + "%";
-        avgValue = ((_overallData$data$1$c2 = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$10 = overallData.data[1]) === null || _overallData$data$10 === void 0 ? void 0 : (_overallData$data$10$ = _overallData$data$10.correctRate) === null || _overallData$data$10$ === void 0 ? void 0 : _overallData$data$10$.toFixed(2)) != null ? _overallData$data$1$c2 : 0) + "%";
+        myValue = ((_overallData$data$0$c = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$11 = overallData.data[0]) === null || _overallData$data$11 === void 0 ? void 0 : (_overallData$data$11$ = _overallData$data$11.correctRate) === null || _overallData$data$11$ === void 0 ? void 0 : _overallData$data$11$.toFixed(2)) != null ? _overallData$data$0$c : 0) + "%";
+        avgValue = ((_overallData$data$1$c = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$12 = overallData.data[1]) === null || _overallData$data$12 === void 0 ? void 0 : (_overallData$data$12$ = _overallData$data$12.correctRate) === null || _overallData$data$12$ === void 0 ? void 0 : _overallData$data$12$.toFixed(2)) != null ? _overallData$data$1$c : 0) + "%";
         break;
     }
     return "<div style=\"padding: 8px; background: #fff; border-radius: 4px;\">\n                    <div style=\"border-bottom: 1px solid #f3f3f3; margin-bottom: 4px\"><strong>" + label + "</strong></div>\n                    <div style=\"display: flex; justify-content: space-between\">\n                        <p style=\"margin-right: 4px\"><strong style=\"color: " + w.globals.colors[0] + "\">" + t("my_data") + ":</strong></p>\n                        <p>" + myValue + "</p>\n                    </div>\n                    <div style=\"display: flex; justify-content: space-between\">\n                        <p style=\"margin-right: 4px\"><strong style=\"color: " + w.globals.colors[1] + "\">" + t("avg_data") + ":</strong></p>\n                        <p>" + avgValue + "</p>\n                    </div>\n                </div>";
@@ -26280,7 +26297,7 @@ var ChapterDetail = function ChapterDetail(_ref) {
     gap: "16px",
     justifyContent: "center",
     alignItems: "center"
-  }, React__default.createElement(io5.IoCheckmarkCircle, {
+  }, chapter.completedChapterQuestions === chapter.totalChapterQuestions && React__default.createElement(io5.IoCheckmarkCircle, {
     color: styles.less_dark
   }), React__default.createElement(material.Typography, {
     fontSize: "14px",
@@ -26879,7 +26896,8 @@ var TextbookDrawer = function TextbookDrawer(_ref) {
       borderRadius: "10px",
       width: "100%",
       height: "22px",
-      position: "relative"
+      position: "relative",
+      overflow: "hidden"
     }
   }, React__default.createElement(material.Stack, {
     sx: {
@@ -29823,13 +29841,13 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var handleAddToClass = function handleAddToClass(userIds) {
     try {
-      var _temp10 = function _temp10() {
+      var _temp12 = function _temp12() {
         dispatch(setLoading(false));
       };
       if (!classId || !openSelectDialog) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp1 = _catch(function () {
-        function _temp0() {
+      var _temp11 = _catch(function () {
+        function _temp10() {
           return Promise.resolve(handleGetDetailData(false)).then(function () {
             reactToastify.toast.success(t(classId ? "update_class_successfully" : "create_class_successfully"));
             handleCloseSelectDialog();
@@ -29846,18 +29864,18 @@ var useClassDetail = function useClassDetail(_ref) {
             });
           }
         }();
-        return _temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9);
+        return _temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9);
       }, function (error) {
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp1 && _temp1.then ? _temp1.then(_temp10) : _temp10(_temp1));
+      return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleSubmit = function handleSubmit(values, _) {
     try {
-      var _temp14 = function _temp14() {
+      var _temp16 = function _temp16() {
         dispatch(setLoading(false));
       };
       if (values.courseWeeklyDays.some(function (i) {
@@ -29874,11 +29892,11 @@ var useClassDetail = function useClassDetail(_ref) {
       }
       var body = convertToRequestBody(values);
       dispatch(setLoading(true));
-      var _temp13 = _catch(function () {
-        function _temp12() {
+      var _temp15 = _catch(function () {
+        function _temp14() {
           reactToastify.toast.success(t(classId ? "update_class_successfully" : "create_class_successfully"));
         }
-        var _temp11 = function () {
+        var _temp13 = function () {
           if (!classId) {
             return Promise.resolve(createClassApi(body)).then(function (res) {
               pushTo(history, classListUrl + "/" + res.data.id);
@@ -29889,11 +29907,11 @@ var useClassDetail = function useClassDetail(_ref) {
             });
           }
         }();
-        return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
+        return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
       }, function (error) {
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13));
+      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -29901,7 +29919,7 @@ var useClassDetail = function useClassDetail(_ref) {
   var getStudentNotInClassList = function getStudentNotInClassList() {
     try {
       if (!classId) return Promise.resolve();
-      var _temp15 = _catch(function () {
+      var _temp17 = _catch(function () {
         var _textSearchRef$curren;
         return Promise.resolve(getStudentClassApi(classId, _extends({}, filter, {
           textSearch: (_textSearchRef$curren = textSearchRef.current) === null || _textSearchRef$curren === void 0 ? void 0 : _textSearchRef$curren.value,
@@ -29932,7 +29950,7 @@ var useClassDetail = function useClassDetail(_ref) {
         setStudents([]);
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+      return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -29940,7 +29958,7 @@ var useClassDetail = function useClassDetail(_ref) {
   var getTeacherNotInClassList = function getTeacherNotInClassList() {
     try {
       if (!classId) return Promise.resolve();
-      var _temp16 = _catch(function () {
+      var _temp18 = _catch(function () {
         var _textSearchRef$curren2;
         return Promise.resolve(getTeacherClassApi(classId, _extends({}, filter, {
           textSearch: (_textSearchRef$curren2 = textSearchRef.current) === null || _textSearchRef$curren2 === void 0 ? void 0 : _textSearchRef$curren2.value,
@@ -29971,7 +29989,7 @@ var useClassDetail = function useClassDetail(_ref) {
         setTeachers([]);
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
+      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -31729,9 +31747,9 @@ var useUserList = function useUserList(role) {
   var _useState9 = React.useState(),
     deleteFile = _useState9[0],
     setDeleteFile = _useState9[1];
-  var _useState0 = React.useState(false),
-    isOpenDeleteUserCsv = _useState0[0],
-    setOpenDeleteUserCsv = _useState0[1];
+  var _useState10 = React.useState(false),
+    isOpenDeleteUserCsv = _useState10[0],
+    setOpenDeleteUserCsv = _useState10[1];
   var inputFileRef = React.useRef(null);
   var firstLoadRef = React.useRef(true);
   var handleChangeSelectedStudent = function handleChangeSelectedStudent(student) {
@@ -31887,7 +31905,7 @@ var useUserList = function useUserList(role) {
   };
   var getUserList = function getUserList() {
     try {
-      var _temp0 = function _temp0() {
+      var _temp10 = function _temp10() {
         firstLoadRef.current && dispatch(setLoading(false));
         if (firstLoadRef.current) firstLoadRef.current = false;
       };
@@ -31916,7 +31934,7 @@ var useUserList = function useUserList(role) {
         setPaging(DEFAULT_PAGING_RESPONSE);
         console.log(error);
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -31932,7 +31950,7 @@ var useUserList = function useUserList(role) {
       setSelectedUser(user);
       setOpenUserDialog(true);
       return Promise.resolve(_catch(function () {
-        var _temp1 = function () {
+        var _temp11 = function () {
           if (!!user.id && !!user.email) {
             return Promise.resolve(createRecentUserActionListApi({
               userId: user === null || user === void 0 ? void 0 : user.id,
@@ -31942,7 +31960,7 @@ var useUserList = function useUserList(role) {
             })).then(function () {});
           }
         }();
-        if (_temp1 && _temp1.then) return _temp1.then(function () {});
+        if (_temp11 && _temp11.then) return _temp11.then(function () {});
       }, function (error) {
         console.error(getErrorMessage(t, error));
       }));
@@ -31971,18 +31989,18 @@ var useUserList = function useUserList(role) {
   };
   var handleCreateOrUpdateUser = function handleCreateOrUpdateUser(value) {
     try {
-      var _temp13 = function _temp13() {
+      var _temp15 = function _temp15() {
         dispatch(setLoading(false));
       };
       if (value.fullName === "marcus") return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp12 = _catch(function () {
-        function _temp11() {
+      var _temp14 = _catch(function () {
+        function _temp13() {
           return Promise.resolve(getUserList()).then(function () {
             handleCloseUserDialog();
           });
         }
-        var _temp10 = function () {
+        var _temp12 = function () {
           if (!!(selectedUser !== null && selectedUser !== void 0 && selectedUser.id)) {
             return Promise.resolve(updateUserApi(_extends({}, value, {
               grade: value.grade == null ? undefined : value.grade
@@ -31993,23 +32011,23 @@ var useUserList = function useUserList(role) {
             }))).then(function () {});
           }
         }();
-        return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
+        return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
       }, function (error) {
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12));
+      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleDeleteUser = function handleDeleteUser() {
     try {
-      var _temp15 = function _temp15() {
+      var _temp17 = function _temp17() {
         dispatch(setLoading(false));
       };
       if (!(selectedUser !== null && selectedUser !== void 0 && selectedUser.id)) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp14 = _catch(function () {
+      var _temp16 = _catch(function () {
         return Promise.resolve(deleteUserApi(selectedUser.id)).then(function () {
           toggleConfirmDialog();
           getUserList();
@@ -32017,7 +32035,7 @@ var useUserList = function useUserList(role) {
       }, function (error) {
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
+      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -32850,7 +32868,7 @@ var useCategoryOptions = function useCategoryOptions(subjectId, isMath, filter,
   };
   var getQuestionTypes = function getQuestionTypes(categoryId, subCategoryId) {
     try {
-      var _temp0 = function _temp0() {
+      var _temp10 = function _temp10() {
         setLoadingQuestionTypes(false);
       };
       setLoadingQuestionTypes(true);
@@ -32873,7 +32891,7 @@ var useCategoryOptions = function useCategoryOptions(subjectId, isMath, filter,
       }, function () {
         setQuestionTypes([]);
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }