touchstudy-core 0.1.59 → 0.1.61

package/dist/index.js

@@ -79,27 +79,6 @@ var DATE_MIN_VALUE = "0001-01-01T00:00:00+00:00";
 var DATE_TIME_MIN_VALUE = "0001-01-01T00:00:00";
 var EXAM_CHANNEL = "presence-exam-channel";
 var EXAM_STUDENT_CHANNEL = "EXAM-CHANNEL-{examCode}-STUDENT-{studentId}";
-var getAccessToken = function getAccessToken() {
-  try {
-    return localStorage.getItem(ACCESS_TOKEN);
-  } catch (err) {
-    return null;
-  }
-};
-var getAcademyDomain = function getAcademyDomain() {
-  try {
-    return localStorage.getItem(ACADEMY_DOMAIN);
-  } catch (err) {
-    return null;
-  }
-};
-var getRedirectUrl = function getRedirectUrl() {
-  try {
-    return localStorage.getItem(REDIRECT_URL);
-  } catch (err) {
-    return undefined;
-  }
-};
 var encodeParams = function encodeParams(params) {
   return Object.keys(params).filter(function (key) {
     return params[key] || params[key] === 0 || params[key] === false;
@@ -382,6 +361,22 @@ function _finally(body, finalizer) {
 	return finalizer();
 }
 
+var getAcademyDomain = function getAcademyDomain() {
+  try {
+    return localStorage.getItem(ACADEMY_DOMAIN);
+  } catch (err) {
+    return null;
+  }
+};
+
+var getAccessToken = (function () {
+  try {
+    return localStorage.getItem(ACCESS_TOKEN);
+  } catch (err) {
+    return null;
+  }
+});
+
 var api = axios.create({
   baseURL: BASE_URL,
   timeout: 0,
@@ -511,12 +506,20 @@ var getErrorMessage = function getErrorMessage(t, error, defaultErrorMessage) {
   var _error$response, _error$response$data, _error$response2, _error$response3, _error$response3$data;
   var errorMessage = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title;
   if ((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 500) return defaultErrorMessage || t(DefaultErrorMessage);
-  if (typeof errorMessage === "string") return errorMessage;
+  if (typeof errorMessage === "string") return decodeURIComponent(errorMessage);
   errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.message);
   if (typeof errorMessage === "string") return errorMessage;
   return defaultErrorMessage || t(DefaultErrorMessage);
 };
 
+var getRedirectUrl = function getRedirectUrl() {
+  try {
+    return localStorage.getItem(REDIRECT_URL);
+  } catch (err) {
+    return undefined;
+  }
+};
+
 var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl) {
   var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
@@ -599,7 +602,9 @@ var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl)
           var needToRegister = isStudent && isFirstLogin && isAcademy;
           var redirectUrl = getRedirectUrl();
           if (!redirectUrl) redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
-          redirectLoginUser(user, token, redirectUrl);
+          redirectLoginUser(_extends({}, user, {
+            isFirstLogin: isFirstLogin
+          }), token, redirectUrl);
         });
       }, function (error) {
         alert(getErrorMessage(t, error));
@@ -1000,14 +1005,6 @@ var BlockLogin = function BlockLogin(_ref) {
   })));
 };
 
-var getAccessToken$1 = (function () {
-  try {
-    return localStorage.getItem(ACCESS_TOKEN);
-  } catch (err) {
-    return null;
-  }
-});
-
 var defaultInfo = {
   email: "",
   password: "",
@@ -1037,7 +1034,7 @@ var useLogin$1 = function useLogin(history) {
     !!gapiScript.gapi && gapiScript.gapi.load("client:auth2", start);
   }, [gapiScript.gapi]);
   React.useEffect(function () {
-    var token = getAccessToken$1();
+    var token = getAccessToken();
     if (!!token) pushTo(history, "/");
   }, []);
   return {
@@ -1323,6 +1320,7 @@ var TITLE = "Not found";
 var NotFound = function NotFound() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  useLanguage();
   React.useEffect(function () {
     document.title = TITLE;
   });
@@ -1391,12 +1389,8 @@ var switchAcademy = function switchAcademy(academyId) {
   return api.post(ACADEMY_URL + "/switch-academy?academyId=" + academyId);
 };
 
-var LayoutContext = function LayoutContext(_ref) {
+var useLayoutContext = function useLayoutContext(role, pusherRegisterUrls) {
   var _currentPusher$connec2;
-  var children = _ref.children,
-    role = _ref.role,
-    _ref$pusherRegisterUr = _ref.pusherRegisterUrls,
-    pusherRegisterUrls = _ref$pusherRegisterUr === void 0 ? [] : _ref$pusherRegisterUr;
   var _useGoogleSignOut = useGoogleSignOut({}),
     handleSignOut = _useGoogleSignOut.handleSignOut;
   var _useTranslation = reactI18next.useTranslation(),
@@ -1447,7 +1441,10 @@ var LayoutContext = function LayoutContext(_ref) {
   var checkRoleUser = React.useCallback(function () {
     if (!user) return;
     if (!roles.includes(role) && !!academyDomain) {
-      alert(user.email + " not allow to register " + role);
+      alert(t("user_not_allow_to_register_role", {
+        user: user.email,
+        role: role
+      }));
       resetAuth();
     }
   }, [role, JSON.stringify(user)]);
@@ -1482,9 +1479,10 @@ var LayoutContext = function LayoutContext(_ref) {
     }
   };
   var registerPusher = React.useCallback(function () {
+    if (!academyDomain) return;
     if (pusherRegisterUrls.includes(pathname.toLocaleLowerCase())) {
       var _currentPusher$connec;
-      if (academyDomain && academyDomain !== (concurrentConnectionPusher === null || concurrentConnectionPusher === void 0 ? void 0 : concurrentConnectionPusher.academyDomain) && isReadyRegisterPusher) {
+      if (academyDomain !== (concurrentConnectionPusher === null || concurrentConnectionPusher === void 0 ? void 0 : concurrentConnectionPusher.academyDomain) && isReadyRegisterPusher) {
         var _headers;
         if (currentPusher) {
           currentPusher.disconnect();
@@ -1540,6 +1538,14 @@ var LayoutContext = function LayoutContext(_ref) {
       }
     };
   }, [registerPusher]);
+};
+
+var LayoutContext = function LayoutContext(_ref) {
+  var children = _ref.children,
+    role = _ref.role,
+    _ref$pusherRegisterUr = _ref.pusherRegisterUrls,
+    pusherRegisterUrls = _ref$pusherRegisterUr === void 0 ? [] : _ref$pusherRegisterUr;
+  useLayoutContext(role, pusherRegisterUrls);
   return React__default.createElement(React.Fragment, null, children);
 };
 
@@ -1875,7 +1881,7 @@ var number_problem = "{{number}}문제";
 var problems = "문제";
 var problem_solving_time = "문제풀이 시간";
 var minutes = "분";
-var correct_rate = "정확한 비율";
+var correct_rate = "정답률";
 var title = "제목";
 var duration = "시험 시간";
 var answer_count = "답변 수";
@@ -2186,7 +2192,7 @@ var password = "비밀번호";
 var email_address = "이메일 주소";
 var please_enter_your_question = "질문할 내용을 입력해주세요.";
 var test_selection = "테스트 선택";
-var half_selection = "절반 선택";
+var half_selection = "반 선택";
 var choose_a_problem = "문제를 선택하세요";
 var question_content = "질문 내용";
 var questions_to_ask = "질문할 문제";
@@ -2269,6 +2275,7 @@ var export_csv = "CSV 내보내기";
 var select_type = "유형 선택";
 var no_message = "메시지 없음";
 var this_is_the_guidance_text = "안내 텍스트입니다.";
+var the_page_you_are_looking_for_was_not_found = "찾으시는 페이지를 찾을 수 없습니다.";
 var oops = "이런! 당신이졌다.";
 var please_enter = "들어 오세요...";
 var hint = "힌트";
@@ -2328,6 +2335,67 @@ var the_code_has_been_copied_to_your_clipboard = "코드가 클립보드에 복
 var an_unexpected_error_has_occurred = "예상치 못한 오류가 발생했습니다";
 var select_roles = "역할 선택";
 var no_academy_selected = "선택한 아카데미 없음";
+var delete_data_successfully = "데이터를 성공적으로 삭제했습니다.";
+var update_academy_successfully = "아카데미를 성공적으로 업데이트했습니다";
+var create_academy_successfully = "아카데미를 성공적으로 만들었습니다";
+var update_article_successfully = "기사를 업데이트했습니다.";
+var create_article_successfully = "기사를 성공적으로 작성했습니다.";
+var update_category_successfully = "카테고리를 업데이트했습니다.";
+var create_category_successfully = "카테고리가 성공적으로 생성되었습니다.";
+var please_fill_in_all_fields_for_this = "이번 {{day}}에 대한 모든 필드를 작성해 주세요.";
+var duplicate_weekly_day = "주간 일이 중복됩니다.";
+var remove_lesson_failed = "강의 삭제 실패";
+var update_lesson_successfully = "강의를 성공적으로 업데이트했습니다.";
+var create_lesson_successfully = "수업을 성공적으로 만들었습니다.";
+var update_class_successfully = "수업을 업데이트했습니다.";
+var create_class_successfully = "수업을 성공적으로 만들었습니다";
+var start_times_and_end_times_are_required = "시작 시간과 종료 시간은 필수 항목입니다.";
+var start_times_must_be_less_than_end_time = "시작 시간은 종료 시간보다 이전이어야 합니다.";
+var remove_student_successfully = "학생을 성공적으로 제거했습니다.";
+var remove_teacher_successfully = "교사를 삭제했습니다.";
+var update_notification_successfully = "업데이트 알림이 성공적으로 완료되었습니다.";
+var create_notification_successfully = "알림이 성공적으로 생성되었습니다.";
+var please_select_category = "카테고리를 선택해주세요";
+var update_social_successfully = "소셜 업데이트를 성공적으로 완료했습니다.";
+var import_csv_successfully = "CSV를 성공적으로 가져왔습니다.";
+var download_successfully = "성공적으로 다운로드";
+var file_type_not_valid = "파일 형식이 잘못되었습니다! csv 파일을 업로드해주세요.";
+var upload_image_successfully = "이미지를 성공적으로 업로드했습니다.";
+var category_is_required = "카테고리는 필수 항목입니다.";
+var textbook_name_is_required = "교과서 이름이 필요합니다";
+var textbook_subject_is_required = "교과서 과목은 필수입니다";
+var update_the_textbook_successfully = "교과서를 성공적으로 업데이트했습니다.";
+var create_the_textbook_successfully = "교과서를 성공적으로 만들었습니다.";
+var finish_exam_successful = "시험을 성공적으로 마쳤습니다";
+var you_has_been_kicked_out = "당신은 쫓겨났습니다";
+var the_teacher_has_closed_or_deleted_the_exam = "선생님이 시험을 종료했거나 삭제했습니다. 나중에 다시 시도해 주세요.";
+var check_in_lesson_successfully = "수업 체크인 성공";
+var update_attendance_status_successfully = "출석 상태를 성공적으로 업데이트했습니다.";
+var save_exam_successfully = "시험을 성공적으로 저장했습니다.";
+var kick_out_student_successful = "학생 퇴출 성공!";
+var please_select_an_exam_subject = "시험과목을 선택해주세요";
+var please_enter_exam_title = "시험 제목을 입력해주세요";
+var exam_required_at_least_one_question = "시험에는 하나 이상의 질문이 필요합니다.";
+var create_exam_failed = "시험 생성 실패";
+var please_select_category_for_article = "기사 {{article}}의 카테고리를 선택하세요.";
+var placeholder_student_selector = "검색하려면 2자 이상 입력하세요.";
+var error_uploading_file = "파일을 업로드하는 중 오류가 발생했습니다.";
+var remove_lesson_successfully = "강의를 성공적으로 삭제했습니다.";
+var user_not_allow_to_register_role = "{{user}}이(가) {{role}} 등록을 허용하지 않습니다.";
+var are_you_sure_to_delete_article_from_chapter = "{{chapterName}} 장에서 기사 {{articleNumber}}을(를) 삭제하시겠습니까?";
+var are_you_sure_to_delete_subchapter_from_chapter = "{{chapter}} 장에서 {{subchapter}} 하위 장을 삭제하시겠습니까?";
+var are_you_sure_to_delete_chapter_from_textbook = "교과서 {{chapter}}에서 {{textbook}}장을 삭제하시겠습니까?";
+var do_you_want_to_quit_your_exam = "당신의 시험을 종료하시겠습니까?";
+var home = "집";
+var profile = "프로필";
+var settings = "설정";
+var sign_up_school_information = "회원가입 - 학교정보";
+var korean_high_school = "한국 고등학교";
+var sign_up_student_information = "회원가입 - 학생정보";
+var placeholder_student_name = "김ㅇㅇ";
+var student_name_is_required = "학생 이름은 필수입니다!";
+var the_parent_phone_is_not_valid = "부모 전화번호가 유효하지 않습니다.";
+var the_number_must_be_11_number_or_10_number = "숫자는 11자리 또는 10자리여야 합니다.";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2782,7 +2850,7 @@ var lang_ko = {
 	select_type: select_type,
 	no_message: no_message,
 	this_is_the_guidance_text: this_is_the_guidance_text,
-	"the_page_you_are_looking_for_was_not_found.": "찾으시는 페이지를 찾을 수 없습니다.",
+	the_page_you_are_looking_for_was_not_found: the_page_you_are_looking_for_was_not_found,
 	oops: oops,
 	please_enter: please_enter,
 	hint: hint,
@@ -2842,7 +2910,68 @@ var lang_ko = {
 	the_code_has_been_copied_to_your_clipboard: the_code_has_been_copied_to_your_clipboard,
 	an_unexpected_error_has_occurred: an_unexpected_error_has_occurred,
 	select_roles: select_roles,
-	no_academy_selected: no_academy_selected
+	no_academy_selected: no_academy_selected,
+	delete_data_successfully: delete_data_successfully,
+	update_academy_successfully: update_academy_successfully,
+	create_academy_successfully: create_academy_successfully,
+	update_article_successfully: update_article_successfully,
+	create_article_successfully: create_article_successfully,
+	update_category_successfully: update_category_successfully,
+	create_category_successfully: create_category_successfully,
+	please_fill_in_all_fields_for_this: please_fill_in_all_fields_for_this,
+	duplicate_weekly_day: duplicate_weekly_day,
+	remove_lesson_failed: remove_lesson_failed,
+	update_lesson_successfully: update_lesson_successfully,
+	create_lesson_successfully: create_lesson_successfully,
+	update_class_successfully: update_class_successfully,
+	create_class_successfully: create_class_successfully,
+	start_times_and_end_times_are_required: start_times_and_end_times_are_required,
+	start_times_must_be_less_than_end_time: start_times_must_be_less_than_end_time,
+	remove_student_successfully: remove_student_successfully,
+	remove_teacher_successfully: remove_teacher_successfully,
+	update_notification_successfully: update_notification_successfully,
+	create_notification_successfully: create_notification_successfully,
+	please_select_category: please_select_category,
+	update_social_successfully: update_social_successfully,
+	import_csv_successfully: import_csv_successfully,
+	download_successfully: download_successfully,
+	file_type_not_valid: file_type_not_valid,
+	upload_image_successfully: upload_image_successfully,
+	category_is_required: category_is_required,
+	textbook_name_is_required: textbook_name_is_required,
+	textbook_subject_is_required: textbook_subject_is_required,
+	update_the_textbook_successfully: update_the_textbook_successfully,
+	create_the_textbook_successfully: create_the_textbook_successfully,
+	finish_exam_successful: finish_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,
+	update_attendance_status_successfully: update_attendance_status_successfully,
+	save_exam_successfully: save_exam_successfully,
+	kick_out_student_successful: kick_out_student_successful,
+	please_select_an_exam_subject: please_select_an_exam_subject,
+	please_enter_exam_title: please_enter_exam_title,
+	exam_required_at_least_one_question: exam_required_at_least_one_question,
+	create_exam_failed: create_exam_failed,
+	please_select_category_for_article: please_select_category_for_article,
+	placeholder_student_selector: placeholder_student_selector,
+	error_uploading_file: error_uploading_file,
+	remove_lesson_successfully: remove_lesson_successfully,
+	user_not_allow_to_register_role: user_not_allow_to_register_role,
+	are_you_sure_to_delete_article_from_chapter: are_you_sure_to_delete_article_from_chapter,
+	are_you_sure_to_delete_subchapter_from_chapter: are_you_sure_to_delete_subchapter_from_chapter,
+	are_you_sure_to_delete_chapter_from_textbook: are_you_sure_to_delete_chapter_from_textbook,
+	do_you_want_to_quit_your_exam: do_you_want_to_quit_your_exam,
+	home: home,
+	profile: profile,
+	settings: settings,
+	sign_up_school_information: sign_up_school_information,
+	korean_high_school: korean_high_school,
+	sign_up_student_information: sign_up_student_information,
+	placeholder_student_name: placeholder_student_name,
+	student_name_is_required: student_name_is_required,
+	the_parent_phone_is_not_valid: the_parent_phone_is_not_valid,
+	the_number_must_be_11_number_or_10_number: the_number_must_be_11_number_or_10_number
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3256,7 +3385,7 @@ var password$1 = "Password";
 var email_address$1 = "Email Address";
 var please_enter_your_question$1 = "Please enter your question.";
 var test_selection$1 = "Test selection";
-var half_selection$1 = "Half selection";
+var half_selection$1 = "Selection class";
 var choose_a_problem$1 = "Choose a problem";
 var question_content$1 = "Question content";
 var questions_to_ask$1 = "Questions to ask";
@@ -3339,6 +3468,7 @@ var export_csv$1 = "Export csv";
 var select_type$1 = "Select type";
 var no_message$1 = "No message";
 var this_is_the_guidance_text$1 = "This is the guidance text.";
+var the_page_you_are_looking_for_was_not_found$1 = "The page you are looking for was not found.";
 var oops$1 = "Oops! You are lost.";
 var please_enter$1 = "Please enter...";
 var notifications$1 = "Notifications";
@@ -3391,6 +3521,67 @@ var the_code_has_been_copied_to_your_clipboard$1 = "The code has been copied to
 var an_unexpected_error_has_occurred$1 = "An unexpected error has occurred";
 var select_roles$1 = "Select roles";
 var no_academy_selected$1 = "No Academy Selected";
+var delete_data_successfully$1 = "Delete data successfully";
+var update_academy_successfully$1 = "Update academy successfully";
+var create_academy_successfully$1 = "Create academy successfully";
+var update_article_successfully$1 = "Update article successfully";
+var create_article_successfully$1 = "Create article successfully";
+var update_category_successfully$1 = "Update category successfully";
+var create_category_successfully$1 = "Create category successfully";
+var please_fill_in_all_fields_for_this$1 = "Please fill  in all fields for this {{day}}";
+var duplicate_weekly_day$1 = "Duplicate weekly day";
+var remove_lesson_failed$1 = "Remove lesson failed";
+var update_lesson_successfully$1 = "Update lesson successfully";
+var create_lesson_successfully$1 = "Create lesson successfully";
+var update_class_successfully$1 = "Update class successfully";
+var create_class_successfully$1 = "Create class successfully";
+var start_times_and_end_times_are_required$1 = "Start times and end times are required";
+var start_times_must_be_less_than_end_time$1 = "Start times must be less than end time";
+var remove_student_successfully$1 = "Remove student successfully";
+var remove_teacher_successfully$1 = "Remove teacher successfully";
+var update_notification_successfully$1 = "Update Notification successfully";
+var create_notification_successfully$1 = "Create Notification successfully";
+var please_select_category$1 = "Please select category";
+var update_social_successfully$1 = "Update social successfully";
+var import_csv_successfully$1 = "Import CSV successfully";
+var download_successfully$1 = "Download successfully";
+var file_type_not_valid$1 = "File type not valid! Please upload a csv file.";
+var upload_image_successfully$1 = "Upload image successfully";
+var category_is_required$1 = "Category is required";
+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 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";
+var update_attendance_status_successfully$1 = "Update attendance status successfully";
+var save_exam_successfully$1 = "Save exam successfully";
+var kick_out_student_successful$1 = "Kick out student successful!";
+var please_select_an_exam_subject$1 = "Please select an exam subject";
+var please_enter_exam_title$1 = "Please enter exam title";
+var exam_required_at_least_one_question$1 = "Exam required at least one question";
+var create_exam_failed$1 = "Create exam failed";
+var please_select_category_for_article$1 = "Please select category for article {{article}}";
+var placeholder_student_selector$1 = "Type at least 2 characters to search";
+var error_uploading_file$1 = "Error uploading file";
+var remove_lesson_successfully$1 = "Remove lesson successfully";
+var user_not_allow_to_register_role$1 = "{{user}} not allow to register {{role}}";
+var are_you_sure_to_delete_article_from_chapter$1 = "Are you sure to delete article {{articleNumber}} from chapter {{chapterName}}?";
+var are_you_sure_to_delete_subchapter_from_chapter$1 = "Are you sure to delete subchapter {{subchapter}} from chapter {{chapter}}?";
+var are_you_sure_to_delete_chapter_from_textbook$1 = "Are you sure to delete chapter {{chapter}} from textbook {{textbook}}?";
+var do_you_want_to_quit_your_exam$1 = "Do you want to quit your exam?";
+var home$1 = "Home";
+var profile$1 = "Profile";
+var settings$1 = "Settings";
+var sign_up_school_information$1 = "Sign up - School information";
+var korean_high_school$1 = "Korean high school";
+var sign_up_student_information$1 = "Sign up - Student Information";
+var placeholder_student_name$1 = "Kim ㅇㅇ";
+var student_name_is_required$1 = "Student Name is required!";
+var the_parent_phone_is_not_valid$1 = "The parent phone is not valid";
+var the_number_must_be_11_number_or_10_number$1 = "The number must be 11 number or 10 number";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -3879,7 +4070,7 @@ var lang_en = {
 	select_type: select_type$1,
 	no_message: no_message$1,
 	this_is_the_guidance_text: this_is_the_guidance_text$1,
-	"the_page_you_are_looking_for_was_not_found.": "The page you are looking for was not found.",
+	the_page_you_are_looking_for_was_not_found: the_page_you_are_looking_for_was_not_found$1,
 	oops: oops$1,
 	please_enter: please_enter$1,
 	notifications: notifications$1,
@@ -3932,7 +4123,68 @@ var lang_en = {
 	the_code_has_been_copied_to_your_clipboard: the_code_has_been_copied_to_your_clipboard$1,
 	an_unexpected_error_has_occurred: an_unexpected_error_has_occurred$1,
 	select_roles: select_roles$1,
-	no_academy_selected: no_academy_selected$1
+	no_academy_selected: no_academy_selected$1,
+	delete_data_successfully: delete_data_successfully$1,
+	update_academy_successfully: update_academy_successfully$1,
+	create_academy_successfully: create_academy_successfully$1,
+	update_article_successfully: update_article_successfully$1,
+	create_article_successfully: create_article_successfully$1,
+	update_category_successfully: update_category_successfully$1,
+	create_category_successfully: create_category_successfully$1,
+	please_fill_in_all_fields_for_this: please_fill_in_all_fields_for_this$1,
+	duplicate_weekly_day: duplicate_weekly_day$1,
+	remove_lesson_failed: remove_lesson_failed$1,
+	update_lesson_successfully: update_lesson_successfully$1,
+	create_lesson_successfully: create_lesson_successfully$1,
+	update_class_successfully: update_class_successfully$1,
+	create_class_successfully: create_class_successfully$1,
+	start_times_and_end_times_are_required: start_times_and_end_times_are_required$1,
+	start_times_must_be_less_than_end_time: start_times_must_be_less_than_end_time$1,
+	remove_student_successfully: remove_student_successfully$1,
+	remove_teacher_successfully: remove_teacher_successfully$1,
+	update_notification_successfully: update_notification_successfully$1,
+	create_notification_successfully: create_notification_successfully$1,
+	please_select_category: please_select_category$1,
+	update_social_successfully: update_social_successfully$1,
+	import_csv_successfully: import_csv_successfully$1,
+	download_successfully: download_successfully$1,
+	file_type_not_valid: file_type_not_valid$1,
+	upload_image_successfully: upload_image_successfully$1,
+	category_is_required: category_is_required$1,
+	textbook_name_is_required: textbook_name_is_required$1,
+	textbook_subject_is_required: textbook_subject_is_required$1,
+	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,
+	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,
+	update_attendance_status_successfully: update_attendance_status_successfully$1,
+	save_exam_successfully: save_exam_successfully$1,
+	kick_out_student_successful: kick_out_student_successful$1,
+	please_select_an_exam_subject: please_select_an_exam_subject$1,
+	please_enter_exam_title: please_enter_exam_title$1,
+	exam_required_at_least_one_question: exam_required_at_least_one_question$1,
+	create_exam_failed: create_exam_failed$1,
+	please_select_category_for_article: please_select_category_for_article$1,
+	placeholder_student_selector: placeholder_student_selector$1,
+	error_uploading_file: error_uploading_file$1,
+	remove_lesson_successfully: remove_lesson_successfully$1,
+	user_not_allow_to_register_role: user_not_allow_to_register_role$1,
+	are_you_sure_to_delete_article_from_chapter: are_you_sure_to_delete_article_from_chapter$1,
+	are_you_sure_to_delete_subchapter_from_chapter: are_you_sure_to_delete_subchapter_from_chapter$1,
+	are_you_sure_to_delete_chapter_from_textbook: are_you_sure_to_delete_chapter_from_textbook$1,
+	do_you_want_to_quit_your_exam: do_you_want_to_quit_your_exam$1,
+	home: home$1,
+	profile: profile$1,
+	settings: settings$1,
+	sign_up_school_information: sign_up_school_information$1,
+	korean_high_school: korean_high_school$1,
+	sign_up_student_information: sign_up_student_information$1,
+	placeholder_student_name: placeholder_student_name$1,
+	student_name_is_required: student_name_is_required$1,
+	the_parent_phone_is_not_valid: the_parent_phone_is_not_valid$1,
+	the_number_must_be_11_number_or_10_number: the_number_must_be_11_number_or_10_number$1
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -4079,8 +4331,7 @@ var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl,
           if (_temp && _temp.then) return _temp.then(function () {});
         });
       }, function (error) {
-        var _error$response, _error$response$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || "Get user academies failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
@@ -4113,9 +4364,8 @@ var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl,
           return Promise.resolve(handleLoginAccessToken(requestBody, false, user.academyDomain ? academyDomain : undefined)).then(function () {});
         });
       }, function (error) {
-        var _error$response2, _error$response2$data;
         academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.title) || t("switch_academy_fail"));
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
     } catch (e) {
@@ -4242,7 +4492,8 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     xs: 6,
     lg: 2,
     justifyContent: "center",
-    alignItems: "center"
+    alignItems: "center",
+    className: "d-sm-none d-md-flex"
   }, React__default.createElement(material.Stack, {
     flexDirection: "row",
     width: "100%",
@@ -4280,6 +4531,11 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
         }
       }
     }
+  }, React__default.createElement(material.MenuList, {
+    sx: {
+      maxHeight: 240,
+      overflowY: "auto"
+    }
   }, academyList.map(function (option) {
     var _option$name$charAt;
     return React__default.createElement(MenuItemCustom, {
@@ -4319,7 +4575,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
         fontWeight: 600
       }
     }, option.name))));
-  }), React__default.createElement(MenuItemCustom, {
+  })), React__default.createElement(MenuItemCustom, {
     sx: {
       whiteSpace: "wrap",
       borderRadius: "6px"
@@ -4652,7 +4908,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
     disableFocusListener: true,
     disableHoverListener: true,
     disableTouchListener: true,
-    placement: "top-start"
+    placement: "top"
   }, React__default.createElement("div", {
     onClick: handleOpenTooltip
   }, React__default.createElement(iconMore, null))))), contentType ? React__default.createElement(material.Stack, {
@@ -4855,8 +5111,8 @@ var useDialog = function useDialog() {
           toggleDialog();
           reactToastify.toast.success(t("complete_conversation_successfully"));
         });
-      }, function () {
-        reactToastify.toast.error(t("fail_to_complete_conversation"));
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error, t("fail_to_complete_conversation")));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -4885,11 +5141,10 @@ var useDialog = function useDialog() {
             setSelectedFile({
               content: res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.url
             });
-            reactToastify.toast.success("Upload image successfully");
+            reactToastify.toast.success(t('upload_image_successfully'));
           });
         }, function (error) {
-          var _error$response;
-          reactToastify.toast.error((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data);
+          reactToastify.toast.error(getErrorMessage(t, error));
         });
       }, function () {}));
     } catch (e) {
@@ -5801,6 +6056,8 @@ var useMessageList = function useMessageList() {
   var _useState3 = React.useState(false),
     isLoading = _useState3[0],
     setLoading = _useState3[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var getMessageList = function getMessageList(conversationId) {
     try {
       var _temp2 = function _temp2() {
@@ -5821,8 +6078,8 @@ var useMessageList = function useMessageList() {
             });
           });
         });
-      }, function () {
-        reactToastify.toast.error("Fail to fetch data!");
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -5862,8 +6119,8 @@ var useMessageList = function useMessageList() {
             }
           });
         });
-      }, function () {
-        reactToastify.toast.error("Fail to fetch data!");
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error));
         _exit = true;
       });
       return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
@@ -5885,8 +6142,8 @@ var useMessageList = function useMessageList() {
       if (isLoading) return Promise.resolve();
       var _temp5 = _catch(function () {
         return Promise.resolve(deleteMessage(conversationId, id)).then(function () {});
-      }, function () {
-        reactToastify.toast.error("Fail to delete message!");
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error));
         _exit2 = true;
       });
       return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
@@ -5921,8 +6178,8 @@ var useMessageList = function useMessageList() {
       var _exit3 = false;
       var _temp7 = _catch(function () {
         return Promise.resolve(updateMessage(conversationId, id, message)).then(function () {});
-      }, function () {
-        reactToastify.toast.error("Fail to update message!");
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error));
         _exit3 = true;
       });
       return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
@@ -5949,6 +6206,8 @@ var useChatContainer = function useChatContainer(props) {
   var _selectedConversation3;
   var conversation = props.conversation,
     student = props.student;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var concurrentConnectionPusher = 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.concurrentConnectionPusher;
@@ -6026,13 +6285,12 @@ var useChatContainer = function useChatContainer(props) {
         }();
         return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
       }, function (error) {
-        var _error$response;
         setMessages(function (state) {
           return [].concat(state.filter(function (i) {
             return (i === null || i === void 0 ? void 0 : i.id) !== 0;
           }));
         });
-        reactToastify.toast.error((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data);
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
@@ -6051,13 +6309,12 @@ var useChatContainer = function useChatContainer(props) {
           });
         });
       }, function (error) {
-        var _error$response2;
         setMessages(function (state) {
           return [].concat(state.filter(function (i) {
             return (i === null || i === void 0 ? void 0 : i.id) !== 0;
           }));
         });
-        reactToastify.toast.error((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.data);
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
     }, function () {})) : Promise.resolve();
   };
@@ -7217,12 +7474,14 @@ var useExam = function useExam(props) {
     callback === null || callback === void 0 ? void 0 : callback();
   };
   var validateExam = function validateExam(exam) {
-    if (!exam.subjectId) return t("Please select an exam subject");
-    if (!exam.title.trim().length) return t("Please enter exam title");
-    if (!exam.questions.length) return t("Exam required at least one question");
+    if (!exam.subjectId) return t("please_select_an_exam_subject");
+    if (!exam.title.trim().length) return t("please_enter_exam_title");
+    if (!exam.questions.length) return t("exam_required_at_least_one_question");
     for (var i = 0; i < exam.questions.length; i++) {
       var question = exam.questions[i];
-      if (!question.categoryId) return t("Please select category for article " + question.article);
+      if (!question.categoryId) return t('please_select_category_for_article', {
+        article: question.article
+      });
     }
     return false;
   };
@@ -7244,20 +7503,19 @@ var useExam = function useExam(props) {
         }))).then(function (res) {
           var _temp = function (_res$data, _res$data$data) {
             if (!((_res$data = res.data) !== null && _res$data !== void 0 && (_res$data$data = _res$data.data) !== null && _res$data$data !== void 0 && _res$data$data.id)) {
-              reactToastify.toast.error("Create exam failed");
+              reactToastify.toast.error(t('create_exam_failed'));
             } else {
               var _res$data2, _res$data2$data;
               return Promise.resolve(apiCreateExamSession((_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$data = _res$data2.data) === null || _res$data2$data === void 0 ? void 0 : _res$data2$data.id)).then(function () {
                 setExamRequest(DEFAULT_EXAM_REQUEST);
-                reactToastify.toast.success("Create exam successfully");
+                reactToastify.toast.success(t('create_exam_successfully'));
               });
             }
           }();
           if (_temp && _temp.then) return _temp.then(function () {});
         });
       }, function (error) {
-        var _error$response;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data) || "Create exam failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
@@ -7281,12 +7539,11 @@ var useExam = function useExam(props) {
           duration: minutesToTimeSpan(examRequest.duration || 0)
         }))).then(function () {
           handleCloseDialog();
-          reactToastify.toast.success("Save exam successfully");
+          reactToastify.toast.success(t('save_exam_successfully'));
           isTeacher ? navigate('/teacher/exam-list') : navigate('/exams');
         });
       }, function (error) {
-        var _error$response2;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.data) || "Save exam failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
     } catch (e) {
@@ -7374,8 +7631,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           callback === null || callback === void 0 ? void 0 : callback(res.data);
         });
       }, function (error) {
-        var _error$response, _error$response$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || "Couldn't update the chapter");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -7409,8 +7665,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           callback === null || callback === void 0 ? void 0 : callback(res.data);
         });
       }, function (error) {
-        var _error$response2, _error$response2$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.title) || "Couldn't add the article to the chapter");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
@@ -7429,8 +7684,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           callback === null || callback === void 0 ? void 0 : callback();
         });
       }, function (error) {
-        var _error$response3, _error$response3$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.title) || "Couldn't delete the article from the chapter");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
@@ -7468,8 +7722,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           callback === null || callback === void 0 ? void 0 : callback();
         });
       }, function (error) {
-        var _error$response4, _error$response4$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : _error$response4$data.title) || "Couldn't delete the subchapter from the chapter");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
     } catch (e) {
@@ -7499,8 +7752,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           callback === null || callback === void 0 ? void 0 : callback(res.data);
         });
       }, function (error) {
-        var _error$response5, _error$response5$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : (_error$response5$data = _error$response5.data) === null || _error$response5$data === void 0 ? void 0 : _error$response5$data.title) || "Couldn't update the article");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
     } catch (e) {
@@ -7619,7 +7871,10 @@ var useTextbookDetail = function useTextbookDetail(props) {
       articleNumber: articleNumber,
       value: articles,
       name: "" + articleNumber,
-      confirmText: "Are you sure to delete article (" + articleNumber + ") from chapter (" + chapterName + ")"
+      confirmText: t('are_you_sure_to_delete_article_from_chapter', {
+        articleNumber: articleNumber,
+        chapterName: chapterName
+      })
     });
   };
   var handleOpenRemoveChapterConfirmDialog = function handleOpenRemoveChapterConfirmDialog(chapterName, chapterId, parentChapterId) {
@@ -7631,14 +7886,20 @@ var useTextbookDetail = function useTextbookDetail(props) {
         chapterId: chapterId,
         parentChapterId: parentChapterId,
         name: "" + chapterName,
-        confirmText: "Are you sure to delete subchapter (" + chapterName + ") from chapter (" + textbook.chapters[parentChapterIndex].name + ")"
+        confirmText: t('are_you_sure_to_delete_subchapter_from_chapter', {
+          subchapter: chapterName,
+          chapter: textbook.chapters[parentChapterIndex].name
+        })
       });
     } else {
       setSelectedDeleteItem({
         chapterId: chapterId,
         parentChapterId: parentChapterId,
         name: "" + chapterName,
-        confirmText: "Are you sure to delete chapter (" + chapterName + ") from textbook (" + textbook.name + ")"
+        confirmText: t('are_you_sure_to_delete_chapter_from_textbook', {
+          chapter: chapterName,
+          textbook: textbook.name
+        })
       });
     }
   };
@@ -7803,8 +8064,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
           handleCloseChapterNameDialog();
         });
       }, function (error) {
-        var _error$response6, _error$response6$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response6 = error.response) === null || _error$response6 === void 0 ? void 0 : (_error$response6$data = _error$response6.data) === null || _error$response6$data === void 0 ? void 0 : _error$response6$data.title) || "Couldn't add new chapter to the textbook");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10));
     } catch (e) {
@@ -7818,11 +8078,11 @@ var useTextbookDetail = function useTextbookDetail(props) {
   var validateTextbook = function validateTextbook() {
     var _textbook$subject;
     if (!textbook.name.trim().length) {
-      reactToastify.toast.error("Textbook name is required");
+      reactToastify.toast.error(t('textbook_name_is_required'));
       return false;
     }
     if (!((_textbook$subject = textbook.subject) !== null && _textbook$subject !== void 0 && _textbook$subject.id)) {
-      reactToastify.toast.error("Textbook subject is required");
+      reactToastify.toast.error(t('textbook_subject_is_required'));
       return false;
     }
     return true;
@@ -7842,7 +8102,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
       dispatch(setLoading(true));
       var _temp14 = _catch(function () {
         function _temp13() {
-          reactToastify.toast.success((textbook.id ? "Update" : "Create") + " the textbook successfully");
+          reactToastify.toast.success(t(textbook.id ? "update_the_textbook_successfully" : "create_the_textbook_successfully"));
         }
         var _temp12 = function () {
           if (textbook.id) {
@@ -7865,8 +8125,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
         }();
         return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
       }, function (error) {
-        var _error$response7, _error$response7$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response7 = error.response) === null || _error$response7 === void 0 ? void 0 : (_error$response7$data = _error$response7.data) === null || _error$response7$data === void 0 ? void 0 : _error$response7$data.title) || "Couldn't " + (textbook.id ? "update" : "create") + " the textbook detail");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
     } catch (e) {
@@ -7945,8 +8204,8 @@ var useTextbookDetail = function useTextbookDetail(props) {
             setNotFound(false);
           });
         }, function (error) {
-          var _error$response8, _error$response9, _error$response9$data;
-          if ((error === null || error === void 0 ? void 0 : (_error$response8 = error.response) === null || _error$response8 === void 0 ? void 0 : _error$response8.status) === 404) setNotFound(true);else reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response9 = error.response) === null || _error$response9 === void 0 ? void 0 : (_error$response9$data = _error$response9.data) === null || _error$response9$data === void 0 ? void 0 : _error$response9$data.title) || "Couldn't load the textbook detail");
+          var _error$response;
+          if ((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 404) setNotFound(true);else reactToastify.toast.error(getErrorMessage(t, error));
         });
         return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16));
       } catch (e) {
@@ -8189,7 +8448,7 @@ var ArticleDialog = function ArticleDialog(_ref) {
     article = _useState[0],
     setArticle = _useState[1];
   var handleSubmit = function handleSubmit() {
-    if (!article.categoryId) reactToastify.toast.error("Category is required");
+    if (!article.categoryId) reactToastify.toast.error(t('category_is_required'));
     onSubmitForm(article);
   };
   var handleChangeQuestionCount = function handleChangeQuestionCount(_ref2) {
@@ -8376,6 +8635,8 @@ var SubjectSelector = function SubjectSelector(_ref) {
     var _state$common2, _state$common2$user;
     return (state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : _state$common2$user.roles) || [];
   }).includes(exports.Role.Admin) && !isDomain;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var loadData = React.useCallback(function () {
     try {
       var _temp2 = function _temp2() {
@@ -8393,9 +8654,8 @@ var SubjectSelector = function SubjectSelector(_ref) {
             items = _res$data$items === void 0 ? [] : _res$data$items;
           setSubjects(items);
         });
-      }, function (err) {
-        var _err$response, _err$response$data;
-        reactToastify.toast.error(((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message);
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -9112,7 +9372,7 @@ var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superU
         return;
       }
       if (!paramAcademyDomain) {
-        !paramAcademyDomain && searchParams.set("domain", academyDomain);
+        searchParams.set("domain", academyDomain);
         pushTo(history, _extends({}, window.location, {
           search: searchParams.toString()
         }));
@@ -9151,6 +9411,8 @@ var useList = function useList(fetchData, defaultQuery) {
     setSelectedItem = _useState4[1];
   var textSearchRef = React.useRef(null);
   var isFirstLoadRef = React.useRef(true);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var handleChangeSelectedItem = function handleChangeSelectedItem(item) {
     setSelectedItem(item);
   };
@@ -9177,10 +9439,9 @@ var useList = function useList(fetchData, defaultQuery) {
           setData(items);
         });
       }, function (error) {
-        var _error$response, _error$response$data;
         setPaging(DEFAULT_PAGING_RESPONSE);
         setData([]);
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || "Get data failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -9265,6 +9526,8 @@ var useTextbookList = function useTextbookList(props) {
     calcOrderNumber = _useList.calcOrderNumber,
     handleChangeSelectedItem = _useList.handleChangeSelectedItem,
     getData = _useList.getData;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var textbookUrl = role === exports.Role.Teacher ? TEXTBOOK_URL$1 : ADMIN_TEXTBOOK_URL;
   var dispatch = reactRedux.useDispatch();
   var handleViewTextbook = function handleViewTextbook(id) {
@@ -9302,8 +9565,7 @@ var useTextbookList = function useTextbookList(props) {
           });
         });
       }, function (error) {
-        var _error$response, _error$response$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || "Textbook deleted failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -10502,8 +10764,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
             setCategoryResponses(((_result$4$data = result[4].data) === null || _result$4$data === void 0 ? void 0 : _result$4$data.data) || []);
           });
         }, function (error) {
-          var _error$response;
-          reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data) || error.message);
+          reactToastify.toast.error(getErrorMessage(t, error));
         });
         return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       };
@@ -10539,8 +10800,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
             setCategoryResponses(((_result$4$data2 = result[4].data) === null || _result$4$data2 === void 0 ? void 0 : _result$4$data2.data) || []);
           });
         }, function (error) {
-          var _error$response2;
-          reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.data) || error.message);
+          reactToastify.toast.error(getErrorMessage(t, error));
         });
         return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
       };
@@ -10896,7 +11156,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
         console.log({
           error: error
         });
-        reactToastify.toast.error("Print pdf failure!");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(_temp24) : _temp24(_temp23));
     } catch (e) {
@@ -12196,18 +12456,21 @@ var useMyAnswer = function useMyAnswer() {
   };
 };
 
-var useCreateQuestionDialog = function useCreateQuestionDialog() {
+var useCreateQuestionDialog = function useCreateQuestionDialog(_ref) {
+  var questions = _ref.questions;
   var _useState = React.useState(false),
     openDialog = _useState[0],
     setOpenDialog = _useState[1];
   var dispatch = reactRedux.useDispatch();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var toggleDialog = function toggleDialog() {
     setOpenDialog(!openDialog);
   };
-  var handleCreateQuestion = function handleCreateQuestion(_ref) {
-    var content = _ref.content,
-      examSessionId = _ref.examSessionId,
-      questionId = _ref.questionId;
+  var handleCreateQuestion = function handleCreateQuestion(_ref2) {
+    var content = _ref2.content,
+      examSessionId = _ref2.examSessionId,
+      questionId = _ref2.questionId;
     try {
       var _temp2 = function _temp2() {
         dispatch(setLoading(false));
@@ -12222,18 +12485,31 @@ var useCreateQuestionDialog = function useCreateQuestionDialog() {
           toggleDialog();
         });
       }, function (error) {
-        var _error$response, _error$response$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || "Fail to Create Question!");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   };
+  var questionOptions = React.useMemo(function () {
+    if (!questions) return [];
+    return questions.map(function (_ref3) {
+      var id = _ref3.id,
+        questionOrder = _ref3.questionOrder;
+      return {
+        label: t("question_order", {
+          number: questionOrder + 1
+        }),
+        value: id
+      };
+    });
+  }, [questions]);
   return {
     openCreateQuestionDialog: openDialog,
     toggleCreateQuestion: toggleDialog,
-    handleCreateQuestion: handleCreateQuestion
+    handleCreateQuestion: handleCreateQuestion,
+    questionOptions: questionOptions
   };
 };
 
@@ -12282,7 +12558,7 @@ function CreateNewQuestionDialog(_ref) {
     toggleCreateQuestion = _ref.toggleCreateQuestion,
     examSessionId = _ref.examSessionId,
     questionOrderSelected = _ref.questionOrderSelected,
-    questions = _ref.questions;
+    questionOptions = _ref.questionOptions;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return React__default.createElement(material.Dialog, {
@@ -12328,7 +12604,8 @@ function CreateNewQuestionDialog(_ref) {
       }));
     }
   }, function (_ref2) {
-    var errors = _ref2.errors;
+    var errors = _ref2.errors,
+      setFieldValue = _ref2.setFieldValue;
     return React__default.createElement(formik.Form, null, React__default.createElement(material.Box, {
       display: "flex",
       flexDirection: "column",
@@ -12338,20 +12615,22 @@ function CreateNewQuestionDialog(_ref) {
       htmlFor: "questions",
       className: styles['form-label'] + "  " + styles$4['form-label-dialog']
     }, t('questions_to_ask')), React__default.createElement(formik.Field, {
-      as: "select",
       id: "questions",
       name: "questionId",
-      style: {
-        width: "100%"
-      },
-      className: "" + styles['form-select']
-    }, questions === null || questions === void 0 ? void 0 : questions.map(function (question) {
-      return React__default.createElement("option", {
-        value: question === null || question === void 0 ? void 0 : question.id
-      }, t('question_order', {
-        number: (question === null || question === void 0 ? void 0 : question.questionOrder) + 1
-      }));
-    }))), React__default.createElement(material.Stack, null, React__default.createElement("label", {
+      render: function render(_ref3) {
+        var field = _ref3.field;
+        return React__default.createElement(CustomSelect, Object.assign({}, field, {
+          id: "questions",
+          menuPlacement: "bottom",
+          options: questionOptions,
+          onChange: function onChange(_ref4) {
+            var value = _ref4.value;
+            return setFieldValue("questionId", value);
+          },
+          isClearable: false
+        }));
+      }
+    })), React__default.createElement(material.Stack, null, React__default.createElement("label", {
       htmlFor: "content-question",
       className: styles['form-label'] + "  " + styles$4['form-label-dialog']
     }, t('question_content')), React__default.createElement(material.Box, {
@@ -12419,10 +12698,13 @@ function MyAnswer(_ref) {
     categories = _ref.categories,
     isStudent = _ref.isStudent,
     isPrint = _ref.isPrint;
-  var _useCreateQuestionDia = useCreateQuestionDialog(),
+  var _useCreateQuestionDia = useCreateQuestionDialog({
+      questions: data.questions
+    }),
     handleCreateQuestion = _useCreateQuestionDia.handleCreateQuestion,
     openCreateQuestionDialog = _useCreateQuestionDia.openCreateQuestionDialog,
-    toggleCreateQuestion = _useCreateQuestionDia.toggleCreateQuestion;
+    toggleCreateQuestion = _useCreateQuestionDia.toggleCreateQuestion,
+    questionOptions = _useCreateQuestionDia.questionOptions;
   var _useMyAnswer = useMyAnswer(),
     isOpenTime = _useMyAnswer.isOpenTime,
     handleSelectQuestionOrder = _useMyAnswer.handleSelectQuestionOrder,
@@ -12636,7 +12918,7 @@ function MyAnswer(_ref) {
       className: styles$4["contentMyAnswer"]
     }, isPrint ? renderPrintQuestions(item.questions) : renderQuestions(item.questions)));
   }), React__default.createElement(CreateNewQuestionDialog, {
-    questions: data === null || data === void 0 ? void 0 : data.questions,
+    questionOptions: questionOptions,
     questionOrderSelected: questionOrderSelected,
     examSessionId: data === null || data === void 0 ? void 0 : data.examSessionId,
     handleCreateQuestion: handleCreateQuestion,
@@ -13179,6 +13461,8 @@ var useCreateQuestionDialog$1 = function useCreateQuestionDialog() {
     openDialog = _useState[0],
     setOpenDialog = _useState[1];
   var dispatch = reactRedux.useDispatch();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var toggleDialog = function toggleDialog() {
     setOpenDialog(!openDialog);
   };
@@ -13198,8 +13482,7 @@ var useCreateQuestionDialog$1 = function useCreateQuestionDialog() {
           toggleDialog();
         });
       }, function (error) {
-        var _error$response, _error$response$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || "Fail to Create Question!");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -13964,7 +14247,7 @@ var useLogin$2 = function useLogin(_ref) {
         });
       }, function (error) {
         console.log(error);
-        reactToastify.toast.error(t('request_login_fail'));
+        reactToastify.toast.error(getErrorMessage(t, error, t('request_login_fail')));
       }));
     } catch (e) {
       return Promise.reject(e);
@@ -13978,7 +14261,7 @@ var useLogin$2 = function useLogin(_ref) {
     if (redirectUrl) pushTo(history, redirectUrl);
   };
   React.useEffect(function () {
-    var token = getAccessToken$1();
+    var token = getAccessToken();
     if (!!token) pushTo(history, "/");
   }, []);
   return {
@@ -14452,7 +14735,10 @@ var Header = function Header(_ref) {
     width: "100%",
     display: "flex",
     flexDirection: "row",
-    gap: "24px",
+    gap: {
+      xs: "16",
+      md: "24"
+    },
     className: styles["tabBox"] + " " + styles["headers"]
   }, React__default.createElement(material.Stack, {
     padding: "10px 0",
@@ -14513,7 +14799,23 @@ var Header = function Header(_ref) {
   })), React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center"
-  }, React__default.createElement(reactRouterDom.Link, {
+  }, React__default.createElement(material.Typography, {
+    color: styles.gray_700,
+    className: "fw-bold me-3 text-nowrap flex-shrink-1",
+    sx: {
+      minWidth: "60px",
+      maxWidth: {
+        md: "100px",
+        xs: "60px"
+      },
+      fontSize: {
+        md: "16px",
+        xs: "14px"
+      },
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    }
+  }, user === null || user === void 0 ? void 0 : user.fullName), React__default.createElement(reactRouterDom.Link, {
     "aria-current": "page",
     to: homeRoute.path,
     className: "border-none"
@@ -14550,6 +14852,8 @@ var useAcademyList = function useAcademyList(history, role, homeAcademyUrl, home
     var _state$common, _state$common$user;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.email;
   });
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var getAcademies = function getAcademies() {
     try {
       var _temp2 = function _temp2() {
@@ -14561,8 +14865,7 @@ var useAcademyList = function useAcademyList(history, role, homeAcademyUrl, home
           setAcademyList(res.data.items || []);
         });
       }, function (error) {
-        var _error$response, _error$response$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.tile) || "Get user academies failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -14588,8 +14891,7 @@ var useAcademyList = function useAcademyList(history, role, homeAcademyUrl, home
           return Promise.resolve(handleLoginAccessToken(requestBody, false)).then(function () {});
         });
       }, function (error) {
-        var _error$response2, _error$response2$data;
-        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.tile) || "Failed");
+        reactToastify.toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
@@ -14758,7 +15060,7 @@ exports.canAccessRoute = canAccess;
 exports.diffFromNow = diffFromNow;
 exports.formatTime = formatTime;
 exports.getAcademyDomain = getAcademyDomain;
-exports.getAccessToken = getAccessToken$1;
+exports.getAccessToken = getAccessToken;
 exports.getErrorMessage = getErrorMessage;
 exports.i18n = i18n;
 exports.minutesToTimeSpan = minutesToTimeSpan;