touchstudy-core 0.1.120 → 0.1.121

package/dist/index.js

@@ -5,26 +5,27 @@ var toolkit = require('@reduxjs/toolkit');
 var i18n = require('i18next');
 var i18n__default = _interopDefault(i18n);
 var reactI18next = require('react-i18next');
-var axios = _interopDefault(require('axios'));
-var moment = _interopDefault(require('moment'));
-var _ = _interopDefault(require('lodash'));
-var reactRedux = require('react-redux');
-var React = require('react');
-var React__default = _interopDefault(React);
-var GoogleLogin = require('@leecheuk/react-google-login');
-var GoogleLogin__default = _interopDefault(GoogleLogin);
-require('moment/locale/ko.js');
-require('moment/locale/en-au.js');
+var betterReactMathjax = require('better-react-mathjax');
 var xDatePickers = require('@mui/x-date-pickers');
 var AdapterMoment = require('@mui/x-date-pickers/AdapterMoment');
 var demo = require('@mui/x-date-pickers/internals/demo');
+var React = require('react');
+var React__default = _interopDefault(React);
 var material = require('@mui/material');
+var reactRedux = require('react-redux');
+var moment = _interopDefault(require('moment'));
+require('moment/locale/ko.js');
+require('moment/locale/en-au.js');
+var _ = _interopDefault(require('lodash'));
 var fa = require('react-icons/fa');
 var io = require('react-icons/io');
 var io5 = require('react-icons/io5');
 var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
+var axios = _interopDefault(require('axios'));
+var GoogleLogin = require('@leecheuk/react-google-login');
+var GoogleLogin__default = _interopDefault(GoogleLogin);
 var formik = require('formik');
 var ckeditor4React = require('ckeditor4-react');
 var reactVirtualized = require('react-virtualized');
@@ -1371,6 +1372,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,
@@ -2385,7 +2392,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";
@@ -3419,6 +3432,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,
@@ -4435,7 +4454,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__default.use(reactI18next.initReactI18next).init({
@@ -4454,6 +4479,104 @@ i18n__default.use(reactI18next.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 = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    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 || "";
@@ -4523,80 +4646,6 @@ var DEFAULT_PAGING_RESPONSE = {
   totalPages: 0
 };
 
-(function (PreparedType) {
-  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
-  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
-  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
-})(exports.PreparedType || (exports.PreparedType = {}));
-
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(exports.ExamEvent || (exports.ExamEvent = {}));
-
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(exports.ExamStatus || (exports.ExamStatus = {}));
-
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(exports.OrderType || (exports.OrderType = {}));
-
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(exports.RecentUserAction || (exports.RecentUserAction = {}));
-
-(function (UserSortColumn) {
-  UserSortColumn["CreatedAt"] = "CreatedAt";
-  UserSortColumn["FullName"] = "FullName";
-  UserSortColumn["PhoneNumber"] = "PhoneNumber";
-  UserSortColumn["Email"] = "Email";
-  UserSortColumn["SchoolName"] = "SchoolName";
-  UserSortColumn["Major"] = "Major";
-  UserSortColumn["ParentName"] = "ParentName";
-  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
-  UserSortColumn["Grade"] = "Grade";
-})(exports.UserSortColumn || (exports.UserSortColumn = {}));
-
-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 {
@@ -4692,18 +4741,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();
@@ -4776,42 +4813,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"];
@@ -4954,257 +4955,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 = reactRedux.useSelector(function (state) {
-    var _state$common;
-    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.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;
-      }
-    }
-  };
-  React.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 = reactRedux.useDispatch();
-  var _useState = React.useState(),
-    remainTime = _useState[0],
-    setRemainTime = _useState[1];
-  var checkStatusRef = React.useRef(null);
-  var requestRef = React.useRef(null);
-  var checkLiveExamStatus = React.useCallback(function () {
-    try {
-      !!checkStatusRef.current && clearTimeout(checkStatusRef.current);
-      if (!code || status === exports.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 === exports.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]);
-  React.useEffect(function () {
-    if (status !== exports.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]);
-  React.useEffect(function () {
-    if (typeof remainTime === "number" && remainTime <= 0) checkLiveExamStatus();
-  }, [remainTime, checkLiveExamStatus]);
-  return remainTime;
-};
-
-var useGoogleSignOut = function useGoogleSignOut(props) {
-  var dispatch = reactRedux.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 = GoogleLogin.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 = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
@@ -5272,1677 +5022,1975 @@ var useLanguage = function useLanguage(history) {
   };
 };
 
-var useList = function useList(fetchData, defaultQuery) {
-  var dispatch = reactRedux.useDispatch();
-  var _useState = React.useState(defaultQuery),
-    filter = _useState[0],
-    setFilter = _useState[1];
-  var _useState2 = React.useState(DEFAULT_PAGING_RESPONSE),
-    paging = _useState2[0],
-    setPaging = _useState2[1];
-  var _useState3 = React.useState([]),
-    data = _useState3[0],
-    setData = _useState3[1];
-  var _useState4 = React.useState(),
-    selectedItem = _useState4[0],
-    setSelectedItem = _useState4[1];
-  var textSearchRef = React.useRef(null);
-  var isFirstLoadRef = React.useRef(true);
-  var _useTranslation = reactI18next.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([]);
-        reactToastify.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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isTeacher = exports.Role.Teacher === role;
+  var dataProps = isTeacher ? dataExamSession.map(function (i) {
+    return {
+      studentId: i === null || i === void 0 ? void 0 : i.studentId,
+      examSessionId: i === null || i === void 0 ? void 0 : i.examSessionId
+    };
+  }) : dataExamSession.map(function (i) {
+    return {
+      code: i === null || i === void 0 ? void 0 : i.code
+    };
+  });
+  useLanguage(history);
+  var _useState = React.useState(dataProps),
+    data = _useState[0],
+    setData = _useState[1];
+  var _useState2 = React.useState([]),
+    completed = _useState2[0],
+    setCompleted = _useState2[1];
+  var _useState3 = React.useState([]),
+    inprogress = _useState3[0],
+    setInProgress = _useState3[1];
+  var _useState4 = React.useState(PrintState.Idling),
+    state = _useState4[0],
+    setState = _useState4[1];
+  var _useState5 = React.useState([]),
+    errorLinks = _useState5[0],
+    setErrorLinks = _useState5[1];
+  var _useState6 = React.useState([]),
+    status = _useState6[0],
+    setStatus = _useState6[1];
+  var theme = material.useTheme();
+  var handleChangeStatus = function handleChangeStatus(event) {
+    if (event.target.checked) {
+      setStatus(function (prev) {
+        var _event$target;
+        return [].concat(prev, [(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value]);
+      });
+    } else setStatus(function (prev) {
+      return prev === null || prev === void 0 ? void 0 : prev.filter(function (i) {
+        var _event$target2;
+        return i !== ((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.value);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var handleSort = function handleSort(sortColumnName) {
-    var sortColumnDirection = exports.OrderType.ASC;
-    console.log({
-      sortColumnName: typeof sortColumnName,
-      filter: typeof filter.sortColumnName
     });
-    if (filter.sortColumnName == sortColumnName && filter.sortColumnDirection === exports.OrderType.ASC) sortColumnDirection = exports.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);
-  React.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 = React.useRef(null);
-  React.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");
-};
-var apiLoginGoogle = function apiLoginGoogle(body, isLearningSpace) {
-  var _headers2;
-  return api.post(AUTH_URL + "/login", body, {
-    headers: (_headers2 = {}, _headers2[NoAcademyHeaders] = isLearningSpace, _headers2)
-  });
-};
-var apiLoginGoogleSuperAdmin = function apiLoginGoogleSuperAdmin(body) {
-  return api.post(AUTH_SUPER_ADMIN_URL + "/login", body);
+      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();
+    });
+  };
+  React.useEffect(function () {
+    if (inprogress.length < TOTAL && data.length > 0 && state === PrintState.Printing) {
+      var item = data[0];
+      print({
+        examSessionId: item === null || item === void 0 ? void 0 : item.examSessionId,
+        studentId: item === null || item === void 0 ? void 0 : item.studentId,
+        code: item === null || item === void 0 ? void 0 : item.code
+      });
+    }
+  }, [inprogress.length, completed.length, data.length, state, data]);
+  return React__default.createElement(material.Container, null, state === PrintState.Idling ? React__default.createElement(material.Typography, null, t("total_number_of_selected_results") + ": ", " ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + data.length).padStart(2, "0")
+  }))) : React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, null, t("completed") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + completed.length).padStart(2, "0")
+  }))), React__default.createElement(material.Typography, null, t("in_progress") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + inprogress.length).padStart(2, "0")
+  }))), React__default.createElement(material.Typography, null, t("remaining") + ": ", React__default.createElement("span", {
+    className: "fw-bold"
+  }, t("number_results", {
+    number: ("" + data.length).padStart(2, "0")
+  })))), !!errorLinks.length && React__default.createElement(material.Stack, {
+    className: "mt-2"
+  }, React__default.createElement(material.Typography, {
+    fontWeight: 700
+  }, t("download_failed"), ":"), Array.from(new Set(errorLinks)).map(function (i) {
+    var _info$createdBy;
+    var info = isTeacher ? dataExamSession.find(function (exam) {
+      return "" + (exam === null || exam === void 0 ? void 0 : exam.examSessionId) === "" + (i === null || i === void 0 ? void 0 : i.examSessionId) && "" + (exam === null || exam === void 0 ? void 0 : exam.studentId) === "" + (i === null || i === void 0 ? void 0 : i.studentId);
+    }) : dataExamSession.find(function (exam) {
+      return (exam === null || exam === void 0 ? void 0 : exam.code) === (i === null || i === void 0 ? void 0 : i.code);
+    });
+    return React__default.createElement(material.Stack, {
+      borderBottom: 1,
+      borderColor: theme.palette.grey[500]
+    }, React__default.createElement("a", {
+      href: i.message,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, (info === null || info === void 0 ? void 0 : info.studentName) || (info === null || info === void 0 ? void 0 : (_info$createdBy = info.createdBy) === null || _info$createdBy === void 0 ? void 0 : _info$createdBy.fullName)), (info === null || info === void 0 ? void 0 : info.title) && React__default.createElement(material.Typography, null, t("exam") + ": " + (info === null || info === void 0 ? void 0 : info.title)), (info === null || info === void 0 ? void 0 : info.startTime) && React__default.createElement(material.Typography, null, t("start_time") + ": " + utcToLocalTime(info === null || info === void 0 ? void 0 : info.startTime, t("date_time_format"))));
+  })), React__default.createElement(material.Stack, {
+    direction: "column",
+    className: "mt-3"
+  }, React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+    className: "fw-bold"
+  }, React__default.createElement("span", {
+    className: "text-danger me-1"
+  }, "*"), t("your_browser_must"), ":"), React__default.createElement(material.List, {
+    className: "ps-3 pt-0"
+  }, React__default.createElement(material.ListItem, {
+    disablePadding: true
+  }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(material.ListItem, {
+    disablePadding: true
+  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+    fontWeight: 700
+  }, t("choose_to_print"), ":"), React__default.createElement(material.FormGroup, {
+    sx: {
+      display: "flex",
+      flexDirection: "row",
+      gap: 1,
+      flexWrap: "wrap"
+    }
+  }, TabList.map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return React__default.createElement(material.FormControlLabel, {
+      control: React__default.createElement(material.Checkbox, {
+        onChange: handleChangeStatus,
+        value: value,
+        checked: status.some(function (i) {
+          return i === value.toString();
+        })
+      }),
+      label: t(label)
+    });
+  }))), React__default.createElement(material.Button, {
+    className: "mt-3",
+    variant: "contained",
+    onClick: handleProgressPrint
+  }, t("print_pdf"))));
 };
-var 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 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 apiLoginSuperAdminWithAccessToken = function apiLoginSuperAdminWithAccessToken(body) {
-  return api.post(AUTH_SUPER_ADMIN_URL + "/login/access-token", body);
+var MathJaxContainer = function MathJaxContainer(_ref) {
+  var content = _ref.content;
+  return React__default.createElement(betterReactMathjax.MathJaxContext, {
+    config: config,
+    asyncLoad: true
+  }, React__default.createElement(betterReactMathjax.MathJax, {
+    id: "" + styles["math-jax"],
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }));
 };
 
-var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl, redirectAfterLogin) {
-  if (redirectAfterLogin === void 0) {
-    redirectAfterLogin = true;
-  }
-  var dispatch = reactRedux.useDispatch();
+var ReleaseAlert = function ReleaseAlert() {
   var _useTranslation = reactI18next.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 === exports.Role.Student;
-      var academyDomain = paramDomain || getAcademyDomain();
-      var isLearningSpace = getLearningSpace() || isStudent && !academyDomain;
-      if (!isStudent && isLearningSpace) {
-        isLearningSpace = false;
-        localStorage.removeItem(LEARNING_SPACE);
+  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(material.Box, {
+      sx: {
+        position: "fixed",
+        right: 10,
+        bottom: isLoginPage ? undefined : 5,
+        top: isLoginPage ? 10 : undefined,
+        userSelect: "none",
+        zIndex: 1
       }
-      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 === exports.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(exports.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
-  };
+    }, React__default.createElement(material.Typography, {
+      color: "success",
+      sx: {
+        fontSize: 10,
+        color: "#3DC674",
+        opacity: 0.8
+      }
+    }, t("version"), ": ", React__default.createElement("span", null, version)));
+  }
 };
 
-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 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(material.Stack, {
+    direction: "row",
+    spacing: 1,
+    className: "" + className
+  }, React__default.createElement(material.Button, {
+    variant: "contained",
+    className: "bg-secondary",
+    startIcon: React__default.createElement(io.IoMdArrowBack, {
+      size: 16
+    }),
+    onClick: onBack
+  }, backText), !hideSave && React__default.createElement(material.Button, {
+    variant: "contained",
+    color: "success",
+    startIcon: saveIcon != null ? saveIcon : React__default.createElement(fa.FaSave, {
+      size: 16
+    }),
+    onClick: onSave,
+    disabled: saveDisabled || isReadonly
+  }, saveText), !!altSaveText && onAltSave && React__default.createElement(material.Button, {
+    variant: "contained",
+    color: "primary",
+    startIcon: React__default.createElement(fa.FaSave, {
+      size: 16
+    }),
+    onClick: onAltSave,
+    disabled: saveDisabled
+  }, altSaveText));
 };
-var getUserAcademies = function getUserAcademies(role, isLearningSpace) {
-  var _headers;
-  return api.get("" + ACADEMY_URL, {
-    params: {
-      role: role
-    },
-    headers: (_headers = {}, _headers[NoAcademyHeaders] = isLearningSpace, _headers)
-  });
+
+var TITLE = "not_found";
+var NotFound = function NotFound(_ref) {
+  var history = _ref.history;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  history && useLanguage(history);
+  React.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 getAcademyByDomainApi = function getAcademyByDomainApi(domain, role) {
-  return api.get(SUPER_ADMIN_ACADEMY_URL + "/domain/" + domain, {
-    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(material.Dialog, {
+    open: open,
+    onClose: onClose,
+    maxWidth: size,
+    fullWidth: true,
+    scroll: "body",
+    sx: {
+      zIndex: 1102
+    },
+    PaperProps: {
+      sx: {
+        overflowY: "unset",
+        minWidth: minWidth
+      }
     }
-  });
+  }, isShowHeader ? React__default.createElement(React.Fragment, null, React__default.createElement(material.DialogTitle, {
+    className: "border border-start-0 border-end-0 border-top-0 border-1 " + titleClassName,
+    sx: {
+      fontSize: "16px!important"
+    }
+  }, title), React__default.createElement(material.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(io5.IoClose, null))) : React__default.createElement(material.Box, {
+    className: "p-3"
+  }, React__default.createElement(material.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 = exports.Role.Student;
-  }
-  if (canFetchAcademies === void 0) {
-    canFetchAcademies = false;
-  }
-  var dispatch = reactRedux.useDispatch();
-  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
-    handleLoginAccessToken = _useLogin.handleLoginAccessToken;
-  var academyList = reactRedux.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 = React.useState(false),
-    dropdownOpen = _useState[0],
-    setDropdownOpen = _useState[1];
-  var toggleDropdown = function toggleDropdown() {
-    return setDropdownOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-  var user = reactRedux.useSelector(function (state) {
-    var _state$common;
-    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
-  });
-  var isReFetchUserAcademies = reactRedux.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 = React.useState(),
+    confirmTextValue = _useState[0],
+    setConfirmTextValue = _useState[1];
   var _useTranslation = reactI18next.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(exports.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 == exports.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) {
-        reactToastify.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(_) {};
+  React.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(material.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) {
-        reactToastify.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(React.Fragment, null, React__default.createElement(material.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(material.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(io5.IoClose, null))), React__default.createElement(material.DialogContent, {
+    sx: _extends({
+      pt: 0.5
+    }, contentStyle)
+  }, React__default.createElement(material.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(material.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(material.DialogActions, {
+    className: "border border-start-0 border-end-0 border-bottom-0 border-1 " + titleClassName,
+    sx: _extends({
+      paddingTop: 1
+    }, actionStyle)
+  }, React__default.createElement(material.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(material.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 = material.styled(material.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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.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) {
-        reactToastify.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);
     }
   };
-  React.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(",")]);
-  React.useEffect(function () {
-    canFetchAcademies && isReFetchUserAcademies && getAcademies(false);
-  }, [canFetchAcademies, isReFetchUserAcademies]);
-  var selectedAcademy = React.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 = material.useTheme();
+  return React__default.createElement(CommonDialog, {
+    open: open,
+    onClose: handleClose,
+    size: "xs",
+    title: t("join_an_academy")
+  }, React__default.createElement(material.DialogContent, {
+    sx: {
+      overflowY: "unset"
+    }
+  }, React__default.createElement(material.Stack, {
+    direction: "column",
+    spacing: 2,
+    zIndex: 1,
+    position: "relative"
+  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.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(material.DialogActions, {
+    className: ""
+  }, React__default.createElement(material.Button, {
+    variant: "contained",
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    },
+    onClick: handleClose
+  }, t("cancel")), React__default.createElement(material.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 = React.useState(-1),
-    startIndex = _useState[0],
-    setStartIndex = _useState[1];
-  var _useState2 = React.useState(-1),
-    endIndex = _useState2[0],
-    setEndIndex = _useState2[1];
-  var containerRef = React.useRef(null);
-  var handleScroll = React.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]);
-  React.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 = reactRedux.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(material.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(material.Pagination, {
+    className: "w-fit",
+    count: totalPage,
+    page: currentPage,
+    onChange: handleChangePage
+  });
 };
 
-(function (RecentUserActionSortBy) {
-  RecentUserActionSortBy["CreatedAt"] = "CreatedAt";
-})(exports.RecentUserActionSortBy || (exports.RecentUserActionSortBy = {}));
-(function (OrderBy) {
-  OrderBy["ASC"] = "ASC";
-  OrderBy["DESC"] = "DESC";
-})(exports.OrderBy || (exports.OrderBy = {}));
+var DropdownIndicator = function DropdownIndicator(props) {
+  return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
+    size: 20,
+    color: styles.darker
+  }));
+};
+var CustomOption = function CustomOption(props) {
+  return React__default.createElement(Select.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);
-  }
-});
-var apiUpload = axios.create({
-  baseURL: BASE_URL,
-  timeout: 60000,
-  headers: {
-    "Content-Type": "multipart/form-data"
+  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
+      }
+    });
   }
-});
-[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);
+};
+
+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;
   });
-});
-[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 _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(Select__default, 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 _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 = reactI18next.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 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$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 = reactI18next.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__default, 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 TabList = [{
-  label: "comprehensive_analysis",
-  value: 0
-}, {
-  label: "solution_order",
-  value: 1
-}, {
-  label: "compare_solution",
-  value: 2
-}, {
-  label: "problem_analysis",
-  value: 3
-}];
+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 = reactI18next.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__default, 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 TOTAL = 3;
-var PrintExamView2 = function PrintExamView2(_ref) {
-  var history = _ref.history,
-    role = _ref.role,
-    dataExamSession = _ref.dataExamSession;
+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 AnswerCountSelector = function AnswerCountSelector(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    isDisabled = _ref.isDisabled;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var isTeacher = exports.Role.Teacher === role;
-  var dataProps = isTeacher ? dataExamSession.map(function (i) {
+  var answerOptions = ANSWER_OPTIONS.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
+      label: t("number_question", {
+        number: i
+      }),
+      value: i
     };
   });
-  useLanguage(history);
-  var _useState = React.useState(dataProps),
-    data = _useState[0],
-    setData = _useState[1];
-  var _useState2 = React.useState([]),
-    completed = _useState2[0],
-    setCompleted = _useState2[1];
-  var _useState3 = React.useState([]),
-    inprogress = _useState3[0],
-    setInProgress = _useState3[1];
-  var _useState4 = React.useState(PrintState.Idling),
-    state = _useState4[0],
-    setState = _useState4[1];
-  var _useState5 = React.useState([]),
-    errorLinks = _useState5[0],
-    setErrorLinks = _useState5[1];
-  var _useState6 = React.useState([]),
-    status = _useState6[0],
-    setStatus = _useState6[1];
-  var theme = material.useTheme();
-  var handleChangeStatus = function handleChangeStatus(event) {
-    if (event.target.checked) {
-      setStatus(function (prev) {
-        var _event$target;
-        return [].concat(prev, [(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value]);
-      });
-    } else setStatus(function (prev) {
-      return prev === null || prev === void 0 ? void 0 : prev.filter(function (i) {
-        var _event$target2;
-        return i !== ((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.value);
-      });
-    });
-  };
-  var handleProgressPrint = function handleProgressPrint() {
-    setData(dataProps);
-    setCompleted([]);
-    setInProgress([]);
-    setErrorLinks([]);
-    setState(PrintState.Printing);
-  };
-  console.log({
-    status: status
+  return React__default.createElement(CustomSelect, {
+    inputId: id,
+    value: value,
+    options: answerOptions,
+    onChange: onChange,
+    isDisabled: isDisabled
   });
-  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();
-    });
-  };
-  React.useEffect(function () {
-    if (inprogress.length < TOTAL && data.length > 0 && state === PrintState.Printing) {
-      var item = data[0];
-      print({
-        examSessionId: item === null || item === void 0 ? void 0 : item.examSessionId,
-        studentId: item === null || item === void 0 ? void 0 : item.studentId,
-        code: item === null || item === void 0 ? void 0 : item.code
-      });
-    }
-  }, [inprogress.length, completed.length, data.length, state, data]);
-  return React__default.createElement(material.Container, null, state === PrintState.Idling ? React__default.createElement(material.Typography, null, t("total_number_of_selected_results") + ": ", " ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + data.length).padStart(2, "0")
-  }))) : React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, null, t("completed") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + completed.length).padStart(2, "0")
-  }))), React__default.createElement(material.Typography, null, t("in_progress") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + inprogress.length).padStart(2, "0")
-  }))), React__default.createElement(material.Typography, null, t("remaining") + ": ", React__default.createElement("span", {
-    className: "fw-bold"
-  }, t("number_results", {
-    number: ("" + data.length).padStart(2, "0")
-  })))), !!errorLinks.length && React__default.createElement(material.Stack, {
-    className: "mt-2"
-  }, React__default.createElement(material.Typography, {
-    fontWeight: 700
-  }, t("download_failed"), ":"), Array.from(new Set(errorLinks)).map(function (i) {
-    var _info$createdBy;
-    var info = isTeacher ? dataExamSession.find(function (exam) {
-      return "" + (exam === null || exam === void 0 ? void 0 : exam.examSessionId) === "" + (i === null || i === void 0 ? void 0 : i.examSessionId) && "" + (exam === null || exam === void 0 ? void 0 : exam.studentId) === "" + (i === null || i === void 0 ? void 0 : i.studentId);
-    }) : dataExamSession.find(function (exam) {
-      return (exam === null || exam === void 0 ? void 0 : exam.code) === (i === null || i === void 0 ? void 0 : i.code);
-    });
-    return React__default.createElement(material.Stack, {
-      borderBottom: 1,
-      borderColor: theme.palette.grey[500]
-    }, React__default.createElement("a", {
-      href: i.message,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, (info === null || info === void 0 ? void 0 : info.studentName) || (info === null || info === void 0 ? void 0 : (_info$createdBy = info.createdBy) === null || _info$createdBy === void 0 ? void 0 : _info$createdBy.fullName)), (info === null || info === void 0 ? void 0 : info.title) && React__default.createElement(material.Typography, null, t("exam") + ": " + (info === null || info === void 0 ? void 0 : info.title)), (info === null || info === void 0 ? void 0 : info.startTime) && React__default.createElement(material.Typography, null, t("start_time") + ": " + utcToLocalTime(info === null || info === void 0 ? void 0 : info.startTime, t("date_time_format"))));
-  })), React__default.createElement(material.Stack, {
-    direction: "column",
-    className: "mt-3"
-  }, React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
-    className: "fw-bold"
-  }, React__default.createElement("span", {
-    className: "text-danger me-1"
-  }, "*"), t("your_browser_must"), ":"), React__default.createElement(material.List, {
-    className: "ps-3 pt-0"
-  }, React__default.createElement(material.ListItem, {
-    disablePadding: true
-  }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(material.ListItem, {
-    disablePadding: true
-  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
-    fontWeight: 700
-  }, t("choose_to_print"), ":"), React__default.createElement(material.FormGroup, {
-    sx: {
-      display: "flex",
-      flexDirection: "row",
-      gap: 1,
-      flexWrap: "wrap"
-    }
-  }, TabList.map(function (_ref3) {
-    var label = _ref3.label,
-      value = _ref3.value;
-    return React__default.createElement(material.FormControlLabel, {
-      control: React__default.createElement(material.Checkbox, {
-        onChange: handleChangeStatus,
-        value: value,
-        checked: status.some(function (i) {
-          return i === value.toString();
-        })
-      }),
-      label: t(label)
-    });
-  }))), React__default.createElement(material.Button, {
-    className: "mt-3",
-    variant: "contained",
-    onClick: handleProgressPrint
-  }, t("print_pdf"))));
 };
 
-var ReleaseAlert = function ReleaseAlert() {
-  var _useTranslation = reactI18next.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(material.Box, {
-      sx: {
-        position: "fixed",
-        right: 10,
-        bottom: isLoginPage ? undefined : 5,
-        top: isLoginPage ? 10 : undefined,
-        userSelect: "none",
-        zIndex: 1
+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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(CustomSelect, Object.assign({
+    isMulti: isMulti,
+    inputId: id,
+    value: value,
+    options: options,
+    onChange: onChange,
+    isDisabled: isDisabled,
+    placeholder: placeholder || t("select_category")
+  }, rest));
+};
+
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
+// Asynchronously await a promise and pass the result to a finally continuation
+function _finallyRethrows(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer(true, e);
+	}
+	if (result && result.then) {
+		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+	}
+	return finalizer(false, result);
+}
+
+// Asynchronously await a promise and invoke a finally continuation that always overrides the result
+function _finally(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer();
+	}
+	if (result && result.then) {
+		return result.then(finalizer, finalizer);
+	}
+	return finalizer();
+}
+
+(function (PreparedType) {
+  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
+  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
+  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
+})(exports.PreparedType || (exports.PreparedType = {}));
+
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(exports.ExamEvent || (exports.ExamEvent = {}));
+
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(exports.ExamStatus || (exports.ExamStatus = {}));
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["ChoiceOption"] = 0] = "ChoiceOption";
+  QuestionAnswerType[QuestionAnswerType["Textual"] = 1] = "Textual";
+})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
+
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(exports.OrderType || (exports.OrderType = {}));
+
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(exports.RecentUserAction || (exports.RecentUserAction = {}));
+
+(function (UserSortColumn) {
+  UserSortColumn["CreatedAt"] = "CreatedAt";
+  UserSortColumn["FullName"] = "FullName";
+  UserSortColumn["PhoneNumber"] = "PhoneNumber";
+  UserSortColumn["Email"] = "Email";
+  UserSortColumn["SchoolName"] = "SchoolName";
+  UserSortColumn["Major"] = "Major";
+  UserSortColumn["ParentName"] = "ParentName";
+  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
+  UserSortColumn["Grade"] = "Grade";
+})(exports.UserSortColumn || (exports.UserSortColumn = {}));
+
+var useAutoAcademyDomain = function useAutoAcademyDomain(_, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
+  if (isAuthPage === void 0) {
+    isAuthPage = true;
+  }
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.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;
       }
-    }, React__default.createElement(material.Typography, {
-      color: "success",
-      sx: {
-        fontSize: 10,
-        color: "#3DC674",
-        opacity: 0.8
+      if (paramAcademyDomain) {
+        searchParams["delete"]("domain");
+        pushTo(history, _extends({}, window.location, {
+          search: searchParams.toString()
+        }), true);
+        return;
       }
-    }, t("version"), ": ", React__default.createElement("span", null, version)));
-  }
-};
-
-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(material.Stack, {
-    direction: "row",
-    spacing: 1,
-    className: "" + className
-  }, React__default.createElement(material.Button, {
-    variant: "contained",
-    className: "bg-secondary",
-    startIcon: React__default.createElement(io.IoMdArrowBack, {
-      size: 16
-    }),
-    onClick: onBack
-  }, backText), !hideSave && React__default.createElement(material.Button, {
-    variant: "contained",
-    color: "success",
-    startIcon: saveIcon != null ? saveIcon : React__default.createElement(fa.FaSave, {
-      size: 16
-    }),
-    onClick: onSave,
-    disabled: saveDisabled || isReadonly
-  }, saveText), !!altSaveText && onAltSave && React__default.createElement(material.Button, {
-    variant: "contained",
-    color: "primary",
-    startIcon: React__default.createElement(fa.FaSave, {
-      size: 16
-    }),
-    onClick: onAltSave,
-    disabled: saveDisabled
-  }, altSaveText));
+    } 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;
+      }
+    }
+  };
+  React.useEffect(function () {
+    changeAcademySearchParams();
+  }, [pathname, window.location.search, isAuthPage, email, academyDomain]);
 };
 
-var TITLE = "not_found";
-var NotFound = function NotFound(_ref) {
-  var history = _ref.history;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  history && useLanguage(history);
-  React.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 EXAM_SESSION_URL = BASE_URL + "/api/examSession";
+var getCheckStatusExam = function getCheckStatusExam(examCode) {
+  return api.get(EXAM_SESSION_URL + "/" + examCode + "/status");
 };
 
-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(material.Dialog, {
-    open: open,
-    onClose: onClose,
-    maxWidth: size,
-    fullWidth: true,
-    scroll: "body",
-    sx: {
-      zIndex: 1102
-    },
-    PaperProps: {
-      sx: {
-        overflowY: "unset",
-        minWidth: minWidth
+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 = reactRedux.useDispatch();
+  var _useState = React.useState(),
+    remainTime = _useState[0],
+    setRemainTime = _useState[1];
+  var checkStatusRef = React.useRef(null);
+  var requestRef = React.useRef(null);
+  var checkLiveExamStatus = React.useCallback(function () {
+    try {
+      !!checkStatusRef.current && clearTimeout(checkStatusRef.current);
+      if (!code || status === exports.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 === exports.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);
     }
-  }, isShowHeader ? React__default.createElement(React.Fragment, null, React__default.createElement(material.DialogTitle, {
-    className: "border border-start-0 border-end-0 border-top-0 border-1 " + titleClassName,
-    sx: {
-      fontSize: "16px!important"
-    }
-  }, title), React__default.createElement(material.IconButton, {
-    "aria-label": "close",
-    onClick: onClose,
-    sx: {
-      position: "absolute",
-      right: 8,
-      top: 8,
-      color: function color(theme) {
-        return theme.palette.grey[500];
+  }, [code, status, onFinish]);
+  React.useEffect(function () {
+    if (status !== exports.ExamStatus.InProgress) return;
+    var animate = function animate() {
+      if (!startTime || !duration) return;
+      if (typeof remainTime === "number" && remainTime <= 0) {
+        return;
       }
-    }
-  }, React__default.createElement(io5.IoClose, null))) : React__default.createElement(material.Box, {
-    className: "p-3"
-  }, React__default.createElement(material.Typography, {
-    className: "fs-5 text-center fw-bold"
-  }, title)), children);
+      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]);
+  React.useEffect(function () {
+    if (typeof remainTime === "number" && remainTime <= 0) checkLiveExamStatus();
+  }, [remainTime, checkLiveExamStatus]);
+  return remainTime;
 };
 
-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
+var useGoogleSignOut = function useGoogleSignOut(props) {
+  var dispatch = reactRedux.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 = GoogleLogin.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 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 = React.useState(),
-    confirmTextValue = _useState[0],
-    setConfirmTextValue = _useState[1];
+var useList = function useList(fetchData, defaultQuery) {
+  var dispatch = reactRedux.useDispatch();
+  var _useState = React.useState(defaultQuery),
+    filter = _useState[0],
+    setFilter = _useState[1];
+  var _useState2 = React.useState(DEFAULT_PAGING_RESPONSE),
+    paging = _useState2[0],
+    setPaging = _useState2[1];
+  var _useState3 = React.useState([]),
+    data = _useState3[0],
+    setData = _useState3[1];
+  var _useState4 = React.useState(),
+    selectedItem = _useState4[0],
+    setSelectedItem = _useState4[1];
+  var textSearchRef = React.useRef(null);
+  var isFirstLoadRef = React.useRef(true);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var handleConfirm = function handleConfirm() {
-    onConfirm();
+  var handleChangeSelectedItem = function handleChangeSelectedItem(item) {
+    setSelectedItem(item);
   };
-  var handleChangeConfirmText = function handleChangeConfirmText(e) {
-    setConfirmTextValue(e.target.value);
+  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([]);
+        reactToastify.toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
-  var handlePaste = function handlePaste(_) {};
+  var handleSort = function handleSort(sortColumnName) {
+    var sortColumnDirection = exports.OrderType.ASC;
+    console.log({
+      sortColumnName: typeof sortColumnName,
+      filter: typeof filter.sortColumnName
+    });
+    if (filter.sortColumnName == sortColumnName && filter.sortColumnDirection === exports.OrderType.ASC) sortColumnDirection = exports.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);
   React.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(material.Dialog, {
-    open: open,
-    onClose: toggle,
-    sx: {
-      zIndex: zIndex
-    }
-  }, React__default.createElement(React.Fragment, null, React__default.createElement(material.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(material.IconButton, {
-    "aria-label": "close",
-    onClick: toggle,
-    sx: {
-      position: "absolute",
-      right: 8,
-      top: 8,
-      color: function color(theme) {
-        return theme.palette.grey[500];
+    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 = React.useRef(null);
+  React.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);
     }
-  }, React__default.createElement(io5.IoClose, null))), React__default.createElement(material.DialogContent, {
-    sx: _extends({
-      pt: 0.5
-    }, contentStyle)
-  }, React__default.createElement(material.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(material.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(material.DialogActions, {
-    className: "border border-start-0 border-end-0 border-bottom-0 border-1 " + titleClassName,
-    sx: _extends({
-      paddingTop: 1
-    }, actionStyle)
-  }, React__default.createElement(material.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(material.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"
+    return function () {
+      if (currentTarget) {
+        observer.unobserve(currentTarget);
       }
-    })
-  }, okText || t('yes'))));
+    };
+  }, [observerTarget, loading, onLoadMore]);
+  return {
+    observerTarget: observerTarget
+  };
 };
 
-var ConfirmDeleteDialog = function ConfirmDeleteDialog(props) {
-  return React__default.createElement(ConfirmDialog, Object.assign({}, ConfirmDeleteDialogDefaultProps, props));
+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 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"};
-
-var _templateObject;
-var BorderedTextField = material.styled(material.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 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 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
+    },
+    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 PassCodeDialog = function PassCodeDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    onSubmit = _ref.onSubmit,
-    academyDomain = _ref.academyDomain;
+var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl, redirectAfterLogin) {
+  if (redirectAfterLogin === void 0) {
+    redirectAfterLogin = true;
+  }
+  var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React.useState(""),
-    passCode = _useState[0],
-    setPassCode = _useState[1];
-  var handleClose = function handleClose(event, reason) {
-    onClose(event, reason);
+  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 === exports.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 handleSubmit = function handleSubmit() {
+  var handleLoginAccessToken = function handleLoginAccessToken(data, isLearningSpace, domain, isLogout, superAdminRedirectPath) {
+    if (isLogout === void 0) {
+      isLogout = true;
+    }
     try {
-      var data = {
-        code: passCode,
-        academyDomain: academyDomain
+      var isStudent = data.role === exports.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));
       };
-      return Promise.resolve(onSubmit(data, handleClose)).then(function () {});
+      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 handleChangePassCode = function handleChangePassCode(e) {
-    setPassCode(e.target.value);
-  };
-  var theme = material.useTheme();
-  return React__default.createElement(CommonDialog, {
-    open: open,
-    onClose: handleClose,
-    size: "xs",
-    title: t("join_an_academy")
-  }, React__default.createElement(material.DialogContent, {
-    sx: {
-      overflowY: "unset"
+  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(exports.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);
     }
-  }, React__default.createElement(material.Stack, {
-    direction: "column",
-    spacing: 2,
-    zIndex: 1,
-    position: "relative"
-  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.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(material.DialogActions, {
-    className: ""
-  }, React__default.createElement(material.Button, {
-    variant: "contained",
-    sx: {
-      bgcolor: theme.palette.grey[700]
-    },
-    onClick: handleClose
-  }, t("cancel")), React__default.createElement(material.Button, {
-    variant: "contained",
-    onClick: handleSubmit,
-    disabled: !passCode.trim().length
-  }, t("confirmation"))));
+  };
+  return {
+    handleLoginGoogle: handleLoginGoogle,
+    handleLoginAccessToken: handleLoginAccessToken,
+    redirectLoginUser: redirectLoginUser
+  };
 };
 
-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 = reactRedux.useSelector(function (state) {
-    return state.common.isLoading;
+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
+    }
   });
-  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(material.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(material.Pagination, {
-    className: "w-fit",
-    count: totalPage,
-    page: currentPage,
-    onChange: handleChangePage
+var getUserAcademies = function getUserAcademies(role, isLearningSpace) {
+  var _headers;
+  return api.get("" + ACADEMY_URL, {
+    params: {
+      role: role
+    },
+    headers: (_headers = {}, _headers[NoAcademyHeaders] = isLearningSpace, _headers)
   });
 };
-
-var DropdownIndicator = function DropdownIndicator(props) {
-  return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
-    size: 20,
-    color: styles.darker
-  }));
-};
-var CustomOption = function CustomOption(props) {
-  return React__default.createElement(Select.components.Option, Object.assign({}, props), React__default.createElement("div", {
-    style: {
-      fontSize: "14px",
-      fontWeight: 500
+var getAcademyByDomainApi = function getAcademyByDomainApi(domain, role) {
+  return api.get(SUPER_ADMIN_ACADEMY_URL + "/domain/" + domain, {
+    params: {
+      role: role
     }
-  }, 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
-    });
-  },
-  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 getAcademyDetail = function getAcademyDetail() {
+  return api.get(ACADEMY_URL + "/detail");
 };
-
-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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return React__default.createElement(Select__default, 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 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 _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 useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl, homeUrl, registerUrl, canFetchAcademies) {
+  var _user$roles;
+  if (role === void 0) {
+    role = exports.Role.Student;
+  }
+  if (canFetchAcademies === void 0) {
+    canFetchAcademies = false;
+  }
+  var dispatch = reactRedux.useDispatch();
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
+    handleLoginAccessToken = _useLogin.handleLoginAccessToken;
+  var academyList = reactRedux.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 = React.useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var toggleDropdown = function toggleDropdown() {
+    return setDropdownOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isReFetchUserAcademies = reactRedux.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 = reactI18next.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 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(exports.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 == exports.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) {
+        reactToastify.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) {
+        reactToastify.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) {
+        reactToastify.toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.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(",")]);
+  React.useEffect(function () {
+    canFetchAcademies && isReFetchUserAcademies && getAcademies(false);
+  }, [canFetchAcademies, isReFetchUserAcademies]);
+  var selectedAcademy = React.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 _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 = reactI18next.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__default, 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 useVirtualizeList = function useVirtualizeList(totalItems, rowHeight, offsetRow, minRows) {
+  if (offsetRow === void 0) {
+    offsetRow = 1;
+  }
+  var _useState = React.useState(-1),
+    startIndex = _useState[0],
+    setStartIndex = _useState[1];
+  var _useState2 = React.useState(-1),
+    endIndex = _useState2[0],
+    setEndIndex = _useState2[1];
+  var containerRef = React.useRef(null);
+  var handleScroll = React.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]);
+  React.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 = reactI18next.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__default, 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));
-};
+(function (RecentUserActionSortBy) {
+  RecentUserActionSortBy["CreatedAt"] = "CreatedAt";
+})(exports.RecentUserActionSortBy || (exports.RecentUserActionSortBy = {}));
+(function (OrderBy) {
+  OrderBy["ASC"] = "ASC";
+  OrderBy["DESC"] = "DESC";
+})(exports.OrderBy || (exports.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 = reactI18next.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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return React__default.createElement(CustomSelect, Object.assign({
-    isMulti: isMulti,
-    inputId: id,
-    value: value,
-    options: options,
-    onChange: onChange,
-    isDisabled: isDisabled,
-    placeholder: placeholder || t("select_category")
-  }, rest));
-};
+});
 
 var COURSE_URL = BASE_URL + "/api/course";
 var getClassesApi = function getClassesApi(textSearch) {
@@ -9162,7 +9210,7 @@ var usePusherConversation = function usePusherConversation(onNewMessageConversat
   return {};
 };
 
-var config = {
+var config$1 = {
   height: 300,
   allowedContent: true,
   toolbar: ["/", {
@@ -9194,13 +9242,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];
@@ -9212,19 +9263,20 @@ var CkEditor = function CkEditor(_ref) {
       editor.setData(value);
     }
   }, [value, editor]);
-  return React__default.createElement(ckeditor4React.CKEditor, {
+  return React__default.createElement(ckeditor4React.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) {
@@ -10793,10 +10845,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,
@@ -11750,11 +11802,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,
@@ -13045,7 +13097,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$8 = ["getStudents"],
+var _excluded$9 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13096,7 +13148,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);
@@ -13846,12 +13898,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,
@@ -15957,23 +16009,29 @@ var CompareGrass = function CompareGrass(_ref2) {
           textAlign: "center",
           color: "#202B37"
         }
-      }, t("number_question", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.correctAnswers
+      }) : t("number_question", {
         number: 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", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.selectedAnswers
+      }) : t("number_question", {
         number: item.selectedAnswers
-      }) : ""), React__default.createElement("td", {
+      })), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: "#414E62"
         }
-      }, item.mostSelectedAnswers ? t("number_question", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.mostSelectedAnswers
+      }) : t("number_question", {
         number: item.mostSelectedAnswers
-      }) : ""), React__default.createElement("td", {
+      })), React__default.createElement("td", {
         className: "" + printStyles["avoid-break-inside"]
       }, React__default.createElement("div", {
         className: styles$3["classification"] + " " + printStyles["avoid-break-inside"]
@@ -16360,16 +16418,20 @@ var Vulnerable = function Vulnerable(_ref) {
           fontSize: "13px",
           fontWeight: 500
         }
-      }, item.selectedAnswers ? t("number_answer", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.selectedAnswers
+      }) : t("number_question", {
         number: item.selectedAnswers
-      }) : ""), React__default.createElement("td", {
+      })), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
         }
-      }, item.correctAnswers ? t("number_answer", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.correctAnswers
+      }) : t("number_question", {
         number: item.correctAnswers
-      }) : ""), React__default.createElement("td", {
+      })), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
@@ -18203,16 +18265,20 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
           fontSize: "13px",
           fontWeight: 500
         }
-      }, item.selectedAnswers ? t("number_answer", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.selectedAnswers
+      }) : t("number_question", {
         number: item.selectedAnswers
-      }) : ""), React__default.createElement("td", {
+      })), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
         }
-      }, item.correctAnswers ? t("number_answer", {
+      }, (item === null || item === void 0 ? void 0 : item.questionAnswerType) === exports.QuestionAnswerType.Textual ? React__default.createElement(MathJaxContainer, {
+        content: item === null || item === void 0 ? void 0 : item.correctAnswers
+      }) : t("number_question", {
         number: item.correctAnswers
-      }) : ""), React__default.createElement("td", {
+      })), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$3.gray_700
@@ -18250,7 +18316,13 @@ 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) === exports.QuestionAnswerType.Textual ? 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
+      })) : React__default.createElement("span", {
         className: styles$3["answer"]
       }, t("number_question", {
         number: question.selectedAnswers
@@ -20037,16 +20109,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',
@@ -20056,14 +20136,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 && reactToastify.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);
         }
@@ -21081,14 +21165,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(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21142,7 +21226,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"],
@@ -21172,7 +21256,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);
@@ -24958,12 +25042,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -26031,12 +26115,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
@@ -26428,11 +26512,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
@@ -26654,7 +26738,9 @@ var DefaultQuestion = {
   title: "",
   author: "",
   subjectId: null,
-  preparedType: null
+  preparedType: null,
+  questionAnswerType: exports.QuestionAnswerType.ChoiceOption,
+  textualAnswer: ""
 };
 var DefaultArticle = {
   answerCount: 5,
@@ -28007,7 +28093,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var _excluded$f = ["value"],
+var _excluded$g = ["value"],
   _excluded2$2 = ["onChange"],
   _excluded3$2 = ["onChange"];
 var VisuallyHiddenInput = material.styled("input")({
@@ -28272,7 +28358,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(xDatePickers.LocalizationProvider, {
           dateAdapter: AdapterMoment.AdapterMoment
         }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -28483,10 +28569,22 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
             fontSize: "16px"
           }, t("chapter_number", {
             number: chapterIndex + 1
-          })), React__default.createElement(material.Typography, {
+          })), React__default.createElement(material.Stack, {
+            flexDirection: "row",
+            gap: "8px"
+          }, React__default.createElement(material.Typography, {
             fontWeight: 700,
             fontSize: "16px"
-          }, chapter.pageFrom + " - " + chapter.pageTo)));
+          }, chapter.pageFrom + " - " + chapter.pageTo), React__default.createElement(material.IconButton, {
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              arrayHelpers.remove(chapterIndex);
+            },
+            color: "default",
+            className: " bg-danger text-white"
+          }, React__default.createElement(fa6.FaTrashCan, {
+            size: 12
+          })))));
         }));
       }
     }), textbookState.position === TextbookState.Chapter && React__default.createElement(Chapter, {
@@ -29757,7 +29855,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,
@@ -29818,7 +29916,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(formik.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) {
@@ -32367,7 +32465,18 @@ Object.defineProperty(exports, 'useTranslation', {
 		return reactI18next.useTranslation;
 	}
 });
-exports.moment = moment;
+Object.defineProperty(exports, 'MathJax', {
+	enumerable: true,
+	get: function () {
+		return betterReactMathjax.MathJax;
+	}
+});
+Object.defineProperty(exports, 'MathJaxContext', {
+	enumerable: true,
+	get: function () {
+		return betterReactMathjax.MathJaxContext;
+	}
+});
 Object.defineProperty(exports, 'DateCalendar', {
 	enumerable: true,
 	get: function () {
@@ -32416,6 +32525,7 @@ Object.defineProperty(exports, 'DemoContainer', {
 		return demo.DemoContainer;
 	}
 });
+exports.moment = moment;
 exports.ACADEMY_DOMAIN = ACADEMY_DOMAIN;
 exports.ACCESS_TOKEN = ACCESS_TOKEN;
 exports.AcademyHeaders = AcademyHeaders;
@@ -32470,6 +32580,7 @@ exports.Login = Login;
 exports.LoginQRCode = LoginQRCode;
 exports.LoginWithEmail = LoginWithEmail;
 exports.LoginWithPassword = SignIn;
+exports.MathJaxContainer = MathJaxContainer;
 exports.NewNoteButton = NewNoteButton;
 exports.NoAcademyHeaders = NoAcademyHeaders;
 exports.NotFound = NotFound;