touchstudy-core 0.1.82 → 0.1.83

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
@@ -1838,6 +2127,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 +2371,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 = "이번주는 수업이 없습니다";
@@ -2371,6 +2662,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 +2757,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 +2874,15 @@ 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 lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2621,6 +2923,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 +3164,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,
@@ -3146,6 +3450,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 +3546,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 +3660,16 @@ 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
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3394,6 +3709,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 +3978,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";
@@ -3941,7 +4258,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 +4340,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";
@@ -4138,6 +4457,15 @@ 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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4178,6 +4506,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 +4772,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,
@@ -4718,6 +5048,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 +5130,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 +5244,16 @@ 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
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -5186,7 +5527,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 +7272,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 +7440,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 +7566,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 +7632,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)]);
@@ -11625,23 +11964,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 +11988,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 +12075,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 +13662,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 +13838,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 +13923,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 +14860,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 +15738,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 +17395,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 +17534,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;