touchstudy-core 0.1.135 → 0.1.137

package/dist/index.js

@@ -12,19 +12,19 @@ var demo = require('@mui/x-date-pickers/internals/demo');
 var React = require('react');
 var React__default = _interopDefault(React);
 var material = require('@mui/material');
-var reactRedux = require('react-redux');
 var moment = _interopDefault(require('moment'));
-require('moment/locale/ko.js');
-require('moment/locale/en-au.js');
-var _$5 = _interopDefault(require('lodash'));
 var fa = require('react-icons/fa');
 var io = require('react-icons/io');
 var io5 = require('react-icons/io5');
+var reactRedux = require('react-redux');
 var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
 var axios = _interopDefault(require('axios'));
+var _$5 = _interopDefault(require('lodash'));
 var reactGoogleLogin = require('@leecheuk/react-google-login');
+require('moment/locale/ko.js');
+require('moment/locale/en-au.js');
 var formik = require('formik');
 var reactVirtualized = require('react-virtualized');
 var tinymce = _interopDefault(require('tinymce'));
@@ -821,7 +821,7 @@ var delete_users_csv = "사용자 CSV 삭제";
 var are_you_sure_to_delete_users = "사용자를 삭제하시겠습니까?";
 var enter_phone_number = "전화번호를 입력하세요";
 var enter_school_name = "학교 이름을 입력하세요";
-var enter_grade = "성적 입력";
+var enter_grade = "성적 입력 (먼저 학교 이름을 입력하세요)";
 var enter_major_name = "부서명을 입력하세요";
 var enter_parent_name = "부모 이름을 입력하세요";
 var enter_parent_phone_number = "부모 전화번호를 입력하세요";
@@ -1398,7 +1398,7 @@ var math = "수학";
 var korea = "한국";
 var fix_this_information_for_this_book = "이 책에 대한 정보 수정";
 var slect_school = "학교를 선택하세요";
-var elemantary_school = "초등학교";
+var elementary_school = "초등학교";
 var middle_school = "중학교";
 var high_school = "고등학교";
 var question_type_search_keyword = "질문 유형 검색 키워드";
@@ -1423,6 +1423,18 @@ var current_correct_answer_entered = "현재 입력한 정답";
 var correct_answer_is_required = "정답은 필수입니다.";
 var cancel_2 = "취소하기";
 var article_required = "기사가 필요합니다";
+var elementary_school_1st_grade = "초등학교 1학년";
+var elementary_school_2nd_grade = "초등학교 2학년";
+var elementary_school_3rd_grade = "초등학교 3학년";
+var elementary_school_4th_grade = "초등학교 4학년";
+var elementary_school_5th_grade = "초등학교 5학년";
+var elementary_school_6th_grade = "초등학교 6학년";
+var middle_school_1st_grade = "중학교 1학년";
+var middle_school_2nd_grade = "중학교 2학년";
+var middle_school_3rd_grade = "중학교 3학년";
+var high_school_1st_grade = "고등학교 1학년";
+var high_school_2nd_grade = "고등학교 2학년";
+var high_school_3rd_grade = "고등학교 3학년";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2459,7 +2471,7 @@ var lang_ko = {
 	korea: korea,
 	fix_this_information_for_this_book: fix_this_information_for_this_book,
 	slect_school: slect_school,
-	elemantary_school: elemantary_school,
+	elementary_school: elementary_school,
 	middle_school: middle_school,
 	high_school: high_school,
 	question_type_search_keyword: question_type_search_keyword,
@@ -2483,7 +2495,19 @@ var lang_ko = {
 	current_correct_answer_entered: current_correct_answer_entered,
 	correct_answer_is_required: correct_answer_is_required,
 	cancel_2: cancel_2,
-	article_required: article_required
+	article_required: article_required,
+	elementary_school_1st_grade: elementary_school_1st_grade,
+	elementary_school_2nd_grade: elementary_school_2nd_grade,
+	elementary_school_3rd_grade: elementary_school_3rd_grade,
+	elementary_school_4th_grade: elementary_school_4th_grade,
+	elementary_school_5th_grade: elementary_school_5th_grade,
+	elementary_school_6th_grade: elementary_school_6th_grade,
+	middle_school_1st_grade: middle_school_1st_grade,
+	middle_school_2nd_grade: middle_school_2nd_grade,
+	middle_school_3rd_grade: middle_school_3rd_grade,
+	high_school_1st_grade: high_school_1st_grade,
+	high_school_2nd_grade: high_school_2nd_grade,
+	high_school_3rd_grade: high_school_3rd_grade
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2987,7 +3011,7 @@ var delete_users_csv$1 = "Delete users csv";
 var are_you_sure_to_delete_users$1 = "Are you sure to delete users?";
 var enter_phone_number$1 = "Enter phone number";
 var enter_school_name$1 = "Enter school name";
-var enter_grade$1 = "Enter grade";
+var enter_grade$1 = "Enter grade (please enter school name first)";
 var enter_major_name$1 = "Enter department name";
 var enter_parent_name$1 = "Enter parent name";
 var enter_parent_phone_number$1 = "Enter parent phone number";
@@ -3542,7 +3566,7 @@ var math$1 = "Math";
 var korea$1 = "Korea";
 var fix_this_information_for_this_book$1 = "Fix this information for this book";
 var slect_school$1 = "Select school";
-var elemantary_school$1 = "Elemantary School";
+var elementary_school$1 = "Elementary School";
 var middle_school$1 = "Middle School";
 var high_school$1 = "High School";
 var question_type_search_keyword$1 = "Question type search keyword";
@@ -3567,6 +3591,18 @@ var current_correct_answer_entered$1 = "Current correct answer entered";
 var correct_answer_is_required$1 = "Correct answer is required";
 var cancel_2$1 = "Cancel";
 var article_required$1 = "Article is required";
+var elementary_school_1st_grade$1 = "Elementary school 1st grade";
+var elementary_school_2nd_grade$1 = "Elementary school 2nd grade";
+var elementary_school_3rd_grade$1 = "Elementary school 3rd grade";
+var elementary_school_4th_grade$1 = "Elementary school 4th grade";
+var elementary_school_5th_grade$1 = "Elementary school 5th grade";
+var elementary_school_6th_grade$1 = "Elementary school th grade";
+var middle_school_1st_grade$1 = "Middle school 1st grade";
+var middle_school_2nd_grade$1 = "Middle school 2nd grade";
+var middle_school_3rd_grade$1 = "Middle school 3rd grade";
+var high_school_1st_grade$1 = "High school 1st grade";
+var high_school_2nd_grade$1 = "High school 2nd grade";
+var high_school_3rd_grade$1 = "High school 3rd grade";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4605,7 +4641,7 @@ var lang_en = {
 	korea: korea$1,
 	fix_this_information_for_this_book: fix_this_information_for_this_book$1,
 	slect_school: slect_school$1,
-	elemantary_school: elemantary_school$1,
+	elementary_school: elementary_school$1,
 	middle_school: middle_school$1,
 	high_school: high_school$1,
 	question_type_search_keyword: question_type_search_keyword$1,
@@ -4629,7 +4665,19 @@ var lang_en = {
 	current_correct_answer_entered: current_correct_answer_entered$1,
 	correct_answer_is_required: correct_answer_is_required$1,
 	cancel_2: cancel_2$1,
-	article_required: article_required$1
+	article_required: article_required$1,
+	elementary_school_1st_grade: elementary_school_1st_grade$1,
+	elementary_school_2nd_grade: elementary_school_2nd_grade$1,
+	elementary_school_3rd_grade: elementary_school_3rd_grade$1,
+	elementary_school_4th_grade: elementary_school_4th_grade$1,
+	elementary_school_5th_grade: elementary_school_5th_grade$1,
+	elementary_school_6th_grade: elementary_school_6th_grade$1,
+	middle_school_1st_grade: middle_school_1st_grade$1,
+	middle_school_2nd_grade: middle_school_2nd_grade$1,
+	middle_school_3rd_grade: middle_school_3rd_grade$1,
+	high_school_1st_grade: high_school_1st_grade$1,
+	high_school_2nd_grade: high_school_2nd_grade$1,
+	high_school_3rd_grade: high_school_3rd_grade$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -4648,30 +4696,488 @@ i18n__default.use(reactI18next.initReactI18next).init({
   }
 });
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+var PrintState;
+(function (PrintState) {
+  PrintState[PrintState["Idling"] = 0] = "Idling";
+  PrintState[PrintState["Stopped"] = 1] = "Stopped";
+  PrintState[PrintState["Printing"] = 2] = "Printing";
+  PrintState[PrintState["Paused"] = 3] = "Paused";
+})(PrintState || (PrintState = {}));
+
+(function (PreparedType) {
+  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
+  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
+  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
+})(exports.PreparedType || (exports.PreparedType = {}));
+
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(exports.ExamEvent || (exports.ExamEvent = {}));
+
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(exports.ExamStatus || (exports.ExamStatus = {}));
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
+  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
+  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
+
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(exports.OrderType || (exports.OrderType = {}));
+
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(exports.RecentUserAction || (exports.RecentUserAction = {}));
+
+(function (UserSortColumn) {
+  UserSortColumn["CreatedAt"] = "CreatedAt";
+  UserSortColumn["FullName"] = "FullName";
+  UserSortColumn["PhoneNumber"] = "PhoneNumber";
+  UserSortColumn["Email"] = "Email";
+  UserSortColumn["SchoolName"] = "SchoolName";
+  UserSortColumn["Major"] = "Major";
+  UserSortColumn["ParentName"] = "ParentName";
+  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
+  UserSortColumn["Grade"] = "Grade";
+})(exports.UserSortColumn || (exports.UserSortColumn = {}));
+
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(exports.SchoolType || (exports.SchoolType = {}));
+
+var GOOGLE_RECAPTCHA_KEY = process.env.REACT_APP_GOOGLE_RECAPTCHA_KEY || "";
+var GOOGLE_CLIENT_ID = process.env.REACT_APP_GOOGLE_CLIENT_ID || "";
+var GOOGLE_RECAPTCHA_ID = process.env.REACT_APP_GOOGLE_RECAPTCHA_ID || "";
+var GOOGLE_RECAPTCHA_SECRET = process.env.REACT_APP_GOOGLE_RECAPTCHA_SECRET || "";
+var BASE_URL = process.env.REACT_APP_BASE_URL || "";
+var SUPER_ADMIN_BASE_URL = process.env.REACT_APP_SUPER_ADMIN_BASE_URL || "";
+var PUSHER_CONFIG = {
+  cluster: process.env.REACT_APP_PUSHER_CONFIG_CLUSTER || "",
+  key: process.env.REACT_APP_PUSHER_CONFIG_KEY || ""
+};
+var RELEASE_DATE = process.env.REACT_APP_RELEASE_VERSION || "";
+var ACCESS_TOKEN = "ACCESS_TOKEN";
+var ACADEMY_DOMAIN = "ACADEMY_DOMAIN";
+var LEARNING_SPACE = "LEARNING_SPACE";
+var REDIRECT_URL = "REDIRECT_URL";
+var PRE_REDIRECT_URL = "PRE_REDIRECT_URL";
+var LANGUAGE = "LANGUAGE";
+var AcademyHeaders = "Academy-Headers";
+var AcceptNoAcademy = "AcceptNoAcademy";
+var LanguageHeaders = "Accept-Language";
+var NoAcademyHeaders = "Accept-No-Academy";
+var DefaultErrorMessage = "an_unexpected_error_has_occurred";
+var DATE_MIN_VALUE = "0001-01-01T00:00:00+00:00";
+var DATE_TIME_MIN_VALUE = "0001-01-01T00:00:00";
+var EXAM_CHANNEL = "presence-exam-channel";
+var EXAM_STUDENT_CHANNEL = "EXAM-CHANNEL-{examCode}-STUDENT-{studentId}";
+(function (Role) {
+  Role["Student"] = "Student";
+  Role["Teacher"] = "Teacher";
+  Role["Admin"] = "Admin";
+  Role["AcademyAdmin"] = "AcademyAdmin";
+  Role["AcademyAdminTeacher"] = "AcademyAdmin/Teacher";
+})(exports.Role || (exports.Role = {}));
+(function (Language) {
+  Language["ko"] = "ko";
+  Language["en"] = "en";
+})(exports.Language || (exports.Language = {}));
+var RecentUserActionNames = {
+  ViewedUser: "viewed_user",
+  ViewedQNA: "viewed_QNA",
+  ViewedExamResult: "viewed_exam_result",
+  PrintedExamResult: "printed_exam_result",
+  ViewedAttendance: "viewed_attendance",
+  UpdatedUser: "updated_user",
+  CreatedNewUser: "created_new_user",
+  ImportedUser: "imported_user",
+  ImportedRemoveUser: "imported_remove_user",
+  DeletedUser: "deleted_user",
+  CompletedQNA: "completed_QNA",
+  AnsweredQNA: "answered_QNA",
+  RemoveMessageQNA: "remove_message_QNA",
+  UpdateMessageQNA: "update_message_QNA",
+  UpdatedAttendance: "updated_attendance",
+  AddedTeacherToClass: "added_teacher_to_class",
+  RemovedTeacherFromClass: "removed_teacher_from_class",
+  AddedStudentToClass: "added_student_to_class",
+  RemovedStudentFromClass: "removed_student_from_class"
+};
+var PrintHeaderClassName = "print-header";
+var PrintTitleClassName = "print-title";
+var PrintContentClassName = "print-content";
+var PrintContainerClassName = "print-container";
+var DEFAULT_PAGING_RESPONSE = {
+  page: 0,
+  limit: 0,
+  totalItems: 0,
+  totalPages: 0
+};
+var SCHOOL_OPTIONS = [{
+  label: "elementary_school",
+  value: exports.SchoolType.Elementary
+}, {
+  label: "middle_school",
+  value: exports.SchoolType.Middle
+}, {
+  label: "high_school",
+  value: exports.SchoolType.High
+}];
+var ELEMENTARY_GRADES = [{
+  label: "elementary_school_1st_grade",
+  value: 1
+}, {
+  label: "elementary_school_2nd_grade",
+  value: 2
+}, {
+  label: "elementary_school_3rd_grade",
+  value: 3
+}, {
+  label: "elementary_school_4th_grade",
+  value: 4
+}, {
+  label: "elementary_school_5th_grade",
+  value: 5
+}, {
+  label: "elementary_school_6th_grade",
+  value: 6
+}];
+var MIDDLE_GRADES = [{
+  label: "middle_school_1st_grade",
+  value: 1
+}, {
+  label: "middle_school_2nd_grade",
+  value: 2
+}, {
+  label: "middle_school_3rd_grade",
+  value: 3
+}];
+var HIGH_GRADES = [{
+  label: "high_school_1st_grade",
+  value: 1
+}, {
+  label: "high_school_2nd_grade",
+  value: 2
+}, {
+  label: "high_school_3rd_grade",
+  value: 3
+}];
+
+var utcToLocalTime = (function (time, FORMAT) {
+  if (time === DATE_MIN_VALUE || time === DATE_TIME_MIN_VALUE) return "";
+  try {
+    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+});
+
+var TabList = [{
+  label: "comprehensive_analysis",
+  value: 0
+}, {
+  label: "solution_order",
+  value: 1
+}, {
+  label: "compare_solution",
+  value: 2
+}, {
+  label: "problem_analysis",
+  value: 3
+}];
+
+var TOTAL = 3;
+var PrintExamView2 = function PrintExamView2(_ref) {
+  var role = _ref.role,
+    dataExamSession = _ref.dataExamSession;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isTeacher = exports.Role.Teacher === role;
+  var dataProps = isTeacher ? dataExamSession.map(function (i) {
+    return {
+      studentId: i === null || i === void 0 ? void 0 : i.studentId,
+      examSessionId: i === null || i === void 0 ? void 0 : i.examSessionId
+    };
+  }) : dataExamSession.map(function (i) {
+    return {
+      code: i === null || i === void 0 ? void 0 : i.code
+    };
+  });
+  var _useState = React.useState(dataProps),
+    data = _useState[0],
+    setData = _useState[1];
+  var _useState2 = React.useState([]),
+    completed = _useState2[0],
+    setCompleted = _useState2[1];
+  var _useState3 = React.useState([]),
+    inprogress = _useState3[0],
+    setInProgress = _useState3[1];
+  var _useState4 = React.useState(PrintState.Idling),
+    state = _useState4[0],
+    setState = _useState4[1];
+  var _useState5 = React.useState([]),
+    errorLinks = _useState5[0],
+    setErrorLinks = _useState5[1];
+  var _useState6 = React.useState([]),
+    status = _useState6[0],
+    setStatus = _useState6[1];
+  var theme = material.useTheme();
+  var handleChangeStatus = function handleChangeStatus(event) {
+    if (event.target.checked) {
+      setStatus(function (prev) {
+        var _event$target;
+        return [].concat(prev, [(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value]);
+      });
+    } else setStatus(function (prev) {
+      return prev === null || prev === void 0 ? void 0 : prev.filter(function (i) {
+        var _event$target2;
+        return i !== ((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.value);
+      });
+    });
+  };
+  var handleProgressPrint = function handleProgressPrint() {
+    setData(dataProps);
+    setCompleted([]);
+    setInProgress([]);
+    setErrorLinks([]);
+    setState(PrintState.Printing);
+  };
+  var print = function print(_ref2) {
+    var examSessionId = _ref2.examSessionId,
+      studentId = _ref2.studentId,
+      code = _ref2.code;
+    var width = 200;
+    var height = 200;
+    var left = window.screenX + window.outerWidth / 2 - width / 2;
+    var top = window.screenY + window.outerHeight / 2 - height / 2;
+    var url = isTeacher ? window.location.origin + "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print?status=" + status.join(",") : window.location.origin + "/student/exam-results/" + code + "/print";
+    var windowName = isTeacher ? "popup-" + examSessionId + "-" + studentId : "popup-" + code;
+    var windowSpecs = "left=" + left + ",top=" + top + ",width=" + width + ",height=" + height + ",location=yes,resizable=yes,scrollbars=yes,status=yes";
+    var childWindow = window.open(url, windowName, windowSpecs);
+    if (childWindow == null) {
+      setErrorLinks(function (prev) {
+        return [].concat(prev, [{
+          code: code,
+          examSessionId: "" + examSessionId,
+          studentId: "" + studentId,
+          message: isTeacher ? "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print?status=" + status.join(",") : "/student/exam-results/" + code + "/print"
+        }]);
+      });
+      if (!isTeacher) {
+        setData(function (es) {
+          return [].concat(es.filter(function (i) {
+            return i.code !== code;
+          }));
+        });
+      } else {
+        setData(function (es) {
+          return [].concat(es.filter(function (i) {
+            return i.examSessionId !== examSessionId || i.studentId !== studentId;
+          }));
+        });
+      }
+      return;
     }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectDestructuringEmpty(t) {
-  if (null == t) throw new TypeError("Cannot destructure " + t);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
+    if (!isTeacher) {
+      setInProgress(function (es) {
+        return [].concat(es.filter(function (i) {
+          return i.code !== code;
+        }), [{
+          code: code
+        }]);
+      });
+      setData(function (es) {
+        return [].concat(es.filter(function (i) {
+          return i.code !== code;
+        }));
+      });
+    } else {
+      setInProgress(function (es) {
+        return [].concat(es.filter(function (i) {
+          return i.examSessionId !== examSessionId || i.studentId !== studentId;
+        }), [{
+          examSessionId: examSessionId,
+          studentId: studentId
+        }]);
+      });
+      setData(function (es) {
+        return [].concat(es.filter(function (i) {
+          return i.examSessionId !== examSessionId || i.studentId !== studentId;
+        }));
+      });
+    }
+    window.addEventListener("message", function (event) {
+      var isCheck = isTeacher ? event.data.examSessionId !== "" + examSessionId || event.data.studentId !== "" + studentId : event.data.code !== "" + code;
+      if (event.origin !== window.location.origin || isCheck) {
+        return;
+      }
+      if (event.data.succeed) {
+        if (!isTeacher) {
+          setCompleted(function (es) {
+            return [].concat(es.filter(function (i) {
+              return i.code !== code;
+            }), [{
+              code: code
+            }]);
+          });
+          setInProgress(function (es) {
+            return [].concat(es.filter(function (i) {
+              return i.code !== code;
+            }));
+          });
+        } else {
+          setCompleted(function (es) {
+            return [].concat(es.filter(function (i) {
+              return i.examSessionId !== examSessionId || i.studentId !== studentId;
+            }), [{
+              examSessionId: examSessionId,
+              studentId: studentId
+            }]);
+          });
+          setInProgress(function (es) {
+            return [].concat(es.filter(function (i) {
+              return i.examSessionId !== examSessionId || i.studentId !== studentId;
+            }));
+          });
+        }
+      } else {
+        setErrorLinks(function (prev) {
+          var _event$data, _event$data2;
+          return [].concat(prev, [{
+            code: (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.code,
+            examSessionId: (_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.examSessionId,
+            studentId: "" + studentId,
+            message: isTeacher ? "/teacher/exam-results/" + event.data.examSessionId + "/students/" + event.data.studentId + "/print?status=" + status.join(",") : "/student/exam-results/" + event.data.code + "/print"
+          }]);
+        });
+      }
+      childWindow === null || childWindow === void 0 ? void 0 : childWindow.close();
+    });
+  };
+  React.useEffect(function () {
+    if (inprogress.length < TOTAL && data.length > 0 && state === PrintState.Printing) {
+      var item = data[0];
+      print({
+        examSessionId: item === null || item === void 0 ? void 0 : item.examSessionId,
+        studentId: item === null || item === void 0 ? void 0 : item.studentId,
+        code: item === null || item === void 0 ? void 0 : item.code
+      });
+    }
+  }, [inprogress.length, completed.length, data.length, state, data]);
+  return React__default.createElement(material.Container, null, state === PrintState.Idling ? React__default.createElement(material.Typography, null, t("total_number_of_selected_results") + ": ", " ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + data.length).padStart(2, "0")
+  }))) : React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, null, t("completed") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + completed.length).padStart(2, "0")
+  }))), React__default.createElement(material.Typography, null, t("in_progress") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + inprogress.length).padStart(2, "0")
+  }))), React__default.createElement(material.Typography, null, t("remaining") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + data.length).padStart(2, "0")
+  })))), !!errorLinks.length && React__default.createElement(material.Stack, {
+    className: "mt-2"
+  }, React__default.createElement(material.Typography, {
+    fontWeight: 700
+  }, t("download_failed"), ":"), Array.from(new Set(errorLinks)).map(function (i, index) {
+    var _info$createdBy;
+    var info = isTeacher ? dataExamSession.find(function (exam) {
+      return "" + (exam === null || exam === void 0 ? void 0 : exam.examSessionId) === "" + (i === null || i === void 0 ? void 0 : i.examSessionId) && "" + (exam === null || exam === void 0 ? void 0 : exam.studentId) === "" + (i === null || i === void 0 ? void 0 : i.studentId);
+    }) : dataExamSession.find(function (exam) {
+      return (exam === null || exam === void 0 ? void 0 : exam.code) === (i === null || i === void 0 ? void 0 : i.code);
+    });
+    return React__default.createElement(material.Stack, {
+      key: index,
+      borderBottom: 1,
+      borderColor: theme.palette.grey[500]
+    }, React__default.createElement("a", {
+      href: i.message,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, (info === null || info === void 0 ? void 0 : info.studentName) || (info === null || info === void 0 ? void 0 : (_info$createdBy = info.createdBy) === null || _info$createdBy === void 0 ? void 0 : _info$createdBy.fullName)), (info === null || info === void 0 ? void 0 : info.title) && React__default.createElement(material.Typography, null, t("exam") + ": " + (info === null || info === void 0 ? void 0 : info.title)), (info === null || info === void 0 ? void 0 : info.startTime) && React__default.createElement(material.Typography, null, t("start_time") + ": " + utcToLocalTime(info === null || info === void 0 ? void 0 : info.startTime, t("date_time_format"))));
+  })), React__default.createElement(material.Stack, {
+    direction: "column",
+    className: "mt-3"
+  }, React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+    className: "fw-bold"
+  }, React__default.createElement("span", {
+    className: "text-danger me-1"
+  }, "*"), t("your_browser_must"), ":"), React__default.createElement(material.List, {
+    className: "ps-3 pt-0"
+  }, React__default.createElement(material.ListItem, {
+    disablePadding: true
+  }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(material.ListItem, {
+    disablePadding: true
+  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+    fontWeight: 700
+  }, t("choose_to_print"), ":"), React__default.createElement(material.FormGroup, {
+    sx: {
+      display: "flex",
+      flexDirection: "row",
+      gap: 1,
+      flexWrap: "wrap"
+    }
+  }, TabList.map(function (_ref3, index) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return React__default.createElement(material.FormControlLabel, {
+      key: index,
+      control: React__default.createElement(material.Checkbox, {
+        onChange: handleChangeStatus,
+        value: value,
+        checked: status.some(function (i) {
+          return i === value.toString();
+        })
+      }),
+      label: t(label)
+    });
+  }))), React__default.createElement(material.Button, {
+    className: "mt-3",
+    variant: "contained",
+    onClick: handleProgressPrint
+  }, t("print_pdf"))));
+};
+
+var styles = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","btn-login-google":"_2HqmH","math-jax":"_3Pfdk","block-login":"_wWIyO","box-login":"_38Lo1","btn-primary":"_rd4Uy","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","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg","line-clamp":"_3fpky"};
+
+var config = {
+  loader: {
+    load: ["input/tex", "output/svg"]
   }
-  return t;
-}
-function _taggedTemplateLiteralLoose(e, t) {
-  return t || (t = e.slice(0)), e.raw = t, e;
-}
+};
+var MathJaxContainer = function MathJaxContainer(_ref) {
+  var content = _ref.content;
+  return React__default.createElement(betterReactMathjax.MathJaxContext, {
+    config: config,
+    asyncLoad: true
+  }, React__default.createElement(betterReactMathjax.MathJax, {
+    id: "" + styles["math-jax"],
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }));
+};
 
 var LANGUAGES = [{
   code: "ko",
@@ -4693,793 +5199,6 @@ var LANGUAGES = [{
 var DEFAULT_LANGUAGE = LANGUAGES[0];
 var LOGIN_URL = "/login";
 
-var pushTo = function pushTo(history, data, isReplace) {
-  if (isReplace === void 0) {
-    isReplace = false;
-  }
-  if (history.push && !isReplace || history.replace && isReplace) {
-    !isReplace && history.push(data);
-    isReplace && history.replace(data);
-  } else history(data, {
-    replace: isReplace
-  });
-};
-
-var canAccess = function canAccess(userRoles, componentRoles) {
-  if (!Array.isArray(userRoles)) {
-    return false;
-  }
-  if (Array.isArray(componentRoles)) {
-    var intersects = userRoles.filter(function (i) {
-      return componentRoles.includes(i);
-    });
-    return intersects.length > 0;
-  }
-  return true;
-};
-
-var checkSuperUrl = function checkSuperUrl(superUrls, pathname) {
-  return superUrls.some(function (i) {
-    if (i.includes(":")) {
-      var urls = i.split("/");
-      var names = pathname.split("/");
-      if (urls.length != names.length) return false;
-      var isMatches = true;
-      urls.forEach(function (u, index) {
-        if (u != names[index] && !u.startsWith(":")) isMatches = false;
-      });
-      return isMatches;
-    }
-    return pathname.startsWith(i);
-  });
-};
-
-var GOOGLE_RECAPTCHA_KEY = process.env.REACT_APP_GOOGLE_RECAPTCHA_KEY || "";
-var GOOGLE_CLIENT_ID = process.env.REACT_APP_GOOGLE_CLIENT_ID || "";
-var GOOGLE_RECAPTCHA_ID = process.env.REACT_APP_GOOGLE_RECAPTCHA_ID || "";
-var GOOGLE_RECAPTCHA_SECRET = process.env.REACT_APP_GOOGLE_RECAPTCHA_SECRET || "";
-var BASE_URL = process.env.REACT_APP_BASE_URL || "";
-var SUPER_ADMIN_BASE_URL = process.env.REACT_APP_SUPER_ADMIN_BASE_URL || "";
-var PUSHER_CONFIG = {
-  cluster: process.env.REACT_APP_PUSHER_CONFIG_CLUSTER || "",
-  key: process.env.REACT_APP_PUSHER_CONFIG_KEY || ""
-};
-var RELEASE_DATE = process.env.REACT_APP_RELEASE_VERSION || "";
-var ACCESS_TOKEN = "ACCESS_TOKEN";
-var ACADEMY_DOMAIN = "ACADEMY_DOMAIN";
-var LEARNING_SPACE = "LEARNING_SPACE";
-var REDIRECT_URL = "REDIRECT_URL";
-var PRE_REDIRECT_URL = "PRE_REDIRECT_URL";
-var LANGUAGE = "LANGUAGE";
-var AcademyHeaders = "Academy-Headers";
-var AcceptNoAcademy = "AcceptNoAcademy";
-var LanguageHeaders = "Accept-Language";
-var NoAcademyHeaders = "Accept-No-Academy";
-var DefaultErrorMessage = "an_unexpected_error_has_occurred";
-var DATE_MIN_VALUE = "0001-01-01T00:00:00+00:00";
-var DATE_TIME_MIN_VALUE = "0001-01-01T00:00:00";
-var EXAM_CHANNEL = "presence-exam-channel";
-var EXAM_STUDENT_CHANNEL = "EXAM-CHANNEL-{examCode}-STUDENT-{studentId}";
-(function (Role) {
-  Role["Student"] = "Student";
-  Role["Teacher"] = "Teacher";
-  Role["Admin"] = "Admin";
-  Role["AcademyAdmin"] = "AcademyAdmin";
-  Role["AcademyAdminTeacher"] = "AcademyAdmin/Teacher";
-})(exports.Role || (exports.Role = {}));
-(function (Language) {
-  Language["ko"] = "ko";
-  Language["en"] = "en";
-})(exports.Language || (exports.Language = {}));
-var RecentUserActionNames = {
-  ViewedUser: "viewed_user",
-  ViewedQNA: "viewed_QNA",
-  ViewedExamResult: "viewed_exam_result",
-  PrintedExamResult: "printed_exam_result",
-  ViewedAttendance: "viewed_attendance",
-  UpdatedUser: "updated_user",
-  CreatedNewUser: "created_new_user",
-  ImportedUser: "imported_user",
-  ImportedRemoveUser: "imported_remove_user",
-  DeletedUser: "deleted_user",
-  CompletedQNA: "completed_QNA",
-  AnsweredQNA: "answered_QNA",
-  RemoveMessageQNA: "remove_message_QNA",
-  UpdateMessageQNA: "update_message_QNA",
-  UpdatedAttendance: "updated_attendance",
-  AddedTeacherToClass: "added_teacher_to_class",
-  RemovedTeacherFromClass: "removed_teacher_from_class",
-  AddedStudentToClass: "added_student_to_class",
-  RemovedStudentFromClass: "removed_student_from_class"
-};
-var PrintHeaderClassName = "print-header";
-var PrintTitleClassName = "print-title";
-var PrintContentClassName = "print-content";
-var PrintContainerClassName = "print-container";
-var DEFAULT_PAGING_RESPONSE = {
-  page: 0,
-  limit: 0,
-  totalItems: 0,
-  totalPages: 0
-};
-
-var diffFromNow = (function (time, unitOfTime, targetTime) {
-  if (time === DATE_MIN_VALUE || targetTime === DATE_MIN_VALUE) return 0;
-  try {
-    var now = !targetTime ? moment() : moment.utc(targetTime).local();
-    return now.diff(moment.utc(time).local(), unitOfTime);
-  } catch (_unused) {
-    return "";
-  }
-});
-
-var encodeParams = (function (params) {
-  return Object.keys(params).filter(function (key) {
-    return params[key] || params[key] === 0 || params[key] === false;
-  }).map(function (key) {
-    if (Array.isArray(params[key])) {
-      return params[key].map(function (i) {
-        return encodeURIComponent(key) + "=" + encodeURIComponent(i);
-      }).join('&');
-    }
-    return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
-  }).join('&');
-});
-
-var formatTime = (function (time, ORIGINAL_FORMAT, FORMAT) {
-  if (time === DATE_MIN_VALUE) return "";
-  try {
-    return moment(time, ORIGINAL_FORMAT).format(FORMAT || "yyyy-MM-DD");
-  } catch (_unused) {
-    return "";
-  }
-});
-var compareTimeSpanFromMoment = function compareTimeSpanFromMoment(time1, time2) {
-  var totalMinutes1 = time1.get("hour") * 60 + time1.get("minute");
-  var totalMinutes2 = time2.get("hour") * 60 + time2.get("minute");
-  return totalMinutes1 > totalMinutes2 ? 1 : totalMinutes1 < totalMinutes2 ? -1 : 0;
-};
-
-var getAcademyDomain = function getAcademyDomain() {
-  try {
-    return localStorage.getItem(ACADEMY_DOMAIN);
-  } catch (err) {
-    return null;
-  }
-};
-
-var getAccessToken = (function () {
-  try {
-    return localStorage.getItem(ACCESS_TOKEN);
-  } catch (err) {
-    return null;
-  }
-});
-
-var getErrorMessage = function getErrorMessage(t, error, defaultErrorMessage) {
-  var _error$response, _error$response$data, _error$response2, _error$response3, _error$response3$data;
-  var errorMessage = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title;
-  if ((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 500) return defaultErrorMessage || t(DefaultErrorMessage);
-  if (typeof errorMessage === "string") return decodeURIComponent(errorMessage);
-  errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.message);
-  if (typeof errorMessage === "string") return errorMessage;
-  return defaultErrorMessage || t(DefaultErrorMessage);
-};
-
-var getLanguage = (function () {
-  try {
-    return localStorage.getItem(LANGUAGE);
-  } catch (err) {
-    return null;
-  }
-});
-
-var getRedirectUrl = function getRedirectUrl() {
-  try {
-    return localStorage.getItem(REDIRECT_URL);
-  } catch (err) {
-    return undefined;
-  }
-};
-
-var isLocalHost = Boolean(window.location.hostname === "localhost" || window.location.hostname === "[::1]" || window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
-
-var getLearningSpace = function getLearningSpace() {
-  try {
-    return localStorage.getItem(LEARNING_SPACE) === "true";
-  } catch (err) {
-    return false;
-  }
-};
-
-var minutesToTimeSpan = (function (time) {
-  var h = Math.floor(time / 60);
-  var m = time % 60;
-  return h.toString().padStart(2, "0") + ":" + m.toString().padStart(2, "0") + ":00";
-});
-
-var timAgo = function timAgo(date, t) {
-  if (date === DATE_MIN_VALUE || date === DATE_TIME_MIN_VALUE) return '';
-  var time = moment.utc(date).local();
-  var days = moment().diff(time, 'days');
-  if (days === 0) return t('less_than_a_day');
-  var months = days / 30;
-  var years = months / 12;
-  if (years > 0) return years > 1 ? t('n_years_ago') : t("one_year_ago");
-  if (months > 0) return months > 1 ? t('n_months_ago') : t("one_month_ago");
-  return days > 1 ? t('n_days_ago') : t("one_day_ago");
-};
-
-var toISOString = (function (time) {
-  try {
-    return moment(time).toISOString();
-  } catch (_unused) {
-    return "";
-  }
-});
-
-var toLocalTime = function toLocalTime(time, FORMAT) {
-  if (time === DATE_MIN_VALUE || time === DATE_TIME_MIN_VALUE) return "";
-  try {
-    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
-  } catch (_unused) {
-    return "";
-  }
-};
-
-var utcToLocalTime = (function (time, FORMAT) {
-  if (time === DATE_MIN_VALUE || time === DATE_TIME_MIN_VALUE) return "";
-  try {
-    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
-  } catch (_unused) {
-    return "";
-  }
-});
-
-var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
-  var currentDayOfWeek = moment.utc(utcDateTime).weekday();
-  var diff = dayOfWeek - currentDayOfWeek;
-  if (diff < 0) diff += 7;
-  return moment.utc(utcDateTime).add(diff, "days").local().weekday();
-};
-var getUtcDayOfWeek = function getUtcDayOfWeek(localDateTime, dayOfWeek) {
-  var currentDayOfWeek = _$5.cloneDeep(localDateTime).local().weekday();
-  var diff = dayOfWeek - currentDayOfWeek;
-  if (diff < 0) diff += 7;
-  return localDateTime.add(diff, "days").utc().weekday();
-};
-var timeSpanToLocalMoment = function timeSpanToLocalMoment(time, date) {
-  if (!time) return null;
-  var times = time.split(":");
-  if (times.length !== 3) return null;
-  var totalSeconds = +times[0] * 60 * 60 + +times[1] * 60 + +times[2];
-  var startOfDay = moment.utc(date).startOf("day");
-  var dateTime = date ? startOfDay.add(totalSeconds, "seconds") : moment().startOf("day");
-  if (date && dateTime.isBefore(moment.utc(date))) dateTime = dateTime.add(1, "day");
-  return dateTime.local();
-};
-var convertHHMMSStoSeconds = function convertHHMMSStoSeconds(time) {
-  var times = time.split(":");
-  return +times[0] * 60 * 60 + +times[1] * 60 + +times[2];
-};
-var getRemainTime = function getRemainTime(startTime, duration) {
-  var timePass = diffFromNow(startTime, "second");
-  var durationInNumber = convertHHMMSStoSeconds(duration);
-  if (typeof timePass !== "number") return null;
-  if (timePass > durationInNumber) return 0;
-  return durationInNumber - timePass;
-};
-
-var formatDateTime = function formatDateTime(inputDate) {
-  var date = new Date(inputDate);
-  var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-  var month = monthNames[date.getMonth()];
-  var day = date.getDate();
-  var year = date.getFullYear();
-  var hour = (date.getHours() < 10 ? "0" : "") + date.getHours();
-  var minute = (date.getMinutes() < 10 ? "0" : "") + date.getMinutes();
-  var formattedDate = month + " " + day + ", " + year + " " + hour + ":" + minute;
-  return formattedDate;
-};
-var ellipsisText = function ellipsisText(text, maxLength) {
-  if (!text) return text;
-  return (text === null || text === void 0 ? void 0 : text.length) > maxLength ? text.slice(0, maxLength) + " ..." : text;
-};
-var getOrdinalSuffix = function getOrdinalSuffix(number, lang) {
-  var suffixes = {
-    en: ['th', 'st', 'nd', 'rd'],
-    ko: ['']
-  };
-  switch (lang) {
-    case 'en':
-      var j = number % 10;
-      var k = number % 100;
-      if (j === 1 && k !== 11) {
-        return suffixes.en[1];
-      }
-      if (j === 2 && k !== 12) {
-        return suffixes.en[2];
-      }
-      if (j === 3 && k !== 13) {
-        return suffixes.en[3];
-      }
-      return suffixes.en[0];
-    case 'ko':
-      return suffixes.ko[0];
-    default:
-      return '';
-  }
-};
-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 formatTextbookDataMyAnswer = function formatTextbookDataMyAnswer(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.studentQuestionResults.filter(function (question) {
-        return !!question.categories.find(function (i) {
-          return i.name === category.name;
-        });
-      })
-    };
-  });
-  return questionsByCategory;
-};
-var totalSolveTimeCategories = function totalSolveTimeCategories(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 _extends({}, category, {
-      totalSolveTime: inputData.questions.reduce(function (init, question) {
-        return question.category.name === category.name ? init += question.duration : init;
-      }, 0)
-    });
-  });
-  return questionsByCategory;
-};
-var totalTextbookSolveTimeCategories = function totalTextbookSolveTimeCategories(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 _extends({}, category, {
-      totalSolveTime: inputData.studentQuestionResults.reduce(function (init, question) {
-        return !!question.categories.find(function (i) {
-          return i.name === category.name;
-        }) ? init += question.duration : init;
-      }, 0)
-    });
-  });
-  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 formatRole = function formatRole(roles, t) {
-  if (roles.includes(exports.Role.Admin)) return t("admin");
-  if (roles.includes(exports.Role.AcademyAdminTeacher)) return t("academy_admin_teacher");
-  if (roles.includes(exports.Role.AcademyAdmin)) return t("academy_admin");
-  if (roles.includes(exports.Role.Teacher)) return t("teacher");
-  if (roles.includes(exports.Role.Student)) return t("student");
-  return "";
-};
-var getRole = function getRole(roles) {
-  if (roles.includes(exports.Role.AcademyAdminTeacher)) return exports.Role.AcademyAdminTeacher;
-  if (roles.includes(exports.Role.Admin)) return exports.Role.Admin;
-  if (roles.includes(exports.Role.AcademyAdmin)) return exports.Role.AcademyAdmin;
-  if (roles.includes(exports.Role.Teacher)) return exports.Role.Teacher;
-  if (roles.includes(exports.Role.Student)) return exports.Role.Student;
-  return null;
-};
-
-var useLanguage = function useLanguage(history) {
-  var dispatch = reactRedux.useDispatch();
-  var _useTranslation = reactI18next.useTranslation(),
-    i18n = _useTranslation.i18n;
-  var _useState = React.useState(false),
-    dropdownOpen = _useState[0],
-    setDropdownOpen = _useState[1];
-  var _useState2 = React.useState(),
-    currentLanguage = _useState2[0],
-    setCurrentLanguage = _useState2[1];
-  var toggle = function toggle() {
-    return setDropdownOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-  var changeLanguageApp = function changeLanguageApp(languageItem) {
-    var search = window.location.search;
-    var searchParams = new URLSearchParams(search);
-    if (!languageItem) {
-      var _navigator$language, _navigator$language$s;
-      var storedLanguage = getLanguage();
-      var browserLanguage = (_navigator$language = navigator.language) === null || _navigator$language === void 0 ? void 0 : (_navigator$language$s = _navigator$language.split("-")) === null || _navigator$language$s === void 0 ? void 0 : _navigator$language$s[0];
-      var defaultLanguageCode = storedLanguage || browserLanguage;
-      languageItem = LANGUAGES.find(function (i) {
-        return i.code === defaultLanguageCode;
-      }) || currentLanguage || DEFAULT_LANGUAGE;
-    }
-    setCurrentLanguage(languageItem);
-    i18n.changeLanguage(languageItem.code);
-    moment.locale(languageItem.momentLangCode);
-    localStorage.setItem(LANGUAGE, languageItem.code);
-    dispatch(setLanguage(languageItem.code));
-    if (window.location.pathname === LOGIN_URL) searchParams["delete"]("lang");else searchParams.set("lang", languageItem.code);
-    pushTo(history, _extends({}, window.location, {
-      search: searchParams.toString()
-    }), true);
-  };
-  var handleChangeLanguageParam = function handleChangeLanguageParam() {
-    var search = window.location.search;
-    var searchParams = new URLSearchParams(search);
-    var langParam = searchParams.get("lang");
-    var languageItem = undefined;
-    if (langParam) {
-      var languageParamItem = LANGUAGES.find(function (i) {
-        return i.code === langParam;
-      });
-      languageItem = languageParamItem || languageItem;
-    }
-    changeLanguageApp(languageItem);
-  };
-  var handleChangeItemLanguage = function handleChangeItemLanguage(lang) {
-    var languageItem = LANGUAGES.find(function (i) {
-      return i.code === lang;
-    });
-    changeLanguageApp(languageItem);
-  };
-  React.useEffect(function () {
-    handleChangeLanguageParam();
-  }, [window.location.pathname, window.location.search]);
-  return {
-    dropdownOpen: dropdownOpen,
-    currentLanguage: currentLanguage,
-    toggle: toggle,
-    handleChangeItemLanguage: handleChangeItemLanguage
-  };
-};
-
-var PrintState;
-(function (PrintState) {
-  PrintState[PrintState["Idling"] = 0] = "Idling";
-  PrintState[PrintState["Stopped"] = 1] = "Stopped";
-  PrintState[PrintState["Printing"] = 2] = "Printing";
-  PrintState[PrintState["Paused"] = 3] = "Paused";
-})(PrintState || (PrintState = {}));
-
-var TabList = [{
-  label: "comprehensive_analysis",
-  value: 0
-}, {
-  label: "solution_order",
-  value: 1
-}, {
-  label: "compare_solution",
-  value: 2
-}, {
-  label: "problem_analysis",
-  value: 3
-}];
-
-var TOTAL = 3;
-var PrintExamView2 = function PrintExamView2(_ref) {
-  var history = _ref.history,
-    role = _ref.role,
-    dataExamSession = _ref.dataExamSession;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var isTeacher = exports.Role.Teacher === role;
-  var dataProps = isTeacher ? dataExamSession.map(function (i) {
-    return {
-      studentId: i === null || i === void 0 ? void 0 : i.studentId,
-      examSessionId: i === null || i === void 0 ? void 0 : i.examSessionId
-    };
-  }) : dataExamSession.map(function (i) {
-    return {
-      code: i === null || i === void 0 ? void 0 : i.code
-    };
-  });
-  useLanguage(history);
-  var _useState = React.useState(dataProps),
-    data = _useState[0],
-    setData = _useState[1];
-  var _useState2 = React.useState([]),
-    completed = _useState2[0],
-    setCompleted = _useState2[1];
-  var _useState3 = React.useState([]),
-    inprogress = _useState3[0],
-    setInProgress = _useState3[1];
-  var _useState4 = React.useState(PrintState.Idling),
-    state = _useState4[0],
-    setState = _useState4[1];
-  var _useState5 = React.useState([]),
-    errorLinks = _useState5[0],
-    setErrorLinks = _useState5[1];
-  var _useState6 = React.useState([]),
-    status = _useState6[0],
-    setStatus = _useState6[1];
-  var theme = material.useTheme();
-  var handleChangeStatus = function handleChangeStatus(event) {
-    if (event.target.checked) {
-      setStatus(function (prev) {
-        var _event$target;
-        return [].concat(prev, [(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value]);
-      });
-    } else setStatus(function (prev) {
-      return prev === null || prev === void 0 ? void 0 : prev.filter(function (i) {
-        var _event$target2;
-        return i !== ((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.value);
-      });
-    });
-  };
-  var handleProgressPrint = function handleProgressPrint() {
-    setData(dataProps);
-    setCompleted([]);
-    setInProgress([]);
-    setErrorLinks([]);
-    setState(PrintState.Printing);
-  };
-  var print = function print(_ref2) {
-    var examSessionId = _ref2.examSessionId,
-      studentId = _ref2.studentId,
-      code = _ref2.code;
-    var width = 200;
-    var height = 200;
-    var left = window.screenX + window.outerWidth / 2 - width / 2;
-    var top = window.screenY + window.outerHeight / 2 - height / 2;
-    var url = isTeacher ? window.location.origin + "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print?status=" + status.join(",") : window.location.origin + "/student/exam-results/" + code + "/print";
-    var windowName = isTeacher ? "popup-" + examSessionId + "-" + studentId : "popup-" + code;
-    var windowSpecs = "left=" + left + ",top=" + top + ",width=" + width + ",height=" + height + ",location=yes,resizable=yes,scrollbars=yes,status=yes";
-    var childWindow = window.open(url, windowName, windowSpecs);
-    if (childWindow == null) {
-      setErrorLinks(function (prev) {
-        return [].concat(prev, [{
-          code: code,
-          examSessionId: "" + examSessionId,
-          studentId: "" + studentId,
-          message: isTeacher ? "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print?status=" + status.join(",") : "/student/exam-results/" + code + "/print"
-        }]);
-      });
-      if (!isTeacher) {
-        setData(function (es) {
-          return [].concat(es.filter(function (i) {
-            return i.code !== code;
-          }));
-        });
-      } else {
-        setData(function (es) {
-          return [].concat(es.filter(function (i) {
-            return i.examSessionId !== examSessionId || i.studentId !== studentId;
-          }));
-        });
-      }
-      return;
-    }
-    if (!isTeacher) {
-      setInProgress(function (es) {
-        return [].concat(es.filter(function (i) {
-          return i.code !== code;
-        }), [{
-          code: code
-        }]);
-      });
-      setData(function (es) {
-        return [].concat(es.filter(function (i) {
-          return i.code !== code;
-        }));
-      });
-    } else {
-      setInProgress(function (es) {
-        return [].concat(es.filter(function (i) {
-          return i.examSessionId !== examSessionId || i.studentId !== studentId;
-        }), [{
-          examSessionId: examSessionId,
-          studentId: studentId
-        }]);
-      });
-      setData(function (es) {
-        return [].concat(es.filter(function (i) {
-          return i.examSessionId !== examSessionId || i.studentId !== studentId;
-        }));
-      });
-    }
-    window.addEventListener("message", function (event) {
-      var isCheck = isTeacher ? event.data.examSessionId !== "" + examSessionId || event.data.studentId !== "" + studentId : event.data.code !== "" + code;
-      if (event.origin !== window.location.origin || isCheck) {
-        return;
-      }
-      if (event.data.succeed) {
-        if (!isTeacher) {
-          setCompleted(function (es) {
-            return [].concat(es.filter(function (i) {
-              return i.code !== code;
-            }), [{
-              code: code
-            }]);
-          });
-          setInProgress(function (es) {
-            return [].concat(es.filter(function (i) {
-              return i.code !== code;
-            }));
-          });
-        } else {
-          setCompleted(function (es) {
-            return [].concat(es.filter(function (i) {
-              return i.examSessionId !== examSessionId || i.studentId !== studentId;
-            }), [{
-              examSessionId: examSessionId,
-              studentId: studentId
-            }]);
-          });
-          setInProgress(function (es) {
-            return [].concat(es.filter(function (i) {
-              return i.examSessionId !== examSessionId || i.studentId !== studentId;
-            }));
-          });
-        }
-      } else {
-        setErrorLinks(function (prev) {
-          var _event$data, _event$data2;
-          return [].concat(prev, [{
-            code: (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.code,
-            examSessionId: (_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.examSessionId,
-            studentId: "" + studentId,
-            message: isTeacher ? "/teacher/exam-results/" + event.data.examSessionId + "/students/" + event.data.studentId + "/print?status=" + status.join(",") : "/student/exam-results/" + event.data.code + "/print"
-          }]);
-        });
-      }
-      childWindow === null || childWindow === void 0 ? void 0 : childWindow.close();
-    });
-  };
-  React.useEffect(function () {
-    if (inprogress.length < TOTAL && data.length > 0 && state === PrintState.Printing) {
-      var item = data[0];
-      print({
-        examSessionId: item === null || item === void 0 ? void 0 : item.examSessionId,
-        studentId: item === null || item === void 0 ? void 0 : item.studentId,
-        code: item === null || item === void 0 ? void 0 : item.code
-      });
-    }
-  }, [inprogress.length, completed.length, data.length, state, data]);
-  return React__default.createElement(material.Container, null, state === PrintState.Idling ? React__default.createElement(material.Typography, null, t("total_number_of_selected_results") + ": ", " ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + data.length).padStart(2, "0")
-  }))) : React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, null, t("completed") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + completed.length).padStart(2, "0")
-  }))), React__default.createElement(material.Typography, null, t("in_progress") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + inprogress.length).padStart(2, "0")
-  }))), React__default.createElement(material.Typography, null, t("remaining") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + data.length).padStart(2, "0")
-  })))), !!errorLinks.length && React__default.createElement(material.Stack, {
-    className: "mt-2"
-  }, React__default.createElement(material.Typography, {
-    fontWeight: 700
-  }, t("download_failed"), ":"), Array.from(new Set(errorLinks)).map(function (i, index) {
-    var _info$createdBy;
-    var info = isTeacher ? dataExamSession.find(function (exam) {
-      return "" + (exam === null || exam === void 0 ? void 0 : exam.examSessionId) === "" + (i === null || i === void 0 ? void 0 : i.examSessionId) && "" + (exam === null || exam === void 0 ? void 0 : exam.studentId) === "" + (i === null || i === void 0 ? void 0 : i.studentId);
-    }) : dataExamSession.find(function (exam) {
-      return (exam === null || exam === void 0 ? void 0 : exam.code) === (i === null || i === void 0 ? void 0 : i.code);
-    });
-    return React__default.createElement(material.Stack, {
-      key: index,
-      borderBottom: 1,
-      borderColor: theme.palette.grey[500]
-    }, React__default.createElement("a", {
-      href: i.message,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, (info === null || info === void 0 ? void 0 : info.studentName) || (info === null || info === void 0 ? void 0 : (_info$createdBy = info.createdBy) === null || _info$createdBy === void 0 ? void 0 : _info$createdBy.fullName)), (info === null || info === void 0 ? void 0 : info.title) && React__default.createElement(material.Typography, null, t("exam") + ": " + (info === null || info === void 0 ? void 0 : info.title)), (info === null || info === void 0 ? void 0 : info.startTime) && React__default.createElement(material.Typography, null, t("start_time") + ": " + utcToLocalTime(info === null || info === void 0 ? void 0 : info.startTime, t("date_time_format"))));
-  })), React__default.createElement(material.Stack, {
-    direction: "column",
-    className: "mt-3"
-  }, React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
-    className: "fw-bold"
-  }, React__default.createElement("span", {
-    className: "text-danger me-1"
-  }, "*"), t("your_browser_must"), ":"), React__default.createElement(material.List, {
-    className: "ps-3 pt-0"
-  }, React__default.createElement(material.ListItem, {
-    disablePadding: true
-  }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(material.ListItem, {
-    disablePadding: true
-  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
-    fontWeight: 700
-  }, t("choose_to_print"), ":"), React__default.createElement(material.FormGroup, {
-    sx: {
-      display: "flex",
-      flexDirection: "row",
-      gap: 1,
-      flexWrap: "wrap"
-    }
-  }, TabList.map(function (_ref3, index) {
-    var label = _ref3.label,
-      value = _ref3.value;
-    return React__default.createElement(material.FormControlLabel, {
-      key: index,
-      control: React__default.createElement(material.Checkbox, {
-        onChange: handleChangeStatus,
-        value: value,
-        checked: status.some(function (i) {
-          return i === value.toString();
-        })
-      }),
-      label: t(label)
-    });
-  }))), React__default.createElement(material.Button, {
-    className: "mt-3",
-    variant: "contained",
-    onClick: handleProgressPrint
-  }, t("print_pdf"))));
-};
-
-var styles = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","btn-login-google":"_2HqmH","math-jax":"_3Pfdk","block-login":"_wWIyO","box-login":"_38Lo1","btn-primary":"_rd4Uy","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","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg","line-clamp":"_3fpky"};
-
-var config = {
-  loader: {
-    load: ["input/tex", "output/svg"]
-  }
-};
-var MathJaxContainer = function MathJaxContainer(_ref) {
-  var content = _ref.content;
-  return React__default.createElement(betterReactMathjax.MathJaxContext, {
-    config: config,
-    asyncLoad: true
-  }, React__default.createElement(betterReactMathjax.MathJax, {
-    id: "" + styles["math-jax"],
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  }));
-};
-
 var ReleaseAlert = function ReleaseAlert() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -5553,11 +5272,9 @@ var ActionButtons = function ActionButtons(_ref) {
 };
 
 var TITLE = "not_found";
-var NotFound = function NotFound(_ref) {
-  var history = _ref.history;
+var NotFound = function NotFound() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  history && useLanguage(history);
   React.useEffect(function () {
     document.title = t("study_peak") + " | " + t(TITLE);
   }, [t]);
@@ -5625,6 +5342,31 @@ var CommonDialog = function CommonDialog(_ref) {
   }, title)), children);
 };
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _taggedTemplateLiteralLoose(e, t) {
+  return t || (t = e.slice(0)), e.raw = t, e;
+}
+
 var confirmDialogTextStyle = {
   color: "#363634",
   fontSize: 16,
@@ -5988,6 +5730,7 @@ var customStyles = {
   },
   option: function option(baseStyles, state) {
     return _extends({}, baseStyles, {
+      zIndex: 999,
       backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.light : 'white',
       "&:active": {
         backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.less_dark : baseStyles.backgroundColor
@@ -6108,8 +5851,7 @@ var CustomSelect = function CustomSelect(_ref) {
       Option: CustomOption
     },
     styles: customStyles,
-    placeholder: t("select_placeholder"),
-    menuPortalTarget: document.body
+    placeholder: t("select_placeholder")
   }, rest));
 };
 
@@ -6211,124 +5953,415 @@ var AnswerCountSelector = function AnswerCountSelector(_ref) {
   });
 };
 
-var ArticleCategorySelector = function ArticleCategorySelector(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    optionValue = _ref.optionValue,
-    onChange = _ref.onChange,
-    isDisabled = _ref.isDisabled,
-    options = _ref.options,
-    isMulti = _ref.isMulti,
-    placeholder = _ref.placeholder,
-    rest = _ref.rest;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return React__default.createElement(CustomSelect, Object.assign({
-    isMulti: isMulti,
-    inputId: id,
-    value: value,
-    options: options,
-    onChange: onChange,
-    isDisabled: isDisabled,
-    placeholder: placeholder || t("select_category"),
-    optionValue: optionValue
-  }, rest));
-};
+var ArticleCategorySelector = function ArticleCategorySelector(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    optionValue = _ref.optionValue,
+    onChange = _ref.onChange,
+    isDisabled = _ref.isDisabled,
+    options = _ref.options,
+    isMulti = _ref.isMulti,
+    placeholder = _ref.placeholder,
+    rest = _ref.rest;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(CustomSelect, Object.assign({
+    isMulti: isMulti,
+    inputId: id,
+    value: value,
+    options: options,
+    onChange: onChange,
+    isDisabled: isDisabled,
+    placeholder: placeholder || t("select_category"),
+    optionValue: optionValue
+  }, rest));
+};
+
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
+// Asynchronously await a promise and pass the result to a finally continuation
+function _finallyRethrows(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer(true, e);
+	}
+	if (result && result.then) {
+		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+	}
+	return finalizer(false, result);
+}
+
+// Asynchronously await a promise and invoke a finally continuation that always overrides the result
+function _finally(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer();
+	}
+	if (result && result.then) {
+		return result.then(finalizer, finalizer);
+	}
+	return finalizer();
+}
+
+var canAccess = function canAccess(userRoles, componentRoles) {
+  if (!Array.isArray(userRoles)) {
+    return false;
+  }
+  if (Array.isArray(componentRoles)) {
+    var intersects = userRoles.filter(function (i) {
+      return componentRoles.includes(i);
+    });
+    return intersects.length > 0;
+  }
+  return true;
+};
+
+var checkSuperUrl = function checkSuperUrl(superUrls, pathname) {
+  return superUrls.some(function (i) {
+    if (i.includes(":")) {
+      var urls = i.split("/");
+      var names = pathname.split("/");
+      if (urls.length != names.length) return false;
+      var isMatches = true;
+      urls.forEach(function (u, index) {
+        if (u != names[index] && !u.startsWith(":")) isMatches = false;
+      });
+      return isMatches;
+    }
+    return pathname.startsWith(i);
+  });
+};
+
+var diffFromNow = (function (time, unitOfTime, targetTime) {
+  if (time === DATE_MIN_VALUE || targetTime === DATE_MIN_VALUE) return 0;
+  try {
+    var now = !targetTime ? moment() : moment.utc(targetTime).local();
+    return now.diff(moment.utc(time).local(), unitOfTime);
+  } catch (_unused) {
+    return "";
+  }
+});
+
+var encodeParams = (function (params) {
+  return Object.keys(params).filter(function (key) {
+    return params[key] || params[key] === 0 || params[key] === false;
+  }).map(function (key) {
+    if (Array.isArray(params[key])) {
+      return params[key].map(function (i) {
+        return encodeURIComponent(key) + "=" + encodeURIComponent(i);
+      }).join('&');
+    }
+    return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
+  }).join('&');
+});
+
+var formatTime = (function (time, ORIGINAL_FORMAT, FORMAT) {
+  if (time === DATE_MIN_VALUE) return "";
+  try {
+    return moment(time, ORIGINAL_FORMAT).format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+});
+var compareTimeSpanFromMoment = function compareTimeSpanFromMoment(time1, time2) {
+  var totalMinutes1 = time1.get("hour") * 60 + time1.get("minute");
+  var totalMinutes2 = time2.get("hour") * 60 + time2.get("minute");
+  return totalMinutes1 > totalMinutes2 ? 1 : totalMinutes1 < totalMinutes2 ? -1 : 0;
+};
+
+var getAcademyDomain = function getAcademyDomain() {
+  try {
+    return localStorage.getItem(ACADEMY_DOMAIN);
+  } catch (err) {
+    return null;
+  }
+};
+
+var getAccessToken = (function () {
+  try {
+    return localStorage.getItem(ACCESS_TOKEN);
+  } catch (err) {
+    return null;
+  }
+});
 
-// A type of promise-like that resolves synchronously and supports only one observer
+var getErrorMessage = function getErrorMessage(t, error, defaultErrorMessage) {
+  var _error$response, _error$response$data, _error$response2, _error$response3, _error$response3$data;
+  var errorMessage = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title;
+  if ((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 500) return defaultErrorMessage || t(DefaultErrorMessage);
+  if (typeof errorMessage === "string") return decodeURIComponent(errorMessage);
+  errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.message);
+  if (typeof errorMessage === "string") return errorMessage;
+  return defaultErrorMessage || t(DefaultErrorMessage);
+};
 
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+var getLanguage = (function () {
+  try {
+    return localStorage.getItem(LANGUAGE);
+  } catch (err) {
+    return null;
+  }
+});
 
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+var getRedirectUrl = function getRedirectUrl() {
+  try {
+    return localStorage.getItem(REDIRECT_URL);
+  } catch (err) {
+    return undefined;
+  }
+};
 
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
+var isLocalHost = Boolean(window.location.hostname === "localhost" || window.location.hostname === "[::1]" || window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
 
-// Asynchronously await a promise and pass the result to a finally continuation
-function _finallyRethrows(body, finalizer) {
-	try {
-		var result = body();
-	} catch (e) {
-		return finalizer(true, e);
-	}
-	if (result && result.then) {
-		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
-	}
-	return finalizer(false, result);
-}
+var getLearningSpace = function getLearningSpace() {
+  try {
+    return localStorage.getItem(LEARNING_SPACE) === "true";
+  } catch (err) {
+    return false;
+  }
+};
 
-// Asynchronously await a promise and invoke a finally continuation that always overrides the result
-function _finally(body, finalizer) {
-	try {
-		var result = body();
-	} catch (e) {
-		return finalizer();
-	}
-	if (result && result.then) {
-		return result.then(finalizer, finalizer);
-	}
-	return finalizer();
-}
+var minutesToTimeSpan = (function (time) {
+  var h = Math.floor(time / 60);
+  var m = time % 60;
+  return h.toString().padStart(2, "0") + ":" + m.toString().padStart(2, "0") + ":00";
+});
 
-(function (PreparedType) {
-  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
-  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
-  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
-})(exports.PreparedType || (exports.PreparedType = {}));
+var pushTo = function pushTo(history, data, isReplace) {
+  if (isReplace === void 0) {
+    isReplace = false;
+  }
+  if (history.push && !isReplace || history.replace && isReplace) {
+    !isReplace && history.push(data);
+    isReplace && history.replace(data);
+  } else history(data, {
+    replace: isReplace
+  });
+};
 
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(exports.ExamEvent || (exports.ExamEvent = {}));
+var timAgo = function timAgo(date, t) {
+  if (date === DATE_MIN_VALUE || date === DATE_TIME_MIN_VALUE) return '';
+  var time = moment.utc(date).local();
+  var days = moment().diff(time, 'days');
+  if (days === 0) return t('less_than_a_day');
+  var months = days / 30;
+  var years = months / 12;
+  if (years > 0) return years > 1 ? t('n_years_ago') : t("one_year_ago");
+  if (months > 0) return months > 1 ? t('n_months_ago') : t("one_month_ago");
+  return days > 1 ? t('n_days_ago') : t("one_day_ago");
+};
 
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(exports.ExamStatus || (exports.ExamStatus = {}));
-(function (QuestionAnswerType) {
-  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
-  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
-  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
-})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
+var toISOString = (function (time) {
+  try {
+    return moment(time).toISOString();
+  } catch (_unused) {
+    return "";
+  }
+});
 
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(exports.OrderType || (exports.OrderType = {}));
+var toLocalTime = function toLocalTime(time, FORMAT) {
+  if (time === DATE_MIN_VALUE || time === DATE_TIME_MIN_VALUE) return "";
+  try {
+    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+};
 
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(exports.RecentUserAction || (exports.RecentUserAction = {}));
+var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
+  var currentDayOfWeek = moment.utc(utcDateTime).weekday();
+  var diff = dayOfWeek - currentDayOfWeek;
+  if (diff < 0) diff += 7;
+  return moment.utc(utcDateTime).add(diff, "days").local().weekday();
+};
+var getUtcDayOfWeek = function getUtcDayOfWeek(localDateTime, dayOfWeek) {
+  var currentDayOfWeek = _$5.cloneDeep(localDateTime).local().weekday();
+  var diff = dayOfWeek - currentDayOfWeek;
+  if (diff < 0) diff += 7;
+  return localDateTime.add(diff, "days").utc().weekday();
+};
+var timeSpanToLocalMoment = function timeSpanToLocalMoment(time, date) {
+  if (!time) return null;
+  var times = time.split(":");
+  if (times.length !== 3) return null;
+  var totalSeconds = +times[0] * 60 * 60 + +times[1] * 60 + +times[2];
+  var startOfDay = moment.utc(date).startOf("day");
+  var dateTime = date ? startOfDay.add(totalSeconds, "seconds") : moment().startOf("day");
+  if (date && dateTime.isBefore(moment.utc(date))) dateTime = dateTime.add(1, "day");
+  return dateTime.local();
+};
+var convertHHMMSStoSeconds = function convertHHMMSStoSeconds(time) {
+  var times = time.split(":");
+  return +times[0] * 60 * 60 + +times[1] * 60 + +times[2];
+};
+var getRemainTime = function getRemainTime(startTime, duration) {
+  var timePass = diffFromNow(startTime, "second");
+  var durationInNumber = convertHHMMSStoSeconds(duration);
+  if (typeof timePass !== "number") return null;
+  if (timePass > durationInNumber) return 0;
+  return durationInNumber - timePass;
+};
 
-(function (UserSortColumn) {
-  UserSortColumn["CreatedAt"] = "CreatedAt";
-  UserSortColumn["FullName"] = "FullName";
-  UserSortColumn["PhoneNumber"] = "PhoneNumber";
-  UserSortColumn["Email"] = "Email";
-  UserSortColumn["SchoolName"] = "SchoolName";
-  UserSortColumn["Major"] = "Major";
-  UserSortColumn["ParentName"] = "ParentName";
-  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
-  UserSortColumn["Grade"] = "Grade";
-})(exports.UserSortColumn || (exports.UserSortColumn = {}));
+var formatDateTime = function formatDateTime(inputDate) {
+  var date = new Date(inputDate);
+  var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+  var month = monthNames[date.getMonth()];
+  var day = date.getDate();
+  var year = date.getFullYear();
+  var hour = (date.getHours() < 10 ? "0" : "") + date.getHours();
+  var minute = (date.getMinutes() < 10 ? "0" : "") + date.getMinutes();
+  var formattedDate = month + " " + day + ", " + year + " " + hour + ":" + minute;
+  return formattedDate;
+};
+var ellipsisText = function ellipsisText(text, maxLength) {
+  if (!text) return text;
+  return (text === null || text === void 0 ? void 0 : text.length) > maxLength ? text.slice(0, maxLength) + " ..." : text;
+};
+var getOrdinalSuffix = function getOrdinalSuffix(number, lang) {
+  var suffixes = {
+    en: ['th', 'st', 'nd', 'rd'],
+    ko: ['']
+  };
+  switch (lang) {
+    case 'en':
+      var j = number % 10;
+      var k = number % 100;
+      if (j === 1 && k !== 11) {
+        return suffixes.en[1];
+      }
+      if (j === 2 && k !== 12) {
+        return suffixes.en[2];
+      }
+      if (j === 3 && k !== 13) {
+        return suffixes.en[3];
+      }
+      return suffixes.en[0];
+    case 'ko':
+      return suffixes.ko[0];
+    default:
+      return '';
+  }
+};
+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 formatTextbookDataMyAnswer = function formatTextbookDataMyAnswer(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.studentQuestionResults.filter(function (question) {
+        return !!question.categories.find(function (i) {
+          return i.name === category.name;
+        });
+      })
+    };
+  });
+  return questionsByCategory;
+};
+var totalSolveTimeCategories = function totalSolveTimeCategories(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 _extends({}, category, {
+      totalSolveTime: inputData.questions.reduce(function (init, question) {
+        return question.category.name === category.name ? init += question.duration : init;
+      }, 0)
+    });
+  });
+  return questionsByCategory;
+};
+var totalTextbookSolveTimeCategories = function totalTextbookSolveTimeCategories(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 _extends({}, category, {
+      totalSolveTime: inputData.studentQuestionResults.reduce(function (init, question) {
+        return !!question.categories.find(function (i) {
+          return i.name === category.name;
+        }) ? init += question.duration : init;
+      }, 0)
+    });
+  });
+  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 formatRole = function formatRole(roles, t) {
+  if (roles.includes(exports.Role.Admin)) return t("admin");
+  if (roles.includes(exports.Role.AcademyAdminTeacher)) return t("academy_admin_teacher");
+  if (roles.includes(exports.Role.AcademyAdmin)) return t("academy_admin");
+  if (roles.includes(exports.Role.Teacher)) return t("teacher");
+  if (roles.includes(exports.Role.Student)) return t("student");
+  return "";
+};
+var getRole = function getRole(roles) {
+  if (roles.includes(exports.Role.AcademyAdminTeacher)) return exports.Role.AcademyAdminTeacher;
+  if (roles.includes(exports.Role.Admin)) return exports.Role.Admin;
+  if (roles.includes(exports.Role.AcademyAdmin)) return exports.Role.AcademyAdmin;
+  if (roles.includes(exports.Role.Teacher)) return exports.Role.Teacher;
+  if (roles.includes(exports.Role.Student)) return exports.Role.Student;
+  return null;
+};
 
 var useAutoAcademyDomain = function useAutoAcademyDomain(_, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
   if (isAuthPage === void 0) {
@@ -6516,6 +6549,78 @@ var useGoogleSignOut = function useGoogleSignOut(props) {
   };
 };
 
+var useLanguage = function useLanguage(history) {
+  var language = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
+  });
+  var dispatch = reactRedux.useDispatch();
+  var _useTranslation = reactI18next.useTranslation(),
+    i18n = _useTranslation.i18n;
+  var _useState = React.useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var _useState2 = React.useState(),
+    currentLanguage = _useState2[0],
+    setCurrentLanguage = _useState2[1];
+  var toggle = function toggle() {
+    return setDropdownOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var changeLanguageApp = function changeLanguageApp(languageItem) {
+    var search = window.location.search;
+    var searchParams = new URLSearchParams(search);
+    if (!languageItem) {
+      var _navigator$language, _navigator$language$s;
+      var storedLanguage = getLanguage();
+      var browserLanguage = (_navigator$language = navigator.language) === null || _navigator$language === void 0 ? void 0 : (_navigator$language$s = _navigator$language.split("-")) === null || _navigator$language$s === void 0 ? void 0 : _navigator$language$s[0];
+      var defaultLanguageCode = storedLanguage || browserLanguage;
+      languageItem = LANGUAGES.find(function (i) {
+        return i.code === defaultLanguageCode;
+      }) || currentLanguage || DEFAULT_LANGUAGE;
+    }
+    setCurrentLanguage(languageItem);
+    i18n.changeLanguage(languageItem.code);
+    moment.locale(languageItem.momentLangCode);
+    localStorage.setItem(LANGUAGE, languageItem.code);
+    dispatch(setLanguage(languageItem.code));
+    if (window.location.pathname === LOGIN_URL) searchParams["delete"]("lang");else searchParams.set("lang", languageItem.code);
+    pushTo(history, _extends({}, window.location, {
+      search: searchParams.toString()
+    }), true);
+  };
+  var handleChangeLanguageParam = function handleChangeLanguageParam() {
+    var search = window.location.search;
+    var searchParams = new URLSearchParams(search);
+    var langParam = searchParams.get("lang");
+    var languageItem = undefined;
+    if (langParam) {
+      var languageParamItem = LANGUAGES.find(function (i) {
+        return i.code === langParam;
+      });
+      languageItem = languageParamItem || languageItem;
+    }
+    changeLanguageApp(languageItem);
+  };
+  var handleChangeItemLanguage = function handleChangeItemLanguage(lang) {
+    var languageItem = LANGUAGES.find(function (i) {
+      return i.code === lang;
+    });
+    changeLanguageApp(languageItem);
+  };
+  React.useEffect(function () {
+    handleChangeLanguageParam();
+  }, [window.location.pathname, window.location.search]);
+  return {
+    language: language,
+    dropdownOpen: dropdownOpen,
+    currentLanguage: currentLanguage,
+    toggle: toggle,
+    handleChangeItemLanguage: handleChangeItemLanguage
+  };
+};
+
 var useList = function useList(fetchData, defaultQuery) {
   var dispatch = reactRedux.useDispatch();
   var _useState = React.useState(defaultQuery),
@@ -11046,7 +11151,6 @@ var Login = function Login(_ref) {
   var isStudent = rest.role === exports.Role.Student;
   var theme = material.useTheme();
   var isMobileUp = material.useMediaQuery(theme.breakpoints.up("md"));
-  useLanguage(history);
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
   }, React__default.createElement(material.Grid, {
@@ -11289,7 +11393,6 @@ function SignIn(_ref) {
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
     registerUrl = _ref.registerUrl;
-  useLanguage(history);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useLoginWithPassword = useLogin$2({
@@ -11748,6 +11851,7 @@ var UserClassSortBy;
 (function (UserClassSortBy) {
   UserClassSortBy["CreatedAt"] = "CreatedAt";
   UserClassSortBy["PhoneNumber"] = "PhoneNumber";
+  UserClassSortBy["ParentPhoneNumber"] = "ParentPhoneNumber";
   UserClassSortBy["FullName"] = "FullName";
   UserClassSortBy["Email"] = "Email";
 })(UserClassSortBy || (UserClassSortBy = {}));
@@ -11786,7 +11890,22 @@ var CLASS_HEADERS = [{
 }, {
   title: "actions"
 }];
-var USER_HEADERS = [{
+var TEACHER_USER_HEADERS = [{
+  title: "#"
+}, {
+  title: "email",
+  sortKey: exports.UserSortColumn.Email
+}, {
+  title: "full_name",
+  sortKey: exports.UserSortColumn.FullName
+}, {
+  title: "phone_number",
+  sortKey: exports.UserSortColumn.PhoneNumber
+}, {
+  title: "created_at",
+  sortKey: exports.UserSortColumn.CreatedAt
+}];
+var STUDENT_USER_HEADERS = [{
   title: "#"
 }, {
   title: "email",
@@ -11797,6 +11916,9 @@ var USER_HEADERS = [{
 }, {
   title: "phone_number",
   sortKey: exports.UserSortColumn.PhoneNumber
+}, {
+  title: "parent_phone_number",
+  sortKey: exports.UserSortColumn.ParentPhoneNumber
 }, {
   title: "created_at",
   sortKey: exports.UserSortColumn.CreatedAt
@@ -11882,6 +12004,9 @@ var STUDENT_CLASS_HEADERS = [{
 }, {
   title: "phone_number",
   sortKey: UserClassSortBy.PhoneNumber
+}, {
+  title: "parent_phone_number",
+  sortKey: UserClassSortBy.ParentPhoneNumber
 }, {
   title: "created_at",
   sortKey: UserClassSortBy.CreatedAt
@@ -12497,7 +12622,7 @@ var StudentList = function StudentList(_ref) {
   }))), React__default.createElement(material.TableBody, null, classList.map(function (i, index) {
     return React__default.createElement(material.TableRow, {
       key: i.id
-    }, React__default.createElement(material.TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(material.TableCell, null, i.studentName), React__default.createElement(material.TableCell, null, i.studentEmail), React__default.createElement(material.TableCell, null, i.studentPhoneNumber), React__default.createElement(material.TableCell, null, utcToLocalTime(i.studentCreatedAt, t("date_time_format"))), React__default.createElement(material.TableCell, null, formatRole(i.roles, t)), React__default.createElement(material.TableCell, null, React__default.createElement("div", {
+    }, React__default.createElement(material.TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(material.TableCell, null, i.studentName), React__default.createElement(material.TableCell, null, i.studentEmail), React__default.createElement(material.TableCell, null, i.studentPhoneNumber), React__default.createElement(material.TableCell, null, i.studentParentPhoneNumber), React__default.createElement(material.TableCell, null, utcToLocalTime(i.studentCreatedAt, t("date_time_format"))), React__default.createElement(material.TableCell, null, formatRole(i.roles, t)), React__default.createElement(material.TableCell, null, React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(material.IconButton, {
       color: "default",
@@ -12563,6 +12688,7 @@ var SelectDialog = function SelectDialog(_ref) {
     }
     handleClear();
   }, [open]);
+  var USER_HEADERS = isStudent ? STUDENT_USER_HEADERS : TEACHER_USER_HEADERS;
   return React__default.createElement(CommonDialog, {
     open: open,
     onClose: onClose,
@@ -12617,7 +12743,7 @@ var SelectDialog = function SelectDialog(_ref) {
       },
       color: "primary",
       checked: isItemSelected
-    })), React__default.createElement(material.TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentEmail), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentName), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentPhoneNumber), React__default.createElement(material.TableCell, null, utcToLocalTime(i === null || i === void 0 ? void 0 : i.studentCreatedAt, t("date_time_format"))));
+    })), React__default.createElement(material.TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentEmail), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentName), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentPhoneNumber), React__default.createElement(material.TableCell, null, i === null || i === void 0 ? void 0 : i.studentParentPhoneNumber), React__default.createElement(material.TableCell, null, utcToLocalTime(i === null || i === void 0 ? void 0 : i.studentCreatedAt, t("date_time_format"))));
   }) : userList.map(function (i, index) {
     var isItemSelected = isSelected(i.teacherId);
     return React__default.createElement(material.TableRow, {
@@ -21258,7 +21384,7 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
   })));
 };
 
-var USER_HEADERS$1 = [{
+var USER_HEADERS = [{
   title: "#",
   roles: [exports.Role.Teacher, exports.Role.Admin]
 }, {
@@ -21487,10 +21613,9 @@ var _excluded$a = ["ref"],
   _excluded4 = ["ref"],
   _excluded5 = ["ref"],
   _excluded6 = ["ref"],
-  _excluded7 = ["ref"],
-  _excluded8 = ["ref"];
+  _excluded7 = ["ref"];
 var UserDialog = function UserDialog(_ref) {
-  var _errors$fullName, _errors$fullName2, _errors$fullName3, _errors$email, _errors$email2, _errors$email3, _errors$phoneNumber, _errors$phoneNumber2, _errors$phoneNumber3, _errors$schoolName, _errors$schoolName2, _errors$schoolName3, _errors$subjectId, _errors$subjectId2, _errors$grade, _errors$grade2, _errors$grade3, _errors$major, _errors$major2, _errors$major3, _errors$parentName, _errors$parentName2, _errors$parentName3, _errors$parentPhoneNu, _errors$parentPhoneNu2, _errors$parentPhoneNu3;
+  var _errors$fullName, _errors$fullName2, _errors$fullName3, _errors$email, _errors$email2, _errors$email3, _errors$phoneNumber, _errors$phoneNumber2, _errors$phoneNumber3, _errors$schoolName, _errors$schoolName2, _errors$schoolName3, _errors$subjectId, _errors$subjectId2, _errors$grade, _errors$grade2, _errors$major, _errors$major2, _errors$major3, _errors$parentName, _errors$parentName2, _errors$parentName3, _errors$parentPhoneNu, _errors$parentPhoneNu2, _errors$parentPhoneNu3;
   var open = _ref.open,
     data = _ref.data,
     disabled = _ref.disabled,
@@ -21506,6 +21631,7 @@ var UserDialog = function UserDialog(_ref) {
     setValue = _useForm.setValue,
     getValues = _useForm.getValues,
     clearErrors = _useForm.clearErrors,
+    watch = _useForm.watch,
     errors = _useForm.formState.errors;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -21521,18 +21647,15 @@ var UserDialog = function UserDialog(_ref) {
   var _register4 = register("schoolName"),
     schoolNameRef = _register4.ref,
     schoolNameBio = _objectWithoutPropertiesLoose(_register4, _excluded4);
-  var _register5 = register("grade"),
-    gradeRef = _register5.ref,
-    gradeBio = _objectWithoutPropertiesLoose(_register5, _excluded5);
-  var _register6 = register("major"),
-    majorRef = _register6.ref,
-    majorBio = _objectWithoutPropertiesLoose(_register6, _excluded6);
-  var _register7 = register("parentName"),
-    parentNameRef = _register7.ref,
-    parentNameBio = _objectWithoutPropertiesLoose(_register7, _excluded7);
-  var _register8 = register("parentPhoneNumber"),
-    parentPhoneNumberRef = _register8.ref,
-    parentPhoneNumberBio = _objectWithoutPropertiesLoose(_register8, _excluded8);
+  var _register5 = register("major"),
+    majorRef = _register5.ref,
+    majorBio = _objectWithoutPropertiesLoose(_register5, _excluded5);
+  var _register6 = register("parentName"),
+    parentNameRef = _register6.ref,
+    parentNameBio = _objectWithoutPropertiesLoose(_register6, _excluded6);
+  var _register7 = register("parentPhoneNumber"),
+    parentPhoneNumberRef = _register7.ref,
+    parentPhoneNumberBio = _objectWithoutPropertiesLoose(_register7, _excluded7);
   var _useState = React.useState([]),
     roles = _useState[0],
     setRoles = _useState[1];
@@ -21558,6 +21681,29 @@ var UserDialog = function UserDialog(_ref) {
     isDefaultPassCodeChanged = _useState8[0],
     setDefaultPassCodeChanged = _useState8[1];
   var theme = material.useTheme();
+  var gradeOptions = React.useMemo(function () {
+    var _watch;
+    var schoolName = (_watch = watch("schoolName")) === null || _watch === void 0 ? void 0 : _watch.trim();
+    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("middle_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("중학교")) return MIDDLE_GRADES.map(function (i) {
+      return _extends({}, i, {
+        label: typeof i.label === "string" ? t(i.label) : i.label
+      });
+    });
+    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("high_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("고등학교")) return HIGH_GRADES.map(function (i) {
+      return _extends({}, i, {
+        label: t(i.label)
+      });
+    });
+    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("elementary_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("초등학교")) return ELEMENTARY_GRADES.map(function (i) {
+      return _extends({}, i, {
+        label: typeof i.label === "string" ? t(i.label) : i.label
+      });
+    });
+    return [];
+  }, [t, watch("schoolName")]);
+  console.log({
+    bang: watch("grade")
+  });
   var handleChangeRole = function handleChangeRole(role) {
     setRoles([role]);
     setValue("role", role);
@@ -21809,22 +21955,18 @@ var UserDialog = function UserDialog(_ref) {
     className: "mb-1",
     htmlFor: "grade",
     text: t("grade")
-  }), React__default.createElement(InputText, Object.assign({
+  }), React__default.createElement(CustomSelect, {
     id: "grade",
     placeholder: t("enter_grade"),
-    inputRef: gradeRef,
-    type: "number",
-    InputProps: {
-      inputProps: {
-        min: 1,
-        max: 12
-      }
-    }
-  }, gradeBio, {
-    error: !!((_errors$grade = errors.grade) !== null && _errors$grade !== void 0 && _errors$grade.message),
+    options: gradeOptions,
+    isClearable: false,
+    value: watch("grade"),
+    onChange: function onChange(value) {
+      return setValue('grade', value === null || value === void 0 ? void 0 : value.value);
+    },
     disabled: disabled
-  })), ((_errors$grade2 = errors.grade) === null || _errors$grade2 === void 0 ? void 0 : _errors$grade2.message) && React__default.createElement(ErrorHandler, {
-    text: t((_errors$grade3 = errors.grade) === null || _errors$grade3 === void 0 ? void 0 : _errors$grade3.message)
+  }), ((_errors$grade = errors.grade) === null || _errors$grade === void 0 ? void 0 : _errors$grade.message) && React__default.createElement(ErrorHandler, {
+    text: t((_errors$grade2 = errors.grade) === null || _errors$grade2 === void 0 ? void 0 : _errors$grade2.message)
   }))), React__default.createElement(material.Grid, {
     item: true,
     xs: 6
@@ -22379,7 +22521,7 @@ var useUserList = function useUserList(role) {
   React.useEffect(function () {
     getUserById((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) || 0);
   }, [selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id]);
-  var userHeaders = USER_HEADERS$1.filter(function (i) {
+  var userHeaders = USER_HEADERS.filter(function (i) {
     return i.roles.includes(role);
   });
   return {
@@ -25538,8 +25680,7 @@ var CreateExamDrawer = function CreateExamDrawer(props) {
 
 var TextbookViewDetail = function TextbookViewDetail(props) {
   var _textbook$chapters;
-  var navigate = props.navigate,
-    as = props.as,
+  var as = props.as,
     className = props.className,
     onNavigateDetail = props.onNavigateDetail;
   var _useTextbookDetail = useTextbookDetail(props),
@@ -25590,9 +25731,7 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
     }),
     categoryOptions = _useCategorySelect.categoryOptions;
   var Wrapper = as || material.Container;
-  if (isNotFound || id && textbook.isPrepared) return React__default.createElement(NotFound, {
-    history: navigate
-  });
+  if (isNotFound || id && textbook.isPrepared) return React__default.createElement(NotFound, null);
   return React__default.createElement(Wrapper, {
     maxWidth: "xl",
     className: "bg-white py-5 p-4 rounded-4 h-100 d-flex flex-column " + className
@@ -27309,7 +27448,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
 var SchoolType;
 (function (SchoolType) {
   SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elemantary"] = 1] = "Elemantary";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
   SchoolType[SchoolType["Middle"] = 2] = "Middle";
   SchoolType[SchoolType["High"] = 3] = "High";
 })(SchoolType || (SchoolType = {}));
@@ -27353,12 +27492,12 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS = [{
+var SCHOOL_OPTIONS$1 = [{
   label: "all",
   value: SchoolType.Default
 }, {
-  label: "elemantary_school",
-  value: SchoolType.Elemantary
+  label: "elementary_school",
+  value: SchoolType.Elementary
 }, {
   label: "middle_school",
   value: SchoolType.Middle
@@ -27390,7 +27529,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES = Array.from({
+var MIDDLE_GRADES$1 = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27398,7 +27537,7 @@ var MIDDLE_GRADES = Array.from({
     value: index
   };
 });
-var HIGH_GRADES = [{
+var HIGH_GRADES$1 = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27755,8 +27894,8 @@ var ArticleBlock = function ArticleBlock(_ref) {
     setFieldValue(path + ".categories", [val === null || val === void 0 ? void 0 : val.value]);
   };
   var handleChangeSubCategory = function handleChangeSubCategory(val) {
-    setFieldValue(path + ".categoryOptions[1]", [val]);
-    setFieldValue(path + ".categories[1]", [val === null || val === void 0 ? void 0 : val.value]);
+    setFieldValue(path + ".categoryOptions[1]", val);
+    setFieldValue(path + ".categories[1]", val === null || val === void 0 ? void 0 : val.value);
   };
   return React__default.createElement(material.Stack, {
     direction: "row",
@@ -29063,7 +29202,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     }));
     if (inputRef.current) inputRef.current.value = "";
   };
-  var schoolOptions = SCHOOL_OPTIONS.map(function (i) {
+  var schoolOptions = SCHOOL_OPTIONS$1.map(function (i) {
     return _extends({}, i, {
       label: t(i.label)
     });
@@ -29071,13 +29210,13 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   var gradeOptions = React.useMemo(function () {
     switch (filter === null || filter === void 0 ? void 0 : filter.schoolType) {
       case SchoolType.Middle:
-        return MIDDLE_GRADES.map(function (i) {
+        return MIDDLE_GRADES$1.map(function (i) {
           return _extends({}, i, {
             label: typeof i.label === "string" ? t(i.label) : i.label
           });
         });
       case SchoolType.High:
-        return HIGH_GRADES.map(function (i) {
+        return HIGH_GRADES$1.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29122,7 +29261,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     options: gradeOptions,
     isClearable: false,
     onChange: handleGradeChange
-  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType.Elemantary) && React__default.createElement(material.FormGroup, {
+  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType.Elementary) && React__default.createElement(material.FormGroup, {
     sx: {
       flexGrow: 1
     }
@@ -29131,7 +29270,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     options: semesterOptions,
     isClearable: false,
     onChange: handleSemesterChange
-  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType.Elemantary) && React__default.createElement(material.FormGroup, {
+  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType.Elementary) && React__default.createElement(material.FormGroup, {
     sx: {
       flexGrow: 1
     }
@@ -29267,9 +29406,11 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
           }
           return isMath ? _temp(_getCategoryQuestionT) : Promise.resolve(isSuperAdmin ? getCategoryListAdminApi$1(_extends({}, questionTypeFilters, {
             subjectId: subjectId,
+            isRootCategory: true,
             textSearch: (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value
           })) : getCategoryListApi$1(_extends({}, questionTypeFilters, {
             subjectId: subjectId,
+            isRootCategory: true,
             textSearch: (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value
           }))).then(_temp);
         }
@@ -29951,7 +30092,7 @@ var useSelect = function useSelect(_ref) {
 };
 
 var OwnerSelector = function OwnerSelector(_ref) {
-  var _errors$textbookOwner, _errors$textbookOwner2, _errors$textbookOwner3, _errors$textbookOwner4, _errors$textbookOwner5, _errors$textbookOwner6, _values$textbookOwner, _errors$textbookOwner7, _errors$textbookOwner8, _values$textbookOwner2, _errors$textbookOwner9, _errors$textbookOwner10;
+  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner2, _errors$textbookOwner3, _errors$textbookOwner4;
   var values = _ref.values,
     errors = _ref.errors,
     index = _ref.index,
@@ -29965,30 +30106,10 @@ var OwnerSelector = function OwnerSelector(_ref) {
       handleChangeEmail: handleChangeEmail
     }),
     t = _useSelect.t,
-    loadData = _useSelect.loadData,
     isLoading = _useSelect.isLoading,
     academyOptions = _useSelect.academyOptions,
     courseOptions = _useSelect.courseOptions;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.Stack, {
-    flexDirection: "column",
-    gap: 1,
-    width: 1
-  }, React__default.createElement("label", {
-    htmlFor: "email"
-  }, t("email")), React__default.createElement(formik.Field, {
-    name: "textbookOwners[" + index + "].email",
-    render: function render() {
-      return React__default.createElement(material.TextField, {
-        fullWidth: true,
-        onChange: loadData
-      });
-    }
-  }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && (_errors$textbookOwner2 = _errors$textbookOwner[index]) !== null && _errors$textbookOwner2 !== void 0 && _errors$textbookOwner2.email) && React__default.createElement(material.Typography, {
-    fontWeight: 500,
-    fontSize: "10px",
-    lineHeight: "11.93px",
-    color: !(errors !== null && errors !== void 0 && (_errors$textbookOwner3 = errors.textbookOwners) !== null && _errors$textbookOwner3 !== void 0 && (_errors$textbookOwner4 = _errors$textbookOwner3[index]) !== null && _errors$textbookOwner4 !== void 0 && _errors$textbookOwner4.email) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : (_errors$textbookOwner5 = errors.textbookOwners) === null || _errors$textbookOwner5 === void 0 ? void 0 : (_errors$textbookOwner6 = _errors$textbookOwner5[index]) === null || _errors$textbookOwner6 === void 0 ? void 0 : _errors$textbookOwner6.email)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner = values.textbookOwners) === null || _values$textbookOwner === void 0 ? void 0 : _values$textbookOwner[index].email) && React__default.createElement(material.Stack, {
+  return React__default.createElement(React__default.Fragment, null, (values === null || values === void 0 ? void 0 : (_values$textbookOwner = values.textbookOwners) === null || _values$textbookOwner === void 0 ? void 0 : _values$textbookOwner[index].email) && React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
     width: 1
@@ -30007,7 +30128,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
         }
       }));
     }
-  }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner7 = errors.textbookOwners) !== null && _errors$textbookOwner7 !== void 0 && (_errors$textbookOwner8 = _errors$textbookOwner7[index]) !== null && _errors$textbookOwner8 !== void 0 && _errors$textbookOwner8.academyId) && React__default.createElement(material.Typography, {
+  }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && (_errors$textbookOwner2 = _errors$textbookOwner[index]) !== null && _errors$textbookOwner2 !== void 0 && _errors$textbookOwner2.academyId) && React__default.createElement(material.Typography, {
     fontWeight: 500,
     fontSize: "10px",
     lineHeight: "11.93px",
@@ -30031,7 +30152,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
         }
       }));
     }
-  }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner9 = errors.textbookOwners) !== null && _errors$textbookOwner9 !== void 0 && (_errors$textbookOwner10 = _errors$textbookOwner9[index]) !== null && _errors$textbookOwner10 !== void 0 && _errors$textbookOwner10.courseId) && React__default.createElement(material.Typography, {
+  }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner3 = errors.textbookOwners) !== null && _errors$textbookOwner3 !== void 0 && (_errors$textbookOwner4 = _errors$textbookOwner3[index]) !== null && _errors$textbookOwner4 !== void 0 && _errors$textbookOwner4.courseId) && React__default.createElement(material.Typography, {
     fontWeight: 500,
     fontSize: "10px",
     lineHeight: "11.93px",
@@ -30192,6 +30313,7 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
     coverImage: selectedTextbook.coverImage || "",
     textbookOwners: selectedTextbook.textbookOwners,
     isPublic: selectedTextbook.isPublic || false,
+    isShared: selectedTextbook.isShared || false,
     isPrepared: true,
     type: selectedTextbook.type,
     chapters: selectedTextbook.chapters.map(function (c) {
@@ -30209,7 +30331,7 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
             questions: g.questions.map(function (q) {
               var _q$questionType;
               return _extends({}, q, {
-                questionTypeId: q.questionTypeId,
+                questionTypeId: q.questionTypeId || q.questionType.id,
                 questionType: (_q$questionType = q.questionType) !== null && _q$questionType !== void 0 && _q$questionType.id ? {
                   label: q.questionType.name,
                   value: q.questionType.id
@@ -30250,7 +30372,7 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
                 questions: g.questions.map(function (q) {
                   var _q$questionType2;
                   return _extends({}, q, {
-                    questionTypeId: q.questionTypeId,
+                    questionTypeId: q.questionTypeId || q.questionType.id,
                     questionType: (_q$questionType2 = q.questionType) !== null && _q$questionType2 !== void 0 && _q$questionType2.id ? {
                       label: q.questionType.name,
                       value: q.questionType.id
@@ -30298,6 +30420,10 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     dirty = formikProps.dirty,
     submitCount = formikProps.submitCount,
     setValues = formikProps.setValues;
+  console.log({
+    values: values,
+    errors: errors
+  });
   React.useEffect(function () {
     var handleBeforeUnload = function handleBeforeUnload(event) {
       var message = i18n.t("are_you_sure_you_want_to_quit_yours_changes_may_not_be_saved");
@@ -30442,7 +30568,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, a11yProps(1))), React__default.createElement(material.Tab, Object.assign({
+  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isAdmin || textbookId) && (!textbookId || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(material.Tab, Object.assign({
     label: i18n.t("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -31599,7 +31725,7 @@ var ChapterDetail = function ChapterDetail(_ref) {
     fontSize: "12px",
     fontWeight: 600,
     color: styles.gray_500
-  }, chapter.totalChapterQuestions + " " + t("questions")), expanded ? React__default.createElement(io5.IoChevronUpOutline, {
+  }, (chapter.totalChapterQuestions || 0) + " " + t("questions")), expanded ? React__default.createElement(io5.IoChevronUpOutline, {
     onClick: handleToggleExpand
   }) : React__default.createElement(io5.IoChevronDownOutline, {
     onClick: handleToggleExpand
@@ -31650,7 +31776,7 @@ var ChapterDetail = function ChapterDetail(_ref) {
     fontWeight: 600,
     color: styles.gray_500
   }, t("chapter_progress", {
-    total: chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions
+    total: (chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions) || 0
   }))) : React__default.createElement(material.Stack, {
     flexDirection: "row",
     gap: "4px"
@@ -31659,7 +31785,7 @@ var ChapterDetail = function ChapterDetail(_ref) {
     fontWeight: 600,
     color: styles.gray_500
   }, t("chapter_progress", {
-    total: chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions
+    total: (chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions) || 0
   })), React__default.createElement(material.Typography, {
     fontSize: "13px",
     fontWeight: 600,
@@ -31872,7 +31998,7 @@ var Statistic = function Statistic(_ref) {
     fontWeight: 600,
     color: styles.gray_500
   }, t("chapter_progress", {
-    total: chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions
+    total: (chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions) || 0
   }))) : React__default.createElement(material.Stack, {
     flexDirection: "row",
     gap: "4px"
@@ -31881,7 +32007,7 @@ var Statistic = function Statistic(_ref) {
     fontWeight: 600,
     color: styles.gray_500
   }, t("chapter_progress", {
-    total: chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions
+    total: (chapter === null || chapter === void 0 ? void 0 : chapter.totalChapterQuestions) || 0
   })), React__default.createElement(material.Typography, {
     fontSize: "13px",
     fontWeight: 600,
@@ -31932,7 +32058,7 @@ var Statistic = function Statistic(_ref) {
     sx: {
       width: "1px",
       position: "absolute",
-      left: (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 + "%",
+      left: ((chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 : 0) + "%",
       background: styles.darker,
       height: "100%"
     }
@@ -31953,27 +32079,27 @@ var Statistic = function Statistic(_ref) {
   }, React__default.createElement(material.Stack, {
     sx: {
       background: styles.dark,
-      width: (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 + "%",
+      width: ((chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 : 0) + "%",
       height: "100%"
     }
   }), React__default.createElement(material.Stack, {
     sx: {
       width: "1px",
       position: "absolute",
-      left: (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 + "%",
+      left: ((chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 : 0) + "%",
       background: styles.darker,
       height: "100%"
     }
   }), React__default.createElement(material.Stack, {
     sx: {
       position: "absolute",
-      left: (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 > 90 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 - 7 + "%" : ((chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 || 0) + 5 + "%"
+      left: (chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 :  ((chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 : 0) + 5 + "%"
     }
   }, React__default.createElement(material.Typography, {
     fontSize: "12px",
     fontWeight: 500,
     color: styles.darker
-  }, ((chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100).toFixed(2) + "%")), React__default.createElement(material.Stack, {
+  }, ((chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 : 0).toFixed(2) + "%")), React__default.createElement(material.Stack, {
     sx: {
       width: "1px",
       position: "absolute",
@@ -34086,7 +34212,6 @@ var Header = function Header(_ref) {
       return language === exports.Language.en ? React__default.createElement(studentFullLogoEn, null) : React__default.createElement(studentFullLogoKo, null);
     }
   }, [isTeacherSide, language]);
-  var pathname = location.pathname.toLowerCase();
   return React__default.createElement(material.Stack, {
     width: "100%",
     display: "flex",
@@ -34117,41 +34242,43 @@ var Header = function Header(_ref) {
     flexDirection: "row",
     gap: '12px',
     className: "" + styles["routerBox"]
-  }, headerTabs.map(function (_ref2) {
-    var path = _ref2.path,
-      icon = _ref2.icon,
-      label = _ref2.label,
-      activePaths = _ref2.activePaths;
-    return React__default.createElement(Link, {
-      key: path,
-      "aria-current": "page",
-      to: !isAcademy ? "#" : path,
-      className: "text-decoration-none " + ((activePaths !== null && activePaths !== void 0 && activePaths.length ? activePaths.some(function (a) {
-        return pathname === a;
-      }) : pathname === path) ? "" + styles["router-link-active"] : "") + " " + styles["tabText"] + " " + (!isAcademy ? styles["disabled-link"] : "")
-    }, React__default.createElement(material.Stack, {
-      sx: {
-        justifyContent: "center",
-        flexDirection: "row",
-        alignItems: "center",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        display: "flex",
-        flexWrap: "nowrap",
-        padding: activePaths !== null && activePaths !== void 0 && activePaths.some(function (a) {
-          return pathname.startsWith(a);
-        }) || pathname.startsWith(path) ? "6px 12px" : "6px 24px"
-      }
-    }, icon, React__default.createElement(material.Typography, {
-      sx: {
-        textWrap: "nowrap",
-        fontWeight: 700,
-        fontSize: "14px",
-        display: activePaths !== null && activePaths !== void 0 && activePaths.some(function (a) {
-          return pathname.startsWith(a);
-        }) || pathname.startsWith(path) ? 'block' : 'none'
-      }
-    }, t(label))));
+  }, React__default.createElement(ListView, {
+    data: headerTabs,
+    render: function render(data, index) {
+      return React__default.createElement(HeaderLink, {
+        key: index,
+        data: data,
+        render: function render(_ref2, isActive) {
+          var path = _ref2.path,
+            icon = _ref2.icon,
+            label = _ref2.label;
+          return React__default.createElement(Link, {
+            key: path,
+            "aria-current": "page",
+            to: !isAcademy ? "#" : path,
+            className: "text-decoration-none " + (isActive ? "" + styles["router-link-active"] : "") + " " + styles["tabText"] + " " + (!isAcademy ? styles["disabled-link"] : "")
+          }, React__default.createElement(material.Stack, {
+            sx: {
+              justifyContent: "center",
+              flexDirection: "row",
+              alignItems: "center",
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              display: "flex",
+              flexWrap: "nowrap",
+              padding: isActive ? "6px 12px" : "6px 24px"
+            }
+          }, icon, React__default.createElement(material.Typography, {
+            sx: {
+              textWrap: "nowrap",
+              fontWeight: 700,
+              fontSize: "14px",
+              display: isActive ? 'block' : 'none'
+            }
+          }, t(label))));
+        }
+      });
+    }
   })), React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center"
@@ -34174,6 +34301,17 @@ var Header = function Header(_ref) {
     history: history
   }))));
 };
+var HeaderLink = function HeaderLink(_ref3) {
+  var data = _ref3.data,
+    render = _ref3.render;
+  var activePaths = data.activePaths,
+    path = data.path;
+  var pathname = location.pathname.toLowerCase();
+  var isActive = (activePaths === null || activePaths === void 0 ? void 0 : activePaths.some(function (a) {
+    return pathname.startsWith(a);
+  })) || pathname.startsWith(path);
+  return React__default.createElement(React.Fragment, null, render(data, isActive));
+};
 
 var useLayoutContext = function useLayoutContext(role, pusherRegisterUrls, showLoadingAcademy, domain) {
   var _currentPusher$connec2;
@@ -34477,6 +34615,7 @@ exports.DATE_TIME_MIN_VALUE = DATE_TIME_MIN_VALUE;
 exports.DEFAULT_NOTE_FILTER = DEFAULT_NOTE_FILTER;
 exports.DEFAULT_PAGING_RESPONSE = DEFAULT_PAGING_RESPONSE;
 exports.DefaultErrorMessage = DefaultErrorMessage;
+exports.ELEMENTARY_GRADES = ELEMENTARY_GRADES;
 exports.EXAM_CHANNEL = EXAM_CHANNEL;
 exports.EXAM_STUDENT_CHANNEL = EXAM_STUDENT_CHANNEL;
 exports.ExamDetailView = ExamDetailView;
@@ -34486,6 +34625,7 @@ exports.GOOGLE_CLIENT_ID = GOOGLE_CLIENT_ID;
 exports.GOOGLE_RECAPTCHA_ID = GOOGLE_RECAPTCHA_ID;
 exports.GOOGLE_RECAPTCHA_KEY = GOOGLE_RECAPTCHA_KEY;
 exports.GOOGLE_RECAPTCHA_SECRET = GOOGLE_RECAPTCHA_SECRET;
+exports.HIGH_GRADES = HIGH_GRADES;
 exports.Header = Header;
 exports.InputText = InputText;
 exports.LANGUAGE = LANGUAGE;
@@ -34499,6 +34639,7 @@ exports.Login = Login;
 exports.LoginQRCode = LoginQRCode;
 exports.LoginWithEmail = LoginWithEmail;
 exports.LoginWithPassword = SignIn;
+exports.MIDDLE_GRADES = MIDDLE_GRADES;
 exports.MathJaxContainer = MathJaxContainer;
 exports.MathTinyEditor = MathTinyEditor;
 exports.NewNoteButton = NewNoteButton;
@@ -34526,6 +34667,7 @@ exports.REDIRECT_URL = REDIRECT_URL;
 exports.RELEASE_DATE = RELEASE_DATE;
 exports.RecentUserActionNames = RecentUserActionNames;
 exports.ReleaseAlert = ReleaseAlert;
+exports.SCHOOL_OPTIONS = SCHOOL_OPTIONS;
 exports.SUPER_ADMIN_BASE_URL = SUPER_ADMIN_BASE_URL;
 exports.ScoreSelector = ScoreSelector;
 exports.SearchInput = SearchInput;