touchstudy-core 0.1.120 → 0.1.122

package/dist/index.modern.js

@@ -4,27 +4,29 @@ import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import i18n, { t as t$1 } from 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
-import axios from 'axios';
-import moment from 'moment';
-export { default as moment } from 'moment';
-import _ from 'lodash';
-import { useSelector, useDispatch } from 'react-redux';
-import React__default, { useEffect, useState, useRef, useCallback, useMemo, Fragment as Fragment$1, createElement } from 'react';
-import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
-import 'moment/locale/ko.js';
-import 'moment/locale/en-au.js';
+import { MathJaxContext, MathJax } from 'better-react-mathjax';
+export { MathJax, MathJaxContext } from 'better-react-mathjax';
 import { TimePicker, LocalizationProvider as LocalizationProvider$1, DatePicker as DatePicker$1 } from '@mui/x-date-pickers';
 export { DateCalendar, DatePicker, DayCalendarSkeleton, LocalizationProvider, PickersDay, TimePicker } from '@mui/x-date-pickers';
 import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 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 } 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, Divider, 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 _ 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, IoChevronBackOutline, IoWarning, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCloseCircle, IoLogOut } from 'react-icons/io5';
 import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
+import axios from 'axios';
+import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
 import { Formik, Form, Field, FieldArray } from 'formik';
 import { CKEditor } from 'ckeditor4-react';
 import { AutoSizer } from 'react-virtualized';
@@ -1372,6 +1374,12 @@ var today_schedule = "오늘 스케줄";
 var schedule_achieved = "달성한 스케줄";
 var i_dont_have_my_phone_number_yet = "휴대폰 번호가 없어요";
 var duplicate_passcode_for_siblings_please_contact_admin_for_assistance = "형제자매의 중복된 비밀번호. 도움이 필요하면 관리자에게 문의하세요";
+var textual_answer = "문자 답변";
+var question_answer_type = "질문 답변 유형";
+var choiceoption = "선택 옵션";
+var textual = "텍스트";
+var import_student_exam_short_answer_results = "학생 시험 짧은 답변 결과 가져오기";
+var file = "파일";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2386,7 +2394,13 @@ var lang_ko = {
 	today_schedule: today_schedule,
 	schedule_achieved: schedule_achieved,
 	i_dont_have_my_phone_number_yet: i_dont_have_my_phone_number_yet,
-	duplicate_passcode_for_siblings_please_contact_admin_for_assistance: duplicate_passcode_for_siblings_please_contact_admin_for_assistance
+	duplicate_passcode_for_siblings_please_contact_admin_for_assistance: duplicate_passcode_for_siblings_please_contact_admin_for_assistance,
+	textual_answer: textual_answer,
+	question_answer_type: question_answer_type,
+	choiceoption: choiceoption,
+	textual: textual,
+	import_student_exam_short_answer_results: import_student_exam_short_answer_results,
+	file: file
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3420,6 +3434,12 @@ var today_schedule$1 = "Today's schedule";
 var schedule_achieved$1 = "Schedule achieved";
 var i_dont_have_my_phone_number_yet$1 = "I don't have my phone number yet";
 var duplicate_passcode_for_siblings_please_contact_admin_for_assistance$1 = "Duplicate passcode for siblings. Please contact admin for assistance";
+var textual_answer$1 = "Textual answer";
+var question_answer_type$1 = "Question Answer Type";
+var choiceoption$1 = "Choice Option";
+var textual$1 = "Textual";
+var import_student_exam_short_answer_results$1 = "Import Student Exam Short Answer Results";
+var file$1 = "File";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4436,7 +4456,13 @@ var lang_en = {
 	today_schedule: today_schedule$1,
 	schedule_achieved: schedule_achieved$1,
 	i_dont_have_my_phone_number_yet: i_dont_have_my_phone_number_yet$1,
-	duplicate_passcode_for_siblings_please_contact_admin_for_assistance: duplicate_passcode_for_siblings_please_contact_admin_for_assistance$1
+	duplicate_passcode_for_siblings_please_contact_admin_for_assistance: duplicate_passcode_for_siblings_please_contact_admin_for_assistance$1,
+	textual_answer: textual_answer$1,
+	question_answer_type: question_answer_type$1,
+	choiceoption: choiceoption$1,
+	textual: textual$1,
+	import_student_exam_short_answer_results: import_student_exam_short_answer_results$1,
+	file: file$1
 };
 
 i18n.use(initReactI18next).init({
@@ -4455,6 +4481,103 @@ i18n.use(initReactI18next).init({
   }
 });
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _taggedTemplateLiteralLoose(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  strings.raw = raw;
+  return strings;
+}
+
+var LANGUAGES = [{
+  code: "ko",
+  fullName: "Korean",
+  shortName: "Korean",
+  nativeName: "Korean",
+  name: "Korean",
+  image: "/images/korea.png",
+  momentLangCode: "ko"
+}, {
+  code: "en",
+  fullName: "English",
+  shortName: "English",
+  nativeName: "English",
+  name: "English",
+  image: "/images/usa.png",
+  momentLangCode: "en-au"
+}];
+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 || "";
@@ -4526,86 +4649,6 @@ var DEFAULT_PAGING_RESPONSE = {
   totalPages: 0
 };
 
-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 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 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 {
@@ -4701,18 +4744,6 @@ var minutesToTimeSpan = (function (time) {
   return h.toString().padStart(2, "0") + ":" + m.toString().padStart(2, "0") + ":00";
 });
 
-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 timAgo = function timAgo(date, t) {
   if (date === DATE_MIN_VALUE || date === DATE_TIME_MIN_VALUE) return '';
   var time = moment.utc(date).local();
@@ -4785,42 +4816,6 @@ var getRemainTime = function getRemainTime(startTime, duration) {
   return durationInNumber - timePass;
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-  strings.raw = raw;
-  return strings;
-}
-
 var formatDateTime = function formatDateTime(inputDate) {
   var date = new Date(inputDate);
   var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
@@ -4963,257 +4958,6 @@ var getRole = function getRole(roles) {
   return null;
 };
 
-var LANGUAGES = [{
-  code: "ko",
-  fullName: "Korean",
-  shortName: "Korean",
-  nativeName: "Korean",
-  name: "Korean",
-  image: "/images/korea.png",
-  momentLangCode: "ko"
-}, {
-  code: "en",
-  fullName: "English",
-  shortName: "English",
-  nativeName: "English",
-  name: "English",
-  image: "/images/usa.png",
-  momentLangCode: "en-au"
-}];
-var DEFAULT_LANGUAGE = LANGUAGES[0];
-var LOGIN_URL = "/login";
-
-var useAutoAcademyDomain = function useAutoAcademyDomain(_, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
-  if (isAuthPage === void 0) {
-    isAuthPage = true;
-  }
-  var user = 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.user;
-  });
-  var _ref = user || {},
-    email = _ref.email,
-    academyDomain = _ref.academyDomain,
-    isLearningSpace = _ref.isLearningSpace;
-  var pathname = window.location.pathname;
-  var changeAcademySearchParams = function changeAcademySearchParams() {
-    var isLoginPage = LOGIN_URL === pathname;
-    var search = window.location.search;
-    var searchParams = new URLSearchParams(search);
-    var paramAcademyDomain = searchParams.get("domain");
-    var domain = getAcademyDomain();
-    if (!!email !== isAuthPage) return;
-    var isSuperUrl = checkSuperUrl(superUrls, pathname);
-    if (!academyDomain && !isLearningSpace) {
-      if (!isSuperUrl) {
-        if (isLoginPage) searchParams["delete"]("domain");else if (!paramAcademyDomain && domain) searchParams.set("domain", domain);
-        pushTo(history, {
-          pathname: homeUrl,
-          search: searchParams.toString()
-        });
-        return;
-      }
-      if (paramAcademyDomain) {
-        searchParams["delete"]("domain");
-        pushTo(history, _extends({}, window.location, {
-          search: searchParams.toString()
-        }), true);
-        return;
-      }
-    } else {
-      if (isSuperUrl) {
-        searchParams["delete"]("domain");
-        pushTo(history, {
-          pathname: homeAcademyUrl,
-          search: searchParams.toString()
-        });
-        return;
-      }
-      if (!paramAcademyDomain || academyDomain.trim().toLocaleLowerCase() !== (paramAcademyDomain === null || paramAcademyDomain === void 0 ? void 0 : paramAcademyDomain.trim().toLocaleLowerCase())) {
-        if (isLoginPage || isLearningSpace) searchParams["delete"]("domain");else searchParams.set("domain", academyDomain);
-        pushTo(history, _extends({}, window.location, {
-          search: searchParams.toString()
-        }), true);
-        return;
-      }
-    }
-  };
-  useEffect(function () {
-    changeAcademySearchParams();
-  }, [pathname, window.location.search, isAuthPage, email, academyDomain]);
-};
-
-// 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 EXAM_SESSION_URL = BASE_URL + "/api/examSession";
-var getCheckStatusExam = function getCheckStatusExam(examCode) {
-  return api.get(EXAM_SESSION_URL + "/" + examCode + "/status");
-};
-
-var ONE_SECOND_IN_MILLISECONDS = 1000;
-var useCountDownTimer = function useCountDownTimer(props) {
-  var startTime = props.startTime,
-    status = props.status,
-    code = props.code,
-    duration = props.duration,
-    onFinish = props.onFinish;
-  var dispatch = useDispatch();
-  var _useState = useState(),
-    remainTime = _useState[0],
-    setRemainTime = _useState[1];
-  var checkStatusRef = useRef(null);
-  var requestRef = useRef(null);
-  var checkLiveExamStatus = useCallback(function () {
-    try {
-      !!checkStatusRef.current && clearTimeout(checkStatusRef.current);
-      if (!code || status === ExamStatus.Completed) {
-        return Promise.resolve();
-      }
-      var isOk = false;
-      var _temp = _finallyRethrows(function () {
-        return _catch(function () {
-          dispatch(setLoading(true));
-          return Promise.resolve(getCheckStatusExam(code)).then(function (res) {
-            if (res.data.data.status === ExamStatus.Completed) {
-              isOk = true;
-              clearTimeout(checkStatusRef.current);
-              dispatch(setLoading(false));
-              onFinish();
-            } else {
-              checkStatusRef.current = setTimeout(checkLiveExamStatus, ONE_SECOND_IN_MILLISECONDS);
-            }
-          });
-        }, function (error) {
-          console.log({
-            error: error
-          });
-        });
-      }, function (_wasThrown, _result) {
-        if (!isOk) checkStatusRef.current = setTimeout(checkLiveExamStatus, ONE_SECOND_IN_MILLISECONDS);
-        if (_wasThrown) throw _result;
-        return _result;
-      });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [code, status, onFinish]);
-  useEffect(function () {
-    if (status !== ExamStatus.InProgress) return;
-    var animate = function animate() {
-      if (!startTime || !duration) return;
-      if (typeof remainTime === "number" && remainTime <= 0) {
-        return;
-      }
-      var remain = getRemainTime(startTime, duration);
-      if (typeof remain !== "number") {
-        setRemainTime(undefined);
-        return;
-      }
-      setRemainTime(remain || 0);
-      requestRef.current = requestAnimationFrame(animate);
-    };
-    requestRef.current = requestAnimationFrame(animate);
-    return function () {
-      !!requestRef.current && cancelAnimationFrame(requestRef.current);
-      setRemainTime(undefined);
-    };
-  }, [startTime, duration]);
-  useEffect(function () {
-    if (typeof remainTime === "number" && remainTime <= 0) checkLiveExamStatus();
-  }, [remainTime, checkLiveExamStatus]);
-  return remainTime;
-};
-
-var useGoogleSignOut = function useGoogleSignOut(props) {
-  var dispatch = useDispatch();
-  var onLogoutSuccess = props.onLogoutSuccess,
-    onFailure = props.onFailure;
-  var handleLogoutSuccess = function handleLogoutSuccess() {
-    onLogoutSuccess === null || onLogoutSuccess === void 0 ? void 0 : onLogoutSuccess();
-  };
-  var handleLogoutFailure = function handleLogoutFailure() {
-    onFailure === null || onFailure === void 0 ? void 0 : onFailure();
-  };
-  var _useGoogleLogout = useGoogleLogout({
-      clientId: GOOGLE_CLIENT_ID,
-      onLogoutSuccess: handleLogoutSuccess,
-      onFailure: handleLogoutFailure
-    }),
-    signOut = _useGoogleLogout.signOut,
-    loaded = _useGoogleLogout.loaded;
-  var handleSignOut = function handleSignOut(isRemoveDomainStorage) {
-    if (isRemoveDomainStorage === void 0) {
-      isRemoveDomainStorage = false;
-    }
-    localStorage.removeItem("USER_INFORMATION");
-    localStorage.removeItem(ACCESS_TOKEN);
-    if (isRemoveDomainStorage) {
-      localStorage.removeItem(ACADEMY_DOMAIN);
-      localStorage.removeItem(LEARNING_SPACE);
-    }
-    try {
-      var _window$gapi, _window$gapi$auth, _auth2$signOut;
-      signOut();
-      var auth2 = (_window$gapi = window.gapi) === null || _window$gapi === void 0 ? void 0 : (_window$gapi$auth = _window$gapi.auth2) === null || _window$gapi$auth === void 0 ? void 0 : _window$gapi$auth.getAuthInstance();
-      auth2 === null || auth2 === void 0 ? void 0 : (_auth2$signOut = auth2.signOut) === null || _auth2$signOut === void 0 ? void 0 : _auth2$signOut.call(auth2);
-    } catch (error) {
-      console.log({
-        error: error
-      });
-    }
-    dispatch(reset());
-    window.location.href = "/login";
-  };
-  return {
-    handleSignOut: handleSignOut,
-    loaded: loaded
-  };
-};
-
 var useLanguage = function useLanguage(history) {
   var dispatch = useDispatch();
   var _useTranslation = useTranslation(),
@@ -5281,1679 +5025,1985 @@ var useLanguage = function useLanguage(history) {
   };
 };
 
-var useList = function useList(fetchData, defaultQuery) {
-  var dispatch = useDispatch();
-  var _useState = useState(defaultQuery),
-    filter = _useState[0],
-    setFilter = _useState[1];
-  var _useState2 = useState(DEFAULT_PAGING_RESPONSE),
-    paging = _useState2[0],
-    setPaging = _useState2[1];
-  var _useState3 = useState([]),
-    data = _useState3[0],
-    setData = _useState3[1];
-  var _useState4 = useState(),
-    selectedItem = _useState4[0],
-    setSelectedItem = _useState4[1];
-  var textSearchRef = useRef(null);
-  var isFirstLoadRef = useRef(true);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleChangeSelectedItem = function handleChangeSelectedItem(item) {
-    setSelectedItem(item);
-  };
-  var getData = function getData(isLoading) {
-    if (isLoading === void 0) {
-      isLoading = false;
-    }
-    try {
-      var _temp2 = function _temp2() {
-        isLoading && dispatch(setLoading(false));
-      };
-      if (!fetchData) return Promise.resolve();
-      if (isFirstLoadRef.current) isFirstLoadRef.current = false;
-      isLoading && dispatch(setLoading(true));
-      var _temp = _catch(function () {
-        return Promise.resolve(fetchData(filter)).then(function (res) {
-          var _res$data$items = res.data.items,
-            items = _res$data$items === void 0 ? [] : _res$data$items;
-          setPaging({
-            limit: res.data.limit || 0,
-            page: res.data.page || 0,
-            totalItems: res.data.totalItems || 0,
-            totalPages: res.data.totalPages || 0
-          });
-          setData(items);
-        });
-      }, function (error) {
-        setPaging(DEFAULT_PAGING_RESPONSE);
-        setData([]);
-        toast.error(getErrorMessage(t, error));
+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);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var handleSort = function handleSort(sortColumnName) {
-    var sortColumnDirection = OrderType.ASC;
-    console.log({
-      sortColumnName: typeof sortColumnName,
-      filter: typeof filter.sortColumnName
     });
-    if (filter.sortColumnName == sortColumnName && filter.sortColumnDirection === OrderType.ASC) sortColumnDirection = OrderType.DESC;
-    setFilter(_extends({}, filter, {
-      sortColumnName: sortColumnName,
-      sortColumnDirection: sortColumnDirection,
-      currentPage: 1
-    }));
   };
-  var handleChangeSearchText = function handleChangeSearchText(e) {
-    if (!textSearchRef.current) return;
-    textSearchRef.current.value = e.target.value.trim();
-    debounceSearch();
-  };
-  var handleChangePage = function handleChangePage(_, page) {
-    setFilter(_extends({}, filter, {
-      currentPage: page
-    }));
-  };
-  var calcOrderNumber = function calcOrderNumber(index) {
-    var _paging$page, _paging$limit;
-    return (((_paging$page = paging.page) != null ? _paging$page : 0) - 1) * ((_paging$limit = paging.limit) != null ? _paging$limit : 0) + index + 1;
-  };
-  var debounceSearch = _.debounce(function () {
-    var _textSearchRef$curren;
-    setFilter(_extends({}, filter, {
-      currentPage: 1,
-      textSearch: (_textSearchRef$curren = textSearchRef.current) === null || _textSearchRef$curren === void 0 ? void 0 : _textSearchRef$curren.value
-    }));
-  }, 500);
-  useEffect(function () {
-    getData(isFirstLoadRef.current);
-  }, [JSON.stringify(filter)]);
-  return {
-    filter: filter,
-    textSearchRef: textSearchRef,
-    paging: paging,
-    data: data,
-    selectedItem: selectedItem,
-    handleSort: handleSort,
-    handleChangeSearchText: handleChangeSearchText,
-    handleChangePage: handleChangePage,
-    calcOrderNumber: calcOrderNumber,
-    handleChangeSelectedItem: handleChangeSelectedItem,
-    getData: getData
+  var handleProgressPrint = function handleProgressPrint() {
+    setData(dataProps);
+    setCompleted([]);
+    setInProgress([]);
+    setErrorLinks([]);
+    setState(PrintState.Printing);
   };
-};
-
-var useLoadMore = function useLoadMore(props) {
-  var onLoadMore = props.onLoadMore,
-    loading = props.loading;
-  var observerTarget = useRef(null);
-  useEffect(function () {
-    var currentTarget = observerTarget.current;
-    var observer = new IntersectionObserver(function (entries) {
-      if (entries[0].isIntersecting && !loading) {
-        onLoadMore();
+  console.log({
+    status: status
+  });
+  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" : "/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;
+          }));
+        });
       }
-    }, {
-      threshold: 1
-    });
-    if (observerTarget.current) {
-      observer.observe(observerTarget.current);
+      return;
     }
-    return function () {
-      if (currentTarget) {
-        observer.unobserve(currentTarget);
+    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;
       }
-    };
-  }, [observerTarget, loading, onLoadMore]);
-  return {
-    observerTarget: observerTarget
-  };
-};
-
-var AUTH_URL = BASE_URL + "/api/auth";
-var AUTH_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth";
-var getInfo = function getInfo(role, isLearningSpace) {
-  var _headers;
-  return api.get(AUTH_URL + "/info", {
-    params: {
-      role: role
-    },
-    headers: (_headers = {}, _headers[NoAcademyHeaders] = isLearningSpace, _headers)
-  });
-};
-var getSuperAdminInfoFromWeb = function getSuperAdminInfoFromWeb() {
-  return api.get(AUTH_SUPER_ADMIN_URL + "/info");
+      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" : "/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) {
+    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, {
+      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) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return React__default.createElement(FormControlLabel, {
+      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 apiLoginGoogle = function apiLoginGoogle(body, isLearningSpace) {
-  var _headers2;
-  return api.post(AUTH_URL + "/login", body, {
-    headers: (_headers2 = {}, _headers2[NoAcademyHeaders] = isLearningSpace, _headers2)
-  });
+
+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 apiLoginGoogleSuperAdmin = function apiLoginGoogleSuperAdmin(body) {
-  return api.post(AUTH_SUPER_ADMIN_URL + "/login", body);
+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 apiLoginWithAccessToken = function apiLoginWithAccessToken(body, isLearningSpace, domain) {
-  var _headers3;
-  return api.post(AUTH_URL + "/login/access-token", body, {
-    params: {
-      isLearningSpace: isLearningSpace
-    },
-    headers: (_headers3 = {}, _headers3[AcademyHeaders] = domain, _headers3[NoAcademyHeaders] = isLearningSpace, _headers3)
-  });
+
+var ReleaseAlert = function ReleaseAlert() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var releaseDate = RELEASE_DATE;
+  var isInValidDate = !releaseDate || releaseDate === DATE_MIN_VALUE || releaseDate === DATE_TIME_MIN_VALUE;
+  var isLoginPage = window.location.pathname === LOGIN_URL;
+  if (isInValidDate || !moment.utc(releaseDate).isValid()) return null;else {
+    var version = moment(releaseDate).format("HH.mm.YYYY.MM.DD");
+    return React__default.createElement(Box, {
+      sx: {
+        position: "fixed",
+        right: 10,
+        bottom: isLoginPage ? undefined : 5,
+        top: isLoginPage ? 10 : undefined,
+        userSelect: "none",
+        zIndex: 1
+      }
+    }, React__default.createElement(Typography, {
+      color: "success",
+      sx: {
+        fontSize: 10,
+        color: "#3DC674",
+        opacity: 0.8
+      }
+    }, t("version"), ": ", React__default.createElement("span", null, version)));
+  }
 };
-var apiLoginSuperAdminWithAccessToken = function apiLoginSuperAdminWithAccessToken(body) {
-  return api.post(AUTH_SUPER_ADMIN_URL + "/login/access-token", body);
+
+var ActionButtons = function ActionButtons(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    backText = _ref.backText,
+    saveText = _ref.saveText,
+    altSaveText = _ref.altSaveText,
+    saveDisabled = _ref.saveDisabled,
+    saveIcon = _ref.saveIcon,
+    _ref$hideSave = _ref.hideSave,
+    hideSave = _ref$hideSave === void 0 ? false : _ref$hideSave,
+    onBack = _ref.onBack,
+    onSave = _ref.onSave,
+    onAltSave = _ref.onAltSave,
+    isReadonly = _ref.isReadonly;
+  return React__default.createElement(Stack, {
+    direction: "row",
+    spacing: 1,
+    className: "" + className
+  }, React__default.createElement(Button, {
+    variant: "contained",
+    className: "bg-secondary",
+    startIcon: React__default.createElement(IoMdArrowBack, {
+      size: 16
+    }),
+    onClick: onBack
+  }, backText), !hideSave && React__default.createElement(Button, {
+    variant: "contained",
+    color: "success",
+    startIcon: saveIcon != null ? saveIcon : React__default.createElement(FaSave, {
+      size: 16
+    }),
+    onClick: onSave,
+    disabled: saveDisabled || isReadonly
+  }, saveText), !!altSaveText && onAltSave && React__default.createElement(Button, {
+    variant: "contained",
+    color: "primary",
+    startIcon: React__default.createElement(FaSave, {
+      size: 16
+    }),
+    onClick: onAltSave,
+    disabled: saveDisabled
+  }, altSaveText));
 };
 
-var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl, redirectAfterLogin) {
-  if (redirectAfterLogin === void 0) {
-    redirectAfterLogin = true;
-  }
-  var dispatch = useDispatch();
+var TITLE = "not_found";
+var NotFound = function NotFound(_ref) {
+  var history = _ref.history;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useGoogleSignOut = useGoogleSignOut({}),
-    handleSignOut = _useGoogleSignOut.handleSignOut;
-  var searchParams = new URLSearchParams(window.location.search);
-  var paramDomain = searchParams.get('domain');
-  var handleLoginGoogle = function handleLoginGoogle(data, isLogout) {
-    if (isLogout === void 0) {
-      isLogout = true;
-    }
-    try {
-      var isStudent = data.role === Role.Student;
-      var academyDomain = paramDomain || getAcademyDomain();
-      var isLearningSpace = getLearningSpace() || isStudent && !academyDomain;
-      if (!isStudent && isLearningSpace) {
-        isLearningSpace = false;
-        localStorage.removeItem(LEARNING_SPACE);
-      }
-      var isAcademy = !!academyDomain || isLearningSpace;
-      return Promise.resolve(handleLogin(function () {
-        return new Promise(function (resolve, reject) {
-          try {
-            var _temp3 = _catch(function () {
-              return Promise.resolve(isAcademy ? apiLoginGoogle(data, isLearningSpace) : apiLoginGoogleSuperAdmin(data)).then(function (loginResponse) {
-                function _temp2() {
-                  resolve(result);
-                }
-                var result = loginResponse.data;
-                var _temp = function () {
-                  if (loginResponse.status === 204 && academyDomain) {
-                    localStorage.removeItem(ACADEMY_DOMAIN);
-                    localStorage.removeItem(LEARNING_SPACE);
-                    return Promise.resolve(apiLoginGoogleSuperAdmin(data)).then(function (_apiLoginGoogleSuperA) {
-                      loginResponse = _apiLoginGoogleSuperA;
-                      result = loginResponse.data;
-                    });
-                  }
-                }();
-                return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
-              });
-            }, function (error) {
-              !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
-              localStorage.removeItem(LEARNING_SPACE);
-              reject(error);
-            });
-            return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        });
-      }, isStudent, isLogout)).then(function () {});
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var handleLoginAccessToken = function handleLoginAccessToken(data, isLearningSpace, domain, isLogout, superAdminRedirectPath) {
-    if (isLogout === void 0) {
-      isLogout = true;
-    }
-    try {
-      var isStudent = data.role === Role.Student;
-      return Promise.resolve(handleLogin(function () {
-        return new Promise(function (resolve, reject) {
-          try {
-            var _temp4 = _catch(function () {
-              return Promise.resolve(!isLearningSpace && !domain ? apiLoginSuperAdminWithAccessToken(data) : apiLoginWithAccessToken(data, isLearningSpace, domain)).then(function (loginResponse) {
-                var result = loginResponse.data;
-                resolve(result);
-              });
-            }, function (error) {
-              reject(error);
-            });
-            return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        });
-      }, isStudent, isLogout, superAdminRedirectPath)).then(function () {});
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var handleLogin = function handleLogin(apiLogin, isStudent, isLogout, superAdminRedirectPath) {
-    if (isLogout === void 0) {
-      isLogout = true;
-    }
-    try {
-      var _temp6 = function _temp6(_result) {
-        if (_exit) return _result;
-        dispatch(setLoading(false));
-      };
-      var _exit = false;
-      dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
-        return Promise.resolve(apiLogin()).then(function (loginResponse) {
-          var isFirstLogin = loginResponse.isFirstLogin,
-            token = loginResponse.token,
-            user = loginResponse.user,
-            isSuperAdmin = loginResponse.isSuperAdmin;
-          var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain) || !!(user !== null && user !== void 0 && user.isLearningSpace);
-          var needToRegister = isStudent && isFirstLogin && isAcademy;
-          var redirectUrl = getRedirectUrl();
-          if (isStudent && !registerUrl) throw new Error("an_unexpected_error_has_occurred");
-          if (!redirectUrl) redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
-          if (superAdminRedirectPath) {
-            redirectUrl = superAdminRedirectPath;
-          }
-          if (!redirectAfterLogin) redirectUrl = undefined;
-          redirectLoginUser(_extends({}, user, {
-            isNotEnoughStatements: isFirstLogin,
-            isSuperAdmin: isSuperAdmin
-          }), token, redirectUrl);
-        });
-      }, function (error) {
-        alert(getErrorMessage(t, error));
-        isLogout && handleSignOut();
-      });
-      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var redirectLoginUser = function redirectLoginUser(data, token, redirectUrl) {
-    localStorage.setItem(ACCESS_TOKEN, token);
-    !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
-    !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
-    if (data.roles.includes(Role.Student)) data.isLearningSpace ? localStorage.setItem(LEARNING_SPACE, "true") : localStorage.removeItem(LEARNING_SPACE);
-    dispatch(setUser(_extends({}, data)));
-    if (redirectUrl) {
-      pushTo(history, redirectUrl);
-      localStorage.removeItem(REDIRECT_URL);
-    }
-  };
-  return {
-    handleLoginGoogle: handleLoginGoogle,
-    handleLoginAccessToken: handleLoginAccessToken,
-    redirectLoginUser: redirectLoginUser
-  };
+  history && useLanguage(history);
+  useEffect(function () {
+    document.title = t("study_peak") + " | " + t(TITLE);
+  }, [t]);
+  return React__default.createElement("div", {
+    className: "not-found d-flex justify-content-center"
+  }, React__default.createElement("div", {
+    className: "clearfix pt-5"
+  }, React__default.createElement("h1", {
+    className: "float-left display-3 fw-bold mr-4 text-center"
+  }, "404"), React__default.createElement("div", {
+    className: "float-left"
+  }, React__default.createElement("h4", {
+    className: "pt-3"
+  }, t('oops')), React__default.createElement("p", {
+    className: "text-muted mb-2"
+  }, t('the_page_you_are_looking_for_was_not_found')), React__default.createElement("div", null))));
 };
 
-var ACADEMY_URL = BASE_URL + "/api/academy";
-var SUPER_ADMIN_ACADEMY_URL = SUPER_ADMIN_BASE_URL + "/api/academies";
-var getAcademyList = function getAcademyList(role) {
-  return api.get(SUPER_ADMIN_ACADEMY_URL + "/active", {
-    params: {
-      role: role
-    }
-  });
-};
-var getUserAcademies = function getUserAcademies(role, isLearningSpace) {
-  var _headers;
-  return api.get("" + ACADEMY_URL, {
-    params: {
-      role: role
+var CommonDialog = function CommonDialog(_ref) {
+  var open = _ref.open,
+    children = _ref.children,
+    title = _ref.title,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "xs" : _ref$size,
+    _ref$isShowHeader = _ref.isShowHeader,
+    isShowHeader = _ref$isShowHeader === void 0 ? true : _ref$isShowHeader,
+    titleClassName = _ref.titleClassName,
+    minWidth = _ref.minWidth,
+    onClose = _ref.onClose;
+  return React__default.createElement(Dialog, {
+    open: open,
+    onClose: onClose,
+    maxWidth: size,
+    fullWidth: true,
+    scroll: "body",
+    sx: {
+      zIndex: 1102
     },
-    headers: (_headers = {}, _headers[NoAcademyHeaders] = isLearningSpace, _headers)
-  });
-};
-var getAcademyByDomainApi = function getAcademyByDomainApi(domain, role) {
-  return api.get(SUPER_ADMIN_ACADEMY_URL + "/domain/" + domain, {
-    params: {
-      role: role
+    PaperProps: {
+      sx: {
+        overflowY: "unset",
+        minWidth: minWidth
+      }
     }
-  });
+  }, isShowHeader ? React__default.createElement(Fragment$1, null, React__default.createElement(DialogTitle, {
+    className: "border border-start-0 border-end-0 border-top-0 border-1 " + titleClassName,
+    sx: {
+      fontSize: "16px!important"
+    }
+  }, title), React__default.createElement(IconButton, {
+    "aria-label": "close",
+    onClick: onClose,
+    sx: {
+      position: "absolute",
+      right: 8,
+      top: 8,
+      color: function color(theme) {
+        return theme.palette.grey[500];
+      }
+    }
+  }, React__default.createElement(IoClose, null))) : React__default.createElement(Box, {
+    className: "p-3"
+  }, React__default.createElement(Typography, {
+    className: "fs-5 text-center fw-bold"
+  }, title)), children);
 };
-var getAcademyDetail = function getAcademyDetail() {
-  return api.get(ACADEMY_URL + "/detail");
+
+var confirmDialogTextStyle = {
+  color: "#363634",
+  fontSize: 16,
+  fontWeight: 700
 };
-var switchAcademy = function switchAcademy(academyId, role, isLearningSpace) {
-  if (isLearningSpace === void 0) {
-    isLearningSpace = false;
-  }
-  return api.post(ACADEMY_URL + "/" + academyId + "/switch-academy/" + role, undefined, {
-    params: {
-      isLearningSpace: isLearningSpace
-    }
-  });
+var confirmDialogButtonStyle = {
+  width: "120px",
+  fontSize: 14,
+  fontWeight: 700
 };
-var switchSuperAdminAcademy = function switchSuperAdminAcademy(academyId, role) {
-  return api.post(SUPER_ADMIN_ACADEMY_URL + "/" + academyId + "/switch-academy/" + role);
+var ConfirmDeleteDialogDefaultProps = {
+  titleStyle: confirmDialogTextStyle,
+  contentStyle: {
+    paddingTop: "36px",
+    padding: "36px",
+    width: 363
+  },
+  contentTextStyle: _extends({}, confirmDialogTextStyle, {
+    textAlign: "center"
+  }),
+  actionStyle: {
+    justifyContent: "space-between",
+    padding: "12px"
+  },
+  okButtonStyle: confirmDialogButtonStyle,
+  cancelButtonStyle: _extends({}, confirmDialogButtonStyle, {
+    color: "#3dc674"
+  }),
+  cancelButtonVariant: "text",
+  isDelete: true
 };
 
-var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl, homeUrl, registerUrl, canFetchAcademies) {
-  var _user$roles;
-  if (role === void 0) {
-    role = Role.Student;
-  }
-  if (canFetchAcademies === void 0) {
-    canFetchAcademies = false;
-  }
-  var dispatch = useDispatch();
-  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
-    handleLoginAccessToken = _useLogin.handleLoginAccessToken;
-  var academyList = useSelector(function (state) {
-    var _state$academies;
-    return state === null || state === void 0 ? void 0 : (_state$academies = state.academies) === null || _state$academies === void 0 ? void 0 : _state$academies.items;
-  }) || [];
-  var _useState = useState(false),
-    dropdownOpen = _useState[0],
-    setDropdownOpen = _useState[1];
-  var toggleDropdown = function toggleDropdown() {
-    return setDropdownOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-  var user = 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.user;
-  });
-  var isReFetchUserAcademies = useSelector(function (state) {
-    var _state$common2;
-    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.isReFetchUserAcademies;
-  });
+var ConfirmDialog = function ConfirmDialog(_ref) {
+  var open = _ref.open,
+    text = _ref.text,
+    cancelText = _ref.cancelText,
+    okText = _ref.okText,
+    isDelete = _ref.isDelete,
+    title = _ref.title,
+    confirmText = _ref.confirmText,
+    titleStyle = _ref.titleStyle,
+    titleClassName = _ref.titleClassName,
+    contentStyle = _ref.contentStyle,
+    cancelButtonStyle = _ref.cancelButtonStyle,
+    contentTextStyle = _ref.contentTextStyle,
+    okButtonStyle = _ref.okButtonStyle,
+    actionStyle = _ref.actionStyle,
+    _ref$okButtonVariant = _ref.okButtonVariant,
+    okButtonVariant = _ref$okButtonVariant === void 0 ? "contained" : _ref$okButtonVariant,
+    _ref$cancelButtonVari = _ref.cancelButtonVariant,
+    cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "contained" : _ref$cancelButtonVari,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1102 : _ref$zIndex,
+    toggle = _ref.toggle,
+    onConfirm = _ref.onConfirm;
+  var _useState = useState(),
+    confirmTextValue = _useState[0],
+    setConfirmTextValue = _useState[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var getAcademies = function getAcademies(isLoading) {
-    if (isLoading === void 0) {
-      isLoading = true;
-    }
-    try {
-      var _temp3 = function _temp3() {
-        isLoading && dispatch(setLoading(false));
-      };
-      if (!user) return Promise.resolve();
-      var isSuperAdminUser = user && !user.academyDomain && !(user !== null && user !== void 0 && user.isLearningSpace);
-      var isSuperAdminRole = user.roles.includes(Role.Admin);
-      isLoading && dispatch(setLoading(true));
-      var _temp2 = _catch(function () {
-        return Promise.resolve(isSuperAdminUser ? getAcademyList(role) : getUserAcademies(role, user === null || user === void 0 ? void 0 : user.isLearningSpace)).then(function (res) {
-          var items = res.data.items || [];
-          if (isReFetchUserAcademies) dispatch(setReFetchUserAcademies(false));
-          dispatch(setAcademies(items));
-          var _temp = function () {
-            if (!isSuperAdminRole && isSuperAdminUser && role == Role.Admin && items.length > 0) {
-              return Promise.resolve(handleSwitchAcademy(false, items[0], false)).then(function () {});
-            }
-          }();
-          if (_temp && _temp.then) return _temp.then(function () {});
-        });
-      }, function (error) {
-        toast.error(getErrorMessage(t, error));
-      });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
-    } catch (e) {
-      return Promise.reject(e);
-    }
+  var handleConfirm = function handleConfirm() {
+    onConfirm();
   };
-  var handleSwitchAcademy = function handleSwitchAcademy(isLearningSpace, selectedAcademy, isLoading, superAdminRedirectPath) {
-    if (isLoading === void 0) {
-      isLoading = true;
+  var handleChangeConfirmText = function handleChangeConfirmText(e) {
+    setConfirmTextValue(e.target.value);
+  };
+  var handlePaste = function handlePaste(_) {};
+  useEffect(function () {
+    !open && setConfirmTextValue(undefined);
+  }, [open]);
+  var isValid = !!confirmText && !!confirmTextValue && confirmTextValue.trim() === confirmText.trim();
+  var isDisableDelete = !!confirmText && (confirmTextValue === null || confirmTextValue === void 0 ? void 0 : confirmTextValue.trim()) !== confirmText.trim();
+  return React__default.createElement(Dialog, {
+    open: open,
+    onClose: toggle,
+    sx: {
+      zIndex: zIndex
     }
-    try {
-      var _temp5 = function _temp5() {
-        isLoading && dispatch(setLoading(false));
-        setDropdownOpen(false);
-      };
-      isLoading && dispatch(setLoading(true));
-      var academyId = selectedAcademy ? selectedAcademy.id : 0;
-      var academyDomain = selectedAcademy ? selectedAcademy.domain : undefined;
-      var isSuperAdminUser = user && !user.academyDomain && !(user !== null && user !== void 0 && user.isLearningSpace);
-      var _temp4 = _catch(function () {
-        return Promise.resolve(isSuperAdminUser ? switchSuperAdminAcademy(academyId, role) : switchAcademy(academyId, role, isLearningSpace)).then(function (res) {
-          var data = res.data;
-          var requestBody = {
-            accessToken: data.accessToken,
-            email: user.email,
-            role: role
-          };
-          return Promise.resolve(handleLoginAccessToken(requestBody, isLearningSpace, academyDomain, false, superAdminRedirectPath)).then(function () {});
-        });
-      }, function (error) {
-        toast.error(getErrorMessage(t, error));
-      });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
-    } catch (e) {
-      return Promise.reject(e);
+  }, React__default.createElement(Fragment$1, null, React__default.createElement(DialogTitle, {
+    className: "border border-start-0 border-end-0 border-top-0 border-1 " + titleClassName,
+    sx: _extends({
+      fontSize: 16
+    }, titleStyle)
+  }, title || t('confirmation')), React__default.createElement(IconButton, {
+    "aria-label": "close",
+    onClick: toggle,
+    sx: {
+      position: "absolute",
+      right: 8,
+      top: 8,
+      color: function color(theme) {
+        return theme.palette.grey[500];
+      }
+    }
+  }, React__default.createElement(IoClose, null))), React__default.createElement(DialogContent, {
+    sx: _extends({
+      pt: 0.5
+    }, contentStyle)
+  }, React__default.createElement(Typography, {
+    className: "mb-1",
+    sx: _extends({
+      fontWeight: 700
+    }, contentTextStyle)
+  }, text), !!confirmText && React__default.createElement("div", {
+    className: "w-100"
+  }, React__default.createElement("p", {
+    className: "mb-3"
+  }, t("enter_text_to_confirm_delete", {
+    text: confirmText
+  })), React__default.createElement(TextField, {
+    className: "w-100",
+    sx: {
+      "& input": {
+        py: 1
+      }
+    },
+    value: confirmTextValue,
+    onChange: handleChangeConfirmText,
+    placeholder: t('please_enter'),
+    onPaste: handlePaste,
+    error: !isValid && confirmTextValue !== undefined,
+    color: isValid ? "success" : confirmTextValue !== undefined ? "error" : undefined
+  }))), React__default.createElement(DialogActions, {
+    className: "border border-start-0 border-end-0 border-bottom-0 border-1 " + titleClassName,
+    sx: _extends({
+      paddingTop: 1
+    }, actionStyle)
+  }, React__default.createElement(Button, {
+    variant: cancelButtonVariant,
+    color: cancelButtonVariant !== "contained" ? "primary" : "secondary",
+    className: "px-3 " + (cancelButtonVariant !== "contained" ? "primary" : "bg-secondary"),
+    onClick: toggle,
+    sx: cancelButtonStyle
+  }, cancelText || t("no")), React__default.createElement(Button, {
+    variant: okButtonVariant,
+    color: isDelete ? "error" : "primary",
+    className: "px-3",
+    disabled: isDisableDelete,
+    onClick: handleConfirm,
+    sx: _extends({}, okButtonStyle, isDelete && {
+      backgroundColor: "#db4d4d",
+      color: "#FFFFFF",
+      "&:hover": {
+        backgroundColor: "#C41414"
+      }
+    })
+  }, okText || t('yes'))));
+};
+
+var ConfirmDeleteDialog = function ConfirmDeleteDialog(props) {
+  return React__default.createElement(ConfirmDialog, Object.assign({}, ConfirmDeleteDialogDefaultProps, props));
+};
+
+var _templateObject;
+var BorderedTextField = styled(TextField)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    & .MuiOutlinedInput-root {\n        &.Mui-focused fieldset {\n            border-width: 1px;\n            border-color: ", ";\n        }\n    }\n    & .MuiOutlinedInput-root:hover {\n      fieldset {\n          border-width: 1px;\n          border-color: ", ";\n      }\n    }\n"])), styles.dark, styles.less_dark);
+var InputText = function InputText(props) {
+  return React__default.createElement(BorderedTextField, Object.assign({
+    sx: {
+      "& input": {
+        py: "7.5px",
+        px: "12px"
+      },
+      "& > div": {
+        borderColor: "#97A1AF",
+        borderRadius: "4px"
+      }
     }
+  }, props));
+};
+
+var PassCodeDialog = function PassCodeDialog(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    onSubmit = _ref.onSubmit,
+    academyDomain = _ref.academyDomain;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(""),
+    passCode = _useState[0],
+    setPassCode = _useState[1];
+  var handleClose = function handleClose(event, reason) {
+    onClose(event, reason);
   };
-  var handleLogOutAcademy = function handleLogOutAcademy(callback) {
+  var handleSubmit = function handleSubmit() {
     try {
-      var _temp7 = function _temp7() {
-        dispatch(setLoading(false));
-        callback();
+      var data = {
+        code: passCode,
+        academyDomain: academyDomain
       };
-      dispatch(setLoading(true));
-      var _temp6 = _catch(function () {
-        return Promise.resolve(switchAcademy(0, role)).then(function (res) {
-          var data = res.data;
-          var requestBody = {
-            accessToken: data.accessToken,
-            email: user.email,
-            role: role
-          };
-          return Promise.resolve(handleLoginAccessToken(requestBody, undefined, undefined, false)).then(function () {});
-        });
-      }, function (error) {
-        toast.error(getErrorMessage(t, error));
-      });
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+      return Promise.resolve(onSubmit(data, handleClose)).then(function () {});
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  useEffect(function () {
-    canFetchAcademies && getAcademies();
-  }, [canFetchAcademies, user === null || user === void 0 ? void 0 : user.academyDomain, user === null || user === void 0 ? void 0 : user.email, user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.join(",")]);
-  useEffect(function () {
-    canFetchAcademies && isReFetchUserAcademies && getAcademies(false);
-  }, [canFetchAcademies, isReFetchUserAcademies]);
-  var selectedAcademy = useMemo(function () {
-    return academyList.find(function (i) {
-      var _user$academyDomain;
-      return i.domain.trim().toLowerCase() === (user === null || user === void 0 ? void 0 : (_user$academyDomain = user.academyDomain) === null || _user$academyDomain === void 0 ? void 0 : _user$academyDomain.trim().toLowerCase());
-    });
-  }, [user === null || user === void 0 ? void 0 : user.academyDomain, JSON.stringify(academyList)]);
-  return {
-    selectedAcademy: selectedAcademy,
-    dropdownOpen: dropdownOpen,
-    academyList: academyList,
-    toggleDropdown: toggleDropdown,
-    handleSwitchAcademy: handleSwitchAcademy,
-    handleLogOutAcademy: handleLogOutAcademy
+  var handleChangePassCode = function handleChangePassCode(e) {
+    setPassCode(e.target.value);
   };
+  var theme = useTheme();
+  return React__default.createElement(CommonDialog, {
+    open: open,
+    onClose: handleClose,
+    size: "xs",
+    title: t("join_an_academy")
+  }, React__default.createElement(DialogContent, {
+    sx: {
+      overflowY: "unset"
+    }
+  }, React__default.createElement(Stack, {
+    direction: "column",
+    spacing: 2,
+    zIndex: 1,
+    position: "relative"
+  }, React__default.createElement(FormGroup, null, React__default.createElement(FormLabel, {
+    className: "fw-medium mb-1"
+  }, t("pass_code"), React__default.createElement("span", {
+    className: "text-danger"
+  }, "*")), React__default.createElement(InputText, {
+    id: "pass-code",
+    placeholder: t("enter_pass_code"),
+    value: passCode,
+    onChange: handleChangePassCode
+  })))), React__default.createElement(DialogActions, {
+    className: ""
+  }, React__default.createElement(Button, {
+    variant: "contained",
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    },
+    onClick: handleClose
+  }, t("cancel")), React__default.createElement(Button, {
+    variant: "contained",
+    onClick: handleSubmit,
+    disabled: !passCode.trim().length
+  }, t("confirmation"))));
 };
 
-var useVirtualizeList = function useVirtualizeList(totalItems, rowHeight, offsetRow, minRows) {
-  if (offsetRow === void 0) {
-    offsetRow = 1;
-  }
-  var _useState = useState(-1),
-    startIndex = _useState[0],
-    setStartIndex = _useState[1];
-  var _useState2 = useState(-1),
-    endIndex = _useState2[0],
-    setEndIndex = _useState2[1];
-  var containerRef = useRef(null);
-  var handleScroll = useCallback(function () {
-    if (containerRef.current) {
-      var _containerRef$current = containerRef.current,
-        scrollTop = _containerRef$current.scrollTop,
-        clientHeight = _containerRef$current.clientHeight;
-      var itemsPerPage = Math.ceil(clientHeight / rowHeight);
-      var newStartIndex = Math.max(Math.floor(scrollTop / rowHeight) - offsetRow, 0);
-      var newEndIndex = Math.min(newStartIndex + itemsPerPage + offsetRow, totalItems - 1);
-      if (minRows) {
-        if (totalItems <= minRows) {
-          newStartIndex = -1;
-          newEndIndex = -1;
-        } else {
-          var total = newEndIndex - newStartIndex;
-          var diff = minRows - total;
-          if (diff > 0) {
-            var valS = diff / 2;
-            var valE = diff - valS;
-            if (newStartIndex < valS) {
-              valE += valS - newStartIndex;
-              newStartIndex = 0;
-            }
-            if (newEndIndex + valE > totalItems - 1) {
-              valS += newEndIndex + valE - totalItems + 1;
-            }
-            newStartIndex = Math.max(newStartIndex - valS, 0);
-            newEndIndex = Math.min(newEndIndex + valE, totalItems - 1);
-          }
-        }
-      }
-      setStartIndex(newStartIndex);
-      setEndIndex(newEndIndex);
-    }
-  }, [totalItems, rowHeight, offsetRow]);
-  useEffect(function () {
-    var container = containerRef.current;
-    if (container) {
-      container.addEventListener("scroll", handleScroll);
-    }
-    return function () {
-      if (container) {
-        container.removeEventListener("scroll", handleScroll);
-      }
-    };
-  }, [handleScroll]);
-  var handleChangeStartIndex = function handleChangeStartIndex(index) {
-    setStartIndex(index);
-  };
-  var handleChangeEndIndex = function handleChangeEndIndex(index) {
-    setEndIndex(index);
-  };
-  return {
-    startIndex: startIndex,
-    endIndex: endIndex,
-    containerRef: containerRef,
-    handleChangeStartIndex: handleChangeStartIndex,
-    handleChangeEndIndex: handleChangeEndIndex
+var loadingStyle = {
+  minWidth: "100vw",
+  minHeight: "100vh",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  zIndex: 999999999,
+  backgroundColor: "rgba(0, 0, 0, 0.4)",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+};
+var Loading = function Loading() {
+  var isLoading = useSelector(function (state) {
+    return state.common.isLoading;
+  });
+  return isLoading ? React__default.createElement("div", {
+    style: loadingStyle
+  }, React__default.createElement("div", {
+    className: "spinner-border text-secondary",
+    role: "status"
+  }, React__default.createElement("span", {
+    className: "sr-only"
+  }))) : null;
+};
+
+var loadingStyle$1 = {
+  minWidth: "100vw",
+  minHeight: "100vh",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  zIndex: 999999999,
+  backgroundColor: "rgba(0, 0, 0, 0.4)",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+};
+var LoadingComponent = function LoadingComponent(_ref) {
+  var isLoading = _ref.isLoading,
+    children = _ref.children,
+    _ref$spinClassName = _ref.spinClassName,
+    spinClassName = _ref$spinClassName === void 0 ? "text-secondary" : _ref$spinClassName,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return isLoading ? React__default.createElement("div", {
+    style: loadingStyle$1
+  }, React__default.createElement(Stack, {
+    direction: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    className: className
+  }, React__default.createElement("div", {
+    className: "spinner-border " + spinClassName,
+    role: "status"
+  }, React__default.createElement("span", {
+    className: "sr-only"
+  })), React__default.createElement("div", null, children))) : null;
+};
+
+var CustomPagination = function CustomPagination(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPage = _ref.totalPage,
+    onChangePage = _ref.onChangePage;
+  var handleChangePage = function handleChangePage(_, page) {
+    onChangePage(page);
   };
+  return React__default.createElement(Pagination, {
+    className: "w-fit",
+    count: totalPage,
+    page: currentPage,
+    onChange: handleChangePage
+  });
 };
 
-var RecentUserActionSortBy;
-(function (RecentUserActionSortBy) {
-  RecentUserActionSortBy["CreatedAt"] = "CreatedAt";
-})(RecentUserActionSortBy || (RecentUserActionSortBy = {}));
-var OrderBy;
-(function (OrderBy) {
-  OrderBy["ASC"] = "ASC";
-  OrderBy["DESC"] = "DESC";
-})(OrderBy || (OrderBy = {}));
+var DropdownIndicator = function DropdownIndicator(props) {
+  return React__default.createElement(components.DropdownIndicator, Object.assign({}, props), React__default.createElement(FaCaretDown, {
+    size: 20,
+    color: styles.darker
+  }));
+};
+var CustomOption = function CustomOption(props) {
+  return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement("div", {
+    style: {
+      fontSize: "14px",
+      fontWeight: 500
+    }
+  }, props.data.label));
+};
 
-var api = axios.create({
-  baseURL: BASE_URL,
-  timeout: 0,
-  headers: {
-    "Content-Type": "application/json"
+var customStyles = {
+  control: function control(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styles.darker,
+      borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
+      },
+      "&:hover": {
+        borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
+      }
+    });
   },
-  paramsSerializer: function paramsSerializer(params) {
-    return encodeParams(params);
+  input: function input(baseStyles, _) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styles.darker
+    });
+  },
+  singleValue: function singleValue(baseStyles) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styles.darker
+    });
+  },
+  option: function option(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.light : 'white',
+      "&:active": {
+        backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.less_dark : baseStyles.backgroundColor
+      }
+    });
   }
-});
-var apiUpload = axios.create({
-  baseURL: BASE_URL,
-  timeout: 60000,
-  headers: {
-    "Content-Type": "multipart/form-data"
-  }
-});
-[api, apiUpload].forEach(function (i) {
-  return i.interceptors.request.use(function (config) {
-    var token = getAccessToken();
-    var searchParams = new URLSearchParams(window.location.search);
-    var paramLang = searchParams.get('lang');
-    var academyDomainStorage = getAcademyDomain();
-    var isLearningSpace = getLearningSpace();
-    var langStorage = getLanguage();
-    var academyDomain = academyDomainStorage;
-    var language = paramLang || langStorage;
-    if (token) {
-      config.headers.Authorization = "Bearer " + token;
-      localStorage.setItem("LAST_TIME_REQUEST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
-    }
-    if (academyDomain && !isLearningSpace && config.headers[AcademyHeaders] == undefined) config.headers[AcademyHeaders] = "" + academyDomain;
-    if (isLearningSpace && config.headers[NoAcademyHeaders] == undefined) config.headers[NoAcademyHeaders] = "" + isLearningSpace;
-    if (language) config.headers[LanguageHeaders] = "" + language;
-    return config;
-  }, function (error) {
-    return Promise.reject(error);
-  });
-});
-[api, apiUpload].forEach(function (i) {
-  return i.interceptors.response.use(function (response) {
-    return response;
-  }, function (error) {
-    var _error$response, _error$response2, _error$response3;
-    console.log({
-      error: error
-    });
-    if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 401) {
-      var _window$location = window.location,
-        pathname = _window$location.pathname,
-        search = _window$location.search;
-      var preRedirectUrl = localStorage.getItem(PRE_REDIRECT_URL);
-      var newRedirectUrl = "" + pathname + search;
-      if (!pathname.startsWith("/login")) {
-        if (preRedirectUrl !== newRedirectUrl) {
-          localStorage.setItem(REDIRECT_URL, newRedirectUrl);
-          localStorage.setItem(PRE_REDIRECT_URL, newRedirectUrl);
-        }
-      }
-    }
-    if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 401 || ((_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.status) == 403) {
-      localStorage.removeItem(ACCESS_TOKEN);
-      window.location.href = "/login";
-    }
-    return Promise.reject(error);
-  });
-});
+};
 
-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 _excluded = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
+  var isDefault = _ref.isDefault,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: !isDefault ? initialValues : undefined,
+    defaultValue: isDefault ? initialValues : undefined,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: t("select_placeholder")
+  }, rest));
+};
 
-var TabList = [{
-  label: "comprehensive_analysis",
-  value: 0
-}, {
-  label: "solution_order",
-  value: 1
-}, {
-  label: "compare_solution",
-  value: 2
-}, {
-  label: "problem_analysis",
-  value: 3
-}];
+var _excluded$1 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomCreatable = function CustomCreatable(_ref) {
+  var options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(CreatableSelect, Object.assign({
+    isClearable: true,
+    isDisabled: isDisabled,
+    options: options,
+    value: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: t("select_placeholder")
+  }, rest));
+};
 
-var TOTAL = 3;
-var PrintExamView2 = function PrintExamView2(_ref) {
-  var history = _ref.history,
-    role = _ref.role,
-    dataExamSession = _ref.dataExamSession;
+var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomSelect = function CustomSelect(_ref) {
+  var isDefault = _ref.isDefault,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   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);
-  };
-  console.log({
-    status: status
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options === null || options === void 0 ? void 0 : options.filter(function (i) {
+    return i.value == value;
+  }) : options === null || options === void 0 ? void 0 : options.find(function (i) {
+    return i.value == value;
   });
-  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" : "/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" : "/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) {
-    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, {
-      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) {
-    var label = _ref3.label,
-      value = _ref3.value;
-    return React__default.createElement(FormControlLabel, {
-      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"))));
+  return React__default.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: !isDefault ? initialValues != null ? initialValues : null : undefined,
+    defaultValue: isDefault ? initialValues : undefined,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: t("select_placeholder")
+  }, rest));
 };
 
-var ReleaseAlert = function ReleaseAlert() {
+var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "valueById", "isTextbook"];
+var CustomSelectOption = function CustomSelectOption(_ref) {
+  var defaultValue = _ref.defaultValue,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    valueById = _ref.valueById,
+    isTextbook = _ref.isTextbook,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var releaseDate = RELEASE_DATE;
-  var isInValidDate = !releaseDate || releaseDate === DATE_MIN_VALUE || releaseDate === DATE_TIME_MIN_VALUE;
-  var isLoginPage = window.location.pathname === LOGIN_URL;
-  if (isInValidDate || !moment.utc(releaseDate).isValid()) return null;else {
-    var version = moment(releaseDate).format("HH.mm.YYYY.MM.DD");
-    return React__default.createElement(Box, {
-      sx: {
-        position: "fixed",
-        right: 10,
-        bottom: isLoginPage ? undefined : 5,
-        top: isLoginPage ? 10 : undefined,
-        userSelect: "none",
-        zIndex: 1
-      }
-    }, React__default.createElement(Typography, {
-      color: "success",
-      sx: {
-        fontSize: 10,
-        color: "#3DC674",
-        opacity: 0.8
-      }
-    }, t("version"), ": ", React__default.createElement("span", null, version)));
-  }
+  var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
+    return option.value === defaultValue;
+  })) || null : null;
+  var optionValue = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
+    return option.value == valueById;
+  })) || {
+    label: valueById,
+    value: valueById
+  } : null;
+  return isTextbook ? React__default.createElement(CreatableSelect, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: optionValue || value,
+    defaultValue: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: t("select_placeholder")
+  }, rest)) : React__default.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: optionValue || value,
+    defaultValue: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: t("select_placeholder")
+  }, rest));
 };
 
-var ActionButtons = function ActionButtons(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    backText = _ref.backText,
-    saveText = _ref.saveText,
-    altSaveText = _ref.altSaveText,
-    saveDisabled = _ref.saveDisabled,
-    saveIcon = _ref.saveIcon,
-    _ref$hideSave = _ref.hideSave,
-    hideSave = _ref$hideSave === void 0 ? false : _ref$hideSave,
-    onBack = _ref.onBack,
-    onSave = _ref.onSave,
-    onAltSave = _ref.onAltSave,
-    isReadonly = _ref.isReadonly;
-  return React__default.createElement(Stack, {
-    direction: "row",
-    spacing: 1,
-    className: "" + className
-  }, React__default.createElement(Button, {
-    variant: "contained",
-    className: "bg-secondary",
-    startIcon: React__default.createElement(IoMdArrowBack, {
-      size: 16
-    }),
-    onClick: onBack
-  }, backText), !hideSave && React__default.createElement(Button, {
-    variant: "contained",
-    color: "success",
-    startIcon: saveIcon != null ? saveIcon : React__default.createElement(FaSave, {
-      size: 16
-    }),
-    onClick: onSave,
-    disabled: saveDisabled || isReadonly
-  }, saveText), !!altSaveText && onAltSave && React__default.createElement(Button, {
-    variant: "contained",
-    color: "primary",
-    startIcon: React__default.createElement(FaSave, {
-      size: 16
-    }),
-    onClick: onAltSave,
-    disabled: saveDisabled
-  }, altSaveText));
-};
+var SCORE_OPTIONS = Array.from({
+  length: 10
+}, function (_, i) {
+  return i + 1;
+});
+var QUESTION_OPTIONS = Array.from({
+  length: 10
+}, function (_, i) {
+  return i + 1;
+});
+var ANSWER_OPTIONS = Array.from({
+  length: 9
+}, function (_, i) {
+  return i + 2;
+});
+var DEFAULT_SCORE = 2;
 
-var TITLE = "not_found";
-var NotFound = function NotFound(_ref) {
-  var history = _ref.history;
+var AnswerCountSelector = function AnswerCountSelector(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    isDisabled = _ref.isDisabled;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  history && useLanguage(history);
-  useEffect(function () {
-    document.title = t("study_peak") + " | " + t(TITLE);
-  }, [t]);
-  return React__default.createElement("div", {
-    className: "not-found d-flex justify-content-center"
-  }, React__default.createElement("div", {
-    className: "clearfix pt-5"
-  }, React__default.createElement("h1", {
-    className: "float-left display-3 fw-bold mr-4 text-center"
-  }, "404"), React__default.createElement("div", {
-    className: "float-left"
-  }, React__default.createElement("h4", {
-    className: "pt-3"
-  }, t('oops')), React__default.createElement("p", {
-    className: "text-muted mb-2"
-  }, t('the_page_you_are_looking_for_was_not_found')), React__default.createElement("div", null))));
+  var answerOptions = ANSWER_OPTIONS.map(function (i) {
+    return {
+      label: t("number_question", {
+        number: i
+      }),
+      value: i
+    };
+  });
+  return React__default.createElement(CustomSelect, {
+    inputId: id,
+    value: value,
+    options: answerOptions,
+    onChange: onChange,
+    isDisabled: isDisabled
+  });
 };
 
-var CommonDialog = function CommonDialog(_ref) {
-  var open = _ref.open,
-    children = _ref.children,
-    title = _ref.title,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "xs" : _ref$size,
-    _ref$isShowHeader = _ref.isShowHeader,
-    isShowHeader = _ref$isShowHeader === void 0 ? true : _ref$isShowHeader,
-    titleClassName = _ref.titleClassName,
-    minWidth = _ref.minWidth,
-    onClose = _ref.onClose;
-  return React__default.createElement(Dialog, {
-    open: open,
-    onClose: onClose,
-    maxWidth: size,
-    fullWidth: true,
-    scroll: "body",
-    sx: {
-      zIndex: 1102
-    },
-    PaperProps: {
-      sx: {
-        overflowY: "unset",
-        minWidth: minWidth
-      }
-    }
-  }, isShowHeader ? React__default.createElement(Fragment$1, null, React__default.createElement(DialogTitle, {
-    className: "border border-start-0 border-end-0 border-top-0 border-1 " + titleClassName,
-    sx: {
-      fontSize: "16px!important"
-    }
-  }, title), React__default.createElement(IconButton, {
-    "aria-label": "close",
-    onClick: onClose,
-    sx: {
-      position: "absolute",
-      right: 8,
-      top: 8,
-      color: function color(theme) {
-        return theme.palette.grey[500];
-      }
-    }
-  }, React__default.createElement(IoClose, null))) : React__default.createElement(Box, {
-    className: "p-3"
-  }, React__default.createElement(Typography, {
-    className: "fs-5 text-center fw-bold"
-  }, title)), children);
+var _excluded$4 = ["id", "value", "onChange", "isDisabled", "options", "isMulti", "placeholder"];
+var ArticleCategorySelector = function ArticleCategorySelector(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    isDisabled = _ref.isDisabled,
+    options = _ref.options,
+    isMulti = _ref.isMulti,
+    placeholder = _ref.placeholder,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  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")
+  }, rest));
 };
 
-var confirmDialogTextStyle = {
-  color: "#363634",
-  fontSize: 16,
-  fontWeight: 700
-};
-var confirmDialogButtonStyle = {
-  width: "120px",
-  fontSize: 14,
-  fontWeight: 700
-};
-var ConfirmDeleteDialogDefaultProps = {
-  titleStyle: confirmDialogTextStyle,
-  contentStyle: {
-    paddingTop: "36px",
-    padding: "36px",
-    width: 363
-  },
-  contentTextStyle: _extends({}, confirmDialogTextStyle, {
-    textAlign: "center"
-  }),
-  actionStyle: {
-    justifyContent: "space-between",
-    padding: "12px"
-  },
-  okButtonStyle: confirmDialogButtonStyle,
-  cancelButtonStyle: _extends({}, confirmDialogButtonStyle, {
-    color: "#3dc674"
-  }),
-  cancelButtonVariant: "text",
-  isDelete: true
-};
+// A type of promise-like that resolves synchronously and supports only one observer
 
-var ConfirmDialog = function ConfirmDialog(_ref) {
-  var open = _ref.open,
-    text = _ref.text,
-    cancelText = _ref.cancelText,
-    okText = _ref.okText,
-    isDelete = _ref.isDelete,
-    title = _ref.title,
-    confirmText = _ref.confirmText,
-    titleStyle = _ref.titleStyle,
-    titleClassName = _ref.titleClassName,
-    contentStyle = _ref.contentStyle,
-    cancelButtonStyle = _ref.cancelButtonStyle,
-    contentTextStyle = _ref.contentTextStyle,
-    okButtonStyle = _ref.okButtonStyle,
-    actionStyle = _ref.actionStyle,
-    _ref$okButtonVariant = _ref.okButtonVariant,
-    okButtonVariant = _ref$okButtonVariant === void 0 ? "contained" : _ref$okButtonVariant,
-    _ref$cancelButtonVari = _ref.cancelButtonVariant,
-    cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "contained" : _ref$cancelButtonVari,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 1102 : _ref$zIndex,
-    toggle = _ref.toggle,
-    onConfirm = _ref.onConfirm;
-  var _useState = useState(),
-    confirmTextValue = _useState[0],
-    setConfirmTextValue = _useState[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleConfirm = function handleConfirm() {
-    onConfirm();
-  };
-  var handleChangeConfirmText = function handleChangeConfirmText(e) {
-    setConfirmTextValue(e.target.value);
-  };
-  var handlePaste = function handlePaste(_) {};
-  useEffect(function () {
-    !open && setConfirmTextValue(undefined);
-  }, [open]);
-  var isValid = !!confirmText && !!confirmTextValue && confirmTextValue.trim() === confirmText.trim();
-  var isDisableDelete = !!confirmText && (confirmTextValue === null || confirmTextValue === void 0 ? void 0 : confirmTextValue.trim()) !== confirmText.trim();
-  return React__default.createElement(Dialog, {
-    open: open,
-    onClose: toggle,
-    sx: {
-      zIndex: zIndex
-    }
-  }, React__default.createElement(Fragment$1, null, React__default.createElement(DialogTitle, {
-    className: "border border-start-0 border-end-0 border-top-0 border-1 " + titleClassName,
-    sx: _extends({
-      fontSize: 16
-    }, titleStyle)
-  }, title || t('confirmation')), React__default.createElement(IconButton, {
-    "aria-label": "close",
-    onClick: toggle,
-    sx: {
-      position: "absolute",
-      right: 8,
-      top: 8,
-      color: function color(theme) {
-        return theme.palette.grey[500];
-      }
-    }
-  }, React__default.createElement(IoClose, null))), React__default.createElement(DialogContent, {
-    sx: _extends({
-      pt: 0.5
-    }, contentStyle)
-  }, React__default.createElement(Typography, {
-    className: "mb-1",
-    sx: _extends({
-      fontWeight: 700
-    }, contentTextStyle)
-  }, text), !!confirmText && React__default.createElement("div", {
-    className: "w-100"
-  }, React__default.createElement("p", {
-    className: "mb-3"
-  }, t("enter_text_to_confirm_delete", {
-    text: confirmText
-  })), React__default.createElement(TextField, {
-    className: "w-100",
-    sx: {
-      "& input": {
-        py: 1
-      }
-    },
-    value: confirmTextValue,
-    onChange: handleChangeConfirmText,
-    placeholder: t('please_enter'),
-    onPaste: handlePaste,
-    error: !isValid && confirmTextValue !== undefined,
-    color: isValid ? "success" : confirmTextValue !== undefined ? "error" : undefined
-  }))), React__default.createElement(DialogActions, {
-    className: "border border-start-0 border-end-0 border-bottom-0 border-1 " + titleClassName,
-    sx: _extends({
-      paddingTop: 1
-    }, actionStyle)
-  }, React__default.createElement(Button, {
-    variant: cancelButtonVariant,
-    color: cancelButtonVariant !== "contained" ? "primary" : "secondary",
-    className: "px-3 " + (cancelButtonVariant !== "contained" ? "primary" : "bg-secondary"),
-    onClick: toggle,
-    sx: cancelButtonStyle
-  }, cancelText || t("no")), React__default.createElement(Button, {
-    variant: okButtonVariant,
-    color: isDelete ? "error" : "primary",
-    className: "px-3",
-    disabled: isDisableDelete,
-    onClick: handleConfirm,
-    sx: _extends({}, okButtonStyle, isDelete && {
-      backgroundColor: "#db4d4d",
-      color: "#FFFFFF",
-      "&:hover": {
-        backgroundColor: "#C41414"
-      }
-    })
-  }, okText || t('yes'))));
-};
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
 
-var ConfirmDeleteDialog = function ConfirmDeleteDialog(props) {
-  return React__default.createElement(ConfirmDialog, Object.assign({}, ConfirmDeleteDialogDefaultProps, props));
-};
+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;
+}
 
-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","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"};
+// 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 _templateObject;
-var BorderedTextField = styled(TextField)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    & .MuiOutlinedInput-root {\n        &.Mui-focused fieldset {\n            border-width: 1px;\n            border-color: ", ";\n        }\n    }\n    & .MuiOutlinedInput-root:hover {\n      fieldset {\n          border-width: 1px;\n          border-color: ", ";\n      }\n    }\n"])), styles.dark, styles.less_dark);
-var InputText = function InputText(props) {
-  return React__default.createElement(BorderedTextField, Object.assign({
-    sx: {
-      "& input": {
-        py: "7.5px",
-        px: "12px"
-      },
-      "& > div": {
-        borderColor: "#97A1AF",
-        borderRadius: "4px"
+// 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 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 useAutoAcademyDomain = function useAutoAcademyDomain(_, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
+  if (isAuthPage === void 0) {
+    isAuthPage = true;
+  }
+  var user = 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.user;
+  });
+  var _ref = user || {},
+    email = _ref.email,
+    academyDomain = _ref.academyDomain,
+    isLearningSpace = _ref.isLearningSpace;
+  var pathname = window.location.pathname;
+  var changeAcademySearchParams = function changeAcademySearchParams() {
+    var isLoginPage = LOGIN_URL === pathname;
+    var search = window.location.search;
+    var searchParams = new URLSearchParams(search);
+    var paramAcademyDomain = searchParams.get("domain");
+    var domain = getAcademyDomain();
+    if (!!email !== isAuthPage) return;
+    var isSuperUrl = checkSuperUrl(superUrls, pathname);
+    if (!academyDomain && !isLearningSpace) {
+      if (!isSuperUrl) {
+        if (isLoginPage) searchParams["delete"]("domain");else if (!paramAcademyDomain && domain) searchParams.set("domain", domain);
+        pushTo(history, {
+          pathname: homeUrl,
+          search: searchParams.toString()
+        });
+        return;
+      }
+      if (paramAcademyDomain) {
+        searchParams["delete"]("domain");
+        pushTo(history, _extends({}, window.location, {
+          search: searchParams.toString()
+        }), true);
+        return;
+      }
+    } else {
+      if (isSuperUrl) {
+        searchParams["delete"]("domain");
+        pushTo(history, {
+          pathname: homeAcademyUrl,
+          search: searchParams.toString()
+        });
+        return;
+      }
+      if (!paramAcademyDomain || academyDomain.trim().toLocaleLowerCase() !== (paramAcademyDomain === null || paramAcademyDomain === void 0 ? void 0 : paramAcademyDomain.trim().toLocaleLowerCase())) {
+        if (isLoginPage || isLearningSpace) searchParams["delete"]("domain");else searchParams.set("domain", academyDomain);
+        pushTo(history, _extends({}, window.location, {
+          search: searchParams.toString()
+        }), true);
+        return;
       }
     }
-  }, props));
+  };
+  useEffect(function () {
+    changeAcademySearchParams();
+  }, [pathname, window.location.search, isAuthPage, email, academyDomain]);
 };
 
-var PassCodeDialog = function PassCodeDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    onSubmit = _ref.onSubmit,
-    academyDomain = _ref.academyDomain;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(""),
-    passCode = _useState[0],
-    setPassCode = _useState[1];
-  var handleClose = function handleClose(event, reason) {
-    onClose(event, reason);
-  };
-  var handleSubmit = function handleSubmit() {
+var EXAM_SESSION_URL = BASE_URL + "/api/examSession";
+var getCheckStatusExam = function getCheckStatusExam(examCode) {
+  return api.get(EXAM_SESSION_URL + "/" + examCode + "/status");
+};
+
+var ONE_SECOND_IN_MILLISECONDS = 1000;
+var useCountDownTimer = function useCountDownTimer(props) {
+  var startTime = props.startTime,
+    status = props.status,
+    code = props.code,
+    duration = props.duration,
+    onFinish = props.onFinish;
+  var dispatch = useDispatch();
+  var _useState = useState(),
+    remainTime = _useState[0],
+    setRemainTime = _useState[1];
+  var checkStatusRef = useRef(null);
+  var requestRef = useRef(null);
+  var checkLiveExamStatus = useCallback(function () {
     try {
-      var data = {
-        code: passCode,
-        academyDomain: academyDomain
-      };
-      return Promise.resolve(onSubmit(data, handleClose)).then(function () {});
+      !!checkStatusRef.current && clearTimeout(checkStatusRef.current);
+      if (!code || status === ExamStatus.Completed) {
+        return Promise.resolve();
+      }
+      var isOk = false;
+      var _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          dispatch(setLoading(true));
+          return Promise.resolve(getCheckStatusExam(code)).then(function (res) {
+            if (res.data.data.status === ExamStatus.Completed) {
+              isOk = true;
+              clearTimeout(checkStatusRef.current);
+              dispatch(setLoading(false));
+              onFinish();
+            } else {
+              checkStatusRef.current = setTimeout(checkLiveExamStatus, ONE_SECOND_IN_MILLISECONDS);
+            }
+          });
+        }, function (error) {
+          console.log({
+            error: error
+          });
+        });
+      }, function (_wasThrown, _result) {
+        if (!isOk) checkStatusRef.current = setTimeout(checkLiveExamStatus, ONE_SECOND_IN_MILLISECONDS);
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
+  }, [code, status, onFinish]);
+  useEffect(function () {
+    if (status !== ExamStatus.InProgress) return;
+    var animate = function animate() {
+      if (!startTime || !duration) return;
+      if (typeof remainTime === "number" && remainTime <= 0) {
+        return;
+      }
+      var remain = getRemainTime(startTime, duration);
+      if (typeof remain !== "number") {
+        setRemainTime(undefined);
+        return;
+      }
+      setRemainTime(remain || 0);
+      requestRef.current = requestAnimationFrame(animate);
+    };
+    requestRef.current = requestAnimationFrame(animate);
+    return function () {
+      !!requestRef.current && cancelAnimationFrame(requestRef.current);
+      setRemainTime(undefined);
+    };
+  }, [startTime, duration]);
+  useEffect(function () {
+    if (typeof remainTime === "number" && remainTime <= 0) checkLiveExamStatus();
+  }, [remainTime, checkLiveExamStatus]);
+  return remainTime;
+};
+
+var useGoogleSignOut = function useGoogleSignOut(props) {
+  var dispatch = useDispatch();
+  var onLogoutSuccess = props.onLogoutSuccess,
+    onFailure = props.onFailure;
+  var handleLogoutSuccess = function handleLogoutSuccess() {
+    onLogoutSuccess === null || onLogoutSuccess === void 0 ? void 0 : onLogoutSuccess();
   };
-  var handleChangePassCode = function handleChangePassCode(e) {
-    setPassCode(e.target.value);
+  var handleLogoutFailure = function handleLogoutFailure() {
+    onFailure === null || onFailure === void 0 ? void 0 : onFailure();
   };
-  var theme = useTheme();
-  return React__default.createElement(CommonDialog, {
-    open: open,
-    onClose: handleClose,
-    size: "xs",
-    title: t("join_an_academy")
-  }, React__default.createElement(DialogContent, {
-    sx: {
-      overflowY: "unset"
+  var _useGoogleLogout = useGoogleLogout({
+      clientId: GOOGLE_CLIENT_ID,
+      onLogoutSuccess: handleLogoutSuccess,
+      onFailure: handleLogoutFailure
+    }),
+    signOut = _useGoogleLogout.signOut,
+    loaded = _useGoogleLogout.loaded;
+  var handleSignOut = function handleSignOut(isRemoveDomainStorage) {
+    if (isRemoveDomainStorage === void 0) {
+      isRemoveDomainStorage = false;
     }
-  }, React__default.createElement(Stack, {
-    direction: "column",
-    spacing: 2,
-    zIndex: 1,
-    position: "relative"
-  }, React__default.createElement(FormGroup, null, React__default.createElement(FormLabel, {
-    className: "fw-medium mb-1"
-  }, t("pass_code"), React__default.createElement("span", {
-    className: "text-danger"
-  }, "*")), React__default.createElement(InputText, {
-    id: "pass-code",
-    placeholder: t("enter_pass_code"),
-    value: passCode,
-    onChange: handleChangePassCode
-  })))), React__default.createElement(DialogActions, {
-    className: ""
-  }, React__default.createElement(Button, {
-    variant: "contained",
-    sx: {
-      bgcolor: theme.palette.grey[700]
-    },
-    onClick: handleClose
-  }, t("cancel")), React__default.createElement(Button, {
-    variant: "contained",
-    onClick: handleSubmit,
-    disabled: !passCode.trim().length
-  }, t("confirmation"))));
-};
-
-var loadingStyle = {
-  minWidth: "100vw",
-  minHeight: "100vh",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  zIndex: 999999999,
-  backgroundColor: "rgba(0, 0, 0, 0.4)",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-};
-var Loading = function Loading() {
-  var isLoading = useSelector(function (state) {
-    return state.common.isLoading;
-  });
-  return isLoading ? React__default.createElement("div", {
-    style: loadingStyle
-  }, React__default.createElement("div", {
-    className: "spinner-border text-secondary",
-    role: "status"
-  }, React__default.createElement("span", {
-    className: "sr-only"
-  }))) : null;
-};
-
-var loadingStyle$1 = {
-  minWidth: "100vw",
-  minHeight: "100vh",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  zIndex: 999999999,
-  backgroundColor: "rgba(0, 0, 0, 0.4)",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-};
-var LoadingComponent = function LoadingComponent(_ref) {
-  var isLoading = _ref.isLoading,
-    children = _ref.children,
-    _ref$spinClassName = _ref.spinClassName,
-    spinClassName = _ref$spinClassName === void 0 ? "text-secondary" : _ref$spinClassName,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return isLoading ? React__default.createElement("div", {
-    style: loadingStyle$1
-  }, React__default.createElement(Stack, {
-    direction: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    className: className
-  }, React__default.createElement("div", {
-    className: "spinner-border " + spinClassName,
-    role: "status"
-  }, React__default.createElement("span", {
-    className: "sr-only"
-  })), React__default.createElement("div", null, children))) : null;
-};
-
-var CustomPagination = function CustomPagination(_ref) {
-  var currentPage = _ref.currentPage,
-    totalPage = _ref.totalPage,
-    onChangePage = _ref.onChangePage;
-  var handleChangePage = function handleChangePage(_, page) {
-    onChangePage(page);
+    localStorage.removeItem("USER_INFORMATION");
+    localStorage.removeItem(ACCESS_TOKEN);
+    if (isRemoveDomainStorage) {
+      localStorage.removeItem(ACADEMY_DOMAIN);
+      localStorage.removeItem(LEARNING_SPACE);
+    }
+    try {
+      var _window$gapi, _window$gapi$auth, _auth2$signOut;
+      signOut();
+      var auth2 = (_window$gapi = window.gapi) === null || _window$gapi === void 0 ? void 0 : (_window$gapi$auth = _window$gapi.auth2) === null || _window$gapi$auth === void 0 ? void 0 : _window$gapi$auth.getAuthInstance();
+      auth2 === null || auth2 === void 0 ? void 0 : (_auth2$signOut = auth2.signOut) === null || _auth2$signOut === void 0 ? void 0 : _auth2$signOut.call(auth2);
+    } catch (error) {
+      console.log({
+        error: error
+      });
+    }
+    dispatch(reset());
+    window.location.href = "/login";
+  };
+  return {
+    handleSignOut: handleSignOut,
+    loaded: loaded
   };
-  return React__default.createElement(Pagination, {
-    className: "w-fit",
-    count: totalPage,
-    page: currentPage,
-    onChange: handleChangePage
-  });
 };
 
-var DropdownIndicator = function DropdownIndicator(props) {
-  return React__default.createElement(components.DropdownIndicator, Object.assign({}, props), React__default.createElement(FaCaretDown, {
-    size: 20,
-    color: styles.darker
-  }));
-};
-var CustomOption = function CustomOption(props) {
-  return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement("div", {
-    style: {
-      fontSize: "14px",
-      fontWeight: 500
+var useList = function useList(fetchData, defaultQuery) {
+  var dispatch = useDispatch();
+  var _useState = useState(defaultQuery),
+    filter = _useState[0],
+    setFilter = _useState[1];
+  var _useState2 = useState(DEFAULT_PAGING_RESPONSE),
+    paging = _useState2[0],
+    setPaging = _useState2[1];
+  var _useState3 = useState([]),
+    data = _useState3[0],
+    setData = _useState3[1];
+  var _useState4 = useState(),
+    selectedItem = _useState4[0],
+    setSelectedItem = _useState4[1];
+  var textSearchRef = useRef(null);
+  var isFirstLoadRef = useRef(true);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleChangeSelectedItem = function handleChangeSelectedItem(item) {
+    setSelectedItem(item);
+  };
+  var getData = function getData(isLoading) {
+    if (isLoading === void 0) {
+      isLoading = false;
     }
-  }, props.data.label));
-};
-
-var customStyles = {
-  control: function control(baseStyles, state) {
-    return _extends({}, baseStyles, {
-      fontSize: "14px",
-      fontWeight: 700,
-      color: styles.darker,
-      borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark,
-      boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
-      "&:active": {
-        borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
-      },
-      "&:hover": {
-        borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
-      }
-    });
-  },
-  input: function input(baseStyles, _) {
-    return _extends({}, baseStyles, {
-      fontSize: "14px",
-      fontWeight: 700,
-      color: styles.darker
-    });
-  },
-  singleValue: function singleValue(baseStyles) {
-    return _extends({}, baseStyles, {
-      fontSize: "14px",
-      fontWeight: 700,
-      color: styles.darker
+    try {
+      var _temp2 = function _temp2() {
+        isLoading && dispatch(setLoading(false));
+      };
+      if (!fetchData) return Promise.resolve();
+      if (isFirstLoadRef.current) isFirstLoadRef.current = false;
+      isLoading && dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(fetchData(filter)).then(function (res) {
+          var _res$data$items = res.data.items,
+            items = _res$data$items === void 0 ? [] : _res$data$items;
+          setPaging({
+            limit: res.data.limit || 0,
+            page: res.data.page || 0,
+            totalItems: res.data.totalItems || 0,
+            totalPages: res.data.totalPages || 0
+          });
+          setData(items);
+        });
+      }, function (error) {
+        setPaging(DEFAULT_PAGING_RESPONSE);
+        setData([]);
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleSort = function handleSort(sortColumnName) {
+    var sortColumnDirection = OrderType.ASC;
+    console.log({
+      sortColumnName: typeof sortColumnName,
+      filter: typeof filter.sortColumnName
     });
-  },
-  option: function option(baseStyles, state) {
-    return _extends({}, baseStyles, {
-      backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.light : 'white',
-      "&:active": {
-        backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.less_dark : baseStyles.backgroundColor
+    if (filter.sortColumnName == sortColumnName && filter.sortColumnDirection === OrderType.ASC) sortColumnDirection = OrderType.DESC;
+    setFilter(_extends({}, filter, {
+      sortColumnName: sortColumnName,
+      sortColumnDirection: sortColumnDirection,
+      currentPage: 1
+    }));
+  };
+  var handleChangeSearchText = function handleChangeSearchText(e) {
+    if (!textSearchRef.current) return;
+    textSearchRef.current.value = e.target.value.trim();
+    debounceSearch();
+  };
+  var handleChangePage = function handleChangePage(_, page) {
+    setFilter(_extends({}, filter, {
+      currentPage: page
+    }));
+  };
+  var calcOrderNumber = function calcOrderNumber(index) {
+    var _paging$page, _paging$limit;
+    return (((_paging$page = paging.page) != null ? _paging$page : 0) - 1) * ((_paging$limit = paging.limit) != null ? _paging$limit : 0) + index + 1;
+  };
+  var debounceSearch = _.debounce(function () {
+    var _textSearchRef$curren;
+    setFilter(_extends({}, filter, {
+      currentPage: 1,
+      textSearch: (_textSearchRef$curren = textSearchRef.current) === null || _textSearchRef$curren === void 0 ? void 0 : _textSearchRef$curren.value
+    }));
+  }, 500);
+  useEffect(function () {
+    getData(isFirstLoadRef.current);
+  }, [JSON.stringify(filter)]);
+  return {
+    filter: filter,
+    textSearchRef: textSearchRef,
+    paging: paging,
+    data: data,
+    selectedItem: selectedItem,
+    handleSort: handleSort,
+    handleChangeSearchText: handleChangeSearchText,
+    handleChangePage: handleChangePage,
+    calcOrderNumber: calcOrderNumber,
+    handleChangeSelectedItem: handleChangeSelectedItem,
+    getData: getData
+  };
+};
+
+var useLoadMore = function useLoadMore(props) {
+  var onLoadMore = props.onLoadMore,
+    loading = props.loading;
+  var observerTarget = useRef(null);
+  useEffect(function () {
+    var currentTarget = observerTarget.current;
+    var observer = new IntersectionObserver(function (entries) {
+      if (entries[0].isIntersecting && !loading) {
+        onLoadMore();
       }
+    }, {
+      threshold: 1
     });
-  }
+    if (observerTarget.current) {
+      observer.observe(observerTarget.current);
+    }
+    return function () {
+      if (currentTarget) {
+        observer.unobserve(currentTarget);
+      }
+    };
+  }, [observerTarget, loading, onLoadMore]);
+  return {
+    observerTarget: observerTarget
+  };
 };
 
-var _excluded = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
-var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
-  var isDefault = _ref.isDefault,
-    options = _ref.options,
-    isDisabled = _ref.isDisabled,
-    scrollBottom = _ref.scrollBottom,
-    value = _ref.value,
-    isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var initialValues = Array.isArray(value) ? options.filter(function (i) {
-    return value.includes(i.value);
-  }) : isMulti ? options.filter(function (i) {
-    return i.value == value;
-  }) : options.find(function (i) {
-    return i.value == value;
-  });
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return React__default.createElement(Select, Object.assign({
-    isDisabled: isDisabled,
-    options: options,
-    value: !isDefault ? initialValues : undefined,
-    defaultValue: isDefault ? initialValues : undefined,
-    menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti,
-    components: {
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
-      DropdownIndicator: DropdownIndicator,
-      Option: CustomOption
+var AUTH_URL = BASE_URL + "/api/auth";
+var AUTH_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth";
+var getInfo = function getInfo(role, isLearningSpace) {
+  var _headers;
+  return api.get(AUTH_URL + "/info", {
+    params: {
+      role: role
     },
-    styles: customStyles,
-    placeholder: t("select_placeholder")
-  }, rest));
+    headers: (_headers = {}, _headers[NoAcademyHeaders] = isLearningSpace, _headers)
+  });
 };
-
-var _excluded$1 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
-var CustomCreatable = function CustomCreatable(_ref) {
-  var options = _ref.options,
-    isDisabled = _ref.isDisabled,
-    scrollBottom = _ref.scrollBottom,
-    value = _ref.value,
-    isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var initialValues = Array.isArray(value) ? options.filter(function (i) {
-    return value.includes(i.value);
-  }) : isMulti ? options.filter(function (i) {
-    return i.value == value;
-  }) : options.find(function (i) {
-    return i.value == value;
+var getSuperAdminInfoFromWeb = function getSuperAdminInfoFromWeb() {
+  return api.get(AUTH_SUPER_ADMIN_URL + "/info");
+};
+var apiLoginGoogle = function apiLoginGoogle(body, isLearningSpace) {
+  var _headers2;
+  return api.post(AUTH_URL + "/login", body, {
+    headers: (_headers2 = {}, _headers2[NoAcademyHeaders] = isLearningSpace, _headers2)
   });
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return React__default.createElement(CreatableSelect, Object.assign({
-    isClearable: true,
-    isDisabled: isDisabled,
-    options: options,
-    value: initialValues,
-    menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti,
-    components: {
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
-      DropdownIndicator: DropdownIndicator,
-      Option: CustomOption
+};
+var apiLoginGoogleSuperAdmin = function apiLoginGoogleSuperAdmin(body) {
+  return api.post(AUTH_SUPER_ADMIN_URL + "/login", body);
+};
+var apiLoginWithAccessToken = function apiLoginWithAccessToken(body, isLearningSpace, domain) {
+  var _headers3;
+  return api.post(AUTH_URL + "/login/access-token", body, {
+    params: {
+      isLearningSpace: isLearningSpace
     },
-    styles: customStyles,
-    placeholder: t("select_placeholder")
-  }, rest));
+    headers: (_headers3 = {}, _headers3[AcademyHeaders] = domain, _headers3[NoAcademyHeaders] = isLearningSpace, _headers3)
+  });
+};
+var apiLoginSuperAdminWithAccessToken = function apiLoginSuperAdminWithAccessToken(body) {
+  return api.post(AUTH_SUPER_ADMIN_URL + "/login/access-token", body);
 };
 
-var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
-var CustomSelect = function CustomSelect(_ref) {
-  var isDefault = _ref.isDefault,
-    options = _ref.options,
-    isDisabled = _ref.isDisabled,
-    scrollBottom = _ref.scrollBottom,
-    value = _ref.value,
-    isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl, redirectAfterLogin) {
+  if (redirectAfterLogin === void 0) {
+    redirectAfterLogin = true;
+  }
+  var dispatch = useDispatch();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var initialValues = Array.isArray(value) ? options.filter(function (i) {
-    return value.includes(i.value);
-  }) : isMulti ? options === null || options === void 0 ? void 0 : options.filter(function (i) {
-    return i.value == value;
-  }) : options === null || options === void 0 ? void 0 : options.find(function (i) {
-    return i.value == value;
-  });
-  return React__default.createElement(Select, Object.assign({
-    isDisabled: isDisabled,
-    options: options,
-    value: !isDefault ? initialValues != null ? initialValues : null : undefined,
-    defaultValue: isDefault ? initialValues : undefined,
-    menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti,
-    components: {
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
-      DropdownIndicator: DropdownIndicator,
-      Option: CustomOption
+  var _useGoogleSignOut = useGoogleSignOut({}),
+    handleSignOut = _useGoogleSignOut.handleSignOut;
+  var searchParams = new URLSearchParams(window.location.search);
+  var paramDomain = searchParams.get('domain');
+  var handleLoginGoogle = function handleLoginGoogle(data, isLogout) {
+    if (isLogout === void 0) {
+      isLogout = true;
+    }
+    try {
+      var isStudent = data.role === Role.Student;
+      var academyDomain = paramDomain || getAcademyDomain();
+      var isLearningSpace = getLearningSpace() || isStudent && !academyDomain;
+      if (!isStudent && isLearningSpace) {
+        isLearningSpace = false;
+        localStorage.removeItem(LEARNING_SPACE);
+      }
+      var isAcademy = !!academyDomain || isLearningSpace;
+      return Promise.resolve(handleLogin(function () {
+        return new Promise(function (resolve, reject) {
+          try {
+            var _temp3 = _catch(function () {
+              return Promise.resolve(isAcademy ? apiLoginGoogle(data, isLearningSpace) : apiLoginGoogleSuperAdmin(data)).then(function (loginResponse) {
+                function _temp2() {
+                  resolve(result);
+                }
+                var result = loginResponse.data;
+                var _temp = function () {
+                  if (loginResponse.status === 204 && academyDomain) {
+                    localStorage.removeItem(ACADEMY_DOMAIN);
+                    localStorage.removeItem(LEARNING_SPACE);
+                    return Promise.resolve(apiLoginGoogleSuperAdmin(data)).then(function (_apiLoginGoogleSuperA) {
+                      loginResponse = _apiLoginGoogleSuperA;
+                      result = loginResponse.data;
+                    });
+                  }
+                }();
+                return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+              });
+            }, function (error) {
+              !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+              localStorage.removeItem(LEARNING_SPACE);
+              reject(error);
+            });
+            return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        });
+      }, isStudent, isLogout)).then(function () {});
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleLoginAccessToken = function handleLoginAccessToken(data, isLearningSpace, domain, isLogout, superAdminRedirectPath) {
+    if (isLogout === void 0) {
+      isLogout = true;
+    }
+    try {
+      var isStudent = data.role === Role.Student;
+      return Promise.resolve(handleLogin(function () {
+        return new Promise(function (resolve, reject) {
+          try {
+            var _temp4 = _catch(function () {
+              return Promise.resolve(!isLearningSpace && !domain ? apiLoginSuperAdminWithAccessToken(data) : apiLoginWithAccessToken(data, isLearningSpace, domain)).then(function (loginResponse) {
+                var result = loginResponse.data;
+                resolve(result);
+              });
+            }, function (error) {
+              reject(error);
+            });
+            return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        });
+      }, isStudent, isLogout, superAdminRedirectPath)).then(function () {});
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleLogin = function handleLogin(apiLogin, isStudent, isLogout, superAdminRedirectPath) {
+    if (isLogout === void 0) {
+      isLogout = true;
+    }
+    try {
+      var _temp6 = function _temp6(_result) {
+        if (_exit) return _result;
+        dispatch(setLoading(false));
+      };
+      var _exit = false;
+      dispatch(setLoading(true));
+      var _temp5 = _catch(function () {
+        return Promise.resolve(apiLogin()).then(function (loginResponse) {
+          var isFirstLogin = loginResponse.isFirstLogin,
+            token = loginResponse.token,
+            user = loginResponse.user,
+            isSuperAdmin = loginResponse.isSuperAdmin;
+          var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain) || !!(user !== null && user !== void 0 && user.isLearningSpace);
+          var needToRegister = isStudent && isFirstLogin && isAcademy;
+          var redirectUrl = getRedirectUrl();
+          if (isStudent && !registerUrl) throw new Error("an_unexpected_error_has_occurred");
+          if (!redirectUrl) redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
+          if (superAdminRedirectPath) {
+            redirectUrl = superAdminRedirectPath;
+          }
+          if (!redirectAfterLogin) redirectUrl = undefined;
+          redirectLoginUser(_extends({}, user, {
+            isNotEnoughStatements: isFirstLogin,
+            isSuperAdmin: isSuperAdmin
+          }), token, redirectUrl);
+        });
+      }, function (error) {
+        alert(getErrorMessage(t, error));
+        isLogout && handleSignOut();
+      });
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var redirectLoginUser = function redirectLoginUser(data, token, redirectUrl) {
+    localStorage.setItem(ACCESS_TOKEN, token);
+    !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+    !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
+    if (data.roles.includes(Role.Student)) data.isLearningSpace ? localStorage.setItem(LEARNING_SPACE, "true") : localStorage.removeItem(LEARNING_SPACE);
+    dispatch(setUser(_extends({}, data)));
+    if (redirectUrl) {
+      pushTo(history, redirectUrl);
+      localStorage.removeItem(REDIRECT_URL);
+    }
+  };
+  return {
+    handleLoginGoogle: handleLoginGoogle,
+    handleLoginAccessToken: handleLoginAccessToken,
+    redirectLoginUser: redirectLoginUser
+  };
+};
+
+var ACADEMY_URL = BASE_URL + "/api/academy";
+var SUPER_ADMIN_ACADEMY_URL = SUPER_ADMIN_BASE_URL + "/api/academies";
+var getAcademyList = function getAcademyList(role) {
+  return api.get(SUPER_ADMIN_ACADEMY_URL + "/active", {
+    params: {
+      role: role
+    }
+  });
+};
+var getUserAcademies = function getUserAcademies(role, isLearningSpace) {
+  var _headers;
+  return api.get("" + ACADEMY_URL, {
+    params: {
+      role: role
     },
-    styles: customStyles,
-    placeholder: t("select_placeholder")
-  }, rest));
+    headers: (_headers = {}, _headers[NoAcademyHeaders] = isLearningSpace, _headers)
+  });
+};
+var getAcademyByDomainApi = function getAcademyByDomainApi(domain, role) {
+  return api.get(SUPER_ADMIN_ACADEMY_URL + "/domain/" + domain, {
+    params: {
+      role: role
+    }
+  });
+};
+var getAcademyDetail = function getAcademyDetail() {
+  return api.get(ACADEMY_URL + "/detail");
+};
+var switchAcademy = function switchAcademy(academyId, role, isLearningSpace) {
+  if (isLearningSpace === void 0) {
+    isLearningSpace = false;
+  }
+  return api.post(ACADEMY_URL + "/" + academyId + "/switch-academy/" + role, undefined, {
+    params: {
+      isLearningSpace: isLearningSpace
+    }
+  });
+};
+var switchSuperAdminAcademy = function switchSuperAdminAcademy(academyId, role) {
+  return api.post(SUPER_ADMIN_ACADEMY_URL + "/" + academyId + "/switch-academy/" + role);
+};
+
+var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl, homeUrl, registerUrl, canFetchAcademies) {
+  var _user$roles;
+  if (role === void 0) {
+    role = Role.Student;
+  }
+  if (canFetchAcademies === void 0) {
+    canFetchAcademies = false;
+  }
+  var dispatch = useDispatch();
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
+    handleLoginAccessToken = _useLogin.handleLoginAccessToken;
+  var academyList = useSelector(function (state) {
+    var _state$academies;
+    return state === null || state === void 0 ? void 0 : (_state$academies = state.academies) === null || _state$academies === void 0 ? void 0 : _state$academies.items;
+  }) || [];
+  var _useState = useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var toggleDropdown = function toggleDropdown() {
+    return setDropdownOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var user = 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.user;
+  });
+  var isReFetchUserAcademies = useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.isReFetchUserAcademies;
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var getAcademies = function getAcademies(isLoading) {
+    if (isLoading === void 0) {
+      isLoading = true;
+    }
+    try {
+      var _temp3 = function _temp3() {
+        isLoading && dispatch(setLoading(false));
+      };
+      if (!user) return Promise.resolve();
+      var isSuperAdminUser = user && !user.academyDomain && !(user !== null && user !== void 0 && user.isLearningSpace);
+      var isSuperAdminRole = user.roles.includes(Role.Admin);
+      isLoading && dispatch(setLoading(true));
+      var _temp2 = _catch(function () {
+        return Promise.resolve(isSuperAdminUser ? getAcademyList(role) : getUserAcademies(role, user === null || user === void 0 ? void 0 : user.isLearningSpace)).then(function (res) {
+          var items = res.data.items || [];
+          if (isReFetchUserAcademies) dispatch(setReFetchUserAcademies(false));
+          dispatch(setAcademies(items));
+          var _temp = function () {
+            if (!isSuperAdminRole && isSuperAdminUser && role == Role.Admin && items.length > 0) {
+              return Promise.resolve(handleSwitchAcademy(false, items[0], false)).then(function () {});
+            }
+          }();
+          if (_temp && _temp.then) return _temp.then(function () {});
+        });
+      }, function (error) {
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleSwitchAcademy = function handleSwitchAcademy(isLearningSpace, selectedAcademy, isLoading, superAdminRedirectPath) {
+    if (isLoading === void 0) {
+      isLoading = true;
+    }
+    try {
+      var _temp5 = function _temp5() {
+        isLoading && dispatch(setLoading(false));
+        setDropdownOpen(false);
+      };
+      isLoading && dispatch(setLoading(true));
+      var academyId = selectedAcademy ? selectedAcademy.id : 0;
+      var academyDomain = selectedAcademy ? selectedAcademy.domain : undefined;
+      var isSuperAdminUser = user && !user.academyDomain && !(user !== null && user !== void 0 && user.isLearningSpace);
+      var _temp4 = _catch(function () {
+        return Promise.resolve(isSuperAdminUser ? switchSuperAdminAcademy(academyId, role) : switchAcademy(academyId, role, isLearningSpace)).then(function (res) {
+          var data = res.data;
+          var requestBody = {
+            accessToken: data.accessToken,
+            email: user.email,
+            role: role
+          };
+          return Promise.resolve(handleLoginAccessToken(requestBody, isLearningSpace, academyDomain, false, superAdminRedirectPath)).then(function () {});
+        });
+      }, function (error) {
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleLogOutAcademy = function handleLogOutAcademy(callback) {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(setLoading(false));
+        callback();
+      };
+      dispatch(setLoading(true));
+      var _temp6 = _catch(function () {
+        return Promise.resolve(switchAcademy(0, role)).then(function (res) {
+          var data = res.data;
+          var requestBody = {
+            accessToken: data.accessToken,
+            email: user.email,
+            role: role
+          };
+          return Promise.resolve(handleLoginAccessToken(requestBody, undefined, undefined, false)).then(function () {});
+        });
+      }, function (error) {
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  useEffect(function () {
+    canFetchAcademies && getAcademies();
+  }, [canFetchAcademies, user === null || user === void 0 ? void 0 : user.academyDomain, user === null || user === void 0 ? void 0 : user.email, user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.join(",")]);
+  useEffect(function () {
+    canFetchAcademies && isReFetchUserAcademies && getAcademies(false);
+  }, [canFetchAcademies, isReFetchUserAcademies]);
+  var selectedAcademy = useMemo(function () {
+    return academyList.find(function (i) {
+      var _user$academyDomain;
+      return i.domain.trim().toLowerCase() === (user === null || user === void 0 ? void 0 : (_user$academyDomain = user.academyDomain) === null || _user$academyDomain === void 0 ? void 0 : _user$academyDomain.trim().toLowerCase());
+    });
+  }, [user === null || user === void 0 ? void 0 : user.academyDomain, JSON.stringify(academyList)]);
+  return {
+    selectedAcademy: selectedAcademy,
+    dropdownOpen: dropdownOpen,
+    academyList: academyList,
+    toggleDropdown: toggleDropdown,
+    handleSwitchAcademy: handleSwitchAcademy,
+    handleLogOutAcademy: handleLogOutAcademy
+  };
+};
+
+var useVirtualizeList = function useVirtualizeList(totalItems, rowHeight, offsetRow, minRows) {
+  if (offsetRow === void 0) {
+    offsetRow = 1;
+  }
+  var _useState = useState(-1),
+    startIndex = _useState[0],
+    setStartIndex = _useState[1];
+  var _useState2 = useState(-1),
+    endIndex = _useState2[0],
+    setEndIndex = _useState2[1];
+  var containerRef = useRef(null);
+  var handleScroll = useCallback(function () {
+    if (containerRef.current) {
+      var _containerRef$current = containerRef.current,
+        scrollTop = _containerRef$current.scrollTop,
+        clientHeight = _containerRef$current.clientHeight;
+      var itemsPerPage = Math.ceil(clientHeight / rowHeight);
+      var newStartIndex = Math.max(Math.floor(scrollTop / rowHeight) - offsetRow, 0);
+      var newEndIndex = Math.min(newStartIndex + itemsPerPage + offsetRow, totalItems - 1);
+      if (minRows) {
+        if (totalItems <= minRows) {
+          newStartIndex = -1;
+          newEndIndex = -1;
+        } else {
+          var total = newEndIndex - newStartIndex;
+          var diff = minRows - total;
+          if (diff > 0) {
+            var valS = diff / 2;
+            var valE = diff - valS;
+            if (newStartIndex < valS) {
+              valE += valS - newStartIndex;
+              newStartIndex = 0;
+            }
+            if (newEndIndex + valE > totalItems - 1) {
+              valS += newEndIndex + valE - totalItems + 1;
+            }
+            newStartIndex = Math.max(newStartIndex - valS, 0);
+            newEndIndex = Math.min(newEndIndex + valE, totalItems - 1);
+          }
+        }
+      }
+      setStartIndex(newStartIndex);
+      setEndIndex(newEndIndex);
+    }
+  }, [totalItems, rowHeight, offsetRow]);
+  useEffect(function () {
+    var container = containerRef.current;
+    if (container) {
+      container.addEventListener("scroll", handleScroll);
+    }
+    return function () {
+      if (container) {
+        container.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, [handleScroll]);
+  var handleChangeStartIndex = function handleChangeStartIndex(index) {
+    setStartIndex(index);
+  };
+  var handleChangeEndIndex = function handleChangeEndIndex(index) {
+    setEndIndex(index);
+  };
+  return {
+    startIndex: startIndex,
+    endIndex: endIndex,
+    containerRef: containerRef,
+    handleChangeStartIndex: handleChangeStartIndex,
+    handleChangeEndIndex: handleChangeEndIndex
+  };
 };
 
-var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "valueById", "isTextbook"];
-var CustomSelectOption = function CustomSelectOption(_ref) {
-  var defaultValue = _ref.defaultValue,
-    options = _ref.options,
-    isDisabled = _ref.isDisabled,
-    scrollBottom = _ref.scrollBottom,
-    value = _ref.value,
-    isMulti = _ref.isMulti,
-    valueById = _ref.valueById,
-    isTextbook = _ref.isTextbook,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value === defaultValue;
-  })) || null : null;
-  var optionValue = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || {
-    label: valueById,
-    value: valueById
-  } : null;
-  return isTextbook ? React__default.createElement(CreatableSelect, Object.assign({
-    isDisabled: isDisabled,
-    options: options,
-    value: optionValue || value,
-    defaultValue: initialValues,
-    menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti,
-    components: {
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
-      DropdownIndicator: DropdownIndicator,
-      Option: CustomOption
-    },
-    styles: customStyles,
-    placeholder: t("select_placeholder")
-  }, rest)) : React__default.createElement(Select, Object.assign({
-    isDisabled: isDisabled,
-    options: options,
-    value: optionValue || value,
-    defaultValue: initialValues,
-    menuPlacement: scrollBottom ? "top" : "auto",
-    isMulti: isMulti,
-    components: {
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
-      DropdownIndicator: DropdownIndicator,
-      Option: CustomOption
-    },
-    styles: customStyles,
-    placeholder: t("select_placeholder")
-  }, rest));
-};
+var RecentUserActionSortBy;
+(function (RecentUserActionSortBy) {
+  RecentUserActionSortBy["CreatedAt"] = "CreatedAt";
+})(RecentUserActionSortBy || (RecentUserActionSortBy = {}));
+var OrderBy;
+(function (OrderBy) {
+  OrderBy["ASC"] = "ASC";
+  OrderBy["DESC"] = "DESC";
+})(OrderBy || (OrderBy = {}));
 
-var SCORE_OPTIONS = Array.from({
-  length: 10
-}, function (_, i) {
-  return i + 1;
-});
-var QUESTION_OPTIONS = Array.from({
-  length: 10
-}, function (_, i) {
-  return i + 1;
+var api = axios.create({
+  baseURL: BASE_URL,
+  timeout: 0,
+  headers: {
+    "Content-Type": "application/json"
+  },
+  paramsSerializer: function paramsSerializer(params) {
+    return encodeParams(params);
+  }
 });
-var ANSWER_OPTIONS = Array.from({
-  length: 9
-}, function (_, i) {
-  return i + 2;
+var apiUpload = axios.create({
+  baseURL: BASE_URL,
+  timeout: 60000,
+  headers: {
+    "Content-Type": "multipart/form-data"
+  }
 });
-var DEFAULT_SCORE = 2;
-
-var AnswerCountSelector = function AnswerCountSelector(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    isDisabled = _ref.isDisabled;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var answerOptions = ANSWER_OPTIONS.map(function (i) {
-    return {
-      label: t("number_question", {
-        number: i
-      }),
-      value: i
-    };
+[api, apiUpload].forEach(function (i) {
+  return i.interceptors.request.use(function (config) {
+    var token = getAccessToken();
+    var searchParams = new URLSearchParams(window.location.search);
+    var paramLang = searchParams.get('lang');
+    var academyDomainStorage = getAcademyDomain();
+    var isLearningSpace = getLearningSpace();
+    var langStorage = getLanguage();
+    var academyDomain = academyDomainStorage;
+    var language = paramLang || langStorage;
+    if (token) {
+      config.headers.Authorization = "Bearer " + token;
+      localStorage.setItem("LAST_TIME_REQUEST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
+    }
+    if (academyDomain && !isLearningSpace && config.headers[AcademyHeaders] == undefined) config.headers[AcademyHeaders] = "" + academyDomain;
+    if (isLearningSpace && config.headers[NoAcademyHeaders] == undefined) config.headers[NoAcademyHeaders] = "" + isLearningSpace;
+    if (language) config.headers[LanguageHeaders] = "" + language;
+    return config;
+  }, function (error) {
+    return Promise.reject(error);
   });
-  return React__default.createElement(CustomSelect, {
-    inputId: id,
-    value: value,
-    options: answerOptions,
-    onChange: onChange,
-    isDisabled: isDisabled
+});
+[api, apiUpload].forEach(function (i) {
+  return i.interceptors.response.use(function (response) {
+    return response;
+  }, function (error) {
+    var _error$response, _error$response2, _error$response3;
+    console.log({
+      error: error
+    });
+    if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 401) {
+      var _window$location = window.location,
+        pathname = _window$location.pathname,
+        search = _window$location.search;
+      var preRedirectUrl = localStorage.getItem(PRE_REDIRECT_URL);
+      var newRedirectUrl = "" + pathname + search;
+      if (!pathname.startsWith("/login")) {
+        if (preRedirectUrl !== newRedirectUrl) {
+          localStorage.setItem(REDIRECT_URL, newRedirectUrl);
+          localStorage.setItem(PRE_REDIRECT_URL, newRedirectUrl);
+        }
+      }
+    }
+    if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 401 || ((_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.status) == 403) {
+      localStorage.removeItem(ACCESS_TOKEN);
+      window.location.href = "/login";
+    }
+    return Promise.reject(error);
   });
-};
-
-var _excluded$4 = ["id", "value", "onChange", "isDisabled", "options", "isMulti", "placeholder"];
-var ArticleCategorySelector = function ArticleCategorySelector(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    isDisabled = _ref.isDisabled,
-    options = _ref.options,
-    isMulti = _ref.isMulti,
-    placeholder = _ref.placeholder,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  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")
-  }, rest));
-};
+});
 
 var COURSE_URL = BASE_URL + "/api/course";
 var getClassesApi = function getClassesApi(textSearch) {
@@ -9173,7 +9223,7 @@ var usePusherConversation = function usePusherConversation(onNewMessageConversat
   return {};
 };
 
-var config = {
+var config$1 = {
   height: 300,
   allowedContent: true,
   toolbar: ["/", {
@@ -9205,13 +9255,16 @@ var config = {
   filebrowserUploadUrl: BASE_URL + "/api/file/support-files?"
 };
 
+var _excluded$6 = ["ref", "value", "option", "onBlur", "onFocus", "onChange", "onAfterInsertHtml", "onInsertElement", "onInsertHtml", "onInsertText", "onDataReady", "onSelectionChange", "disabled"];
 var CkEditor = function CkEditor(_ref) {
   var ref = _ref.ref,
     value = _ref.value,
-    onChange = _ref.onChange,
     option = _ref.option,
+    onChange = _ref.onChange,
+    onDataReady = _ref.onDataReady,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    action = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _React$useState = React__default.useState(null),
     editor = _React$useState[0],
     setEditor = _React$useState[1];
@@ -9223,19 +9276,20 @@ var CkEditor = function CkEditor(_ref) {
       editor.setData(value);
     }
   }, [value, editor]);
-  return React__default.createElement(CKEditor, {
+  return React__default.createElement(CKEditor, Object.assign({
     ref: ref,
     initData: value,
     readOnly: disabled,
-    onChange: onChange,
     onInstanceReady: handleInstanceReady,
-    config: !!option ? option : config,
+    config: !!option ? option : config$1,
+    onDataReady: onDataReady,
+    onChange: onChange,
     onBeforeLoad: function onBeforeLoad(CKEDITOR) {
       CKEDITOR.disableAutoInline = true;
       CKEDITOR.config.height = 300;
       CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
     }
-  });
+  }, action));
 };
 
 var ListView = function ListView(_ref) {
@@ -10804,10 +10858,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$6 = ["history"];
+var _excluded$7 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -11761,11 +11815,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$7 = ["teachers", "value"];
+var _excluded$8 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -13056,7 +13110,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$8 = ["getStudents"],
+var _excluded$9 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13107,7 +13161,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$9);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -13857,12 +13911,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$9 = ["children", "value", "index"];
+var _excluded$a = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$9);
+    other = _objectWithoutPropertiesLoose(props, _excluded$a);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -15951,6 +16005,28 @@ var CompareGrass = function CompareGrass(_ref2) {
   var effectSize = _ref2.effectSize;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var renderAnswer = function renderAnswer(type, content) {
+    var _content$split, _content$split$map;
+    if (!content) return "";
+    switch (type) {
+      case QuestionAnswerType.ShortAnswer:
+        return React__default.createElement(MathJaxContainer, {
+          content: content
+        });
+      case QuestionAnswerType.SingleChoice:
+        return t("number_question", {
+          number: content
+        });
+      case QuestionAnswerType.MultipleChoice:
+        return content === null || content === void 0 ? void 0 : (_content$split = content.split("|")) === null || _content$split === void 0 ? void 0 : (_content$split$map = _content$split.map(function (i) {
+          return t("number_question", {
+            number: i
+          });
+        })) === null || _content$split$map === void 0 ? void 0 : _content$split$map.join(",");
+      default:
+        return content;
+    }
+  };
   var renderTableBody = function renderTableBody(effectSize) {
     return effectSize.map(function (item, index) {
       return React__default.createElement("tr", {
@@ -15968,23 +16044,17 @@ var CompareGrass = function CompareGrass(_ref2) {
           textAlign: "center",
           color: "#202B37"
         }
-      }, t("number_question", {
-        number: item.correctAnswers
-      })), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.correctAnswers)), React__default.createElement("td", {
         className: styles$3["tdcolumn3"],
         style: {
           color: item.isCorrect ? styles$3.green_support_900 : styles$3.red_900
         }
-      }, item.selectedAnswers ? t("number_question", {
-        number: item.selectedAnswers
-      }) : ""), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.selectedAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: "#414E62"
         }
-      }, item.mostSelectedAnswers ? t("number_question", {
-        number: item.mostSelectedAnswers
-      }) : ""), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.mostSelectedAnswers)), React__default.createElement("td", {
         className: "" + printStyles["avoid-break-inside"]
       }, React__default.createElement("div", {
         className: styles$3["classification"] + " " + printStyles["avoid-break-inside"]
@@ -16337,6 +16407,28 @@ var Vulnerable = function Vulnerable(_ref) {
       return q2.overallCorrectRate === q1.overallCorrectRate ? q1.questionOrder - q2.questionOrder : q2.overallCorrectRate - q1.overallCorrectRate;
     }).slice(0, limitQuestions);
   }, [JSON.stringify(data.questions)]);
+  var renderAnswer = function renderAnswer(type, content) {
+    var _content$split, _content$split$map;
+    if (!content) return "";
+    switch (type) {
+      case QuestionAnswerType.ShortAnswer:
+        return React__default.createElement(MathJaxContainer, {
+          content: content
+        });
+      case QuestionAnswerType.SingleChoice:
+        return t("number_question", {
+          number: content
+        });
+      case QuestionAnswerType.MultipleChoice:
+        return content === null || content === void 0 ? void 0 : (_content$split = content.split("|")) === null || _content$split === void 0 ? void 0 : (_content$split$map = _content$split.map(function (i) {
+          return t("number_question", {
+            number: i
+          });
+        })) === null || _content$split$map === void 0 ? void 0 : _content$split$map.join(",");
+      default:
+        return content;
+    }
+  };
   var renderTableBody = function renderTableBody(data) {
     return data.map(function (item, index) {
       return React__default.createElement("tr", {
@@ -16371,16 +16463,12 @@ var Vulnerable = function Vulnerable(_ref) {
           fontSize: "13px",
           fontWeight: 500
         }
-      }, item.selectedAnswers ? t("number_answer", {
-        number: item.selectedAnswers
-      }) : ""), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.selectedAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
         }
-      }, item.correctAnswers ? t("number_answer", {
-        number: item.correctAnswers
-      }) : ""), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.correctAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
@@ -16390,6 +16478,7 @@ var Vulnerable = function Vulnerable(_ref) {
   };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question) {
+      var _question$selectedAns, _question$selectedAns2, _question$correctAnsw, _question$correctAnsw2, _question$correctAnsw3;
       return React__default.createElement(Grid, {
         container: true,
         flexWrap: "nowrap",
@@ -16416,7 +16505,23 @@ var Vulnerable = function Vulnerable(_ref) {
         className: styles$3["span2"]
       }, t("my_wrong_answer"))), React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$3["overallCorrectRate"]
-      }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
+      }, question.overallCorrectRate.toFixed(2), "%"), question.questionAnswerType === QuestionAnswerType.ShortAnswer ? React__default.createElement("span", {
+        className: styles$3["answer"]
+      }, React__default.createElement(MathJaxContainer, {
+        content: question.selectedAnswers
+      }), " ", t("answer"), " ", React__default.createElement(MathJaxContainer, {
+        content: question.correctAnswers
+      })) : question.questionAnswerType === QuestionAnswerType.MultipleChoice ? React__default.createElement("span", {
+        className: styles$3["answer"]
+      }, (_question$selectedAns = question.selectedAnswers.split("|")) === null || _question$selectedAns === void 0 ? void 0 : (_question$selectedAns2 = _question$selectedAns.map(function (i) {
+        return t("number_question", {
+          number: i
+        });
+      })) === null || _question$selectedAns2 === void 0 ? void 0 : _question$selectedAns2.join(","), " (", t("answer"), " ", (_question$correctAnsw = question.correctAnswers) === null || _question$correctAnsw === void 0 ? void 0 : (_question$correctAnsw2 = _question$correctAnsw.split("|")) === null || _question$correctAnsw2 === void 0 ? void 0 : (_question$correctAnsw3 = _question$correctAnsw2.map(function (i) {
+        return t("number_question", {
+          number: i
+        });
+      })) === null || _question$correctAnsw3 === void 0 ? void 0 : _question$correctAnsw3.join(","), ")") : React__default.createElement("span", {
         className: styles$3["answer"]
       }, t("number_question", {
         number: question.selectedAnswers
@@ -18180,6 +18285,28 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
       return q2.overallCorrectRate === q1.overallCorrectRate ? q1.questionOrder - q2.questionOrder : q2.overallCorrectRate - q1.overallCorrectRate;
     }).slice(0, limitQuestions$1);
   }, [JSON.stringify(data === null || data === void 0 ? void 0 : data.studentQuestionResults)]);
+  var renderAnswer = function renderAnswer(type, content) {
+    var _content$split, _content$split$map;
+    if (!content) return "";
+    switch (type) {
+      case QuestionAnswerType.ShortAnswer:
+        return React__default.createElement(MathJaxContainer, {
+          content: content
+        });
+      case QuestionAnswerType.SingleChoice:
+        return t("number_question", {
+          number: content
+        });
+      case QuestionAnswerType.MultipleChoice:
+        return content === null || content === void 0 ? void 0 : (_content$split = content.split("|")) === null || _content$split === void 0 ? void 0 : (_content$split$map = _content$split.map(function (i) {
+          return t("number_question", {
+            number: i
+          });
+        })) === null || _content$split$map === void 0 ? void 0 : _content$split$map.join(",");
+      default:
+        return content;
+    }
+  };
   var renderTableBody = function renderTableBody(data) {
     return data === null || data === void 0 ? void 0 : data.map(function (item, index) {
       return React__default.createElement("tr", {
@@ -18214,16 +18341,12 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
           fontSize: "13px",
           fontWeight: 500
         }
-      }, item.selectedAnswers ? t("number_answer", {
-        number: item.selectedAnswers
-      }) : ""), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.selectedAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
         }
-      }, item.correctAnswers ? t("number_answer", {
-        number: item.correctAnswers
-      }) : ""), React__default.createElement("td", {
+      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.correctAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
@@ -18235,6 +18358,7 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
   };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question) {
+      var _question$selectedAns, _question$selectedAns2, _question$selectedAns3, _question$correctAnsw, _question$correctAnsw2, _question$correctAnsw3;
       return React__default.createElement(Grid, {
         container: true,
         flexWrap: "nowrap",
@@ -18261,11 +18385,27 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
         className: styles$3["span2"]
       }, t("my_wrong_answer"))), React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$3["overallCorrectRate"]
-      }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
+      }, question.overallCorrectRate.toFixed(2), "%"), (question === null || question === void 0 ? void 0 : question.questionAnswerType) === QuestionAnswerType.ShortAnswer ? React__default.createElement("span", {
+        className: styles$3["answer"]
+      }, React__default.createElement(MathJaxContainer, {
+        content: question === null || question === void 0 ? void 0 : question.selectedAnswers
+      }), " ", React__default.createElement(MathJaxContainer, {
+        content: question === null || question === void 0 ? void 0 : question.correctAnswers
+      })) : QuestionAnswerType.MultipleChoice ? React__default.createElement("span", {
+        className: styles$3["answer"]
+      }, (_question$selectedAns = question.selectedAnswers) === null || _question$selectedAns === void 0 ? void 0 : (_question$selectedAns2 = _question$selectedAns.split("|")) === null || _question$selectedAns2 === void 0 ? void 0 : (_question$selectedAns3 = _question$selectedAns2.map(function (i) {
+        return t("number_question", {
+          number: i
+        });
+      })) === null || _question$selectedAns3 === void 0 ? void 0 : _question$selectedAns3.join(","), " ", "(", t("answer"), " ", (_question$correctAnsw = question.correctAnswers) === null || _question$correctAnsw === void 0 ? void 0 : (_question$correctAnsw2 = _question$correctAnsw.split("|")) === null || _question$correctAnsw2 === void 0 ? void 0 : (_question$correctAnsw3 = _question$correctAnsw2.map(function (i) {
+        return t("number_question", {
+          number: i
+        });
+      })) === null || _question$correctAnsw3 === void 0 ? void 0 : _question$correctAnsw3.join(","), ")", " ") : React__default.createElement("span", {
         className: styles$3["answer"]
       }, t("number_question", {
         number: question.selectedAnswers
-      }), " (", t("answer"), " ", t("number_question", {
+      }), " ", "(", t("answer"), " ", t("number_question", {
         number: question.correctAnswers
       }), ")"))));
     });
@@ -20048,16 +20188,24 @@ var usePrintExamResult = function usePrintExamResult(isDataFetching, fileName, t
       setPrintState(PrintState$1.Printing);
       setTimeout(function () {
         try {
-          var _temp2 = function _temp2() {
+          var _temp4 = function _temp4() {
             setPrintState(PrintState$1.Printed);
           };
-          var _temp = _catch(function () {
+          var _temp3 = _catch(function () {
+            function _temp2() {
+              html2pdf().from(element).set(options).save();
+              onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+            }
             var element = contentRef.current;
             var options = {
               margin: 5,
               filename: name + ".pdf",
+              image: {
+                type: "jpeg",
+                quality: 1
+              },
               html2canvas: {
-                scale: 2
+                scale: 4
               },
               jsPDF: {
                 format: 'a4',
@@ -20067,14 +20215,18 @@ var usePrintExamResult = function usePrintExamResult(isDataFetching, fileName, t
                 mode: ['css', 'legacy']
               }
             };
-            return Promise.resolve(html2pdf().from(element).set(options).save()).then(function () {
-              onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-            });
+            var _temp = function (_window) {
+              if ((_window = window) !== null && _window !== void 0 && _window.MathJax) {
+                var _window2, _window2$MathJax, _window2$MathJax$type;
+                return Promise.resolve((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$type = _window2$MathJax.typesetPromise) === null || _window2$MathJax$type === void 0 ? void 0 : _window2$MathJax$type.call(_window2$MathJax)).then(function () {});
+              }
+            }();
+            return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
           }, function (error) {
             !window.opener && toast.error(getErrorMessage(t, error));
             onError === null || onError === void 0 ? void 0 : onError(error === null || error === void 0 ? void 0 : error.message);
           });
-          return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+          return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
         } catch (e) {
           return Promise.reject(e);
         }
@@ -21092,14 +21244,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$5 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$a = ["text", "isRequired", "className"];
+var _excluded$b = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   return React__default.createElement(FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21153,7 +21305,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$b = ["ref"],
+var _excluded$c = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -21183,7 +21335,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$c);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -24969,12 +25121,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$7 = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$c = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$d = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$d);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -26042,12 +26194,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$d = ["value", "disabled", "optionTypeNotification"];
+var _excluded$e = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -26439,11 +26591,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$e = ["value", "optionTypeNotification"];
+var _excluded$f = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -26665,7 +26817,9 @@ var DefaultQuestion = {
   title: "",
   author: "",
   subjectId: null,
-  preparedType: null
+  preparedType: null,
+  questionAnswerType: QuestionAnswerType.SingleChoice,
+  textualAnswer: ""
 };
 var DefaultArticle = {
   answerCount: 5,
@@ -28018,7 +28172,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var _excluded$f = ["value"],
+var _excluded$g = ["value"],
   _excluded2$2 = ["onChange"],
   _excluded3$2 = ["onChange"];
 var VisuallyHiddenInput = styled("input")({
@@ -28283,7 +28437,7 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
       render: function render(_ref4) {
         var _ref4$field = _ref4.field,
           value = _ref4$field.value,
-          action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$f);
+          action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$g);
         return React__default.createElement(LocalizationProvider$1, {
           dateAdapter: AdapterMoment
         }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -28494,10 +28648,22 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
             fontSize: "16px"
           }, t("chapter_number", {
             number: chapterIndex + 1
-          })), React__default.createElement(Typography, {
+          })), React__default.createElement(Stack, {
+            flexDirection: "row",
+            gap: "8px"
+          }, React__default.createElement(Typography, {
             fontWeight: 700,
             fontSize: "16px"
-          }, chapter.pageFrom + " - " + chapter.pageTo)));
+          }, chapter.pageFrom + " - " + chapter.pageTo), React__default.createElement(IconButton, {
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              arrayHelpers.remove(chapterIndex);
+            },
+            color: "default",
+            className: " bg-danger text-white"
+          }, React__default.createElement(FaTrashCan, {
+            size: 12
+          })))));
         }));
       }
     }), textbookState.position === TextbookState.Chapter && React__default.createElement(Chapter, {
@@ -29768,7 +29934,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$g = ["onChange"];
+var _excluded$h = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -29829,7 +29995,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$g);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$h);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -32354,5 +32520,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, ChatContainer, types as ChatTypes, CkEditor, 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, NewNoteButton, NoAcademyHeaders, NotFound, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbook, PreparedTextbookList, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, 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, 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, ChatContainer, types as ChatTypes, CkEditor, 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, NewNoteButton, NoAcademyHeaders, NotFound, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbook, PreparedTextbookList, 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, 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