touchstudy-core 0.1.81 → 0.1.83

package/dist/index.modern.js

@@ -1,16 +1,20 @@
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import React__default, { useState, useCallback, useEffect, Fragment as Fragment$1, useMemo, useRef, createElement } from 'react';
+import React__default, { useEffect, useState, useCallback, Fragment as Fragment$1, useMemo, useRef, createElement } from 'react';
 import { Formik, Form, Field } from 'formik';
-import { object, string, boolean } from 'yup';
+import { object, string, number } from 'yup';
 import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
 import { useDispatch, useSelector } from 'react-redux';
 import axios from 'axios';
 import { useTranslation, initReactI18next } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
-import { Paper, Card, Stack, Grid, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, Button, Box, Typography, Pagination, styled, useTheme, useMediaQuery, MenuList, Tooltip, tooltipClasses, ClickAwayListener, CircularProgress, FormControl, RadioGroup, FormControlLabel, Radio, FormGroup, FormLabel, Checkbox, InputLabel, Container, Table, TableBody, TableRow, TableCell, TableHead, InputBase, List, ListItem } from '@mui/material';
+import { Paper, Card, Stack, Box, Typography, TextField, Button, Grid, Dialog, DialogTitle, IconButton, DialogContent, DialogActions, Pagination, styled, useTheme, useMediaQuery, MenuList, Tooltip, tooltipClasses, ClickAwayListener, CircularProgress, FormControl, RadioGroup, FormControlLabel, Radio, FormGroup, FormLabel, Checkbox, InputLabel, Container, Table, TableBody, TableRow, TableCell, TableHead, InputBase, List, ListItem } from '@mui/material';
+import { blue } from '@mui/material/colors';
+import { GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import { gapi } from 'gapi-script';
+import { toast } from 'react-toastify';
+export { ToastContainer, toast } from 'react-toastify';
 import 'moment/locale/ko.js';
 import 'moment/locale/en-au.js';
 import Pusher from 'pusher-js';
@@ -21,8 +25,6 @@ import Popover from '@mui/material/Popover';
 import MenuItem from '@mui/material/MenuItem';
 import IconButton$1 from '@mui/material/IconButton';
 import { GoArrowSwitch } from 'react-icons/go';
-import { toast } from 'react-toastify';
-export { ToastContainer, toast } from 'react-toastify';
 import Select, { components } from 'react-select';
 import { FaCaretDown, FaTrash, FaPlus, FaSave, FaPencilAlt, FaPlusCircle, FaTimes, FaSortUp, FaSortDown, FaEye } from 'react-icons/fa';
 import { PiDotsNineLight } from 'react-icons/pi';
@@ -471,14 +473,16 @@ var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl)
         return Promise.resolve(apiLogin()).then(function (loginResponse) {
           var isFirstLogin = loginResponse.isFirstLogin,
             token = loginResponse.token,
-            user = loginResponse.user;
+            user = loginResponse.user,
+            isSuperAdmin = loginResponse.isSuperAdmin;
           var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
           var needToRegister = isStudent && isFirstLogin && isAcademy;
           var redirectUrl = getRedirectUrl();
           if (isStudent && !registerUrl) throw new Error("an_unexpected_error_has_occurred");
           if (!redirectUrl) redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
           redirectLoginUser(_extends({}, user, {
-            isNotEnoughStatements: isFirstLogin
+            isNotEnoughStatements: isFirstLogin,
+            isSuperAdmin: isSuperAdmin
           }), token, redirectUrl);
         });
       }, function (error) {
@@ -711,20 +715,33 @@ var SloganFullLogoEn = function SloganFullLogoEn(_ref) {
   }))));
 };
 
-var schema = object({
-  email: string().email("Email is invalid").required("Email is required"),
-  password: string().required("Password is required"),
-  rememberMe: boolean()
-});
-var BlockLogin = function BlockLogin(_ref) {
-  var defaultInfo = _ref.defaultInfo,
-    history = _ref.history,
-    _ref$role = _ref.role,
-    role = _ref$role === void 0 ? Role.Student : _ref$role,
-    homeAcademyUrl = _ref.homeAcademyUrl,
-    homeUrl = _ref.homeUrl,
-    registerUrl = _ref.registerUrl,
-    clientId = _ref.clientId;
+var schema = function schema(t, isOTP) {
+  return object({
+    email: string().when([], function (_ref, schema) {
+      return !isOTP ? schema.email(t("invalid_email_address")).required(t("email_is_required")) : schema;
+    }),
+    otp: number().typeError(t("must_be_number")).when([], function (_ref2, schema) {
+      return isOTP ? schema.required(t("otp_is_required")).positive().integer() : schema;
+    })
+  });
+};
+var BlockLogin = function BlockLogin(_ref3) {
+  var isOTP = _ref3.isOTP,
+    isEmail = _ref3.isEmail,
+    defaultInfo = _ref3.defaultInfo,
+    onVerify = _ref3.onVerify,
+    tokenReCaptcha = _ref3.tokenReCaptcha,
+    refreshReCaptcha = _ref3.refreshReCaptcha,
+    handleSwitchOTP = _ref3.handleSwitchOTP,
+    handleSwitchEmail = _ref3.handleSwitchEmail,
+    history = _ref3.history,
+    _ref3$role = _ref3.role,
+    role = _ref3$role === void 0 ? Role.Student : _ref3$role,
+    homeAcademyUrl = _ref3.homeAcademyUrl,
+    homeUrl = _ref3.homeUrl,
+    registerUrl = _ref3.registerUrl,
+    clientId = _ref3.clientId,
+    onSubmit = _ref3.onSubmit;
   var language = useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
@@ -769,19 +786,32 @@ var BlockLogin = function BlockLogin(_ref) {
     sx: {
       gap: 4,
       p: 6,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center'
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center"
     }
   }, React__default.createElement(Formik, {
     initialValues: defaultInfo,
-    validationSchema: schema,
-    onSubmit: function onSubmit() {}
-  }, function (formikProps) {
-    var handleSubmit = formikProps.handleSubmit;
-    return React__default.createElement("form", {
-      onSubmit: handleSubmit
-    }, React__default.createElement("div", {
+    validationSchema: function validationSchema() {
+      return schema(t, isOTP);
+    },
+    onSubmit: onSubmit
+  }, function (_ref4) {
+    var errors = _ref4.errors,
+      values = _ref4.values,
+      setFieldValue = _ref4.setFieldValue;
+    console.log({
+      errors: errors,
+      values: values
+    });
+    useEffect(function () {
+      if (isOTP) {
+        setFieldValue("email", "");
+      } else {
+        setFieldValue("otp", "");
+      }
+    }, [isOTP, isEmail]);
+    return React__default.createElement(Form, null, React__default.createElement("div", {
       className: "" + styles["block-form"]
     }, React__default.createElement(Stack, {
       py: 2,
@@ -791,7 +821,7 @@ var BlockLogin = function BlockLogin(_ref) {
       width: "300px"
     }) : React__default.createElement(SloganFullLogoEn, {
       width: "300px"
-    })), React__default.createElement("div", {
+    })), !isOTP && !isEmail && React__default.createElement("div", {
       className: "p-0 mt-1 mb-4"
     }, React__default.createElement(GoogleLogin, {
       clientId: clientId,
@@ -801,18 +831,152 @@ var BlockLogin = function BlockLogin(_ref) {
       cookiePolicy: "single_host_origin",
       className: "" + styles["btn-login-google"],
       isSignedIn: true
-    }))));
+    }), React__default.createElement(Box, {
+      onClick: function onClick() {
+        return handleSwitchEmail(true);
+      },
+      sx: {
+        cursor: "pointer",
+        my: 4
+      }
+    }, React__default.createElement(Typography, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: blue[700]
+    }, t("sign_in_with_email"))))), (isEmail || isOTP) && React__default.createElement(Stack, null, !isOTP ? React__default.createElement(Stack, {
+      flexDirection: "column",
+      gap: 1
+    }, React__default.createElement(Typography, {
+      fontWeight: 700,
+      fontSize: "14px"
+    }, t("email")), React__default.createElement(Field, {
+      name: "email",
+      render: function render(_ref5) {
+        var field = _ref5.field;
+        return React__default.createElement(TextField, Object.assign({}, field));
+      }
+    }), !!(errors !== null && errors !== void 0 && errors.email) && React__default.createElement(Typography, {
+      fontWeight: 500,
+      fontSize: "10px",
+      lineHeight: "11.93px",
+      color: !(errors !== null && errors !== void 0 && errors.email) ? "#97A1AF" : "#F34B4B"
+    }, errors === null || errors === void 0 ? void 0 : errors.email)) : React__default.createElement(Stack, {
+      flexDirection: "column",
+      gap: 1
+    }, React__default.createElement(Typography, {
+      fontWeight: 700,
+      fontSize: "14px"
+    }, t("OTP")), React__default.createElement(Field, {
+      name: "otp",
+      render: function render(_ref6) {
+        var field = _ref6.field;
+        return React__default.createElement(TextField, Object.assign({}, field));
+      }
+    }), !!(errors !== null && errors !== void 0 && errors.otp) && React__default.createElement(Typography, {
+      fontWeight: 500,
+      fontSize: "10px",
+      lineHeight: "11.93px",
+      color: !(errors !== null && errors !== void 0 && errors.otp) ? "#97A1AF" : "#F34B4B"
+    }, errors === null || errors === void 0 ? void 0 : errors.otp)), React__default.createElement(Stack, {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 2,
+      my: 2
+    }, React__default.createElement(GoogleReCaptcha, {
+      onVerify: onVerify,
+      refreshReCaptcha: refreshReCaptcha
+    })), React__default.createElement(Box, {
+      onClick: function onClick() {
+        handleSwitchEmail(false);
+        handleSwitchOTP(false);
+      },
+      sx: {
+        cursor: "pointer",
+        my: 2
+      }
+    }, React__default.createElement(Typography, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: blue[700]
+    }, t("sign_in_with_google_account"))), React__default.createElement(Stack, {
+      flexDirection: "row",
+      justifyContent: "end",
+      gap: 1,
+      mt: 2
+    }, React__default.createElement(Button, {
+      variant: "contained",
+      color: "primary",
+      type: "submit",
+      disabled: !tokenReCaptcha
+    }, t("submit")))));
   })));
 };
 
+var SIGN_IN_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth/login";
+var SIGN_IN_URL = BASE_URL + "/api/auth/login";
+var signInApi = function signInApi(_ref) {
+  var email = _ref.email,
+    password = _ref.password,
+    role = _ref.role;
+  return api.post(SIGN_IN_URL + "/demo", {
+    email: email,
+    password: password,
+    role: role
+  });
+};
+var signInWithEmailApi = function signInWithEmailApi(_ref2) {
+  var academyDomain = _ref2.academyDomain,
+    email = _ref2.email,
+    reCaptcha = _ref2.reCaptcha;
+  return api.post((academyDomain ? SIGN_IN_URL : SIGN_IN_SUPER_ADMIN_URL) + "/email", {
+    email: email,
+    reCaptcha: reCaptcha
+  }, {
+    headers: {
+      Domain: window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '')
+    }
+  });
+};
+var signInWithOTPApi = function signInWithOTPApi(_ref3) {
+  var academyDomain = _ref3.academyDomain,
+    otp = _ref3.otp,
+    role = _ref3.role;
+  return api.post((academyDomain ? SIGN_IN_URL : SIGN_IN_SUPER_ADMIN_URL) + "/otp", {
+    otp: otp,
+    role: role
+  });
+};
+var signInWithKeyApi = function signInWithKeyApi(_ref4) {
+  var academyDomain = _ref4.academyDomain,
+    key = _ref4.key,
+    role = _ref4.role;
+  return api.post((academyDomain ? SIGN_IN_URL : SIGN_IN_SUPER_ADMIN_URL) + "/email/key", {
+    key: key,
+    role: role
+  });
+};
+var signInSuperAdminApi = function signInSuperAdminApi(_ref5) {
+  var email = _ref5.email,
+    password = _ref5.password,
+    role = _ref5.role;
+  return api.post(SIGN_IN_SUPER_ADMIN_URL + "/demo", {
+    email: email,
+    password: password,
+    role: role
+  });
+};
+
 var defaultInfo = {
   email: "",
-  password: "",
-  captcha: "",
-  rememberMe: false
+  otp: ""
 };
 var PAGE_TITLE = "sign_in";
-var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
+var useLogin$1 = function useLogin(_ref) {
+  var history = _ref.history,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl,
+    role = _ref.role;
   var _useState = useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
@@ -822,6 +986,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState3 = useState(),
     clientId = _useState3[0],
     setClientId = _useState3[1];
+  var dispatch = useDispatch();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var toggle = useCallback(function () {
@@ -830,6 +995,96 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState4 = useState(false),
     isShowPassword = _useState4[0],
     setIsShowPassword = _useState4[1];
+  var _useState5 = useState(false),
+    isOTP = _useState5[0],
+    setIsOTP = _useState5[1];
+  var _useState6 = useState(false),
+    isEmail = _useState6[0],
+    setIsEmail = _useState6[1];
+  var searchParams = new URLSearchParams(window.location.search);
+  var paramDomain = searchParams.get("domain");
+  var academyDomainStorage = getAcademyDomain();
+  var academyDomain = paramDomain || academyDomainStorage || "";
+  var _useState7 = useState(""),
+    tokenReCaptcha = _useState7[0],
+    setTokenReCaptcha = _useState7[1];
+  var _useState8 = useState(false),
+    refreshReCaptcha = _useState8[0],
+    setRefreshReCaptcha = _useState8[1];
+  var handleSwitchOTP = function handleSwitchOTP(bool) {
+    setIsOTP(bool);
+  };
+  var handleSwitchEmail = function handleSwitchEmail(bool) {
+    setIsEmail(bool);
+  };
+  var onVerify = useCallback(function (token) {
+    setTokenReCaptcha(token);
+  }, []);
+  var redirectLoginUser = function redirectLoginUser(data, token, redirectUrl) {
+    localStorage.setItem(ACCESS_TOKEN, token);
+    !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+    !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
+    dispatch(setUser(_extends({}, data)));
+    if (redirectUrl) pushTo(history, redirectUrl);
+  };
+  var handleSubmit = function handleSubmit(values) {
+    try {
+      var _temp5 = function _temp5() {
+        dispatch(setLoading(false));
+      };
+      if (!tokenReCaptcha) return Promise.resolve();
+      dispatch(setLoading(true));
+      var email = values.email,
+        otp = values.otp;
+      var _temp4 = _catch(function () {
+        function _temp3() {
+          var _temp = function () {
+            if (otp) {
+              return Promise.resolve(signInWithOTPApi({
+                academyDomain: academyDomain,
+                otp: otp,
+                role: role
+              })).then(function (res) {
+                var loginResponse = res === null || res === void 0 ? void 0 : res.data;
+                var isFirstLogin = loginResponse.isFirstLogin,
+                  token = loginResponse.token,
+                  user = loginResponse.user;
+                var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+                var needToRegister = isFirstLogin && isAcademy;
+                var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
+                handleSwitchOTP(false);
+                redirectLoginUser(user, token, redirectUrl);
+              });
+            }
+          }();
+          if (_temp && _temp.then) return _temp.then(function () {});
+        }
+        var _temp2 = function () {
+          if (email) {
+            return Promise.resolve(signInWithEmailApi({
+              academyDomain: academyDomain,
+              email: email,
+              reCaptcha: tokenReCaptcha
+            })).then(function () {
+              toast.success(t("please_check_your_mailbox"));
+              handleSwitchOTP(true);
+              handleSwitchEmail(false);
+              setRefreshReCaptcha(function (b) {
+                return !b;
+              });
+            });
+          }
+        }();
+        return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
+      }, function (error) {
+        console.log(error);
+        toast.error(getErrorMessage(t, error, t("request_login_fail")));
+      });
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   useEffect(function () {
     setClientId(GOOGLE_CLIENT_ID);
   }, []);
@@ -852,6 +1107,13 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
     document.title = t("study_peak") + " | " + t(PAGE_TITLE);
   }, [t]);
   return {
+    isOTP: isOTP,
+    isEmail: isEmail,
+    onVerify: onVerify,
+    tokenReCaptcha: tokenReCaptcha,
+    refreshReCaptcha: refreshReCaptcha,
+    handleSwitchOTP: handleSwitchOTP,
+    handleSwitchEmail: handleSwitchEmail,
     clientId: clientId,
     defaultInfo: defaultInfo,
     openLogin: openLogin,
@@ -859,6 +1121,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
     isShowPassword: isShowPassword,
     setIsShowPassword: setIsShowPassword,
     infoUser: infoUser,
+    handleSubmit: handleSubmit,
     setInfoUser: setInfoUser
   };
 };
@@ -961,9 +1224,23 @@ var _excluded = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useLogin = useLogin$1(rest.homeAcademyUrl, rest.homeUrl),
+  var _useLogin = useLogin$1({
+      homeAcademyUrl: rest.homeAcademyUrl,
+      homeUrl: rest.homeUrl,
+      role: rest.role,
+      registerUrl: rest.registerUrl,
+      history: history
+    }),
+    isOTP = _useLogin.isOTP,
+    isEmail = _useLogin.isEmail,
+    onVerify = _useLogin.onVerify,
     defaultInfo = _useLogin.defaultInfo,
-    clientId = _useLogin.clientId;
+    clientId = _useLogin.clientId,
+    tokenReCaptcha = _useLogin.tokenReCaptcha,
+    handleSubmit = _useLogin.handleSubmit,
+    handleSwitchOTP = _useLogin.handleSwitchOTP,
+    refreshReCaptcha = _useLogin.refreshReCaptcha,
+    handleSwitchEmail = _useLogin.handleSwitchEmail;
   useLanguage(history);
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
@@ -975,11 +1252,21 @@ var Login = function Login(_ref) {
     item: true,
     xs: 12,
     className: "d-flex justify-content-center h-100 align-items-center"
-  }, clientId && React__default.createElement(BlockLogin, Object.assign({
+  }, clientId && React__default.createElement(GoogleReCaptchaProvider, {
+    reCaptchaKey: GOOGLE_RECAPTCHA_KEY
+  }, React__default.createElement(BlockLogin, Object.assign({
+    isOTP: isOTP,
+    onVerify: onVerify,
+    isEmail: isEmail,
+    tokenReCaptcha: tokenReCaptcha,
+    refreshReCaptcha: refreshReCaptcha,
+    handleSwitchOTP: handleSwitchOTP,
+    handleSwitchEmail: handleSwitchEmail,
     defaultInfo: defaultInfo,
     history: history,
-    clientId: clientId
-  }, rest)))));
+    clientId: clientId,
+    onSubmit: handleSubmit
+  }, rest))))));
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1379,7 +1666,9 @@ var useLayoutContext = function useLayoutContext(role, pusherRegisterUrls, showL
   };
   var checkRoleUser = useCallback(function () {
     if (!(user !== null && user !== void 0 && user.email)) return;
-    if (!roles.includes(role) && !!academyDomain) {
+    var isAdmin = roles.includes(Role.Admin);
+    if (isAdmin && role === Role.Teacher) return;
+    if (!roles.includes(role) && !!academyDomain && (role !== Role.Teacher || !roles.includes(Role.Admin))) {
       alert(t("user_not_allow_to_register_role", {
         user: user.email,
         role: role
@@ -1839,6 +2128,7 @@ var there_are_no_recent_exams = "최근 시험이 없습니다";
 var you_have_started_an_exam_with_code_code_do_you_want_to_continue = "{{code}} 코드로 시험을 시작했습니다. 계속하시겠습니까?";
 var here = "여기";
 var do_you_want_to_complete_the_exam = "시험을 완료처리 하시겠습니까?";
+var do_you_want_to_cancel_the_exam = "시험을 취소하시겠습니까? (학생의 결과는 모두 삭제됩니다)";
 var are_you_sure_you_want_to_delete_the_exam = "시험을 삭제하시겠습니까?";
 var are_you_sure_you_want_to_delete_the_textbook = "교과서를 삭제하시겠습니까?";
 var are_you_sure_you_want_to_delete_the_user = "사용자 {{user}}을(를) 삭제하시겠습니까?";
@@ -2082,6 +2372,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 = "이번주는 수업이 없습니다";
@@ -2372,6 +2663,7 @@ var textbook_subject_is_required = "교과서 과목은 필수입니다";
 var update_the_textbook_successfully = "교과서를 성공적으로 업데이트했습니다.";
 var create_the_textbook_successfully = "교과서를 성공적으로 만들었습니다.";
 var finish_exam_successful = "시험을 성공적으로 마쳤습니다";
+var cancel_exam_successful = "시험을 성공적으로 취소했습니다";
 var you_has_been_kicked_out = "당신은 쫓겨났습니다";
 var the_teacher_has_closed_or_deleted_the_exam = "선생님이 시험을 종료했거나 삭제했습니다. 나중에 다시 시도해 주세요.";
 var check_in_lesson_successfully = "수업 체크인 성공";
@@ -2466,6 +2758,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,16 @@ var your_browser_must = "귀하의 브라우저는 다음을 충족해야 합니
 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 +2924,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 +3165,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 +3451,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 +3547,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,
@@ -3353,7 +3660,17 @@ var lang_ko = {
 	your_browser_must: your_browser_must,
 	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
+	total_number_of_selected_results: total_number_of_selected_results,
+	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";
@@ -3393,6 +3710,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}}?";
@@ -3661,6 +3979,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";
@@ -3940,7 +4259,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";
@@ -4021,6 +4341,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";
@@ -4136,6 +4457,16 @@ var your_browser_must$1 = "Your browser must";
 var allowed_to_send_pop_ups_and_use_redirects$1 = "Allowed to send pop-ups and use redirects";
 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,
@@ -4176,6 +4507,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,
@@ -4441,6 +4773,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,
@@ -4716,6 +5049,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,
@@ -4797,6 +5131,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,
@@ -4909,7 +5244,17 @@ var lang_en = {
 	your_browser_must: your_browser_must$1,
 	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
+	total_number_of_selected_results: total_number_of_selected_results$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.use(initReactI18next).init({
@@ -5183,7 +5528,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
   var isAdmin = role === Role.Admin;
-  var isSuperAdmin = user && !user.academyDomain && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
+  var isSuperAdmin = user && (!user.academyDomain && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin)) || user.isSuperAdmin);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(null),
@@ -6929,7 +7274,7 @@ var useMessageList = function useMessageList(_ref) {
                   userId: (student === null || student === void 0 ? void 0 : student.id) || 0,
                   action: RecentUserAction$1.ViewedQNA,
                   data: "" + conversationId,
-                  roles: [Role.Teacher]
+                  isAdmin: !isTeacher
                 })).then(function () {
                   isFirst = false;
                 });
@@ -7097,6 +7442,7 @@ var useChatContainer = function useChatContainer(props) {
   var _useState4 = useState(true),
     isScrollToEnd = _useState4[0],
     setScrollToEnd = _useState4[1];
+  var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Admin);
   var _useMessageList = useMessageList({
       student: student
     }),
@@ -7222,9 +7568,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 {
@@ -7291,11 +7634,11 @@ var useChatContainer = function useChatContainer(props) {
     var results = messages.map(function (i) {
       var _i$sender;
       return _extends({}, i, {
-        isMe: (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_i$sender = i.sender) === null || _i$sender === void 0 ? void 0 : _i$sender.id)
+        isMe: isAdmin && !i.isStudent || (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_i$sender = i.sender) === null || _i$sender === void 0 ? void 0 : _i$sender.id)
       });
     });
     return results;
-  }, [JSON.stringify(messages), infoUser === null || infoUser === void 0 ? void 0 : infoUser.id]);
+  }, [JSON.stringify(messages), infoUser === null || infoUser === void 0 ? void 0 : infoUser.id, isAdmin]);
   useEffect(function () {
     getMessageConversation();
   }, [JSON.stringify(selectedConversation)]);
@@ -10870,6 +11213,7 @@ var EXAM_RESULT = {
     topDuration: 180.939,
     answerResponseSignal: 0,
     isCorrect: false,
+    score: 2,
     answerTime: "2024-03-13T04:29:00.685+00:00",
     article: 1,
     category: {
@@ -10891,6 +11235,7 @@ var EXAM_RESULT = {
     classAverageTime: 2.014,
     topDuration: 2.014,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:02.7+00:00",
     article: 1,
@@ -10913,6 +11258,7 @@ var EXAM_RESULT = {
     classAverageTime: 52.244,
     topDuration: 24.244,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:04.944+00:00",
     article: 1,
@@ -10935,6 +11281,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.373,
     topDuration: 1.373,
     answerResponseSignal: 4,
+    score: 2,
     isCorrect: true,
     answerTime: "2024-03-13T04:29:06.317+00:00",
     article: 1,
@@ -10957,6 +11304,7 @@ var EXAM_RESULT = {
     classAverageTime: 132.683,
     topDuration: 110.683,
     answerResponseSignal: 2,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:07+00:00",
     article: 1,
@@ -10979,6 +11327,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.052,
     topDuration: 1.052,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: true,
     answerTime: "2024-03-13T04:29:08.052+00:00",
     article: 2,
@@ -11001,6 +11350,7 @@ var EXAM_RESULT = {
     classAverageTime: 0,
     topDuration: null,
     answerResponseSignal: null,
+    score: 2,
     isCorrect: false,
     answerTime: "0001-01-01T00:00:00+00:00",
     article: 2,
@@ -11023,6 +11373,7 @@ var EXAM_RESULT = {
     classAverageTime: 2.596,
     topDuration: 2.596,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:10.648+00:00",
     article: 2,
@@ -11045,6 +11396,7 @@ var EXAM_RESULT = {
     classAverageTime: 0.899,
     topDuration: 0.899,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:12.864+00:00",
     article: 2,
@@ -11068,6 +11420,7 @@ var EXAM_RESULT = {
     topDuration: 20.496,
     answerResponseSignal: 0,
     isCorrect: true,
+    score: 2,
     answerTime: "2024-03-13T04:29:14.36+00:00",
     article: 2,
     category: {
@@ -11089,6 +11442,7 @@ var EXAM_RESULT = {
     classAverageTime: 0,
     topDuration: null,
     answerResponseSignal: null,
+    score: 2,
     isCorrect: false,
     answerTime: "0001-01-01T00:00:00+00:00",
     article: 2,
@@ -11112,6 +11466,7 @@ var EXAM_RESULT = {
     topDuration: 1.317,
     answerResponseSignal: 1,
     isCorrect: true,
+    score: 2,
     answerTime: "2024-03-13T04:29:11.965+00:00",
     article: 3,
     category: {
@@ -11133,6 +11488,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.593,
     topDuration: 1.593,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:20.734+00:00",
     article: 3,
@@ -11155,6 +11511,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.204,
     topDuration: 1.204,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:18.164+00:00",
     article: 3,
@@ -11177,6 +11534,7 @@ var EXAM_RESULT = {
     classAverageTime: 2.6,
     topDuration: 2.6,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:16.96+00:00",
     article: 3,
@@ -11199,6 +11557,7 @@ var EXAM_RESULT = {
     classAverageTime: 0.977,
     topDuration: 0.977,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: true,
     answerTime: "2024-03-13T04:29:19.141+00:00",
     article: 3,
@@ -11607,23 +11966,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;
@@ -11643,6 +11990,7 @@ var useExamResult = function useExamResult(props) {
   });
   var roles = (user === null || user === void 0 ? void 0 : user.roles) || [];
   var isStudent = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Student);
+  var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Admin);
   var examCode = query.get("examCode") || code;
   var language = useSelector(function (state) {
     var _state$common2;
@@ -11727,14 +12075,14 @@ var useExamResult = function useExamResult(props) {
           setCategoryResponses(((_result$4$data2 = result[4].data) === null || _result$4$data2 === void 0 ? void 0 : _result$4$data2.data) || []);
           return isStudent ? _temp3(!isStudent && createRecentUserActionListApi({
             userId: studentId,
-            action: RecentUserAction$1.ViewedExamResult,
+            action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
-            roles: [Role.Teacher]
+            isAdmin: isAdmin
           })) : Promise.resolve(!isStudent && createRecentUserActionListApi({
             userId: studentId,
-            action: RecentUserAction$1.ViewedExamResult,
+            action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
-            roles: [Role.Teacher]
+            isAdmin: isAdmin
           })).then(_temp3);
         });
       }, function (error) {
@@ -13492,6 +13840,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;
@@ -13574,7 +13925,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
@@ -14696,7 +15047,7 @@ var usePrintExamResult = function usePrintExamResult(isDataFetching, fileName, t
   var autoPrintPdf = function autoPrintPdf() {
     if (printState === PrintState.Printing) return;
     if (autoPrint && printState !== PrintState.Default) return;
-    if (totalChart !== renderedCharts.length) {
+    if (totalChart !== 0 && totalChart !== renderedCharts.length) {
       !autoPrint && setPrintState(PrintState.Pending);
       return;
     }
@@ -14825,6 +15176,8 @@ var studentNameStyle = {
 var PrintExamResult = function PrintExamResult(_ref) {
   var resultData = _ref.resultData,
     examTime = _ref.examTime,
+    status = _ref.status,
+    isShow = _ref.isShow,
     isStudent = _ref.isStudent,
     categoryResponses = _ref.categoryResponses,
     timelyOrderQuestions = _ref.timelyOrderQuestions,
@@ -14952,7 +15305,7 @@ var PrintExamResult = function PrintExamResult(_ref) {
       fontWeight: 600,
       color: styles.gray_700
     }
-  }, resultData === null || resultData === void 0 ? void 0 : resultData.teacherName)))))), React__default.createElement(Stack, {
+  }, resultData === null || resultData === void 0 ? void 0 : resultData.teacherName)))))), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[0].value))) && React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px"
@@ -14962,7 +15315,7 @@ var PrintExamResult = function PrintExamResult(_ref) {
     data: resultData,
     categories: categoryResponses,
     isStudent: isStudent
-  })), React__default.createElement(Stack, {
+  })), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[1].value))) && React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
@@ -14989,7 +15342,7 @@ var PrintExamResult = function PrintExamResult(_ref) {
       series: allSeries[index],
       setIsRendered: setRenderedChart
     });
-  })), React__default.createElement(Stack, {
+  })), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[2].value))) && React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
@@ -14998,7 +15351,7 @@ var PrintExamResult = function PrintExamResult(_ref) {
     sx: textStyle
   }, t$1(TabList[2].label)), React__default.createElement(CompareGrass, {
     effectSize: effectSize
-  })), React__default.createElement(Stack, {
+  })), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[3].value))) && React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
@@ -15387,29 +15740,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,
@@ -16617,6 +16947,15 @@ var usePrintView = function usePrintView(_ref) {
   var _useState = useState(false),
     isDone = _useState[0],
     setDone = _useState[1];
+  var _useLocation = useLocation(),
+    search = _useLocation.search;
+  var query = new URLSearchParams(search);
+  var status = query.get('status') || '';
+  var isShow = function isShow(value) {
+    return (status === null || status === void 0 ? void 0 : status.split(',').some(function (i) {
+      return i === value.toString();
+    })) || false;
+  };
   var handelPrintSuccess = function handelPrintSuccess() {
     var _window$opener$postMe, _window$opener;
     var data;
@@ -16663,6 +17002,8 @@ var usePrintView = function usePrintView(_ref) {
   return {
     fileName: fileName,
     isDone: isDone,
+    status: status,
+    isShow: isShow,
     handelPrintSuccess: handelPrintSuccess,
     handelPrintError: handelPrintError
   };
@@ -16731,9 +17072,11 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
     }),
     fileName = _usePrintView.fileName,
     isDone = _usePrintView.isDone,
+    status = _usePrintView.status,
+    isShow = _usePrintView.isShow,
     handelPrintSuccess = _usePrintView.handelPrintSuccess,
     handelPrintError = _usePrintView.handelPrintError;
-  var _usePrintExamResult = usePrintExamResult(isLoading, fileName, timelyOrderQuestions.length, handelPrintSuccess, handelPrintError, true),
+  var _usePrintExamResult = usePrintExamResult(isLoading, fileName, !status || isShow !== null && isShow !== void 0 && isShow(TabList[1].value) ? timelyOrderQuestions.length : 0, handelPrintSuccess, handelPrintError, true),
     contentRef = _usePrintExamResult.contentRef,
     setRenderedChart = _usePrintExamResult.setRenderedChart;
   var isTabletUp = useMediaQuery("(min-width:900px)");
@@ -16756,6 +17099,8 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
     timelyOrderQuestions: timelyOrderQuestions,
     isMyStoryStudent: isMyStoryStudent,
     fileName: fileName,
+    isShow: isShow,
+    status: status,
     setRenderedChart: setRenderedChart
   }) : isLoading === undefined || isLoading === true ? React__default.createElement(LoadingComponent, {
     isLoading: !!isLoading,
@@ -16778,6 +17123,20 @@ var PrintState$1;
   PrintState[PrintState["Paused"] = 3] = "Paused";
 })(PrintState$1 || (PrintState$1 = {}));
 
+var TabList$1 = [{
+  label: "comprehensive_analysis",
+  value: 0
+}, {
+  label: "solution_order",
+  value: 1
+}, {
+  label: "compare_solution",
+  value: 2
+}, {
+  label: "problem_analysis",
+  value: 3
+}];
+
 var TOTAL = 3;
 var PrintExamView2 = function PrintExamView2(_ref) {
   var history = _ref.history,
@@ -16812,7 +17171,23 @@ var PrintExamView2 = function PrintExamView2(_ref) {
   var _useState5 = useState([]),
     errorLinks = _useState5[0],
     setErrorLinks = _useState5[1];
+  var _useState6 = useState([]),
+    status = _useState6[0],
+    setStatus = _useState6[1];
   var theme = useTheme();
+  var handleChangeStatus = function handleChangeStatus(event) {
+    if (event.target.checked) {
+      setStatus(function (prev) {
+        var _event$target;
+        return [].concat(prev, [(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value]);
+      });
+    } else setStatus(function (prev) {
+      return prev === null || prev === void 0 ? void 0 : prev.filter(function (i) {
+        var _event$target2;
+        return i !== ((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.value);
+      });
+    });
+  };
   var handleProgressPrint = function handleProgressPrint() {
     setData(dataProps);
     setCompleted([]);
@@ -16820,6 +17195,9 @@ var PrintExamView2 = function PrintExamView2(_ref) {
     setErrorLinks([]);
     setState(PrintState$1.Printing);
   };
+  console.log({
+    status: status
+  });
   var print = function print(_ref2) {
     var examSessionId = _ref2.examSessionId,
       studentId = _ref2.studentId,
@@ -16828,7 +17206,7 @@ var PrintExamView2 = function PrintExamView2(_ref) {
     var height = 200;
     var left = window.screenX + window.outerWidth / 2 - width / 2;
     var top = window.screenY + window.outerHeight / 2 - height / 2;
-    var url = isTeacher ? window.location.origin + "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print" : window.location.origin + "/student/exam-results/" + code + "/print";
+    var url = isTeacher ? window.location.origin + "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print?status=" + status.join(",") : window.location.origin + "/student/exam-results/" + code + "/print";
     var windowName = isTeacher ? "popup-" + examSessionId + "-" + studentId : "popup-" + code;
     var windowSpecs = "left=" + left + ",top=" + top + ",width=" + width + ",height=" + height + ",location=yes,resizable=yes,scrollbars=yes,status=yes";
     var childWindow = window.open(url, windowName, windowSpecs);
@@ -16990,12 +17368,114 @@ var PrintExamView2 = function PrintExamView2(_ref) {
     disablePadding: true
   }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(ListItem, {
     disablePadding: true
-  }, t("disable_ask_where_to_save_each_file_before_downloading")))), React__default.createElement(Button, {
+  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(Stack, null, React__default.createElement(Typography, {
+    fontWeight: 700
+  }, t("choose_to_print"), ":"), React__default.createElement(FormGroup, {
+    sx: {
+      display: "flex",
+      flexDirection: "row",
+      gap: 1,
+      flexWrap: "wrap"
+    }
+  }, TabList$1.map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return React__default.createElement(FormControlLabel, {
+      control: React__default.createElement(Checkbox, {
+        onChange: handleChangeStatus,
+        value: value,
+        checked: status.some(function (i) {
+          return i === value.toString();
+        })
+      }),
+      label: t(label)
+    });
+  }))), React__default.createElement(Button, {
     className: "mt-3",
     variant: "contained",
     onClick: handleProgressPrint
   }, t("print_pdf"))));
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AnswerCountSelector, ArticleCategorySelector, ArticleGroupView, BASE_URL, ChatContainer, ChatItemType, types as ChatTypes, CommonDialog, ConfirmDialog, index$1 as CoreHooks, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, Language, LayoutContext, Loading, LoadingComponent, Login, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, PassCodeCheck, PrintExamResultView, PrintExamView2, QuestionCountSelector, RecentUserAction, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SubjectSelector, index$2 as Textbook, TextbookViewDetail as TextbookDetail, TextbookList, TheAcademyDropdown, TheLanguageDropdown, index$3 as Types, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, createRecentUserActionListApi, diffFromNow, formatTime, getAcademyDomain, getAccessToken, getErrorMessage, getOrdinalSuffix, getRecentUserActionListApi, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useLoadMore, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+var urlSafeFormat = function urlSafeFormat(text) {
+  return text.replaceAll(' ', "+");
+};
+
+var useLoginWithEmail = function useLoginWithEmail(_ref) {
+  var history = _ref.history,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl,
+    role = _ref.role;
+  var _useLocation = useLocation(),
+    searchLocation = _useLocation.search;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var searchParams = new URLSearchParams(searchLocation);
+  var key = urlSafeFormat(searchParams.get("key") || "");
+  var dispatch = useDispatch();
+  var paramDomain = searchParams.get("domain");
+  var academyDomainStorage = getAcademyDomain();
+  var academyDomain = paramDomain || academyDomainStorage || "";
+  var handleSignIn = function handleSignIn() {
+    try {
+      var _temp2 = function _temp2() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(signInWithKeyApi({
+          academyDomain: academyDomain,
+          key: key,
+          role: role
+        })).then(function (res) {
+          var loginResponse = res === null || res === void 0 ? void 0 : res.data;
+          var isFirstLogin = loginResponse.isFirstLogin,
+            token = loginResponse.token,
+            user = loginResponse.user;
+          var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+          var needToRegister = isFirstLogin && isAcademy;
+          var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
+          redirectLoginUser(user, token, redirectUrl);
+        });
+      }, function (error) {
+        console.log(error);
+        toast.error(getErrorMessage(t, error, t("request_login_fail")));
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var redirectLoginUser = function redirectLoginUser(data, token, redirectUrl) {
+    localStorage.setItem(ACCESS_TOKEN, token);
+    !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+    !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
+    dispatch(setUser(_extends({}, data)));
+    if (redirectUrl) pushTo(history, redirectUrl);
+  };
+  useEffect(function () {
+    if (!key) return;
+    handleSignIn();
+  });
+  return {};
+};
+
+var LoginWithEmail = function LoginWithEmail(_ref) {
+  var history = _ref.history,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl,
+    role = _ref.role;
+  useLoginWithEmail({
+    history: history,
+    homeAcademyUrl: homeAcademyUrl,
+    homeUrl: homeUrl,
+    registerUrl: registerUrl,
+    role: role
+  });
+  return React__default.createElement(Loading, null);
+};
+
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AnswerCountSelector, ArticleCategorySelector, ArticleGroupView, BASE_URL, ChatContainer, ChatItemType, types as ChatTypes, CommonDialog, ConfirmDialog, index$1 as CoreHooks, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, Language, LayoutContext, Loading, LoadingComponent, Login, LoginWithEmail, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, PassCodeCheck, PrintExamResultView, PrintExamView2, QuestionCountSelector, RecentUserAction, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SubjectSelector, index$2 as Textbook, TextbookViewDetail as TextbookDetail, TextbookList, TheAcademyDropdown, TheLanguageDropdown, index$3 as Types, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, createRecentUserActionListApi, diffFromNow, formatTime, getAcademyDomain, getAccessToken, getErrorMessage, getOrdinalSuffix, getRecentUserActionListApi, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useLoadMore, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map