touchstudy-core 0.1.82 → 0.1.84

package/dist/index.modern.js

@@ -1,16 +1,20 @@
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import React__default, { useState, useCallback, useEffect, Fragment as Fragment$1, useMemo, useRef, createElement } from 'react';
+import React__default, { useEffect, useState, useCallback, Fragment as Fragment$1, useMemo, useRef, createElement } from 'react';
 import { Formik, Form, Field } from 'formik';
-import { object, string, boolean } from 'yup';
+import { object, string, number } from 'yup';
 import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
 import { useDispatch, useSelector } from 'react-redux';
 import axios from 'axios';
 import { useTranslation, initReactI18next } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
-import { Paper, Card, Stack, Grid, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, Button, Box, Typography, Pagination, styled, useTheme, useMediaQuery, MenuList, Tooltip, tooltipClasses, ClickAwayListener, CircularProgress, FormControl, RadioGroup, FormControlLabel, Radio, FormGroup, FormLabel, Checkbox, InputLabel, Container, Table, TableBody, TableRow, TableCell, TableHead, InputBase, List, ListItem } from '@mui/material';
+import { Paper, Card, Stack, Box, Typography, TextField, Button, Grid, Dialog, DialogTitle, IconButton, DialogContent, DialogActions, Pagination, styled, useTheme, useMediaQuery, MenuList, Tooltip, tooltipClasses, ClickAwayListener, CircularProgress, FormControl, RadioGroup, FormControlLabel, Radio, FormGroup, FormLabel, Checkbox, InputLabel, Container, Table, TableBody, TableRow, TableCell, TableHead, InputBase, List, ListItem } from '@mui/material';
+import { blue } from '@mui/material/colors';
+import { GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import { gapi } from 'gapi-script';
+import { toast } from 'react-toastify';
+export { ToastContainer, toast } from 'react-toastify';
 import 'moment/locale/ko.js';
 import 'moment/locale/en-au.js';
 import Pusher from 'pusher-js';
@@ -21,8 +25,6 @@ import Popover from '@mui/material/Popover';
 import MenuItem from '@mui/material/MenuItem';
 import IconButton$1 from '@mui/material/IconButton';
 import { GoArrowSwitch } from 'react-icons/go';
-import { toast } from 'react-toastify';
-export { ToastContainer, toast } from 'react-toastify';
 import Select, { components } from 'react-select';
 import { FaCaretDown, FaTrash, FaPlus, FaSave, FaPencilAlt, FaPlusCircle, FaTimes, FaSortUp, FaSortDown, FaEye } from 'react-icons/fa';
 import { PiDotsNineLight } from 'react-icons/pi';
@@ -471,14 +473,16 @@ var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl)
         return Promise.resolve(apiLogin()).then(function (loginResponse) {
           var isFirstLogin = loginResponse.isFirstLogin,
             token = loginResponse.token,
-            user = loginResponse.user;
+            user = loginResponse.user,
+            isSuperAdmin = loginResponse.isSuperAdmin;
           var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
           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;
           redirectLoginUser(_extends({}, user, {
-            isNotEnoughStatements: isFirstLogin
+            isNotEnoughStatements: isFirstLogin,
+            isSuperAdmin: isSuperAdmin
           }), token, redirectUrl);
         });
       }, function (error) {
@@ -711,20 +715,33 @@ var SloganFullLogoEn = function SloganFullLogoEn(_ref) {
   }))));
 };
 
-var schema = object({
-  email: string().email("Email is invalid").required("Email is required"),
-  password: string().required("Password is required"),
-  rememberMe: boolean()
-});
-var BlockLogin = function BlockLogin(_ref) {
-  var defaultInfo = _ref.defaultInfo,
-    history = _ref.history,
-    _ref$role = _ref.role,
-    role = _ref$role === void 0 ? Role.Student : _ref$role,
-    homeAcademyUrl = _ref.homeAcademyUrl,
-    homeUrl = _ref.homeUrl,
-    registerUrl = _ref.registerUrl,
-    clientId = _ref.clientId;
+var schema = function schema(t, isOTP) {
+  return object({
+    email: string().when([], function (_ref, schema) {
+      return !isOTP ? schema.email(t("invalid_email_address")).required(t("email_is_required")) : schema;
+    }),
+    otp: number().typeError(t("must_be_number")).when([], function (_ref2, schema) {
+      return isOTP ? schema.required(t("otp_is_required")).positive().integer() : schema;
+    })
+  });
+};
+var BlockLogin = function BlockLogin(_ref3) {
+  var isOTP = _ref3.isOTP,
+    isEmail = _ref3.isEmail,
+    defaultInfo = _ref3.defaultInfo,
+    onVerify = _ref3.onVerify,
+    tokenReCaptcha = _ref3.tokenReCaptcha,
+    refreshReCaptcha = _ref3.refreshReCaptcha,
+    handleSwitchOTP = _ref3.handleSwitchOTP,
+    handleSwitchEmail = _ref3.handleSwitchEmail,
+    history = _ref3.history,
+    _ref3$role = _ref3.role,
+    role = _ref3$role === void 0 ? Role.Student : _ref3$role,
+    homeAcademyUrl = _ref3.homeAcademyUrl,
+    homeUrl = _ref3.homeUrl,
+    registerUrl = _ref3.registerUrl,
+    clientId = _ref3.clientId,
+    onSubmit = _ref3.onSubmit;
   var language = useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
@@ -769,19 +786,32 @@ var BlockLogin = function BlockLogin(_ref) {
     sx: {
       gap: 4,
       p: 6,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center'
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center"
     }
   }, React__default.createElement(Formik, {
     initialValues: defaultInfo,
-    validationSchema: schema,
-    onSubmit: function onSubmit() {}
-  }, function (formikProps) {
-    var handleSubmit = formikProps.handleSubmit;
-    return React__default.createElement("form", {
-      onSubmit: handleSubmit
-    }, React__default.createElement("div", {
+    validationSchema: function validationSchema() {
+      return schema(t, isOTP);
+    },
+    onSubmit: onSubmit
+  }, function (_ref4) {
+    var errors = _ref4.errors,
+      values = _ref4.values,
+      setFieldValue = _ref4.setFieldValue;
+    console.log({
+      errors: errors,
+      values: values
+    });
+    useEffect(function () {
+      if (isOTP) {
+        setFieldValue("email", "");
+      } else {
+        setFieldValue("otp", "");
+      }
+    }, [isOTP, isEmail]);
+    return React__default.createElement(Form, null, React__default.createElement("div", {
       className: "" + styles["block-form"]
     }, React__default.createElement(Stack, {
       py: 2,
@@ -791,7 +821,7 @@ var BlockLogin = function BlockLogin(_ref) {
       width: "300px"
     }) : React__default.createElement(SloganFullLogoEn, {
       width: "300px"
-    })), React__default.createElement("div", {
+    })), !isOTP && !isEmail && React__default.createElement("div", {
       className: "p-0 mt-1 mb-4"
     }, React__default.createElement(GoogleLogin, {
       clientId: clientId,
@@ -801,18 +831,152 @@ var BlockLogin = function BlockLogin(_ref) {
       cookiePolicy: "single_host_origin",
       className: "" + styles["btn-login-google"],
       isSignedIn: true
-    }))));
+    }), React__default.createElement(Box, {
+      onClick: function onClick() {
+        return handleSwitchEmail(true);
+      },
+      sx: {
+        cursor: "pointer",
+        my: 4
+      }
+    }, React__default.createElement(Typography, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: blue[700]
+    }, t("sign_in_with_email"))))), (isEmail || isOTP) && React__default.createElement(Stack, null, !isOTP ? React__default.createElement(Stack, {
+      flexDirection: "column",
+      gap: 1
+    }, React__default.createElement(Typography, {
+      fontWeight: 700,
+      fontSize: "14px"
+    }, t("email")), React__default.createElement(Field, {
+      name: "email",
+      render: function render(_ref5) {
+        var field = _ref5.field;
+        return React__default.createElement(TextField, Object.assign({}, field));
+      }
+    }), !!(errors !== null && errors !== void 0 && errors.email) && React__default.createElement(Typography, {
+      fontWeight: 500,
+      fontSize: "10px",
+      lineHeight: "11.93px",
+      color: !(errors !== null && errors !== void 0 && errors.email) ? "#97A1AF" : "#F34B4B"
+    }, errors === null || errors === void 0 ? void 0 : errors.email)) : React__default.createElement(Stack, {
+      flexDirection: "column",
+      gap: 1
+    }, React__default.createElement(Typography, {
+      fontWeight: 700,
+      fontSize: "14px"
+    }, t("OTP")), React__default.createElement(Field, {
+      name: "otp",
+      render: function render(_ref6) {
+        var field = _ref6.field;
+        return React__default.createElement(TextField, Object.assign({}, field));
+      }
+    }), !!(errors !== null && errors !== void 0 && errors.otp) && React__default.createElement(Typography, {
+      fontWeight: 500,
+      fontSize: "10px",
+      lineHeight: "11.93px",
+      color: !(errors !== null && errors !== void 0 && errors.otp) ? "#97A1AF" : "#F34B4B"
+    }, errors === null || errors === void 0 ? void 0 : errors.otp)), React__default.createElement(Stack, {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 2,
+      my: 2
+    }, React__default.createElement(GoogleReCaptcha, {
+      onVerify: onVerify,
+      refreshReCaptcha: refreshReCaptcha
+    })), React__default.createElement(Box, {
+      onClick: function onClick() {
+        handleSwitchEmail(false);
+        handleSwitchOTP(false);
+      },
+      sx: {
+        cursor: "pointer",
+        my: 2
+      }
+    }, React__default.createElement(Typography, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: blue[700]
+    }, t("sign_in_with_google_account"))), React__default.createElement(Stack, {
+      flexDirection: "row",
+      justifyContent: "end",
+      gap: 1,
+      mt: 2
+    }, React__default.createElement(Button, {
+      variant: "contained",
+      color: "primary",
+      type: "submit",
+      disabled: !tokenReCaptcha
+    }, t("submit")))));
   })));
 };
 
+var SIGN_IN_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth/login";
+var SIGN_IN_URL = BASE_URL + "/api/auth/login";
+var signInApi = function signInApi(_ref) {
+  var email = _ref.email,
+    password = _ref.password,
+    role = _ref.role;
+  return api.post(SIGN_IN_URL + "/demo", {
+    email: email,
+    password: password,
+    role: role
+  });
+};
+var signInWithEmailApi = function signInWithEmailApi(_ref2) {
+  var academyDomain = _ref2.academyDomain,
+    email = _ref2.email,
+    reCaptcha = _ref2.reCaptcha;
+  return api.post((academyDomain ? SIGN_IN_URL : SIGN_IN_SUPER_ADMIN_URL) + "/email", {
+    email: email,
+    reCaptcha: reCaptcha
+  }, {
+    headers: {
+      Domain: window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '')
+    }
+  });
+};
+var signInWithOTPApi = function signInWithOTPApi(_ref3) {
+  var academyDomain = _ref3.academyDomain,
+    otp = _ref3.otp,
+    role = _ref3.role;
+  return api.post((academyDomain ? SIGN_IN_URL : SIGN_IN_SUPER_ADMIN_URL) + "/otp", {
+    otp: otp,
+    role: role
+  });
+};
+var signInWithKeyApi = function signInWithKeyApi(_ref4) {
+  var academyDomain = _ref4.academyDomain,
+    key = _ref4.key,
+    role = _ref4.role;
+  return api.post((academyDomain ? SIGN_IN_URL : SIGN_IN_SUPER_ADMIN_URL) + "/email/key", {
+    key: key,
+    role: role
+  });
+};
+var signInSuperAdminApi = function signInSuperAdminApi(_ref5) {
+  var email = _ref5.email,
+    password = _ref5.password,
+    role = _ref5.role;
+  return api.post(SIGN_IN_SUPER_ADMIN_URL + "/demo", {
+    email: email,
+    password: password,
+    role: role
+  });
+};
+
 var defaultInfo = {
   email: "",
-  password: "",
-  captcha: "",
-  rememberMe: false
+  otp: ""
 };
 var PAGE_TITLE = "sign_in";
-var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
+var useLogin$1 = function useLogin(_ref) {
+  var history = _ref.history,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl,
+    role = _ref.role;
   var _useState = useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
@@ -822,6 +986,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState3 = useState(),
     clientId = _useState3[0],
     setClientId = _useState3[1];
+  var dispatch = useDispatch();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var toggle = useCallback(function () {
@@ -830,6 +995,96 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState4 = useState(false),
     isShowPassword = _useState4[0],
     setIsShowPassword = _useState4[1];
+  var _useState5 = useState(false),
+    isOTP = _useState5[0],
+    setIsOTP = _useState5[1];
+  var _useState6 = useState(false),
+    isEmail = _useState6[0],
+    setIsEmail = _useState6[1];
+  var searchParams = new URLSearchParams(window.location.search);
+  var paramDomain = searchParams.get("domain");
+  var academyDomainStorage = getAcademyDomain();
+  var academyDomain = paramDomain || academyDomainStorage || "";
+  var _useState7 = useState(""),
+    tokenReCaptcha = _useState7[0],
+    setTokenReCaptcha = _useState7[1];
+  var _useState8 = useState(false),
+    refreshReCaptcha = _useState8[0],
+    setRefreshReCaptcha = _useState8[1];
+  var handleSwitchOTP = function handleSwitchOTP(bool) {
+    setIsOTP(bool);
+  };
+  var handleSwitchEmail = function handleSwitchEmail(bool) {
+    setIsEmail(bool);
+  };
+  var onVerify = useCallback(function (token) {
+    setTokenReCaptcha(token);
+  }, []);
+  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);
+    dispatch(setUser(_extends({}, data)));
+    if (redirectUrl) pushTo(history, redirectUrl);
+  };
+  var handleSubmit = function handleSubmit(values) {
+    try {
+      var _temp5 = function _temp5() {
+        dispatch(setLoading(false));
+      };
+      if (!tokenReCaptcha) return Promise.resolve();
+      dispatch(setLoading(true));
+      var email = values.email,
+        otp = values.otp;
+      var _temp4 = _catch(function () {
+        function _temp3() {
+          var _temp = function () {
+            if (otp) {
+              return Promise.resolve(signInWithOTPApi({
+                academyDomain: academyDomain,
+                otp: otp,
+                role: role
+              })).then(function (res) {
+                var loginResponse = res === null || res === void 0 ? void 0 : res.data;
+                var isFirstLogin = loginResponse.isFirstLogin,
+                  token = loginResponse.token,
+                  user = loginResponse.user;
+                var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+                var needToRegister = isFirstLogin && isAcademy;
+                var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
+                handleSwitchOTP(false);
+                redirectLoginUser(user, token, redirectUrl);
+              });
+            }
+          }();
+          if (_temp && _temp.then) return _temp.then(function () {});
+        }
+        var _temp2 = function () {
+          if (email) {
+            return Promise.resolve(signInWithEmailApi({
+              academyDomain: academyDomain,
+              email: email,
+              reCaptcha: tokenReCaptcha
+            })).then(function () {
+              toast.success(t("please_check_your_mailbox"));
+              handleSwitchOTP(true);
+              handleSwitchEmail(false);
+              setRefreshReCaptcha(function (b) {
+                return !b;
+              });
+            });
+          }
+        }();
+        return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
+      }, function (error) {
+        console.log(error);
+        toast.error(getErrorMessage(t, error, t("request_login_fail")));
+      });
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   useEffect(function () {
     setClientId(GOOGLE_CLIENT_ID);
   }, []);
@@ -852,6 +1107,13 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
     document.title = t("study_peak") + " | " + t(PAGE_TITLE);
   }, [t]);
   return {
+    isOTP: isOTP,
+    isEmail: isEmail,
+    onVerify: onVerify,
+    tokenReCaptcha: tokenReCaptcha,
+    refreshReCaptcha: refreshReCaptcha,
+    handleSwitchOTP: handleSwitchOTP,
+    handleSwitchEmail: handleSwitchEmail,
     clientId: clientId,
     defaultInfo: defaultInfo,
     openLogin: openLogin,
@@ -859,6 +1121,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
     isShowPassword: isShowPassword,
     setIsShowPassword: setIsShowPassword,
     infoUser: infoUser,
+    handleSubmit: handleSubmit,
     setInfoUser: setInfoUser
   };
 };
@@ -961,9 +1224,23 @@ var _excluded = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useLogin = useLogin$1(rest.homeAcademyUrl, rest.homeUrl),
+  var _useLogin = useLogin$1({
+      homeAcademyUrl: rest.homeAcademyUrl,
+      homeUrl: rest.homeUrl,
+      role: rest.role,
+      registerUrl: rest.registerUrl,
+      history: history
+    }),
+    isOTP = _useLogin.isOTP,
+    isEmail = _useLogin.isEmail,
+    onVerify = _useLogin.onVerify,
     defaultInfo = _useLogin.defaultInfo,
-    clientId = _useLogin.clientId;
+    clientId = _useLogin.clientId,
+    tokenReCaptcha = _useLogin.tokenReCaptcha,
+    handleSubmit = _useLogin.handleSubmit,
+    handleSwitchOTP = _useLogin.handleSwitchOTP,
+    refreshReCaptcha = _useLogin.refreshReCaptcha,
+    handleSwitchEmail = _useLogin.handleSwitchEmail;
   useLanguage(history);
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
@@ -975,11 +1252,21 @@ var Login = function Login(_ref) {
     item: true,
     xs: 12,
     className: "d-flex justify-content-center h-100 align-items-center"
-  }, clientId && React__default.createElement(BlockLogin, Object.assign({
+  }, clientId && React__default.createElement(GoogleReCaptchaProvider, {
+    reCaptchaKey: GOOGLE_RECAPTCHA_KEY
+  }, React__default.createElement(BlockLogin, Object.assign({
+    isOTP: isOTP,
+    onVerify: onVerify,
+    isEmail: isEmail,
+    tokenReCaptcha: tokenReCaptcha,
+    refreshReCaptcha: refreshReCaptcha,
+    handleSwitchOTP: handleSwitchOTP,
+    handleSwitchEmail: handleSwitchEmail,
     defaultInfo: defaultInfo,
     history: history,
-    clientId: clientId
-  }, rest)))));
+    clientId: clientId,
+    onSubmit: handleSubmit
+  }, rest))))));
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1379,7 +1666,9 @@ var useLayoutContext = function useLayoutContext(role, pusherRegisterUrls, showL
   };
   var checkRoleUser = useCallback(function () {
     if (!(user !== null && user !== void 0 && user.email)) return;
-    if (!roles.includes(role) && !!academyDomain) {
+    var isAdmin = roles.includes(Role.Admin);
+    if (isAdmin && role === Role.Teacher) return;
+    if (!roles.includes(role) && !!academyDomain && (role !== Role.Teacher || !roles.includes(Role.Admin))) {
       alert(t("user_not_allow_to_register_role", {
         user: user.email,
         role: role
@@ -1779,11 +2068,17 @@ var useSubjectSelect = function useSubjectSelect(_ref) {
   }, []);
   var handleChangeSubject = function handleChangeSubject(value) {
     var id = value.value;
+    var examQuestions = exam.questions;
     var selectedSubject = subjectList === null || subjectList === void 0 ? void 0 : subjectList.find(function (subject) {
       return subject.id === id;
     });
     onChangeExam(_extends({}, exam, {
-      subjectId: (selectedSubject === null || selectedSubject === void 0 ? void 0 : selectedSubject.id) || 0
+      subjectId: (selectedSubject === null || selectedSubject === void 0 ? void 0 : selectedSubject.id) || 0,
+      questions: [].concat(examQuestions.map(function (q) {
+        return _extends({}, q, {
+          categoryId: undefined
+        });
+      }))
     }));
   };
   return {
@@ -1839,6 +2134,7 @@ var there_are_no_recent_exams = "최근 시험이 없습니다";
 var you_have_started_an_exam_with_code_code_do_you_want_to_continue = "{{code}} 코드로 시험을 시작했습니다. 계속하시겠습니까?";
 var here = "여기";
 var do_you_want_to_complete_the_exam = "시험을 완료처리 하시겠습니까?";
+var do_you_want_to_cancel_the_exam = "시험을 취소하시겠습니까? (학생의 결과는 모두 삭제됩니다)";
 var are_you_sure_you_want_to_delete_the_exam = "시험을 삭제하시겠습니까?";
 var are_you_sure_you_want_to_delete_the_textbook = "교과서를 삭제하시겠습니까?";
 var are_you_sure_you_want_to_delete_the_user = "사용자 {{user}}을(를) 삭제하시겠습니까?";
@@ -2082,6 +2378,7 @@ var parent_name = "부모님 성함";
 var users = "사용자";
 var new_user = "새로운 사용자";
 var academy_admin = "아카데미 관리자";
+var super_admin = "최고 관리자";
 var switch_academy_admin = "스위치 아카데미 관리자";
 var switch_academy = "스위치 아카데미";
 var there_are_no_lessons_this_week = "이번주는 수업이 없습니다";
@@ -2141,7 +2438,7 @@ var teachers = "교사";
 var lessons = "수업";
 var new_test = "새로운 시험";
 var manage_saved_exams = "저장된 시험 관리";
-var manage_textbook = "교과서 관리";
+var manage_textbooks = "교과서 관리";
 var my_question = "내 질문";
 var update_class = "수업 업데이트";
 var create_class = "수업 만들기";
@@ -2372,6 +2669,7 @@ var textbook_subject_is_required = "교과서 과목은 필수입니다";
 var update_the_textbook_successfully = "교과서를 성공적으로 업데이트했습니다.";
 var create_the_textbook_successfully = "교과서를 성공적으로 만들었습니다.";
 var finish_exam_successful = "시험을 성공적으로 마쳤습니다";
+var cancel_exam_successful = "시험을 성공적으로 취소했습니다";
 var you_has_been_kicked_out = "당신은 쫓겨났습니다";
 var the_teacher_has_closed_or_deleted_the_exam = "선생님이 시험을 종료했거나 삭제했습니다. 나중에 다시 시도해 주세요.";
 var check_in_lesson_successfully = "수업 체크인 성공";
@@ -2466,6 +2764,7 @@ var added_date = "추가된 날짜";
 var sync_exam_results = "시험 결과 동기화";
 var update_data_fail = "데이터 업데이트 실패";
 var add_students_to_class = "수업에 학생 추가";
+var add_teachers_to_class = "수업에 교사 추가";
 var click_to_choose_file = "파일을 선택하려면 클릭하세요.";
 var exam_data = "시험 데이터";
 var questions_correct_rate = "질문 정답률";
@@ -2582,6 +2881,16 @@ var allowed_to_send_pop_ups_and_use_redirects = "팝업 보내기 및 리디렉
 var disable_ask_where_to_save_each_file_before_downloading = "다운로드하기 전에 각 파일을 저장할 위치 묻기 비활성화";
 var total_number_of_selected_results = "선택된 결과의 총 개수";
 var choose_to_print = "인쇄를 선택하세요";
+var exam_has_been_cancelled = "시험이 취소되었습니다";
+var or = "또는";
+var sign_in_with_email = "이메일로 로그인";
+var please_check_your_mailbox = "우편함을 확인해 주세요";
+var otp_is_required = "OTP가 필요합니다";
+var min_is_1 = "최소값은 1입니다.";
+var max_is_6 = "최대는 6입니다";
+var must_be_number = "숫자여야 합니다.";
+var sign_in_with_google_account = "구글 계정으로 로그인";
+var academy_role = "아카데미 역할";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2622,6 +2931,7 @@ var lang_ko = {
 	you_have_started_an_exam_with_code_code_do_you_want_to_continue: you_have_started_an_exam_with_code_code_do_you_want_to_continue,
 	here: here,
 	do_you_want_to_complete_the_exam: do_you_want_to_complete_the_exam,
+	do_you_want_to_cancel_the_exam: do_you_want_to_cancel_the_exam,
 	are_you_sure_you_want_to_delete_the_exam: are_you_sure_you_want_to_delete_the_exam,
 	are_you_sure_you_want_to_delete_the_textbook: are_you_sure_you_want_to_delete_the_textbook,
 	are_you_sure_you_want_to_delete_the_user: are_you_sure_you_want_to_delete_the_user,
@@ -2862,6 +3172,7 @@ var lang_ko = {
 	users: users,
 	new_user: new_user,
 	academy_admin: academy_admin,
+	super_admin: super_admin,
 	switch_academy_admin: switch_academy_admin,
 	switch_academy: switch_academy,
 	there_are_no_lessons_this_week: there_are_no_lessons_this_week,
@@ -2911,7 +3222,7 @@ var lang_ko = {
 	lessons: lessons,
 	new_test: new_test,
 	manage_saved_exams: manage_saved_exams,
-	manage_textbook: manage_textbook,
+	manage_textbooks: manage_textbooks,
 	my_question: my_question,
 	update_class: update_class,
 	create_class: create_class,
@@ -3147,6 +3458,7 @@ var lang_ko = {
 	update_the_textbook_successfully: update_the_textbook_successfully,
 	create_the_textbook_successfully: create_the_textbook_successfully,
 	finish_exam_successful: finish_exam_successful,
+	cancel_exam_successful: cancel_exam_successful,
 	you_has_been_kicked_out: you_has_been_kicked_out,
 	the_teacher_has_closed_or_deleted_the_exam: the_teacher_has_closed_or_deleted_the_exam,
 	check_in_lesson_successfully: check_in_lesson_successfully,
@@ -3242,6 +3554,7 @@ var lang_ko = {
 	sync_exam_results: sync_exam_results,
 	update_data_fail: update_data_fail,
 	add_students_to_class: add_students_to_class,
+	add_teachers_to_class: add_teachers_to_class,
 	click_to_choose_file: click_to_choose_file,
 	exam_data: exam_data,
 	questions_correct_rate: questions_correct_rate,
@@ -3355,7 +3668,17 @@ var lang_ko = {
 	allowed_to_send_pop_ups_and_use_redirects: allowed_to_send_pop_ups_and_use_redirects,
 	disable_ask_where_to_save_each_file_before_downloading: disable_ask_where_to_save_each_file_before_downloading,
 	total_number_of_selected_results: total_number_of_selected_results,
-	choose_to_print: choose_to_print
+	choose_to_print: choose_to_print,
+	exam_has_been_cancelled: exam_has_been_cancelled,
+	or: or,
+	sign_in_with_email: sign_in_with_email,
+	please_check_your_mailbox: please_check_your_mailbox,
+	otp_is_required: otp_is_required,
+	min_is_1: min_is_1,
+	max_is_6: max_is_6,
+	must_be_number: must_be_number,
+	sign_in_with_google_account: sign_in_with_google_account,
+	academy_role: academy_role
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3395,6 +3718,7 @@ var there_are_no_recent_exams$1 = "There are no recent exams";
 var you_have_started_an_exam_with_code_code_do_you_want_to_continue$1 = "You have started an exam with code {{code}}, do you want to continue?";
 var here$1 = "here";
 var do_you_want_to_complete_the_exam$1 = "Do you want to complete the exam?";
+var do_you_want_to_cancel_the_exam$1 = "Do you want to cancel the exam? (All student results will be deleted)";
 var are_you_sure_you_want_to_delete_the_exam$1 = "Are you sure you want to delete the exam?";
 var are_you_sure_you_want_to_delete_the_textbook$1 = "Are you sure you want to delete the textbook?";
 var are_you_sure_you_want_to_delete_the_user$1 = "Are you sure you want to delete the user: {{user}}?";
@@ -3663,6 +3987,7 @@ var parent_name$1 = "Parent name";
 var users$1 = "Users";
 var new_user$1 = "New user";
 var academy_admin$1 = "Academy Admin";
+var super_admin$1 = "Super Admin";
 var switch_academy_admin$1 = "Switch Academy Admin";
 var switch_academy$1 = "Switch Academy";
 var there_are_no_lessons_this_week$1 = "There are no lessons this week";
@@ -3724,7 +4049,7 @@ var update_class$1 = "Update class";
 var create_class$1 = "Create class";
 var new_test$1 = "New Test";
 var manage_saved_exams$1 = "Manage saved exams";
-var manage_textbook$1 = "Manage Textbook";
+var manage_textbooks$1 = "Manage textbooks";
 var my_question$1 = "My Q&As";
 var problem_number$1 = "Problem number";
 var solve_time$1 = "Solve time";
@@ -3942,7 +4267,8 @@ var textbook_name_is_required$1 = "Textbook name is required";
 var textbook_subject_is_required$1 = "Textbook subject is required";
 var update_the_textbook_successfully$1 = "Update the textbook successfully";
 var create_the_textbook_successfully$1 = "Create the textbook successfully";
-var finish_exam_successful$1 = "Finish exam successful";
+var finish_exam_successful$1 = "Finish exam successfully";
+var cancel_exam_successful$1 = "Cancel exam successfully";
 var you_has_been_kicked_out$1 = "You has been kicked out";
 var the_teacher_has_closed_or_deleted_the_exam$1 = "The teacher has closed or deleted the exam, please try again later";
 var check_in_lesson_successfully$1 = "Check in lesson successfully";
@@ -4023,6 +4349,7 @@ var added_date$1 = "Added date";
 var sync_exam_results$1 = "Sync exam results";
 var update_data_fail$1 = "Update data fail";
 var add_students_to_class$1 = "Add students to class";
+var add_teachers_to_class$1 = "Add teachers to class";
 var click_to_choose_file$1 = "Click to choose file";
 var exam_data$1 = "Exam Data";
 var questions_correct_rate$1 = "Questions Correct Rate";
@@ -4036,8 +4363,8 @@ var messages$1 = {
 var submit$1 = "Submit";
 var must_select_a_teacher_first$1 = "Must select a teacher first";
 var student_grade_is_invalid$1 = "Student grade must be from 1 to 12";
-var recent_users$1 = "Recent Users";
-var recent_students$1 = "Recent Students";
+var recent_users$1 = "Recent users";
+var recent_students$1 = "Recent students";
 var viewed_user$1 = "Viewed User";
 var viewed_QNA$1 = "Viewed Question&Answer";
 var viewed_exam_result$1 = "Viewed Exam Results";
@@ -4139,6 +4466,16 @@ var allowed_to_send_pop_ups_and_use_redirects$1 = "Allowed to send pop-ups and u
 var disable_ask_where_to_save_each_file_before_downloading$1 = "Disable ask where to save each file before downloading";
 var total_number_of_selected_results$1 = "Total number of selected results";
 var choose_to_print$1 = "Choose to print";
+var exam_has_been_cancelled$1 = "The exam has been cancelled";
+var or$1 = "Or";
+var sign_in_with_email$1 = "Sign in with email";
+var please_check_your_mailbox$1 = "Please check your mailbox";
+var otp_is_required$1 = "OTP is required";
+var min_is_1$1 = "Min is 1";
+var max_is_6$1 = "Max is 6";
+var must_be_number$1 = "Must be number";
+var sign_in_with_google_account$1 = "Sign in with google account";
+var academy_role$1 = "Academy role";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4179,6 +4516,7 @@ var lang_en = {
 	you_have_started_an_exam_with_code_code_do_you_want_to_continue: you_have_started_an_exam_with_code_code_do_you_want_to_continue$1,
 	here: here$1,
 	do_you_want_to_complete_the_exam: do_you_want_to_complete_the_exam$1,
+	do_you_want_to_cancel_the_exam: do_you_want_to_cancel_the_exam$1,
 	are_you_sure_you_want_to_delete_the_exam: are_you_sure_you_want_to_delete_the_exam$1,
 	are_you_sure_you_want_to_delete_the_textbook: are_you_sure_you_want_to_delete_the_textbook$1,
 	are_you_sure_you_want_to_delete_the_user: are_you_sure_you_want_to_delete_the_user$1,
@@ -4444,6 +4782,7 @@ var lang_en = {
 	users: users$1,
 	new_user: new_user$1,
 	academy_admin: academy_admin$1,
+	super_admin: super_admin$1,
 	switch_academy_admin: switch_academy_admin$1,
 	switch_academy: switch_academy$1,
 	there_are_no_lessons_this_week: there_are_no_lessons_this_week$1,
@@ -4495,7 +4834,7 @@ var lang_en = {
 	create_class: create_class$1,
 	new_test: new_test$1,
 	manage_saved_exams: manage_saved_exams$1,
-	manage_textbook: manage_textbook$1,
+	manage_textbooks: manage_textbooks$1,
 	my_question: my_question$1,
 	problem_number: problem_number$1,
 	solve_time: solve_time$1,
@@ -4719,6 +5058,7 @@ var lang_en = {
 	update_the_textbook_successfully: update_the_textbook_successfully$1,
 	create_the_textbook_successfully: create_the_textbook_successfully$1,
 	finish_exam_successful: finish_exam_successful$1,
+	cancel_exam_successful: cancel_exam_successful$1,
 	you_has_been_kicked_out: you_has_been_kicked_out$1,
 	the_teacher_has_closed_or_deleted_the_exam: the_teacher_has_closed_or_deleted_the_exam$1,
 	check_in_lesson_successfully: check_in_lesson_successfully$1,
@@ -4800,6 +5140,7 @@ var lang_en = {
 	sync_exam_results: sync_exam_results$1,
 	update_data_fail: update_data_fail$1,
 	add_students_to_class: add_students_to_class$1,
+	add_teachers_to_class: add_teachers_to_class$1,
 	click_to_choose_file: click_to_choose_file$1,
 	exam_data: exam_data$1,
 	questions_correct_rate: questions_correct_rate$1,
@@ -4913,7 +5254,17 @@ var lang_en = {
 	allowed_to_send_pop_ups_and_use_redirects: allowed_to_send_pop_ups_and_use_redirects$1,
 	disable_ask_where_to_save_each_file_before_downloading: disable_ask_where_to_save_each_file_before_downloading$1,
 	total_number_of_selected_results: total_number_of_selected_results$1,
-	choose_to_print: choose_to_print$1
+	choose_to_print: choose_to_print$1,
+	exam_has_been_cancelled: exam_has_been_cancelled$1,
+	or: or$1,
+	sign_in_with_email: sign_in_with_email$1,
+	please_check_your_mailbox: please_check_your_mailbox$1,
+	otp_is_required: otp_is_required$1,
+	min_is_1: min_is_1$1,
+	max_is_6: max_is_6$1,
+	must_be_number: must_be_number$1,
+	sign_in_with_google_account: sign_in_with_google_account$1,
+	academy_role: academy_role$1
 };
 
 i18n.use(initReactI18next).init({
@@ -5187,7 +5538,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
   var isAdmin = role === Role.Admin;
-  var isSuperAdmin = user && !user.academyDomain && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
+  var isSuperAdmin = user && (!user.academyDomain && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin)) || user.isSuperAdmin);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(null),
@@ -6933,7 +7284,7 @@ var useMessageList = function useMessageList(_ref) {
                   userId: (student === null || student === void 0 ? void 0 : student.id) || 0,
                   action: RecentUserAction$1.ViewedQNA,
                   data: "" + conversationId,
-                  roles: [Role.Teacher]
+                  isAdmin: !isTeacher
                 })).then(function () {
                   isFirst = false;
                 });
@@ -7101,6 +7452,7 @@ var useChatContainer = function useChatContainer(props) {
   var _useState4 = useState(true),
     isScrollToEnd = _useState4[0],
     setScrollToEnd = _useState4[1];
+  var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Admin);
   var _useMessageList = useMessageList({
       student: student
     }),
@@ -7226,9 +7578,6 @@ var useChatContainer = function useChatContainer(props) {
     if (!data) return;
     var parsedData = JSON.parse(data);
     if (parsedData.id) setSelectedConversation(JSON.parse(data));
-    console.log({
-      data: JSON.parse(data)
-    });
   };
   var handleLoadMoreMessages = function handleLoadMoreMessages() {
     try {
@@ -7295,11 +7644,11 @@ var useChatContainer = function useChatContainer(props) {
     var results = messages.map(function (i) {
       var _i$sender;
       return _extends({}, i, {
-        isMe: (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_i$sender = i.sender) === null || _i$sender === void 0 ? void 0 : _i$sender.id)
+        isMe: isAdmin && !i.isStudent || (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_i$sender = i.sender) === null || _i$sender === void 0 ? void 0 : _i$sender.id)
       });
     });
     return results;
-  }, [JSON.stringify(messages), infoUser === null || infoUser === void 0 ? void 0 : infoUser.id]);
+  }, [JSON.stringify(messages), infoUser === null || infoUser === void 0 ? void 0 : infoUser.id, isAdmin]);
   useEffect(function () {
     getMessageConversation();
   }, [JSON.stringify(selectedConversation)]);
@@ -8064,40 +8413,22 @@ var ChapterBox = function ChapterBox(_ref) {
 };
 
 var TEXTBOOK_URL = BASE_URL + "/api/textbooks";
-var getTextbookListApi = function getTextbookListApi(query, role) {
+var getTextbookListApi = function getTextbookListApi(query) {
   return api.get("" + TEXTBOOK_URL, {
-    params: _extends({}, query, {
-      roles: role
-    })
+    params: query
   });
 };
-var getTextbookByIdApi = function getTextbookByIdApi(textbookId, role) {
-  return api.get(TEXTBOOK_URL + "/" + textbookId, {
-    params: {
-      roles: role
-    }
-  });
+var getTextbookByIdApi = function getTextbookByIdApi(textbookId) {
+  return api.get(TEXTBOOK_URL + "/" + textbookId);
 };
-var createTextbookApi = function createTextbookApi(data, role) {
-  return api.post("" + TEXTBOOK_URL, data, {
-    params: {
-      roles: role
-    }
-  });
+var createTextbookApi = function createTextbookApi(data) {
+  return api.post("" + TEXTBOOK_URL, data);
 };
-var updateTextbookApi = function updateTextbookApi(textbookId, data, role) {
-  return api.put(TEXTBOOK_URL + "/" + textbookId, data, {
-    params: {
-      roles: role
-    }
-  });
+var updateTextbookApi = function updateTextbookApi(textbookId, data) {
+  return api.put(TEXTBOOK_URL + "/" + textbookId, data);
 };
-var deleteTextbookApi = function deleteTextbookApi(textbookId, role) {
-  return api["delete"](TEXTBOOK_URL + "/" + textbookId, {
-    params: {
-      roles: role
-    }
-  });
+var deleteTextbookApi = function deleteTextbookApi(textbookId) {
+  return api["delete"](TEXTBOOK_URL + "/" + textbookId);
 };
 
 var ExamStatus$1;
@@ -8201,49 +8532,25 @@ var DEFAULT_ARTICLE_CREATE_REQUEST = {
 };
 
 var CHAPTER_URL = BASE_URL + "/api/chapters";
-var createChapterApi = function createChapterApi(chapter, role) {
-  return api.post("" + CHAPTER_URL, chapter, {
-    params: {
-      roles: role
-    }
-  });
+var createChapterApi = function createChapterApi(chapter) {
+  return api.post("" + CHAPTER_URL, chapter);
 };
-var updateChapterApi = function updateChapterApi(chapterId, chapter, role) {
-  return api.put(CHAPTER_URL + "/" + chapterId, chapter, {
-    params: {
-      roles: role
-    }
-  });
+var updateChapterApi = function updateChapterApi(chapterId, chapter) {
+  return api.put(CHAPTER_URL + "/" + chapterId, chapter);
 };
-var deleteChapterApi = function deleteChapterApi(chapterId, role) {
-  return api["delete"](CHAPTER_URL + "/" + chapterId, {
-    params: {
-      roles: role
-    }
-  });
+var deleteChapterApi = function deleteChapterApi(chapterId) {
+  return api["delete"](CHAPTER_URL + "/" + chapterId);
 };
 
 var ARTICLE_URL = BASE_URL + "/api/articles";
-var createArticleApi = function createArticleApi(article, role) {
-  return api.post("" + ARTICLE_URL, article, {
-    params: {
-      roles: role
-    }
-  });
+var createArticleApi = function createArticleApi(article) {
+  return api.post("" + ARTICLE_URL, article);
 };
-var updateArticleApi = function updateArticleApi(articleId, article, role) {
-  return api.put(ARTICLE_URL + "/" + articleId, article, {
-    params: {
-      roles: role
-    }
-  });
+var updateArticleApi = function updateArticleApi(articleId, article) {
+  return api.put(ARTICLE_URL + "/" + articleId, article);
 };
-var deleteArticleApi = function deleteArticleApi(articleId, role) {
-  return api["delete"](ARTICLE_URL + "/" + articleId, {
-    params: {
-      roles: role
-    }
-  });
+var deleteArticleApi = function deleteArticleApi(articleId) {
+  return api["delete"](ARTICLE_URL + "/" + articleId);
 };
 
 var EXAM_URL = BASE_URL + "/api/exam";
@@ -8373,9 +8680,31 @@ var useExam = function useExam(props) {
   };
 };
 
+var ADMIN_CATEGORY_URL = SUPER_ADMIN_BASE_URL + "/api/category";
+var CATEGORY_URL = BASE_URL + "/api/examcategory";
+var getCategoryListAdminApi = function getCategoryListAdminApi(data) {
+  try {
+    return Promise.resolve(api.get("" + ADMIN_CATEGORY_URL, {
+      params: data
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getCategoryListApi = function getCategoryListApi(data) {
+  try {
+    return Promise.resolve(api.get("" + CATEGORY_URL, {
+      params: data
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+
 var PAGE_TITLE_DETAIL = "textbook_detail";
 var PAGE_TITLE_CREATE = "create_textbook";
 var useTextbookDetail = function useTextbookDetail(props) {
+  var _textbook$subject3;
   var role = props.role,
     isReadonlyParam = props.isReadonlyParam,
     navigate = props.navigate,
@@ -8412,6 +8741,9 @@ var useTextbookDetail = function useTextbookDetail(props) {
   var _useState9 = useState(false),
     isEditedTitle = _useState9[0],
     setEditedTitle = _useState9[1];
+  var _useState10 = useState([]),
+    categoryList = _useState10[0],
+    setCategoryList = _useState10[1];
   var textbookUrl = role === Role.Teacher ? TEXTBOOK_URL$1 : ADMIN_TEXTBOOK_URL;
   var _useExam = useExam({
       navigate: navigate
@@ -8423,6 +8755,40 @@ var useTextbookDetail = function useTextbookDetail(props) {
     handleSaveExam = _useExam.handleSaveExam,
     handleCloseDialog = _useExam.handleCloseDialog,
     handleCreateExam = _useExam.handleCreateExam;
+  var getCategoryList = function getCategoryList(isLoading) {
+    if (isLoading === void 0) {
+      isLoading = true;
+    }
+    try {
+      var _textbook$subject;
+      var _temp2 = function _temp2() {
+        isLoading && dispatch(setLoading(false));
+      };
+      if (!(textbook !== null && textbook !== void 0 && (_textbook$subject = textbook.subject) !== null && _textbook$subject !== void 0 && _textbook$subject.id)) {
+        setCategoryList([]);
+        return Promise.resolve();
+      }
+      isLoading && dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        var _textbook$subject2;
+        return Promise.resolve(getCategoryListApi({
+          subjectId: textbook === null || textbook === void 0 ? void 0 : (_textbook$subject2 = textbook.subject) === null || _textbook$subject2 === void 0 ? void 0 : _textbook$subject2.id
+        })).then(function (res) {
+          var data = res.data.items;
+          setCategoryList(data || []);
+        });
+      }, function (error) {
+        setCategoryList([]);
+        console.log(error);
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  useEffect(function () {
+    getCategoryList();
+  }, [textbook === null || textbook === void 0 ? void 0 : (_textbook$subject3 = textbook.subject) === null || _textbook$subject3 === void 0 ? void 0 : _textbook$subject3.id]);
   var handleOpenAddArticleDialog = function handleOpenAddArticleDialog(chapter) {
     setSelectedChapter(chapter);
   };
@@ -8431,35 +8797,35 @@ var useTextbookDetail = function useTextbookDetail(props) {
   };
   var handleUpdateChapter = function handleUpdateChapter(chapterId, chapter, callback) {
     try {
-      var _temp2 = function _temp2() {
+      var _temp4 = function _temp4() {
         dispatch(setLoading(false));
       };
       if (!textbook) return Promise.resolve();
-      var _temp = _catch(function () {
+      var _temp3 = _catch(function () {
         var body = {
           name: chapter.name,
           pageFrom: chapter.pageFrom,
           pageTo: chapter.pageTo
         };
-        return Promise.resolve(updateChapterApi(chapterId, body, role)).then(function (res) {
+        return Promise.resolve(updateChapterApi(chapterId, body)).then(function (res) {
           callback === null || callback === void 0 ? void 0 : callback(res.data);
         });
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      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);
     }
   };
   var handleCreateArticle = function handleCreateArticle(article, callback) {
     try {
-      var _temp4 = function _temp4() {
+      var _temp6 = function _temp6() {
         dispatch(setLoading(false));
       };
       if (!textbook) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp3 = _catch(function () {
+      var _temp5 = _catch(function () {
         var _article$category;
         var body = {
           articleNumber: article.articleNumber,
@@ -8475,45 +8841,45 @@ var useTextbookDetail = function useTextbookDetail(props) {
             };
           })
         };
-        return Promise.resolve(createArticleApi(body, role)).then(function (res) {
+        return Promise.resolve(createArticleApi(body)).then(function (res) {
           callback === null || callback === void 0 ? void 0 : callback(res.data);
         });
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleDeleteArticle = function handleDeleteArticle(articleId, callback) {
     try {
-      var _temp6 = function _temp6() {
+      var _temp8 = function _temp8() {
         dispatch(setLoading(false));
       };
       if (!textbook) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
-        return Promise.resolve(deleteArticleApi(articleId, role)).then(function () {
+      var _temp7 = _catch(function () {
+        return Promise.resolve(deleteArticleApi(articleId)).then(function () {
           callback === null || callback === void 0 ? void 0 : callback();
         });
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleDeleteChapter = function handleDeleteChapter(chapterId, parentChapterId, callback) {
     try {
-      var _temp8 = function _temp8() {
+      var _temp10 = function _temp10() {
         dispatch(setLoading(false));
       };
       if (!textbook) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp7 = _catch(function () {
-        return Promise.resolve(deleteChapterApi(chapterId, role)).then(function () {
+      var _temp9 = _catch(function () {
+        return Promise.resolve(deleteChapterApi(chapterId)).then(function () {
           if (parentChapterId) {
             var parentIndex = textbook.chapters.findIndex(function (i) {
               return i.id === parentChapterId;
@@ -8538,7 +8904,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8546,7 +8912,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
   var handleUpdateArticle = function handleUpdateArticle(article, callback) {
     try {
       if (!textbook || !article.id) return Promise.resolve();
-      var _temp9 = _catch(function () {
+      var _temp11 = _catch(function () {
         var _article$category2;
         var body = {
           articleNumber: article.articleNumber,
@@ -8562,13 +8928,13 @@ var useTextbookDetail = function useTextbookDetail(props) {
             };
           })
         };
-        return Promise.resolve(updateArticleApi(article.id, body, role)).then(function (res) {
+        return Promise.resolve(updateArticleApi(article.id, body)).then(function (res) {
           callback === null || callback === void 0 ? void 0 : callback(res.data);
         });
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
+      return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8843,18 +9209,18 @@ var useTextbookDetail = function useTextbookDetail(props) {
   };
   var handleCreateChapter = function handleCreateChapter(chapterName) {
     try {
-      var _temp11 = function _temp11() {
+      var _temp13 = function _temp13() {
         dispatch(setLoading(false));
       };
       if (!textbookId && !parentChapter && !textbook) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp10 = _catch(function () {
+      var _temp12 = _catch(function () {
         var body = {
           name: chapterName,
           parentChapterId: parentChapter === null || parentChapter === void 0 ? void 0 : parentChapter.id,
           textbookId: textbookId
         };
-        return Promise.resolve(createChapterApi(body, role)).then(function (res) {
+        return Promise.resolve(createChapterApi(body)).then(function (res) {
           var chapter = _extends({}, res.data, {
             articles: [],
             subChapters: []
@@ -8880,7 +9246,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10));
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8890,12 +9256,12 @@ var useTextbookDetail = function useTextbookDetail(props) {
     setParentChapter(undefined);
   };
   var validateTextbook = function validateTextbook() {
-    var _textbook$subject;
+    var _textbook$subject4;
     if (!textbook.name.trim().length) {
       toast.error(t('textbook_name_is_required'));
       return false;
     }
-    if (!((_textbook$subject = textbook.subject) !== null && _textbook$subject !== void 0 && _textbook$subject.id)) {
+    if (!((_textbook$subject4 = textbook.subject) !== null && _textbook$subject4 !== void 0 && _textbook$subject4.id)) {
       toast.error(t('textbook_subject_is_required'));
       return false;
     }
@@ -8903,7 +9269,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
   };
   var handleCreateOrUpdateTextbook = function handleCreateOrUpdateTextbook() {
     try {
-      var _temp15 = function _temp15() {
+      var _temp17 = function _temp17() {
         dispatch(setLoading(false));
       };
       if (!textbook) return Promise.resolve();
@@ -8914,22 +9280,22 @@ var useTextbookDetail = function useTextbookDetail(props) {
         return Promise.resolve();
       }
       dispatch(setLoading(true));
-      var _temp14 = _catch(function () {
-        function _temp13() {
+      var _temp16 = _catch(function () {
+        function _temp15() {
           toast.success(t(textbook.id ? "update_the_textbook_successfully" : "create_the_textbook_successfully"));
         }
-        var _temp12 = function () {
+        var _temp14 = function () {
           if (textbook.id) {
             var body = {
               name: textbook.name
             };
-            return Promise.resolve(updateTextbookApi(textbook.id, body, role)).then(function () {});
+            return Promise.resolve(updateTextbookApi(textbook.id, body)).then(function () {});
           } else {
             var _body = {
               name: textbook.name,
               subjectId: textbook.subject.id
             };
-            return Promise.resolve(createTextbookApi(_body, role)).then(function (res) {
+            return Promise.resolve(createTextbookApi(_body)).then(function (res) {
               var textbookId = res.data.id;
               navigate(textbookUrl + "/" + textbookId, {
                 replace: true
@@ -8937,11 +9303,11 @@ var useTextbookDetail = function useTextbookDetail(props) {
             });
           }
         }();
-        return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
+        return _temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14);
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
+      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -9007,12 +9373,12 @@ var useTextbookDetail = function useTextbookDetail(props) {
   useEffect(function () {
     var getTextbookDetail = function getTextbookDetail() {
       try {
-        var _temp17 = function _temp17() {
+        var _temp19 = function _temp19() {
           dispatch(setLoading(false));
         };
         dispatch(setLoading(true));
-        var _temp16 = _catch(function () {
-          return Promise.resolve(getTextbookByIdApi(+id, role)).then(function (res) {
+        var _temp18 = _catch(function () {
+          return Promise.resolve(getTextbookByIdApi(+id)).then(function (res) {
             setEditedTitle(false);
             setTextbook(res.data);
             setNotFound(false);
@@ -9021,7 +9387,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           var _error$response;
           if ((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 404) setNotFound(true);else toast.error(getErrorMessage(t, error));
         });
-        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16));
+        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9097,6 +9463,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
     articlesSelected: articlesSelected,
     isOpenDialog: isOpenDialog,
     examRequest: examRequest,
+    categoryList: categoryList,
     handleChangeExamRequest: handleChangeExamRequest,
     handleCheckArticle: handleCheckArticle,
     handleOpenCreateExamDialog: handleChangeExamRequestBeforeOpenDialog,
@@ -9531,27 +9898,6 @@ var DURATION_OPTIONS = Array.from({
 });
 var DEFAULT_ANSWER_COUNT$1 = 5;
 
-var ADMIN_CATEGORY_URL = SUPER_ADMIN_BASE_URL + "/api/category";
-var CATEGORY_URL = BASE_URL + "/api/examcategory";
-var getCategoryListAdminApi = function getCategoryListAdminApi(data) {
-  try {
-    return Promise.resolve(api.get("" + ADMIN_CATEGORY_URL, {
-      params: data
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var getCategoryListApi = function getCategoryListApi(data) {
-  try {
-    return Promise.resolve(api.get("" + CATEGORY_URL, {
-      params: data
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-
 var useExamDetailView = function useExamDetailView(props) {
   var exam = props.exam,
     onChangeExam = props.onChangeExam;
@@ -9777,9 +10123,8 @@ var useExamDetailView = function useExamDetailView(props) {
     }
   };
   useEffect(function () {
-    if (categoryList !== null && categoryList !== void 0 && categoryList.length) return;
     getCategoryList();
-  }, [exam.subjectId, JSON.stringify(categoryList)]);
+  }, [exam.subjectId]);
   var examGroupByArticle = useMemo(function () {
     if (!exam) return [];
     var articles = [];
@@ -10012,6 +10357,7 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
     isEditedTitle = _useTextbookDetail.isEditedTitle,
     isOpenDialog = _useTextbookDetail.isOpenDialog,
     examRequest = _useTextbookDetail.examRequest,
+    categoryList = _useTextbookDetail.categoryList,
     handleChangeExamRequest = _useTextbookDetail.handleChangeExamRequest,
     handleSaveExam = _useTextbookDetail.handleSaveExam,
     handleCloseDialog = _useTextbookDetail.handleCloseDialog,
@@ -10041,7 +10387,7 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
     handleRemoveSelectedItem = _useTextbookDetail.handleRemoveSelectedItem,
     handleOpenRemoveChapterConfirmDialog = _useTextbookDetail.handleOpenRemoveChapterConfirmDialog;
   var _useCategorySelect = useCategorySelect({
-      subjectId: id ? textbookSubject === null || textbookSubject === void 0 ? void 0 : textbookSubject.value : undefined
+      categoryList: categoryList
     }),
     categoryOptions = _useCategorySelect.categoryOptions;
   if (isNotFound) return React__default.createElement(NotFound, {
@@ -10404,7 +10750,7 @@ var useTextbookList = function useTextbookList(props) {
   var role = props.role,
     navigate = props.navigate;
   var _useList = useList(function (search) {
-      return getTextbookListApi(search, role);
+      return getTextbookListApi(search);
     }, TextbookDefaultQuery),
     filter = _useList.filter,
     textSearchRef = _useList.textSearchRef,
@@ -10450,7 +10796,7 @@ var useTextbookList = function useTextbookList(props) {
       if (!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id)) return Promise.resolve();
       dispatch(setLoading(true));
       var _temp = _catch(function () {
-        return Promise.resolve(deleteTextbookApi(selectedTextbook.id, role)).then(function () {
+        return Promise.resolve(deleteTextbookApi(selectedTextbook.id)).then(function () {
           return Promise.resolve(getData(false)).then(function () {
             toggleConfirmDialog();
           });
@@ -11627,23 +11973,11 @@ var getRecentUserActionListApi = function getRecentUserActionListApi(query) {
     params: _extends({}, query)
   });
 };
-var createRecentUserActionListApi = function createRecentUserActionListApi(_ref) {
-  var userId = _ref.userId,
-    action = _ref.action,
-    data = _ref.data,
-    roles = _ref.roles;
-  return api.post("" + RECENT_USER_URL, {
-    userId: userId,
-    action: action,
-    data: data
-  }, {
-    params: {
-      roles: roles
-    }
-  });
+var createRecentUserActionListApi = function createRecentUserActionListApi(recentData) {
+  return api.post("" + RECENT_USER_URL, recentData);
 };
 
-var styles$4 = {"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","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw","loader":"_2uC7T","dot":"_Xz-Mr","bounce":"_3THgz"};
+var styles$4 = {"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","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","overall-response-1":"_1AeGu","overall-response-2":"_1xTB0","overall-response-3":"_3Yu_5","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw","loader":"_2uC7T","dot":"_Xz-Mr","bounce":"_3THgz"};
 
 var useExamResult = function useExamResult(props) {
   var _allSeries$dataChartI;
@@ -11663,6 +11997,7 @@ var useExamResult = function useExamResult(props) {
   });
   var roles = (user === null || user === void 0 ? void 0 : user.roles) || [];
   var isStudent = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Student);
+  var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Admin);
   var examCode = query.get("examCode") || code;
   var language = useSelector(function (state) {
     var _state$common2;
@@ -11749,12 +12084,12 @@ var useExamResult = function useExamResult(props) {
             userId: studentId,
             action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
-            roles: [Role.Teacher]
+            isAdmin: isAdmin
           })) : Promise.resolve(!isStudent && createRecentUserActionListApi({
             userId: studentId,
             action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
-            roles: [Role.Teacher]
+            isAdmin: isAdmin
           })).then(_temp3);
         });
       }, function (error) {
@@ -13512,6 +13847,9 @@ function MyAnswer(_ref) {
     if (diff > 0) prefix = "+";
     return "" + prefix + formatTimeSecond(Math.abs(diff), t);
   };
+  var getOverallColorClassName = function getOverallColorClassName(correctRate) {
+    return styles$4["overall-response-" + (correctRate < 40 ? 1 : correctRate <= 70 ? 2 : 3)];
+  };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question, index) {
       var _questions;
@@ -13594,7 +13932,7 @@ function MyAnswer(_ref) {
         style: {
           margin: 0
         },
-        className: styles$4["answer-response"] + " " + styles$4["answer-response-" + question.answerResponseSignal]
+        className: styles$4["answer-response"] + " " + getOverallColorClassName(question.overallCorrectRate)
       }, question.overallCorrectRate.toFixed(2) + "%") : React__default.createElement("p", {
         style: {
           margin: 0
@@ -15409,29 +15747,6 @@ var times = {
     getRemainTime: getRemainTime
 };
 
-var SIGN_IN_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth/login";
-var SIGN_IN_URL = BASE_URL + "/api/auth/login";
-var signInApi = function signInApi(_ref) {
-  var email = _ref.email,
-    password = _ref.password,
-    role = _ref.role;
-  return api.post(SIGN_IN_URL + "/demo", {
-    email: email,
-    password: password,
-    role: role
-  });
-};
-var signInSuperAdminApi = function signInSuperAdminApi(_ref2) {
-  var email = _ref2.email,
-    password = _ref2.password,
-    role = _ref2.role;
-  return api.post(SIGN_IN_SUPER_ADMIN_URL + "/demo", {
-    email: email,
-    password: password,
-    role: role
-  });
-};
-
 var PAGE_TITLE$2 = "sign_in";
 var useLogin$2 = function useLogin(_ref) {
   var history = _ref.history,
@@ -17089,5 +17404,85 @@ var PrintExamView2 = function PrintExamView2(_ref) {
   }, t("print_pdf"))));
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AnswerCountSelector, ArticleCategorySelector, ArticleGroupView, BASE_URL, ChatContainer, ChatItemType, types as ChatTypes, CommonDialog, ConfirmDialog, index$1 as CoreHooks, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, Language, LayoutContext, Loading, LoadingComponent, Login, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, PassCodeCheck, PrintExamResultView, PrintExamView2, QuestionCountSelector, RecentUserAction, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SubjectSelector, index$2 as Textbook, TextbookViewDetail as TextbookDetail, TextbookList, TheAcademyDropdown, TheLanguageDropdown, index$3 as Types, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, createRecentUserActionListApi, diffFromNow, formatTime, getAcademyDomain, getAccessToken, getErrorMessage, getOrdinalSuffix, getRecentUserActionListApi, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useLoadMore, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+var urlSafeFormat = function urlSafeFormat(text) {
+  return text.replaceAll(' ', "+");
+};
+
+var useLoginWithEmail = function useLoginWithEmail(_ref) {
+  var history = _ref.history,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl,
+    role = _ref.role;
+  var _useLocation = useLocation(),
+    searchLocation = _useLocation.search;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var searchParams = new URLSearchParams(searchLocation);
+  var key = urlSafeFormat(searchParams.get("key") || "");
+  var dispatch = useDispatch();
+  var paramDomain = searchParams.get("domain");
+  var academyDomainStorage = getAcademyDomain();
+  var academyDomain = paramDomain || academyDomainStorage || "";
+  var handleSignIn = function handleSignIn() {
+    try {
+      var _temp2 = function _temp2() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(signInWithKeyApi({
+          academyDomain: academyDomain,
+          key: key,
+          role: role
+        })).then(function (res) {
+          var loginResponse = res === null || res === void 0 ? void 0 : res.data;
+          var isFirstLogin = loginResponse.isFirstLogin,
+            token = loginResponse.token,
+            user = loginResponse.user;
+          var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+          var needToRegister = isFirstLogin && isAcademy;
+          var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
+          redirectLoginUser(user, token, redirectUrl);
+        });
+      }, function (error) {
+        console.log(error);
+        toast.error(getErrorMessage(t, error, t("request_login_fail")));
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } 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);
+    dispatch(setUser(_extends({}, data)));
+    if (redirectUrl) pushTo(history, redirectUrl);
+  };
+  useEffect(function () {
+    if (!key) return;
+    handleSignIn();
+  });
+  return {};
+};
+
+var LoginWithEmail = function LoginWithEmail(_ref) {
+  var history = _ref.history,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl,
+    role = _ref.role;
+  useLoginWithEmail({
+    history: history,
+    homeAcademyUrl: homeAcademyUrl,
+    homeUrl: homeUrl,
+    registerUrl: registerUrl,
+    role: role
+  });
+  return React__default.createElement(Loading, null);
+};
+
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AnswerCountSelector, ArticleCategorySelector, ArticleGroupView, BASE_URL, ChatContainer, ChatItemType, types as ChatTypes, CommonDialog, ConfirmDialog, index$1 as CoreHooks, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, Language, LayoutContext, Loading, LoadingComponent, Login, LoginWithEmail, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, PassCodeCheck, PrintExamResultView, PrintExamView2, QuestionCountSelector, RecentUserAction, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SubjectSelector, index$2 as Textbook, TextbookViewDetail as TextbookDetail, TextbookList, TheAcademyDropdown, TheLanguageDropdown, index$3 as Types, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, createRecentUserActionListApi, diffFromNow, formatTime, getAcademyDomain, getAccessToken, getErrorMessage, getOrdinalSuffix, getRecentUserActionListApi, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useLoadMore, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map