touchstudy-core 0.1.136 → 0.1.137

package/dist/index.modern.js

@@ -14,19 +14,19 @@ import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 export { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, createElement, memo } from 'react';
 import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Accordion, AccordionSummary, AccordionDetails, Select as Select$1, MenuItem, Switch, Tabs, Tab, Divider, CardMedia as CardMedia$1, MenuList } from '@mui/material';
-import { useDispatch, useSelector } from 'react-redux';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import 'moment/locale/ko.js';
-import 'moment/locale/en-au.js';
-import _$5 from 'lodash';
 import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlus, FaPlusCircle, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaShare, FaExchangeAlt, FaBookOpen } from 'react-icons/fa';
 import { IoMdArrowBack, IoIosAdd, IoMdAdd, IoIosAlert, IoIosArrowDown, IoIosSearch, IoIosArrowUp } from 'react-icons/io';
 import { IoClose, IoSearch, IoCloseOutline, IoChevronUp, IoChevronDown, IoChatbubbleEllipsesSharp, IoPrint, IoWarning, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCloseCircle, IoLogOut } from 'react-icons/io5';
+import { useSelector, useDispatch } from 'react-redux';
 import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import axios from 'axios';
+import _$5 from 'lodash';
 import { useGoogleLogout, GoogleLogin } from '@leecheuk/react-google-login';
+import 'moment/locale/ko.js';
+import 'moment/locale/en-au.js';
 import { Formik, Form, Field, FieldArray } from 'formik';
 import { AutoSizer } from 'react-virtualized';
 import tinymce from 'tinymce';
@@ -824,7 +824,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 = "부모 전화번호를 입력하세요";
@@ -1401,7 +1401,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 = "질문 유형 검색 키워드";
@@ -1426,6 +1426,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,
@@ -2462,7 +2474,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,
@@ -2486,7 +2498,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";
@@ -2990,7 +3014,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";
@@ -3545,7 +3569,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";
@@ -3570,6 +3594,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,
@@ -4608,7 +4644,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,
@@ -4632,7 +4668,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.use(initReactI18next).init({
@@ -4651,30 +4699,498 @@ i18n.use(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 = {}));
+
+var PreparedType;
+(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";
+})(PreparedType || (PreparedType = {}));
+
+var ExamEvent;
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(ExamEvent || (ExamEvent = {}));
+
+var ExamStatus;
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(ExamStatus || (ExamStatus = {}));
+var QuestionAnswerType;
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
+  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
+  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+})(QuestionAnswerType || (QuestionAnswerType = {}));
+
+var OrderType;
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(OrderType || (OrderType = {}));
+
+var RecentUserAction;
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(RecentUserAction || (RecentUserAction = {}));
+
+var UserSortColumn;
+(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";
+})(UserSortColumn || (UserSortColumn = {}));
+
+var SchoolType;
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(SchoolType || (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}";
+var Role;
+(function (Role) {
+  Role["Student"] = "Student";
+  Role["Teacher"] = "Teacher";
+  Role["Admin"] = "Admin";
+  Role["AcademyAdmin"] = "AcademyAdmin";
+  Role["AcademyAdminTeacher"] = "AcademyAdmin/Teacher";
+})(Role || (Role = {}));
+var Language;
+(function (Language) {
+  Language["ko"] = "ko";
+  Language["en"] = "en";
+})(Language || (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: SchoolType.Elementary
+}, {
+  label: "middle_school",
+  value: SchoolType.Middle
+}, {
+  label: "high_school",
+  value: 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 = useTranslation(),
+    t = _useTranslation.t;
+  var isTeacher = 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 = useState(dataProps),
+    data = _useState[0],
+    setData = _useState[1];
+  var _useState2 = useState([]),
+    completed = _useState2[0],
+    setCompleted = _useState2[1];
+  var _useState3 = useState([]),
+    inprogress = _useState3[0],
+    setInProgress = _useState3[1];
+  var _useState4 = useState(PrintState.Idling),
+    state = _useState4[0],
+    setState = _useState4[1];
+  var _useState5 = useState([]),
+    errorLinks = _useState5[0],
+    setErrorLinks = _useState5[1];
+  var _useState6 = useState([]),
+    status = _useState6[0],
+    setStatus = _useState6[1];
+  var theme = 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();
+    });
+  };
+  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(Container, null, state === PrintState.Idling ? React__default.createElement(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(Fragment$1, null, React__default.createElement(Typography, null, t("completed") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + completed.length).padStart(2, "0")
+  }))), React__default.createElement(Typography, null, t("in_progress") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + inprogress.length).padStart(2, "0")
+  }))), React__default.createElement(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(Stack, {
+    className: "mt-2"
+  }, React__default.createElement(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(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(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(Typography, null, t("start_time") + ": " + utcToLocalTime(info === null || info === void 0 ? void 0 : info.startTime, t("date_time_format"))));
+  })), React__default.createElement(Stack, {
+    direction: "column",
+    className: "mt-3"
+  }, React__default.createElement(Stack, null, React__default.createElement(Typography, {
+    className: "fw-bold"
+  }, React__default.createElement("span", {
+    className: "text-danger me-1"
+  }, "*"), t("your_browser_must"), ":"), React__default.createElement(List, {
+    className: "ps-3 pt-0"
+  }, React__default.createElement(ListItem, {
+    disablePadding: true
+  }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(ListItem, {
+    disablePadding: true
+  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(Stack, null, React__default.createElement(Typography, {
+    fontWeight: 700
+  }, t("choose_to_print"), ":"), React__default.createElement(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(FormControlLabel, {
+      key: index,
+      control: React__default.createElement(Checkbox, {
+        onChange: handleChangeStatus,
+        value: value,
+        checked: status.some(function (i) {
+          return i === value.toString();
+        })
+      }),
+      label: t(label)
+    });
+  }))), React__default.createElement(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(MathJaxContext, {
+    config: config,
+    asyncLoad: true
+  }, React__default.createElement(MathJax, {
+    id: "" + styles["math-jax"],
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }));
+};
 
 var LANGUAGES = [{
   code: "ko",
@@ -4696,795 +5212,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}";
-var Role;
-(function (Role) {
-  Role["Student"] = "Student";
-  Role["Teacher"] = "Teacher";
-  Role["Admin"] = "Admin";
-  Role["AcademyAdmin"] = "AcademyAdmin";
-  Role["AcademyAdminTeacher"] = "AcademyAdmin/Teacher";
-})(Role || (Role = {}));
-var Language;
-(function (Language) {
-  Language["ko"] = "ko";
-  Language["en"] = "en";
-})(Language || (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(Role.Admin)) return t("admin");
-  if (roles.includes(Role.AcademyAdminTeacher)) return t("academy_admin_teacher");
-  if (roles.includes(Role.AcademyAdmin)) return t("academy_admin");
-  if (roles.includes(Role.Teacher)) return t("teacher");
-  if (roles.includes(Role.Student)) return t("student");
-  return "";
-};
-var getRole = function getRole(roles) {
-  if (roles.includes(Role.AcademyAdminTeacher)) return Role.AcademyAdminTeacher;
-  if (roles.includes(Role.Admin)) return Role.Admin;
-  if (roles.includes(Role.AcademyAdmin)) return Role.AcademyAdmin;
-  if (roles.includes(Role.Teacher)) return Role.Teacher;
-  if (roles.includes(Role.Student)) return Role.Student;
-  return null;
-};
-
-var useLanguage = function useLanguage(history) {
-  var dispatch = useDispatch();
-  var _useTranslation = useTranslation(),
-    i18n = _useTranslation.i18n;
-  var _useState = useState(false),
-    dropdownOpen = _useState[0],
-    setDropdownOpen = _useState[1];
-  var _useState2 = 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);
-  };
-  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 = useTranslation(),
-    t = _useTranslation.t;
-  var isTeacher = 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 = useState(dataProps),
-    data = _useState[0],
-    setData = _useState[1];
-  var _useState2 = useState([]),
-    completed = _useState2[0],
-    setCompleted = _useState2[1];
-  var _useState3 = useState([]),
-    inprogress = _useState3[0],
-    setInProgress = _useState3[1];
-  var _useState4 = useState(PrintState.Idling),
-    state = _useState4[0],
-    setState = _useState4[1];
-  var _useState5 = useState([]),
-    errorLinks = _useState5[0],
-    setErrorLinks = _useState5[1];
-  var _useState6 = useState([]),
-    status = _useState6[0],
-    setStatus = _useState6[1];
-  var theme = 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();
-    });
-  };
-  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(Container, null, state === PrintState.Idling ? React__default.createElement(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(Fragment$1, null, React__default.createElement(Typography, null, t("completed") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + completed.length).padStart(2, "0")
-  }))), React__default.createElement(Typography, null, t("in_progress") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + inprogress.length).padStart(2, "0")
-  }))), React__default.createElement(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(Stack, {
-    className: "mt-2"
-  }, React__default.createElement(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(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(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(Typography, null, t("start_time") + ": " + utcToLocalTime(info === null || info === void 0 ? void 0 : info.startTime, t("date_time_format"))));
-  })), React__default.createElement(Stack, {
-    direction: "column",
-    className: "mt-3"
-  }, React__default.createElement(Stack, null, React__default.createElement(Typography, {
-    className: "fw-bold"
-  }, React__default.createElement("span", {
-    className: "text-danger me-1"
-  }, "*"), t("your_browser_must"), ":"), React__default.createElement(List, {
-    className: "ps-3 pt-0"
-  }, React__default.createElement(ListItem, {
-    disablePadding: true
-  }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(ListItem, {
-    disablePadding: true
-  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(Stack, null, React__default.createElement(Typography, {
-    fontWeight: 700
-  }, t("choose_to_print"), ":"), React__default.createElement(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(FormControlLabel, {
-      key: index,
-      control: React__default.createElement(Checkbox, {
-        onChange: handleChangeStatus,
-        value: value,
-        checked: status.some(function (i) {
-          return i === value.toString();
-        })
-      }),
-      label: t(label)
-    });
-  }))), React__default.createElement(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(MathJaxContext, {
-    config: config,
-    asyncLoad: true
-  }, React__default.createElement(MathJax, {
-    id: "" + styles["math-jax"],
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  }));
-};
-
 var ReleaseAlert = function ReleaseAlert() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -5558,11 +5285,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 = useTranslation(),
     t = _useTranslation.t;
-  history && useLanguage(history);
   useEffect(function () {
     document.title = t("study_peak") + " | " + t(TITLE);
   }, [t]);
@@ -5630,6 +5355,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,
@@ -5993,6 +5743,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
@@ -6113,8 +5864,7 @@ var CustomSelect = function CustomSelect(_ref) {
       Option: CustomOption
     },
     styles: customStyles,
-    placeholder: t("select_placeholder"),
-    menuPortalTarget: document.body
+    placeholder: t("select_placeholder")
   }, rest));
 };
 
@@ -6216,131 +5966,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 = 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 = 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";
+});
 
-var PreparedType;
-(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";
-})(PreparedType || (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
+  });
+};
 
-var ExamEvent;
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(ExamEvent || (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");
+};
 
-var ExamStatus;
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(ExamStatus || (ExamStatus = {}));
-var QuestionAnswerType;
-(function (QuestionAnswerType) {
-  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
-  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
-  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
-})(QuestionAnswerType || (QuestionAnswerType = {}));
+var toISOString = (function (time) {
+  try {
+    return moment(time).toISOString();
+  } catch (_unused) {
+    return "";
+  }
+});
 
-var OrderType;
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(OrderType || (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 "";
+  }
+};
 
-var RecentUserAction;
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(RecentUserAction || (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;
+};
 
-var UserSortColumn;
-(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";
-})(UserSortColumn || (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(Role.Admin)) return t("admin");
+  if (roles.includes(Role.AcademyAdminTeacher)) return t("academy_admin_teacher");
+  if (roles.includes(Role.AcademyAdmin)) return t("academy_admin");
+  if (roles.includes(Role.Teacher)) return t("teacher");
+  if (roles.includes(Role.Student)) return t("student");
+  return "";
+};
+var getRole = function getRole(roles) {
+  if (roles.includes(Role.AcademyAdminTeacher)) return Role.AcademyAdminTeacher;
+  if (roles.includes(Role.Admin)) return Role.Admin;
+  if (roles.includes(Role.AcademyAdmin)) return Role.AcademyAdmin;
+  if (roles.includes(Role.Teacher)) return Role.Teacher;
+  if (roles.includes(Role.Student)) return Role.Student;
+  return null;
+};
 
 var useAutoAcademyDomain = function useAutoAcademyDomain(_, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
   if (isAuthPage === void 0) {
@@ -6528,6 +6562,78 @@ var useGoogleSignOut = function useGoogleSignOut(props) {
   };
 };
 
+var useLanguage = function useLanguage(history) {
+  var language = 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 = useDispatch();
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n;
+  var _useState = useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var _useState2 = 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);
+  };
+  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 = useDispatch();
   var _useState = useState(defaultQuery),
@@ -11060,7 +11166,6 @@ var Login = function Login(_ref) {
   var isStudent = rest.role === Role.Student;
   var theme = useTheme();
   var isMobileUp = useMediaQuery(theme.breakpoints.up("md"));
-  useLanguage(history);
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
   }, React__default.createElement(Grid, {
@@ -11303,7 +11408,6 @@ function SignIn(_ref) {
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
     registerUrl = _ref.registerUrl;
-  useLanguage(history);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useLoginWithPassword = useLogin$2({
@@ -11762,6 +11866,7 @@ var UserClassSortBy;
 (function (UserClassSortBy) {
   UserClassSortBy["CreatedAt"] = "CreatedAt";
   UserClassSortBy["PhoneNumber"] = "PhoneNumber";
+  UserClassSortBy["ParentPhoneNumber"] = "ParentPhoneNumber";
   UserClassSortBy["FullName"] = "FullName";
   UserClassSortBy["Email"] = "Email";
 })(UserClassSortBy || (UserClassSortBy = {}));
@@ -11800,7 +11905,22 @@ var CLASS_HEADERS = [{
 }, {
   title: "actions"
 }];
-var USER_HEADERS = [{
+var TEACHER_USER_HEADERS = [{
+  title: "#"
+}, {
+  title: "email",
+  sortKey: UserSortColumn.Email
+}, {
+  title: "full_name",
+  sortKey: UserSortColumn.FullName
+}, {
+  title: "phone_number",
+  sortKey: UserSortColumn.PhoneNumber
+}, {
+  title: "created_at",
+  sortKey: UserSortColumn.CreatedAt
+}];
+var STUDENT_USER_HEADERS = [{
   title: "#"
 }, {
   title: "email",
@@ -11811,6 +11931,9 @@ var USER_HEADERS = [{
 }, {
   title: "phone_number",
   sortKey: UserSortColumn.PhoneNumber
+}, {
+  title: "parent_phone_number",
+  sortKey: UserSortColumn.ParentPhoneNumber
 }, {
   title: "created_at",
   sortKey: UserSortColumn.CreatedAt
@@ -11896,6 +12019,9 @@ var STUDENT_CLASS_HEADERS = [{
 }, {
   title: "phone_number",
   sortKey: UserClassSortBy.PhoneNumber
+}, {
+  title: "parent_phone_number",
+  sortKey: UserClassSortBy.ParentPhoneNumber
 }, {
   title: "created_at",
   sortKey: UserClassSortBy.CreatedAt
@@ -12511,7 +12637,7 @@ var StudentList = function StudentList(_ref) {
   }))), React__default.createElement(TableBody, null, classList.map(function (i, index) {
     return React__default.createElement(TableRow, {
       key: i.id
-    }, React__default.createElement(TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell, null, i.studentName), React__default.createElement(TableCell, null, i.studentEmail), React__default.createElement(TableCell, null, i.studentPhoneNumber), React__default.createElement(TableCell, null, utcToLocalTime(i.studentCreatedAt, t("date_time_format"))), React__default.createElement(TableCell, null, formatRole(i.roles, t)), React__default.createElement(TableCell, null, React__default.createElement("div", {
+    }, React__default.createElement(TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell, null, i.studentName), React__default.createElement(TableCell, null, i.studentEmail), React__default.createElement(TableCell, null, i.studentPhoneNumber), React__default.createElement(TableCell, null, i.studentParentPhoneNumber), React__default.createElement(TableCell, null, utcToLocalTime(i.studentCreatedAt, t("date_time_format"))), React__default.createElement(TableCell, null, formatRole(i.roles, t)), React__default.createElement(TableCell, null, React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(IconButton, {
       color: "default",
@@ -12577,6 +12703,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,
@@ -12631,7 +12758,7 @@ var SelectDialog = function SelectDialog(_ref) {
       },
       color: "primary",
       checked: isItemSelected
-    })), React__default.createElement(TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentEmail), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentName), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentPhoneNumber), React__default.createElement(TableCell, null, utcToLocalTime(i === null || i === void 0 ? void 0 : i.studentCreatedAt, t("date_time_format"))));
+    })), React__default.createElement(TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentEmail), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentName), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentPhoneNumber), React__default.createElement(TableCell, null, i === null || i === void 0 ? void 0 : i.studentParentPhoneNumber), React__default.createElement(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(TableRow, {
@@ -21272,7 +21399,7 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
   })));
 };
 
-var USER_HEADERS$1 = [{
+var USER_HEADERS = [{
   title: "#",
   roles: [Role.Teacher, Role.Admin]
 }, {
@@ -21501,10 +21628,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,
@@ -21520,6 +21646,7 @@ var UserDialog = function UserDialog(_ref) {
     setValue = _useForm.setValue,
     getValues = _useForm.getValues,
     clearErrors = _useForm.clearErrors,
+    watch = _useForm.watch,
     errors = _useForm.formState.errors;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -21535,18 +21662,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 = useState([]),
     roles = _useState[0],
     setRoles = _useState[1];
@@ -21572,6 +21696,29 @@ var UserDialog = function UserDialog(_ref) {
     isDefaultPassCodeChanged = _useState8[0],
     setDefaultPassCodeChanged = _useState8[1];
   var theme = useTheme();
+  var gradeOptions = 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);
@@ -21823,22 +21970,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(Grid, {
     item: true,
     xs: 6
@@ -22393,7 +22536,7 @@ var useUserList = function useUserList(role) {
   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 {
@@ -25552,8 +25695,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),
@@ -25604,9 +25746,7 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
     }),
     categoryOptions = _useCategorySelect.categoryOptions;
   var Wrapper = as || 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
@@ -27320,13 +27460,13 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var SchoolType;
+var SchoolType$1;
 (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 = {}));
+})(SchoolType$1 || (SchoolType$1 = {}));
 var HighSchoolGrade;
 (function (HighSchoolGrade) {
   HighSchoolGrade[HighSchoolGrade["Default"] = 0] = "Default";
@@ -27367,18 +27507,18 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS = [{
+var SCHOOL_OPTIONS$1 = [{
   label: "all",
-  value: SchoolType.Default
+  value: SchoolType$1.Default
 }, {
-  label: "elemantary_school",
-  value: SchoolType.Elemantary
+  label: "elementary_school",
+  value: SchoolType$1.Elementary
 }, {
   label: "middle_school",
-  value: SchoolType.Middle
+  value: SchoolType$1.Middle
 }, {
   label: "high_school",
-  value: SchoolType.High
+  value: SchoolType$1.High
 }];
 var SEMESTER_OPTIONS = Array.from({
   length: 3
@@ -27404,7 +27544,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES = Array.from({
+var MIDDLE_GRADES$1 = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27412,7 +27552,7 @@ var MIDDLE_GRADES = Array.from({
     value: index
   };
 });
-var HIGH_GRADES = [{
+var HIGH_GRADES$1 = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27769,8 +27909,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(Stack, {
     direction: "row",
@@ -29077,21 +29217,21 @@ 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)
     });
   });
   var gradeOptions = useMemo(function () {
     switch (filter === null || filter === void 0 ? void 0 : filter.schoolType) {
-      case SchoolType.Middle:
-        return MIDDLE_GRADES.map(function (i) {
+      case SchoolType$1.Middle:
+        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) {
+      case SchoolType$1.High:
+        return HIGH_GRADES$1.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29136,7 +29276,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(FormGroup, {
+  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType$1.Elementary) && React__default.createElement(FormGroup, {
     sx: {
       flexGrow: 1
     }
@@ -29145,7 +29285,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(FormGroup, {
+  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType$1.Elementary) && React__default.createElement(FormGroup, {
     sx: {
       flexGrow: 1
     }
@@ -29281,9 +29421,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);
         }
@@ -30186,6 +30328,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) {
@@ -30244,7 +30387,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
@@ -30292,6 +30435,10 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     dirty = formikProps.dirty,
     submitCount = formikProps.submitCount,
     setValues = formikProps.setValues;
+  console.log({
+    values: values,
+    errors: errors
+  });
   useEffect(function () {
     var handleBeforeUnload = function handleBeforeUnload(event) {
       var message = t$1("are_you_sure_you_want_to_quit_yours_changes_may_not_be_saved");
@@ -30436,7 +30583,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, a11yProps(1))), React__default.createElement(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(Tab, Object.assign({
     label: t$1("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -31593,7 +31740,7 @@ var ChapterDetail = function ChapterDetail(_ref) {
     fontSize: "12px",
     fontWeight: 600,
     color: styles.gray_500
-  }, chapter.totalChapterQuestions + " " + t("questions")), expanded ? React__default.createElement(IoChevronUpOutline, {
+  }, (chapter.totalChapterQuestions || 0) + " " + t("questions")), expanded ? React__default.createElement(IoChevronUpOutline, {
     onClick: handleToggleExpand
   }) : React__default.createElement(IoChevronDownOutline, {
     onClick: handleToggleExpand
@@ -31644,7 +31791,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(Stack, {
     flexDirection: "row",
     gap: "4px"
@@ -31653,7 +31800,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(Typography, {
     fontSize: "13px",
     fontWeight: 600,
@@ -31866,7 +32013,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(Stack, {
     flexDirection: "row",
     gap: "4px"
@@ -31875,7 +32022,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(Typography, {
     fontSize: "13px",
     fontWeight: 600,
@@ -31926,7 +32073,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%"
     }
@@ -31947,27 +32094,27 @@ var Statistic = function Statistic(_ref) {
   }, React__default.createElement(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(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(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(Typography, {
     fontSize: "12px",
     fontWeight: 500,
     color: styles.darker
-  }, ((chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100).toFixed(2) + "%")), React__default.createElement(Stack, {
+  }, ((chapter.totalChapterQuestions || 0) != 0 ? (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 : 0).toFixed(2) + "%")), React__default.createElement(Stack, {
     sx: {
       width: "1px",
       position: "absolute",
@@ -34080,7 +34227,6 @@ var Header = function Header(_ref) {
       return language === Language.en ? React__default.createElement(studentFullLogoEn, null) : React__default.createElement(studentFullLogoKo, null);
     }
   }, [isTeacherSide, language]);
-  var pathname = location.pathname.toLowerCase();
   return React__default.createElement(Stack, {
     width: "100%",
     display: "flex",
@@ -34111,41 +34257,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(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(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(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(Typography, {
+            sx: {
+              textWrap: "nowrap",
+              fontWeight: 700,
+              fontSize: "14px",
+              display: isActive ? 'block' : 'none'
+            }
+          }, t(label))));
+        }
+      });
+    }
   })), React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center"
@@ -34168,6 +34316,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(Fragment$1, null, render(data, isActive));
+};
 
 var useLayoutContext = function useLayoutContext(role, pusherRegisterUrls, showLoadingAcademy, domain) {
   var _currentPusher$connec2;
@@ -34355,5 +34514,5 @@ var LayoutContext = function LayoutContext(_ref) {
   });else return React__default.createElement(Fragment$1, null, children);
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, BASE_URL, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionCountSelector, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, isLocalHost, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, BASE_URL, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, ELEMENTARY_GRADES, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, HIGH_GRADES, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MIDDLE_GRADES, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionCountSelector, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SCHOOL_OPTIONS, SUPER_ADMIN_BASE_URL, SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, isLocalHost, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map