touchstudy-core 0.1.82 → 0.1.84

package/dist/index.js

@@ -5,14 +5,17 @@ var moment = _interopDefault(require('moment'));
 var React = require('react');
 var React__default = _interopDefault(React);
 var formik = require('formik');
-var yup = require('yup');
+var Yup = require('yup');
 var GoogleLogin = require('@leecheuk/react-google-login');
 var GoogleLogin__default = _interopDefault(GoogleLogin);
 var reactRedux = require('react-redux');
 var axios = _interopDefault(require('axios'));
 var reactI18next = require('react-i18next');
 var material = require('@mui/material');
+var colors = require('@mui/material/colors');
+var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
 var gapiScript = require('gapi-script');
+var reactToastify = require('react-toastify');
 require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
 var Pusher = _interopDefault(require('pusher-js'));
@@ -24,7 +27,6 @@ var Popover = _interopDefault(require('@mui/material/Popover'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var IconButton = _interopDefault(require('@mui/material/IconButton'));
 var go = require('react-icons/go');
-var reactToastify = require('react-toastify');
 var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var fa = require('react-icons/fa');
@@ -472,14 +474,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) {
@@ -712,20 +716,33 @@ var SloganFullLogoEn = function SloganFullLogoEn(_ref) {
   }))));
 };
 
-var schema = yup.object({
-  email: yup.string().email("Email is invalid").required("Email is required"),
-  password: yup.string().required("Password is required"),
-  rememberMe: yup.boolean()
-});
-var BlockLogin = function BlockLogin(_ref) {
-  var defaultInfo = _ref.defaultInfo,
-    history = _ref.history,
-    _ref$role = _ref.role,
-    role = _ref$role === void 0 ? exports.Role.Student : _ref$role,
-    homeAcademyUrl = _ref.homeAcademyUrl,
-    homeUrl = _ref.homeUrl,
-    registerUrl = _ref.registerUrl,
-    clientId = _ref.clientId;
+var schema = function schema(t, isOTP) {
+  return Yup.object({
+    email: Yup.string().when([], function (_ref, schema) {
+      return !isOTP ? schema.email(t("invalid_email_address")).required(t("email_is_required")) : schema;
+    }),
+    otp: Yup.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 ? exports.Role.Student : _ref3$role,
+    homeAcademyUrl = _ref3.homeAcademyUrl,
+    homeUrl = _ref3.homeUrl,
+    registerUrl = _ref3.registerUrl,
+    clientId = _ref3.clientId,
+    onSubmit = _ref3.onSubmit;
   var language = reactRedux.useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
@@ -770,19 +787,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.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
+    });
+    React.useEffect(function () {
+      if (isOTP) {
+        setFieldValue("email", "");
+      } else {
+        setFieldValue("otp", "");
+      }
+    }, [isOTP, isEmail]);
+    return React__default.createElement(formik.Form, null, React__default.createElement("div", {
       className: "" + styles["block-form"]
     }, React__default.createElement(material.Stack, {
       py: 2,
@@ -792,7 +822,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__default, {
       clientId: clientId,
@@ -802,18 +832,152 @@ var BlockLogin = function BlockLogin(_ref) {
       cookiePolicy: "single_host_origin",
       className: "" + styles["btn-login-google"],
       isSignedIn: true
-    }))));
+    }), React__default.createElement(material.Box, {
+      onClick: function onClick() {
+        return handleSwitchEmail(true);
+      },
+      sx: {
+        cursor: "pointer",
+        my: 4
+      }
+    }, React__default.createElement(material.Typography, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: colors.blue[700]
+    }, t("sign_in_with_email"))))), (isEmail || isOTP) && React__default.createElement(material.Stack, null, !isOTP ? React__default.createElement(material.Stack, {
+      flexDirection: "column",
+      gap: 1
+    }, React__default.createElement(material.Typography, {
+      fontWeight: 700,
+      fontSize: "14px"
+    }, t("email")), React__default.createElement(formik.Field, {
+      name: "email",
+      render: function render(_ref5) {
+        var field = _ref5.field;
+        return React__default.createElement(material.TextField, Object.assign({}, field));
+      }
+    }), !!(errors !== null && errors !== void 0 && errors.email) && React__default.createElement(material.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(material.Stack, {
+      flexDirection: "column",
+      gap: 1
+    }, React__default.createElement(material.Typography, {
+      fontWeight: 700,
+      fontSize: "14px"
+    }, t("OTP")), React__default.createElement(formik.Field, {
+      name: "otp",
+      render: function render(_ref6) {
+        var field = _ref6.field;
+        return React__default.createElement(material.TextField, Object.assign({}, field));
+      }
+    }), !!(errors !== null && errors !== void 0 && errors.otp) && React__default.createElement(material.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(material.Stack, {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 2,
+      my: 2
+    }, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
+      onVerify: onVerify,
+      refreshReCaptcha: refreshReCaptcha
+    })), React__default.createElement(material.Box, {
+      onClick: function onClick() {
+        handleSwitchEmail(false);
+        handleSwitchOTP(false);
+      },
+      sx: {
+        cursor: "pointer",
+        my: 2
+      }
+    }, React__default.createElement(material.Typography, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: colors.blue[700]
+    }, t("sign_in_with_google_account"))), React__default.createElement(material.Stack, {
+      flexDirection: "row",
+      justifyContent: "end",
+      gap: 1,
+      mt: 2
+    }, React__default.createElement(material.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 = React.useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
@@ -823,6 +987,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState3 = React.useState(),
     clientId = _useState3[0],
     setClientId = _useState3[1];
+  var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var toggle = React.useCallback(function () {
@@ -831,6 +996,96 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState4 = React.useState(false),
     isShowPassword = _useState4[0],
     setIsShowPassword = _useState4[1];
+  var _useState5 = React.useState(false),
+    isOTP = _useState5[0],
+    setIsOTP = _useState5[1];
+  var _useState6 = React.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 = React.useState(""),
+    tokenReCaptcha = _useState7[0],
+    setTokenReCaptcha = _useState7[1];
+  var _useState8 = React.useState(false),
+    refreshReCaptcha = _useState8[0],
+    setRefreshReCaptcha = _useState8[1];
+  var handleSwitchOTP = function handleSwitchOTP(bool) {
+    setIsOTP(bool);
+  };
+  var handleSwitchEmail = function handleSwitchEmail(bool) {
+    setIsEmail(bool);
+  };
+  var onVerify = React.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 () {
+              reactToastify.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);
+        reactToastify.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);
+    }
+  };
   React.useEffect(function () {
     setClientId(GOOGLE_CLIENT_ID);
   }, []);
@@ -853,6 +1108,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,
@@ -860,6 +1122,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
     isShowPassword: isShowPassword,
     setIsShowPassword: setIsShowPassword,
     infoUser: infoUser,
+    handleSubmit: handleSubmit,
     setInfoUser: setInfoUser
   };
 };
@@ -962,9 +1225,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"
@@ -976,11 +1253,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(reactGoogleRecaptchaV3.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 = React.useCallback(function () {
     if (!(user !== null && user !== void 0 && user.email)) return;
-    if (!roles.includes(role) && !!academyDomain) {
+    var isAdmin = roles.includes(exports.Role.Admin);
+    if (isAdmin && role === exports.Role.Teacher) return;
+    if (!roles.includes(role) && !!academyDomain && (role !== exports.Role.Teacher || !roles.includes(exports.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 {
@@ -1838,6 +2133,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}}을(를) 삭제하시겠습니까?";
@@ -2081,6 +2377,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 = "이번주는 수업이 없습니다";
@@ -2140,7 +2437,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 = "수업 만들기";
@@ -2371,6 +2668,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 = "수업 체크인 성공";
@@ -2465,6 +2763,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 = "질문 정답률";
@@ -2581,6 +2880,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,
@@ -2621,6 +2930,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,
@@ -2861,6 +3171,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,
@@ -2910,7 +3221,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,
@@ -3146,6 +3457,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,
@@ -3241,6 +3553,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,
@@ -3354,7 +3667,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";
@@ -3394,6 +3717,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}}?";
@@ -3662,6 +3986,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";
@@ -3723,7 +4048,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";
@@ -3941,7 +4266,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";
@@ -4022,6 +4348,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";
@@ -4035,8 +4362,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";
@@ -4138,6 +4465,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,
@@ -4178,6 +4515,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,
@@ -4443,6 +4781,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,
@@ -4494,7 +4833,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,
@@ -4718,6 +5057,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,
@@ -4799,6 +5139,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,
@@ -4912,7 +5253,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__default.use(reactI18next.initReactI18next).init({
@@ -5186,7 +5537,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 === exports.Role.Admin;
-  var isSuperAdmin = user && !user.academyDomain && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin));
+  var isSuperAdmin = user && (!user.academyDomain && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin)) || user.isSuperAdmin);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(null),
@@ -6931,7 +7282,7 @@ var useMessageList = function useMessageList(_ref) {
                   userId: (student === null || student === void 0 ? void 0 : student.id) || 0,
                   action: RecentUserAction$1.ViewedQNA,
                   data: "" + conversationId,
-                  roles: [exports.Role.Teacher]
+                  isAdmin: !isTeacher
                 })).then(function () {
                   isFirst = false;
                 });
@@ -7099,6 +7450,7 @@ var useChatContainer = function useChatContainer(props) {
   var _useState4 = React.useState(true),
     isScrollToEnd = _useState4[0],
     setScrollToEnd = _useState4[1];
+  var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(exports.Role.Admin);
   var _useMessageList = useMessageList({
       student: student
     }),
@@ -7224,9 +7576,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 {
@@ -7293,11 +7642,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]);
   React.useEffect(function () {
     getMessageConversation();
   }, [JSON.stringify(selectedConversation)]);
@@ -8062,40 +8411,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;
@@ -8199,49 +8530,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";
@@ -8371,9 +8678,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,
@@ -8410,6 +8739,9 @@ var useTextbookDetail = function useTextbookDetail(props) {
   var _useState9 = React.useState(false),
     isEditedTitle = _useState9[0],
     setEditedTitle = _useState9[1];
+  var _useState10 = React.useState([]),
+    categoryList = _useState10[0],
+    setCategoryList = _useState10[1];
   var textbookUrl = role === exports.Role.Teacher ? TEXTBOOK_URL$1 : ADMIN_TEXTBOOK_URL;
   var _useExam = useExam({
       navigate: navigate
@@ -8421,6 +8753,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);
+    }
+  };
+  React.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);
   };
@@ -8429,35 +8795,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) {
         reactToastify.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,
@@ -8473,45 +8839,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) {
         reactToastify.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) {
         reactToastify.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;
@@ -8536,7 +8902,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
       }, function (error) {
         reactToastify.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);
     }
@@ -8544,7 +8910,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,
@@ -8560,13 +8926,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) {
         reactToastify.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);
     }
@@ -8841,18 +9207,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: []
@@ -8878,7 +9244,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
       }, function (error) {
         reactToastify.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);
     }
@@ -8888,12 +9254,12 @@ var useTextbookDetail = function useTextbookDetail(props) {
     setParentChapter(undefined);
   };
   var validateTextbook = function validateTextbook() {
-    var _textbook$subject;
+    var _textbook$subject4;
     if (!textbook.name.trim().length) {
       reactToastify.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)) {
       reactToastify.toast.error(t('textbook_subject_is_required'));
       return false;
     }
@@ -8901,7 +9267,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();
@@ -8912,22 +9278,22 @@ var useTextbookDetail = function useTextbookDetail(props) {
         return Promise.resolve();
       }
       dispatch(setLoading(true));
-      var _temp14 = _catch(function () {
-        function _temp13() {
+      var _temp16 = _catch(function () {
+        function _temp15() {
           reactToastify.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
@@ -8935,11 +9301,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) {
         reactToastify.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);
     }
@@ -9005,12 +9371,12 @@ var useTextbookDetail = function useTextbookDetail(props) {
   React.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);
@@ -9019,7 +9385,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 reactToastify.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);
       }
@@ -9095,6 +9461,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
     articlesSelected: articlesSelected,
     isOpenDialog: isOpenDialog,
     examRequest: examRequest,
+    categoryList: categoryList,
     handleChangeExamRequest: handleChangeExamRequest,
     handleCheckArticle: handleCheckArticle,
     handleOpenCreateExamDialog: handleChangeExamRequestBeforeOpenDialog,
@@ -9529,27 +9896,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;
@@ -9775,9 +10121,8 @@ var useExamDetailView = function useExamDetailView(props) {
     }
   };
   React.useEffect(function () {
-    if (categoryList !== null && categoryList !== void 0 && categoryList.length) return;
     getCategoryList();
-  }, [exam.subjectId, JSON.stringify(categoryList)]);
+  }, [exam.subjectId]);
   var examGroupByArticle = React.useMemo(function () {
     if (!exam) return [];
     var articles = [];
@@ -10010,6 +10355,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,
@@ -10039,7 +10385,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, {
@@ -10402,7 +10748,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,
@@ -10448,7 +10794,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();
           });
@@ -11625,23 +11971,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;
@@ -11661,6 +11995,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(exports.Role.Student);
+  var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(exports.Role.Admin);
   var examCode = query.get("examCode") || code;
   var language = reactRedux.useSelector(function (state) {
     var _state$common2;
@@ -11747,12 +12082,12 @@ var useExamResult = function useExamResult(props) {
             userId: studentId,
             action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
-            roles: [exports.Role.Teacher]
+            isAdmin: isAdmin
           })) : Promise.resolve(!isStudent && createRecentUserActionListApi({
             userId: studentId,
             action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
-            roles: [exports.Role.Teacher]
+            isAdmin: isAdmin
           })).then(_temp3);
         });
       }, function (error) {
@@ -13334,8 +13669,8 @@ var iconWarning = function iconWarning(_ref) {
   }));
 };
 
-var schema$1 = yup.object().shape({
-  content: yup.string().required()
+var schema$1 = Yup.object().shape({
+  content: Yup.string().required()
 });
 function CreateNewQuestionDialog(_ref) {
   var handleCreateQuestion = _ref.handleCreateQuestion,
@@ -13510,6 +13845,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;
@@ -13592,7 +13930,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
@@ -14529,8 +14867,8 @@ var useCreateQuestionDialog$1 = function useCreateQuestionDialog() {
   };
 };
 
-var schema$2 = yup.object().shape({
-  content: yup.string().required()
+var schema$2 = Yup.object().shape({
+  content: Yup.string().required()
 });
 function CreateNewQuestionDialog$1(_ref) {
   var handleCreateQuestion = _ref.handleCreateQuestion,
@@ -15407,29 +15745,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,
@@ -17087,6 +17402,86 @@ var PrintExamView2 = function PrintExamView2(_ref) {
   }, t("print_pdf"))));
 };
 
+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 = reactRouterDom.useLocation(),
+    searchLocation = _useLocation.search;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var searchParams = new URLSearchParams(searchLocation);
+  var key = urlSafeFormat(searchParams.get("key") || "");
+  var dispatch = reactRedux.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);
+        reactToastify.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);
+  };
+  React.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);
+};
+
 exports.moment = moment;
 Object.defineProperty(exports, 'I18nextProvider', {
     enumerable: true,
@@ -17146,6 +17541,7 @@ exports.LayoutContext = LayoutContext;
 exports.Loading = Loading;
 exports.LoadingComponent = LoadingComponent;
 exports.Login = Login;
+exports.LoginWithEmail = LoginWithEmail;
 exports.LoginWithPassword = SignIn;
 exports.NotFound = NotFound;
 exports.PUSHER_CONFIG = PUSHER_CONFIG;