touchstudy-core 0.1.52 → 0.1.54

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import React__default, { useState, useEffect, useMemo, useCallback, Fragment as Fragment$1, useRef, createElement } from 'react';
+import React__default, { useState, useCallback, useEffect, useMemo, Fragment as Fragment$1, useRef, createElement } from 'react';
 import { Formik, Form, Field } from 'formik';
 import { object, string, boolean } from 'yup';
 import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
@@ -42,6 +42,10 @@ import TextField$1 from '@mui/material/TextField';
 import Paper$1 from '@mui/material/Paper';
 import Grid$1 from '@mui/material/Grid';
 import { useLocation, Link } from 'react-router-dom';
+import Card$1 from '@mui/material/Card';
+import CardActions from '@mui/material/CardActions';
+import CardContent from '@mui/material/CardContent';
+import CardMedia from '@mui/material/CardMedia';
 
 var setLoading = createAction("common/setLoading");
 var setAlert = createAction("common/setAlert");
@@ -482,14 +486,16 @@ var useGoogleSignOut = function useGoogleSignOut(props) {
   };
 };
 
+var pushTo = function pushTo(history, data) {
+  if (history.push) history.push(data);else history(data);
+};
+
 var ERROR_MESSAGE = "request_login_fail";
-var useLogin = function useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUrl) {
+var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl) {
   var dispatch = useDispatch();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useGoogleSignOut = useGoogleSignOut({
-      onNavigate: onNavigate
-    }),
+  var _useGoogleSignOut = useGoogleSignOut({}),
     handleSignOut = _useGoogleSignOut.handleSignOut;
   var searchParams = new URLSearchParams(window.location.search);
   var paramDomain = searchParams.get('domain');
@@ -585,9 +591,7 @@ var useLogin = function useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUr
     !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
     !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
     dispatch(setUser(_extends({}, data)));
-    if (redirectUrl) {
-      onNavigate(redirectUrl);
-    }
+    if (redirectUrl) pushTo(history, redirectUrl);
   };
   return {
     handleLoginGoogle: handleLoginGoogle,
@@ -820,6 +824,8 @@ var LANGUAGES = [{
 }];
 
 var useLanguage = function useLanguage() {
+  var searchParams = new URLSearchParams(window.location.search);
+  var langParam = searchParams.get("lang");
   var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || LANGUAGES[DEFAULT_LANGUAGE_INDEX].code;
   var dispatch = useDispatch();
   var _useTranslation = useTranslation(),
@@ -843,12 +849,23 @@ var useLanguage = function useLanguage() {
     i18n.changeLanguage(language.code);
     moment.locale(language.momentLangCode);
     localStorage.setItem("language", language.code);
-    setItemLanguage(language.code);
     dispatch(setLanguage(language.code));
+    searchParams.set("lang", language.code);
   };
+  var handleChangeLangParam = useCallback(function () {
+    if (!langParam) return;
+    var languageItem = LANGUAGES.find(function (i) {
+      return i.code === langParam.toLowerCase();
+    });
+    if (!languageItem) languageItem = LANGUAGES[DEFAULT_LANGUAGE_INDEX];
+    setItemLanguage(languageItem.code);
+  }, [searchParams.toString(), language]);
   useEffect(function () {
     changeLanguageApp(language);
   }, [language]);
+  useEffect(function () {
+    handleChangeLangParam();
+  }, [langParam]);
   var currentLanguage = useMemo(function () {
     var currentLang = LANGUAGES.find(function (i) {
       return i.code === language;
@@ -872,7 +889,7 @@ var schema = object({
 });
 var BlockLogin = function BlockLogin(_ref) {
   var defaultInfo = _ref.defaultInfo,
-    onNavigate = _ref.onNavigate,
+    history = _ref.history,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? Role.Student : _ref$role,
     homeAcademyUrl = _ref.homeAcademyUrl,
@@ -882,7 +899,7 @@ var BlockLogin = function BlockLogin(_ref) {
     currentLanguage = _useLanguage.currentLanguage;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useLogin = useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUrl),
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
     handleLoginGoogle = _useLogin.handleLoginGoogle;
   var onSuccessGoogle = function onSuccessGoogle(res) {
     try {
@@ -910,7 +927,7 @@ var BlockLogin = function BlockLogin(_ref) {
   };
   var onFailureGoogle = function onFailureGoogle(err) {
     console.log("error: login google", err);
-    onNavigate("/login");
+    pushTo(history, "/login");
   };
   return React__default.createElement(Paper, {
     elevation: 3,
@@ -970,7 +987,7 @@ var defaultInfo = {
   captcha: "",
   rememberMe: false
 };
-var useLogin$1 = function useLogin(onNavigate) {
+var useLogin$1 = function useLogin(history) {
   var _useState = useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
@@ -987,14 +1004,14 @@ var useLogin$1 = function useLogin(onNavigate) {
     var start = function start() {
       gapi.client.init({
         clientId: GOOGLE_CLIENT_ID,
-        scope: 'email'
+        scope: "email"
       });
     };
-    !!gapi && gapi.load('client:auth2', start);
+    !!gapi && gapi.load("client:auth2", start);
   }, [gapi]);
   useEffect(function () {
     var token = getAccessToken$1();
-    if (!!token) onNavigate("/");
+    if (!!token) pushTo(history, "/");
   }, []);
   return {
     defaultInfo: defaultInfo,
@@ -1007,11 +1024,11 @@ var useLogin$1 = function useLogin(onNavigate) {
   };
 };
 
-var _excluded = ["onNavigate"];
+var _excluded = ["history"];
 var Login = function Login(_ref) {
-  var onNavigate = _ref.onNavigate,
+  var history = _ref.history,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useLogin = useLogin$1(onNavigate),
+  var _useLogin = useLogin$1(history),
     defaultInfo = _useLogin.defaultInfo;
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
@@ -1025,7 +1042,7 @@ var Login = function Login(_ref) {
     className: "d-flex justify-content-center h-100 align-items-center"
   }, React__default.createElement(BlockLogin, Object.assign({
     defaultInfo: defaultInfo,
-    onNavigate: onNavigate
+    history: history
   }, rest)))));
 };
 
@@ -1278,6 +1295,8 @@ var store = configureStore({
 
 var TITLE = "Not found";
 var NotFound = function NotFound() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   useEffect(function () {
     document.title = TITLE;
   });
@@ -1291,9 +1310,9 @@ var NotFound = function NotFound() {
     className: "float-left"
   }, React__default.createElement("h4", {
     className: "pt-3"
-  }, "Oops! You are lost."), React__default.createElement("p", {
+  }, t('oops')), React__default.createElement("p", {
     className: "text-muted mb-2"
-  }, "The page you are looking for was not found."), React__default.createElement("div", null))));
+  }, t('the_page_you_are_looking_for_was_not_found')), React__default.createElement("div", null))));
 };
 
 var loadingStyle = {
@@ -1351,11 +1370,8 @@ var LayoutContext = function LayoutContext(_ref) {
   var children = _ref.children,
     role = _ref.role,
     _ref$pusherRegisterUr = _ref.pusherRegisterUrls,
-    pusherRegisterUrls = _ref$pusherRegisterUr === void 0 ? [] : _ref$pusherRegisterUr,
-    onNavigate = _ref.onNavigate;
-  var _useGoogleSignOut = useGoogleSignOut({
-      onNavigate: onNavigate
-    }),
+    pusherRegisterUrls = _ref$pusherRegisterUr === void 0 ? [] : _ref$pusherRegisterUr;
+  var _useGoogleSignOut = useGoogleSignOut({}),
     handleSignOut = _useGoogleSignOut.handleSignOut;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -1504,13 +1520,10 @@ var LayoutContext = function LayoutContext(_ref) {
 var ConfirmDialog = function ConfirmDialog(_ref) {
   var open = _ref.open,
     text = _ref.text,
-    _ref$cancelText = _ref.cancelText,
-    cancelText = _ref$cancelText === void 0 ? "아니요" : _ref$cancelText,
-    _ref$okText = _ref.okText,
-    okText = _ref$okText === void 0 ? "예" : _ref$okText,
+    cancelText = _ref.cancelText,
+    okText = _ref.okText,
     isDelete = _ref.isDelete,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "확인" : _ref$title,
+    title = _ref.title,
     confirmText = _ref.confirmText,
     titleClassName = _ref.titleClassName,
     toggle = _ref.toggle,
@@ -1518,6 +1531,10 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
   var _useState = useState(),
     confirmTextValue = _useState[0],
     setConfirmTextValue = _useState[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useLanguage = useLanguage(),
+    currentLanguage = _useLanguage.currentLanguage;
   var handleConfirm = function handleConfirm() {
     onConfirm();
   };
@@ -1542,7 +1559,7 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     sx: {
       fontSize: "16px!important"
     }
-  }, title), React__default.createElement(IconButton, {
+  }, title || t('confirmation')), React__default.createElement(IconButton, {
     "aria-label": "close",
     onClick: toggle,
     sx: {
@@ -1557,7 +1574,7 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     className: "pt-2"
   }, React__default.createElement("p", null, React__default.createElement("strong", null, text)), !!confirmText && React__default.createElement("div", {
     className: "w-100"
-  }, React__default.createElement("p", null, "Enter \"", React__default.createElement("strong", null, confirmText), "\" to confirm delete"), React__default.createElement(TextField, {
+  }, (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code) === 'en' ? React__default.createElement("p", null, "Enter ", React__default.createElement("strong", null, confirmText), " to confirm delete") : React__default.createElement("p", null, "\uC785\uB825\uD558\uB2E4 ", React__default.createElement("strong", null, confirmText), " \uC0AD\uC81C\uB97C \uD655\uC778\uD558\uB824\uBA74"), React__default.createElement(TextField, {
     className: "w-100",
     sx: {
       "& input": {
@@ -1566,7 +1583,7 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     },
     value: confirmTextValue,
     onChange: handleChangeConfirmText,
-    placeholder: "Please enter...",
+    placeholder: t('please_enter'),
     onPaste: handlePaste,
     error: !isValid && confirmTextValue !== undefined,
     color: isValid ? "success" : confirmTextValue !== undefined ? "error" : undefined
@@ -1577,13 +1594,13 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     color: "secondary",
     className: "px-3 bg-secondary",
     onClick: toggle
-  }, cancelText), React__default.createElement(Button, {
+  }, cancelText || t("no")), React__default.createElement(Button, {
     variant: "contained",
     color: isDelete ? "error" : "primary",
     className: "px-3",
     disabled: !!confirmText && (confirmTextValue === null || confirmTextValue === void 0 ? void 0 : confirmTextValue.trim()) !== confirmText.trim(),
     onClick: handleConfirm
-  }, okText)));
+  }, okText || t('yes'))));
 };
 
 var CommonDialog = function CommonDialog(_ref) {
@@ -2194,6 +2211,95 @@ var update_category = "카테고리 업데이트";
 var create_new_category = "새 카테고리 만들기";
 var parent_category = "상위 카테고리:";
 var enter_category_name = "카테고리 이름을 입력하세요";
+var new_class = "새로운 수업";
+var classes = "클래스";
+var confirm_delete_class = "수업을 삭제하시겠습니까:";
+var new_exam = "새로운 시험";
+var are_you_sure_to_delete_exam = "시험을 삭제하시겠습니까:";
+var question_type = "질문 유형";
+var question_category = "질문 카테고리";
+var select_article = "기사 선택";
+var create_social = "소셜 만들기";
+var update_social = "소셜 업데이트";
+var new_social = "뉴소셜";
+var are_you_sure_to_delete_social_link = "소셜 링크를 삭제하시겠습니까:";
+var update_subject = "업데이트 제목";
+var create_new_subject = "새 주제 만들기";
+var subject_name = "주체 이름";
+var are_you_sure_to_delete_subject = "제목을 삭제하시겠습니까:";
+var drop_a_file_here_or_click_to_browse = "여기에 파일을 놓거나 클릭하여 찾아보세요.";
+var delete_users_csv = "사용자 CSV 삭제";
+var are_you_sure_to_delete_user = "사용자를 삭제하시겠습니까:";
+var enter_phone_number = "전화번호를 입력하세요";
+var enter_school_name = "학교 이름을 입력하세요";
+var enter_grade = "성적 입력";
+var enter_major_name = "주요 이름을 입력하세요";
+var enter_parent_name = "부모 이름을 입력하세요";
+var enter_parent_phone_number = "부모 전화번호를 입력하세요";
+var select_role = "역할 선택";
+var import_users = "사용자 가져오기";
+var remove_users = "사용자 제거";
+var download_template = "템플릿 다운로드";
+var export_csv = "CSV 내보내기";
+var select_type = "유형 선택";
+var no_message = "메시지 없음";
+var this_is_the_guidance_text = "안내 텍스트입니다.";
+var oops = "이런! 당신이졌다.";
+var please_enter = "들어 오세요...";
+var hint = "힌트";
+var save_and_add_next_question = "저장하고 다음 질문 추가";
+var question_text = "질문 텍스트";
+var article = "기사";
+var notifications = "알림";
+var exams = "시험";
+var questions = "질문";
+var dashboard = "계기반";
+var question_bank = "문제 은행";
+var exam_categories = "시험 카테고리";
+var social_link = "소셜 링크";
+var created_date = "생성 날짜";
+var are_you_sure_to_delete_academy = "아카데미를 삭제하시겠습니까:";
+var action = "행동";
+var number_of_questions = "질문 수";
+var are_you_sure_to_delete_category = "카테고리를 삭제하시겠습니까:";
+var add_new_lesson = "새 강의 추가";
+var update_lesson = "강의 업데이트:";
+var are_you_sure_to_remove_lesson = "강의를 삭제하시겠습니까:";
+var clear = "분명한";
+var add_to_list = "목록에 추가";
+var add_students = "학생 추가";
+var are_you_sure_to_remove_student = "학생을 삭제하시겠습니까:";
+var add_teachers = "교사 추가";
+var please_enter_a_title = "제목을 입력하세요";
+var questions_required_at_least_one_question = "질문에는 하나 이상의 질문이 필요합니다.";
+var please_enter_number_of_answers_for_question_number = "질문 번호 {{number}} 에 대한 답변 수를 입력하십시오.";
+var number_of_answers_must_be_greater_than_1_for_question_number = "질문 번호 {{number}} 에 대한 답변 수는 1보다 커야 합니다.";
+var correct_answer_must_be_less_than_for_question_number = "질문 번호 {{number}} 에 대한 정답은 {{question}} 보다 작아야 합니다.";
+var update_exam_successfully = "시험을 성공적으로 업데이트했습니다.";
+var create_exam_successfully = "시험을 성공적으로 만들었습니다.";
+var create_notification = "알림 생성";
+var update_notification = "업데이트 알림";
+var new_notification = "새로운 알림";
+var are_you_sure_to_delete_notification = "알림을 삭제하시겠습니까:";
+var answer_list = "답변 목록";
+var are_you_sure_to_delete_question = "질문을 삭제하시겠습니까:";
+var school_name_is_required = "학교 이름은 필수 항목입니다.";
+var phone_number_is_not_valid = "전화번호가 유효하지 않습니다.";
+var role_is_required = "역할은 필수입니다.";
+var student_grade_is_required = "학생 성적은 필수 항목입니다.";
+var major_is_required = "전공은 필수입니다";
+var phone_number_is_required = "전화번호는 필수 항목입니다.";
+var parent_name_is_required = "부모 이름이 필요합니다";
+var category_name = "카테고리 이름";
+var categories = "카테고리";
+var teacher = "선생님";
+var role = "역할";
+var total_uses = "총 사용량";
+var create_question = "질문 만들기";
+var articles = "조항";
+var add_lesson = "레슨 추가";
+var date = "날짜";
+var the_code_has_been_copied_to_your_clipboard = "코드가 클립보드에 복사되었습니다.";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2614,7 +2720,98 @@ var lang_ko = {
 	update_category: update_category,
 	create_new_category: create_new_category,
 	parent_category: parent_category,
-	enter_category_name: enter_category_name
+	enter_category_name: enter_category_name,
+	new_class: new_class,
+	classes: classes,
+	confirm_delete_class: confirm_delete_class,
+	new_exam: new_exam,
+	are_you_sure_to_delete_exam: are_you_sure_to_delete_exam,
+	question_type: question_type,
+	question_category: question_category,
+	select_article: select_article,
+	create_social: create_social,
+	update_social: update_social,
+	new_social: new_social,
+	are_you_sure_to_delete_social_link: are_you_sure_to_delete_social_link,
+	update_subject: update_subject,
+	create_new_subject: create_new_subject,
+	subject_name: subject_name,
+	are_you_sure_to_delete_subject: are_you_sure_to_delete_subject,
+	drop_a_file_here_or_click_to_browse: drop_a_file_here_or_click_to_browse,
+	delete_users_csv: delete_users_csv,
+	are_you_sure_to_delete_user: are_you_sure_to_delete_user,
+	enter_phone_number: enter_phone_number,
+	enter_school_name: enter_school_name,
+	enter_grade: enter_grade,
+	enter_major_name: enter_major_name,
+	enter_parent_name: enter_parent_name,
+	enter_parent_phone_number: enter_parent_phone_number,
+	select_role: select_role,
+	import_users: import_users,
+	remove_users: remove_users,
+	download_template: download_template,
+	export_csv: export_csv,
+	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.": "찾으시는 페이지를 찾을 수 없습니다.",
+	oops: oops,
+	please_enter: please_enter,
+	hint: hint,
+	save_and_add_next_question: save_and_add_next_question,
+	question_text: question_text,
+	article: article,
+	notifications: notifications,
+	exams: exams,
+	questions: questions,
+	dashboard: dashboard,
+	question_bank: question_bank,
+	exam_categories: exam_categories,
+	social_link: social_link,
+	created_date: created_date,
+	are_you_sure_to_delete_academy: are_you_sure_to_delete_academy,
+	action: action,
+	number_of_questions: number_of_questions,
+	are_you_sure_to_delete_category: are_you_sure_to_delete_category,
+	add_new_lesson: add_new_lesson,
+	update_lesson: update_lesson,
+	are_you_sure_to_remove_lesson: are_you_sure_to_remove_lesson,
+	clear: clear,
+	add_to_list: add_to_list,
+	add_students: add_students,
+	are_you_sure_to_remove_student: are_you_sure_to_remove_student,
+	add_teachers: add_teachers,
+	please_enter_a_title: please_enter_a_title,
+	questions_required_at_least_one_question: questions_required_at_least_one_question,
+	please_enter_number_of_answers_for_question_number: please_enter_number_of_answers_for_question_number,
+	number_of_answers_must_be_greater_than_1_for_question_number: number_of_answers_must_be_greater_than_1_for_question_number,
+	"please_choose_at_least_one_answer_for_question_number ": "질문 번호 {{number}}에 대해 하나 이상의 답변을 선택하십시오.",
+	correct_answer_must_be_less_than_for_question_number: correct_answer_must_be_less_than_for_question_number,
+	update_exam_successfully: update_exam_successfully,
+	create_exam_successfully: create_exam_successfully,
+	create_notification: create_notification,
+	update_notification: update_notification,
+	new_notification: new_notification,
+	are_you_sure_to_delete_notification: are_you_sure_to_delete_notification,
+	answer_list: answer_list,
+	are_you_sure_to_delete_question: are_you_sure_to_delete_question,
+	school_name_is_required: school_name_is_required,
+	phone_number_is_not_valid: phone_number_is_not_valid,
+	role_is_required: role_is_required,
+	student_grade_is_required: student_grade_is_required,
+	major_is_required: major_is_required,
+	phone_number_is_required: phone_number_is_required,
+	parent_name_is_required: parent_name_is_required,
+	category_name: category_name,
+	categories: categories,
+	teacher: teacher,
+	role: role,
+	total_uses: total_uses,
+	create_question: create_question,
+	articles: articles,
+	add_lesson: add_lesson,
+	date: date,
+	the_code_has_been_copied_to_your_clipboard: the_code_has_been_copied_to_your_clipboard
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2688,19 +2885,19 @@ var correct_rate$1 = "Correct rate";
 var difficult_level = "Difficult level";
 var difficulty_explain = "(The Difficulty Level provides an indication of the difficulty level of each test question)";
 var explain_your_answer = "Explain your answer";
-var hint = "Hint";
-var save_and_add_next_question = "Save and add next question";
+var hint$1 = "Hint";
+var save_and_add_next_question$1 = "Save and add next question";
 var save_and_exit$1 = "Save and exit";
-var question_text = "Question text";
+var question_text$1 = "Question text";
 var title$1 = "Title";
-var create_question = "Create question";
+var create_question$1 = "Create question";
 var parent_question = "Parent question";
 var edit_question = "Edit question";
 var edit$1 = "Edit";
 var easy = "Easy";
 var intermediate = "Intermediate";
 var difficult = "Difficult";
-var article = "Article";
+var article$1 = "Article";
 var correct_answer = "Correct answer";
 var mark = "Mark";
 var answer$1 = "Answer";
@@ -2762,11 +2959,11 @@ var friday$1 = "Friday";
 var saturday$1 = "Saturday";
 var total_lessons$1 = "Total lessons";
 var is_cancelled = "Is cancelled";
-var date = "Date";
+var date$1 = "Date";
 var weekly_days_required$1 = "Weekly days are required";
 var main_teacher$1 = "Main teacher";
 var main_teacher_required = "Main teacher is required";
-var teacher = "Teacher";
+var teacher$1 = "Teacher";
 var the_first$1 = "The first";
 var the_second$1 = "The second";
 var the_third$1 = "The third";
@@ -3078,6 +3275,88 @@ var update_category$1 = "Update Category";
 var create_new_category$1 = "Create New Category";
 var parent_category$1 = "Parent Category:";
 var enter_category_name$1 = "Enter Category Name";
+var new_class$1 = "New class";
+var classes$1 = "Classes";
+var confirm_delete_class$1 = "Are you sure to delete class:";
+var new_exam$1 = "New Exam";
+var are_you_sure_to_delete_exam$1 = "Are you sure to delete exam:";
+var question_type$1 = "Question Type";
+var question_category$1 = "Question Category";
+var select_article$1 = "Select Article";
+var create_social$1 = "Create Social";
+var update_social$1 = "Update Social";
+var new_social$1 = "New Social";
+var are_you_sure_to_delete_social_link$1 = "Are you sure to delete social link:";
+var update_subject$1 = "Update Subject";
+var create_new_subject$1 = "Create New Subject";
+var subject_name$1 = "Subject name";
+var are_you_sure_to_delete_subject$1 = "Are you sure to delete subject:";
+var drop_a_file_here_or_click_to_browse$1 = "Drop a file here or click to browse";
+var delete_users_csv$1 = "Delete users csv";
+var are_you_sure_to_delete_user$1 = "Are you sure to delete user:";
+var enter_phone_number$1 = "Enter phone number";
+var enter_school_name$1 = "Enter school name";
+var enter_grade$1 = "Enter grade";
+var enter_major_name$1 = "Enter major name";
+var enter_parent_name$1 = "Enter parent name";
+var enter_parent_phone_number$1 = "Enter parent phone number";
+var select_role$1 = "Select role";
+var import_users$1 = "Import users";
+var remove_users$1 = "Remove users";
+var download_template$1 = "Download template";
+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 oops$1 = "Oops! You are lost.";
+var please_enter$1 = "Please enter...";
+var notifications$1 = "Notifications";
+var exams$1 = "Exams";
+var questions$1 = "Questions";
+var dashboard$1 = "Dashboard";
+var question_bank$1 = "Question Bank";
+var exam_categories$1 = "Exam Categories";
+var social_link$1 = "Social Link";
+var created_date$1 = "Created Date";
+var are_you_sure_to_delete_academy$1 = "Are you sure to delete academy:";
+var action$1 = "Action";
+var number_of_questions$1 = "Number Of Questions";
+var are_you_sure_to_delete_category$1 = "Are you sure to delete category:";
+var add_new_lesson$1 = "Add new lesson";
+var update_lesson$1 = "Update lesson:";
+var are_you_sure_to_remove_lesson$1 = "Are you sure to remove lesson:";
+var clear$1 = "Clear";
+var add_to_list$1 = "Add to list";
+var add_students$1 = "Add students";
+var are_you_sure_to_remove_student$1 = "Are you sure to remove student:";
+var add_teachers$1 = "Add teachers";
+var please_enter_a_title$1 = "Please enter a title";
+var questions_required_at_least_one_question$1 = "Questions required at least one question";
+var please_enter_number_of_answers_for_question_number$1 = "Please enter number of answers for question number {{number}}";
+var number_of_answers_must_be_greater_than_1_for_question_number$1 = "Number of answers must be greater than 1 for question number {{number}}";
+var correct_answer_must_be_less_than_for_question_number$1 = "Correct answer must be less than {{question}} for question number {{number}}";
+var update_exam_successfully$1 = "Update exam successfully";
+var create_exam_successfully$1 = "Create exam successfully";
+var create_notification$1 = "Create Notification";
+var update_notification$1 = "Update Notification";
+var new_notification$1 = "New Notification";
+var are_you_sure_to_delete_notification$1 = "Are you sure to delete notification:";
+var answer_list$1 = "Answer List";
+var are_you_sure_to_delete_question$1 = "Are you sure to delete question:";
+var school_name_is_required$1 = "School name is required";
+var phone_number_is_not_valid$1 = "Phone number is not valid";
+var role_is_required$1 = "Role is required";
+var student_grade_is_required$1 = "Student grade is required";
+var major_is_required$1 = "Major is required";
+var phone_number_is_required$1 = "Phone number is required";
+var parent_name_is_required$1 = "Parent name is required";
+var category_name$1 = "Category Name";
+var categories$1 = "Categories";
+var role$1 = "Role";
+var total_uses$1 = "Total Uses";
+var articles$1 = "Articles";
+var add_lesson$1 = "Add Lesson";
+var the_code_has_been_copied_to_your_clipboard$1 = "The code has been copied to your clipboard";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -3152,12 +3431,12 @@ var lang_en = {
 	difficult_level: difficult_level,
 	difficulty_explain: difficulty_explain,
 	explain_your_answer: explain_your_answer,
-	hint: hint,
-	save_and_add_next_question: save_and_add_next_question,
+	hint: hint$1,
+	save_and_add_next_question: save_and_add_next_question$1,
 	save_and_exit: save_and_exit$1,
-	question_text: question_text,
+	question_text: question_text$1,
 	title: title$1,
-	create_question: create_question,
+	create_question: create_question$1,
 	parent_question: parent_question,
 	edit_question: edit_question,
 	edit: edit$1,
@@ -3165,7 +3444,7 @@ var lang_en = {
 	easy: easy,
 	intermediate: intermediate,
 	difficult: difficult,
-	article: article,
+	article: article$1,
 	correct_answer: correct_answer,
 	mark: mark,
 	answer: answer$1,
@@ -3227,11 +3506,11 @@ var lang_en = {
 	saturday: saturday$1,
 	total_lessons: total_lessons$1,
 	is_cancelled: is_cancelled,
-	date: date,
+	date: date$1,
 	weekly_days_required: weekly_days_required$1,
 	main_teacher: main_teacher$1,
 	main_teacher_required: main_teacher_required,
-	teacher: teacher,
+	teacher: teacher$1,
 	the_first: the_first$1,
 	the_second: the_second$1,
 	the_third: the_third$1,
@@ -3532,7 +3811,91 @@ var lang_en = {
 	update_category: update_category$1,
 	create_new_category: create_new_category$1,
 	parent_category: parent_category$1,
-	enter_category_name: enter_category_name$1
+	enter_category_name: enter_category_name$1,
+	new_class: new_class$1,
+	classes: classes$1,
+	confirm_delete_class: confirm_delete_class$1,
+	new_exam: new_exam$1,
+	are_you_sure_to_delete_exam: are_you_sure_to_delete_exam$1,
+	question_type: question_type$1,
+	question_category: question_category$1,
+	select_article: select_article$1,
+	create_social: create_social$1,
+	update_social: update_social$1,
+	new_social: new_social$1,
+	are_you_sure_to_delete_social_link: are_you_sure_to_delete_social_link$1,
+	update_subject: update_subject$1,
+	create_new_subject: create_new_subject$1,
+	subject_name: subject_name$1,
+	are_you_sure_to_delete_subject: are_you_sure_to_delete_subject$1,
+	drop_a_file_here_or_click_to_browse: drop_a_file_here_or_click_to_browse$1,
+	delete_users_csv: delete_users_csv$1,
+	are_you_sure_to_delete_user: are_you_sure_to_delete_user$1,
+	enter_phone_number: enter_phone_number$1,
+	enter_school_name: enter_school_name$1,
+	enter_grade: enter_grade$1,
+	enter_major_name: enter_major_name$1,
+	enter_parent_name: enter_parent_name$1,
+	enter_parent_phone_number: enter_parent_phone_number$1,
+	select_role: select_role$1,
+	import_users: import_users$1,
+	remove_users: remove_users$1,
+	download_template: download_template$1,
+	export_csv: export_csv$1,
+	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.",
+	oops: oops$1,
+	please_enter: please_enter$1,
+	notifications: notifications$1,
+	exams: exams$1,
+	questions: questions$1,
+	dashboard: dashboard$1,
+	question_bank: question_bank$1,
+	exam_categories: exam_categories$1,
+	social_link: social_link$1,
+	created_date: created_date$1,
+	are_you_sure_to_delete_academy: are_you_sure_to_delete_academy$1,
+	action: action$1,
+	number_of_questions: number_of_questions$1,
+	are_you_sure_to_delete_category: are_you_sure_to_delete_category$1,
+	add_new_lesson: add_new_lesson$1,
+	update_lesson: update_lesson$1,
+	are_you_sure_to_remove_lesson: are_you_sure_to_remove_lesson$1,
+	clear: clear$1,
+	add_to_list: add_to_list$1,
+	add_students: add_students$1,
+	are_you_sure_to_remove_student: are_you_sure_to_remove_student$1,
+	add_teachers: add_teachers$1,
+	please_enter_a_title: please_enter_a_title$1,
+	questions_required_at_least_one_question: questions_required_at_least_one_question$1,
+	please_enter_number_of_answers_for_question_number: please_enter_number_of_answers_for_question_number$1,
+	number_of_answers_must_be_greater_than_1_for_question_number: number_of_answers_must_be_greater_than_1_for_question_number$1,
+	"please_choose_at_least_one_answer_for_question_number ": "Please choose at least one answer for question number {{number}}",
+	correct_answer_must_be_less_than_for_question_number: correct_answer_must_be_less_than_for_question_number$1,
+	update_exam_successfully: update_exam_successfully$1,
+	create_exam_successfully: create_exam_successfully$1,
+	create_notification: create_notification$1,
+	update_notification: update_notification$1,
+	new_notification: new_notification$1,
+	are_you_sure_to_delete_notification: are_you_sure_to_delete_notification$1,
+	answer_list: answer_list$1,
+	are_you_sure_to_delete_question: are_you_sure_to_delete_question$1,
+	school_name_is_required: school_name_is_required$1,
+	phone_number_is_not_valid: phone_number_is_not_valid$1,
+	role_is_required: role_is_required$1,
+	student_grade_is_required: student_grade_is_required$1,
+	major_is_required: major_is_required$1,
+	phone_number_is_required: phone_number_is_required$1,
+	parent_name_is_required: parent_name_is_required$1,
+	category_name: category_name$1,
+	categories: categories$1,
+	role: role$1,
+	total_uses: total_uses$1,
+	articles: articles$1,
+	add_lesson: add_lesson$1,
+	the_code_has_been_copied_to_your_clipboard: the_code_has_been_copied_to_your_clipboard$1
 };
 
 i18n.use(initReactI18next).init({
@@ -3626,12 +3989,12 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
   })));
 };
 
-var useSwitchAcademy = function useSwitchAcademy(role, navigate, homeAcademyUrl, homeUrl) {
+var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl, homeUrl) {
   if (role === void 0) {
     role = Role.Student;
   }
   var dispatch = useDispatch();
-  var _useLogin = useLogin(navigate, homeAcademyUrl, homeUrl),
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl),
     handleLoginAccessToken = _useLogin.handleLoginAccessToken;
   var _useState = useState(false),
     dropdownOpen = _useState[0],
@@ -3753,11 +4116,11 @@ var MenuItemCustom = styled(MenuItem)(function () {
 var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   var _user$roles, _selectedAcademy$name, _selectedAcademy$name2;
   var role = _ref.role,
-    navigate = _ref.navigate,
+    history = _ref.history,
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
     hideAcademyName = _ref.hideAcademyName;
-  var _useSwitchAcademy = useSwitchAcademy(role, navigate, homeAcademyUrl, homeUrl),
+  var _useSwitchAcademy = useSwitchAcademy(role, history, homeAcademyUrl, homeUrl),
     academyList = _useSwitchAcademy.academyList,
     handleSwitchAcademy = _useSwitchAcademy.handleSwitchAcademy,
     selectedAcademy = _useSwitchAcademy.selectedAcademy;
@@ -4474,14 +4837,14 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
     return React__default.createElement(Form, null, React__default.createElement("label", {
       htmlFor: "content",
       className: styles$1['form-label'] + "  " + styles$1['form-label-dialog']
-    }, "\uC9C8\uBB38\uD560 \uBB38\uC81C"), React__default.createElement(Field, {
+    }, t('questions_to_ask')), React__default.createElement(Field, {
       id: "content",
       style: {
         paddingRight: '40px'
       },
       name: "content",
       validate: validate,
-      placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
+      placeholder: t('the_problem_is_difficult'),
       className: styles$1['form-control']
     }), React__default.createElement(DialogActions, {
       sx: {
@@ -4500,7 +4863,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       fontWeight: 700,
       fontSize: '14px',
       lineHeight: '16.71px'
-    }, "\uCDE8\uC18C")), React__default.createElement(Button, {
+    }, t('cancel'))), React__default.createElement(Button, {
       variant: 'contained',
       sx: {
         bgcolor: styles.dark
@@ -4512,7 +4875,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       fontSize: '14px',
       lineHeight: '16.71px',
       color: '#FFFFFF'
-    }, "\uB4F1\uB85D\uD558\uAE30"))));
+    }, t('registration')))));
   }) : React__default.createElement(Box, null, React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "column",
@@ -4649,6 +5012,8 @@ var ChatList = function ChatList(_ref) {
     handleUpdateMessage = _ref.handleUpdateMessage,
     handleDeleteMessage = _ref.handleDeleteMessage,
     listItemRef = _ref.listItemRef;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var filterMessage = useMemo(function () {
     var prevTime = 0;
     var prevSender;
@@ -4671,7 +5036,7 @@ var ChatList = function ChatList(_ref) {
     className: styles$1["list"] + " " + styles$1["padding-content"] + " d-flex h-100 flex-column mb-0  " + (!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) ? 'justify-content-center' : '')
   }, !(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && React__default.createElement("li", {
     className: "text-muted text-center fst-italic fs-6"
-  }, "No message"), !!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && filterMessage.map(function (message) {
+  }, t('no_message')), !!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && filterMessage.map(function (message) {
     return React__default.createElement(ChatItem, Object.assign({
       key: message.id
     }, message, {
@@ -4791,7 +5156,7 @@ var InputChat = function InputChat(_ref) {
     fontSize: "10px",
     lineHeight: "11.93px",
     color: "#97A1AF"
-  }, "\uC548\uB0B4 \uD14D\uC2A4\uD2B8\uC785\uB2C8\uB2E4.")), React__default.createElement(Box, {
+  }, t('this_is_the_guidance_text'))), React__default.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     justifyContent: "flex-end",
@@ -5105,7 +5470,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontSize: "13px",
       lineHeight: "15.51px",
       color: styles.dark
-    }, "\uC644\uB8CC \uCC98\uB9AC"))) : React__default.createElement("div", null));
+    }, t('complete_processing')))) : React__default.createElement("div", null));
   };
   return React__default.createElement(Grid, {
     container: true
@@ -7842,10 +8207,13 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
   var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
     return option.value === defaultValue;
   }) || null : null;
+  var optionValue = value !== null && typeof value !== "undefined" ? options.find(function (option) {
+    return option.value === value;
+  }) || null : null;
   return React__default.createElement(Select, Object.assign({
     isDisabled: isDisabled,
     options: options,
-    value: value,
+    value: optionValue,
     defaultValue: initialValues,
     menuPlacement: scrollBottom ? "top" : "auto",
     isMulti: isMulti,
@@ -7868,7 +8236,6 @@ var SubjectSelector = function SubjectSelector(_ref) {
     title = _ref.title,
     isMulti = _ref.isMulti,
     minimumTextSearchLength = _ref.minimumTextSearchLength,
-    placeholder = _ref.placeholder,
     defaultValueAtFirst = _ref.defaultValueAtFirst,
     isDisabled = _ref.isDisabled;
   var _useState = useState([]),
@@ -7954,7 +8321,6 @@ var SubjectSelector = function SubjectSelector(_ref) {
       return setSearchString(inputValue);
     },
     isLoading: isLoading,
-    placeholder: (placeholder != null ? placeholder : minimumTextSearchLength) ? "Type at least " + minimumTextSearchLength + " characters to search" : undefined,
     isMulti: isMulti,
     value: value,
     onChange: handleChange,
@@ -8178,12 +8544,16 @@ var useExamDetailView = function useExamDetailView(props) {
   var durationOptions = useMemo(function () {
     var options = DURATION_OPTIONS.map(function (i) {
       return {
-        label: i + "\uBD84",
+        label: t('mins_mins', {
+          mins: i
+        }),
         value: i
       };
     });
     if (!!exam.duration && exam.duration > DURATION_OPTIONS[DURATION_OPTIONS.length - 1]) return [].concat(options, [{
-      label: exam.duration + "\uBD84",
+      label: t('mins_mins', {
+        mins: exam.duration
+      }),
       value: exam.duration
     }]);
     return options;
@@ -8313,7 +8683,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     onClick: handleAddArticle
   }, React__default.createElement(FaPlusCircle, {
     className: "me-2"
-  }), "\uBB38\uD56D \uCD94\uAC00\uD558\uAE30")));
+  }), t('add_questions'))));
 };
 
 var _excluded$4 = ["isOpen", "onClose", "handleSaveExam"];
@@ -8572,18 +8942,28 @@ var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superU
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
+  var language = useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.language;
+  });
   var initialAcademySearchParam = function initialAcademySearchParam() {
     var paramAcademyDomain = searchParams.get("domain");
+    var paramLang = searchParams.get("lang");
     var domain = getAcademyDomain();
     var pathname = window.location.pathname.toLowerCase();
+    var isUpdateSearchParam = false;
+    if ((!paramLang || paramLang.toLowerCase() !== language) && language) {
+      searchParams.set("lang", language);
+      isUpdateSearchParam = true;
+    }
     if (!!user !== isAuthPage) return;
     var academyDomain = user === null || user === void 0 ? void 0 : user.academyDomain;
     if (!academyDomain) {
       if (!superUrls.some(function (i) {
         return pathname.startsWith(i);
       })) {
-        !paramAcademyDomain && domain && searchParams.append("domain", domain);
-        pushTo({
+        !paramAcademyDomain && domain && searchParams.set("domain", domain);
+        pushTo(history, {
           pathname: homeUrl,
           search: searchParams.toString()
         });
@@ -8591,16 +8971,17 @@ var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superU
       }
       if (paramAcademyDomain) {
         searchParams["delete"]("domain");
-        pushTo(_extends({}, window.location, {
+        pushTo(history, _extends({}, window.location, {
           search: searchParams.toString()
         }));
+        return;
       }
     } else {
       if (superUrls.some(function (i) {
         return pathname.startsWith(i);
       })) {
         searchParams["delete"]("domain");
-        pushTo({
+        pushTo(history, {
           pathname: homeAcademyUrl,
           search: searchParams.toString()
         });
@@ -8611,19 +8992,20 @@ var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superU
         return;
       }
       if (!paramAcademyDomain) {
-        !paramAcademyDomain && searchParams.append("domain", academyDomain);
-        pushTo(_extends({}, window.location, {
+        !paramAcademyDomain && searchParams.set("domain", academyDomain);
+        pushTo(history, _extends({}, window.location, {
           search: searchParams.toString()
         }));
+        return;
       }
     }
-  };
-  var pushTo = function pushTo(data) {
-    if (history.push) history.push(data);else history(data);
+    if (isUpdateSearchParam) pushTo(history, _extends({}, window.location, {
+      search: searchParams.toString()
+    }));
   };
   useEffect(function () {
     initialAcademySearchParam();
-  }, [window.location.pathname, user === null || user === void 0 ? void 0 : user.academyDomain, window.location.search]);
+  }, [window.location.pathname, window.location.search, user === null || user === void 0 ? void 0 : user.academyDomain, language]);
 };
 
 var DEFAULT_PAGING_RESPONSE = {
@@ -9051,6 +9433,8 @@ var CustomCreatable = function CustomCreatable(_ref) {
   }) : options.find(function (i) {
     return i.value == value;
   });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return React__default.createElement(CreatableSelect, Object.assign({
     isClearable: true,
     isDisabled: isDisabled,
@@ -9065,7 +9449,8 @@ var CustomCreatable = function CustomCreatable(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles
+    styles: customStyles,
+    placeholder: t("select_placeholder")
   }, rest));
 };
 
@@ -9085,6 +9470,8 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
   }) : options.find(function (i) {
     return i.value == value;
   });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return React__default.createElement(Select, Object.assign({
     isDisabled: isDisabled,
     options: options,
@@ -9099,7 +9486,8 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles
+    styles: customStyles,
+    placeholder: t("select_placeholder")
   }, rest));
 };
 
@@ -9929,7 +10317,7 @@ var defaultSeries = function defaultSeries(t) {
   }];
 };
 
-var useExamResult = function useExamResult(searchParam, navigate, examSessionId, studentId, code, handleChangeTab, selectedTab) {
+var useExamResult = function useExamResult(searchParam, history, examSessionId, studentId, code, handleChangeTab, selectedTab) {
   var _allSeries$dataChartI;
   if (examSessionId === void 0) {
     examSessionId = 0;
@@ -10084,7 +10472,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
     }
   };
   var handleExit = function handleExit() {
-    navigate("/student/my-story/live-main");
+    pushTo(history, "/student/my-story/live-main");
   };
   var totalTime = useMemo(function () {
     var _resultData$questions;
@@ -11792,7 +12180,7 @@ function CreateNewQuestionDialog(_ref) {
     fontSize: '16px',
     lineHeight: '19.09px',
     color: '#202B37'
-  }, "\uBB38\uC81C \uC9C8\uBB38\uD558\uAE30")), React__default.createElement(IconButton$1, {
+  }, t('ask_a_question'))), React__default.createElement(IconButton$1, {
     "aria-label": "close",
     sx: {
       position: 'absolute',
@@ -11829,7 +12217,7 @@ function CreateNewQuestionDialog(_ref) {
     }, React__default.createElement(Stack, null, React__default.createElement("label", {
       htmlFor: "questions",
       className: styles['form-label'] + "  " + styles$4['form-label-dialog']
-    }, "\uC9C8\uBB38\uD560 \uBB38\uC81C"), React__default.createElement(Field, {
+    }, t('questions_to_ask')), React__default.createElement(Field, {
       as: "select",
       id: "questions",
       name: "questionId",
@@ -11846,7 +12234,7 @@ function CreateNewQuestionDialog(_ref) {
     }))), React__default.createElement(Stack, null, React__default.createElement("label", {
       htmlFor: "content-question",
       className: styles['form-label'] + "  " + styles$4['form-label-dialog']
-    }, "\uC9C8\uBB38 \uB0B4\uC6A9"), React__default.createElement(Box, {
+    }, t('question_content')), React__default.createElement(Box, {
       position: 'relative',
       display: 'flex',
       flexDirection: 'row',
@@ -11857,7 +12245,7 @@ function CreateNewQuestionDialog(_ref) {
         paddingRight: '40px'
       },
       name: "content",
-      placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
+      placeholder: t('the_problem_is_difficult'),
       className: styles['form-control']
     }), (errors === null || errors === void 0 ? void 0 : errors.content) && React__default.createElement(Box, {
       position: 'absolute',
@@ -11872,7 +12260,7 @@ function CreateNewQuestionDialog(_ref) {
       fontSize: '10px',
       lineHeight: '11.93px',
       color: !(errors !== null && errors !== void 0 && errors.content) ? '#97A1AF' : '#F34B4B'
-    }, !(errors !== null && errors !== void 0 && errors.content) ? '질문 내용이 상담사에게 전달됩니다.' : '질문할 내용을 입력해주세요.'))), React__default.createElement(DialogActions$1, {
+    }, !(errors !== null && errors !== void 0 && errors.content) ? t('your_questions_will_be_sent_to_the_counselor') : t('please_enter_your_question')))), React__default.createElement(DialogActions$1, {
       sx: {
         display: 'flex',
         justifyContent: 'space-between',
@@ -11890,7 +12278,7 @@ function CreateNewQuestionDialog(_ref) {
       fontWeight: 700,
       fontSize: '14px',
       lineHeight: '16.71px'
-    }, "\uCDE8\uC18C")), React__default.createElement(Button$1, {
+    }, t('cancel'))), React__default.createElement(Button$1, {
       variant: 'contained',
       sx: {
         bgcolor: styles.dark
@@ -11902,7 +12290,7 @@ function CreateNewQuestionDialog(_ref) {
       fontSize: '14px',
       lineHeight: '16.71px',
       color: '#FFFFFF'
-    }, "\uB4F1\uB85D\uD558\uAE30"))));
+    }, t('registration')))));
   })));
 }
 
@@ -12713,6 +13101,8 @@ function CreateNewQuestionDialog$1(_ref) {
     openCreateQuestionDialog = _ref.openCreateQuestionDialog,
     toggleCreateQuestion = _ref.toggleCreateQuestion,
     examSessionId = _ref.examSessionId;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return React__default.createElement(Dialog, {
     onClose: toggleCreateQuestion,
     open: openCreateQuestionDialog,
@@ -12728,7 +13118,7 @@ function CreateNewQuestionDialog$1(_ref) {
     fontSize: '16px',
     lineHeight: '19.09px',
     color: '#202B37'
-  }, "\uBB38\uC81C \uC9C8\uBB38\uD558\uAE30")), React__default.createElement(IconButton$1, {
+  }, t('ask_a_question'))), React__default.createElement(IconButton$1, {
     "aria-label": "close",
     sx: {
       position: 'absolute',
@@ -12756,7 +13146,7 @@ function CreateNewQuestionDialog$1(_ref) {
     return React__default.createElement(Form, null, React__default.createElement("label", {
       htmlFor: "content-question",
       className: styles['form-label'] + "  " + styles$4['form-label-dialog']
-    }, "\uC9C8\uBB38 \uB0B4\uC6A9"), React__default.createElement(Box, {
+    }, t('question_content')), React__default.createElement(Box, {
       position: 'relative',
       display: 'flex',
       flexDirection: 'row',
@@ -12767,7 +13157,7 @@ function CreateNewQuestionDialog$1(_ref) {
         paddingRight: '40px'
       },
       name: "content",
-      placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
+      placeholder: t('the_problem_is_difficult'),
       className: styles['form-control']
     }), (errors === null || errors === void 0 ? void 0 : errors.content) && React__default.createElement(Box, {
       position: 'absolute',
@@ -12782,7 +13172,7 @@ function CreateNewQuestionDialog$1(_ref) {
       fontSize: '10px',
       lineHeight: '11.93px',
       color: !(errors !== null && errors !== void 0 && errors.content) ? '#97A1AF' : '#F34B4B'
-    }, !(errors !== null && errors !== void 0 && errors.content) ? '질문 내용이 상담사에게 전달됩니다.' : '질문할 내용을 입력해주세요.'), React__default.createElement(DialogActions$1, {
+    }, !(errors !== null && errors !== void 0 && errors.content) ? t('your_questions_will_be_sent_to_the_counselor') : t('please_enter_your_question')), React__default.createElement(DialogActions$1, {
       sx: {
         display: 'flex',
         justifyContent: 'space-between',
@@ -12799,7 +13189,7 @@ function CreateNewQuestionDialog$1(_ref) {
       fontWeight: 700,
       fontSize: '14px',
       lineHeight: '16.71px'
-    }, "\uCDE8\uC18C")), React__default.createElement(Button$1, {
+    }, t('cancel'))), React__default.createElement(Button$1, {
       variant: 'contained',
       sx: {
         bgcolor: styles.dark
@@ -12811,7 +13201,7 @@ function CreateNewQuestionDialog$1(_ref) {
       fontSize: '14px',
       lineHeight: '16.71px',
       color: '#FFFFFF'
-    }, "\uB4F1\uB85D\uD558\uAE30"))));
+    }, t('registration')))));
   })));
 }
 
@@ -12865,14 +13255,14 @@ var useTab = function useTab() {
 
 var ExamResultV2 = function ExamResultV2(_ref) {
   var searchParams = _ref.searchParams,
-    onNavigate = _ref.onNavigate,
+    history = _ref.history,
     examSessionId = _ref.examSessionId,
     studentId = _ref.studentId,
     code = _ref.code;
   var _useTab = useTab(),
     selected = _useTab.selected,
     handleChangeTab = _useTab.handleChangeTab;
-  var _useExamResult = useExamResult(searchParams, onNavigate, examSessionId, studentId, code, handleChangeTab, selected),
+  var _useExamResult = useExamResult(searchParams, history, examSessionId, studentId, code, handleChangeTab, selected),
     examTime = _useExamResult.examTime,
     series = _useExamResult.series,
     allSeries = _useExamResult.allSeries,
@@ -13380,7 +13770,7 @@ var signInSuperAdminApi = function signInSuperAdminApi(_ref2) {
 };
 
 var useLogin$2 = function useLogin(_ref) {
-  var onNavigate = _ref.onNavigate,
+  var history = _ref.history,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? Role.Student : _ref$role,
     homeAcademyUrl = _ref.homeAcademyUrl,
@@ -13400,7 +13790,7 @@ var useLogin$2 = function useLogin(_ref) {
   var academyDomain = paramDomain || getAcademyDomain();
   var handleClearAcademyDomain = function handleClearAcademyDomain() {
     localStorage.removeItem(ACADEMY_DOMAIN);
-    onNavigate("/login-with-account");
+    pushTo(history, "/login-with-account");
   };
   var handleValidateForm = function handleValidateForm(_ref2) {
     var email = _ref2.email,
@@ -13465,13 +13855,11 @@ var useLogin$2 = function useLogin(_ref) {
     !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
     !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
     dispatch(setUser(_extends({}, data)));
-    if (redirectUrl) {
-      onNavigate(redirectUrl);
-    }
+    if (redirectUrl) pushTo(history, redirectUrl);
   };
   useEffect(function () {
     var token = getAccessToken$1();
-    if (!!token) onNavigate("/");
+    if (!!token) pushTo(history, "/");
   }, []);
   return {
     handleSubmit: handleSubmit,
@@ -13483,7 +13871,7 @@ var useLogin$2 = function useLogin(_ref) {
 };
 
 function SignIn(_ref) {
-  var onNavigate = _ref.onNavigate,
+  var history = _ref.history,
     role = _ref.role,
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
@@ -13492,7 +13880,7 @@ function SignIn(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useLoginWithPassword = useLogin$2({
-      onNavigate: onNavigate,
+      history: history,
       role: role,
       homeAcademyUrl: homeAcademyUrl,
       homeUrl: homeUrl,
@@ -13597,7 +13985,7 @@ var studentFullLogoEn = function studentFullLogoEn(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("g", {
-    "clip-path": "url(#clip0_3233_11779)"
+    clipPath: "url(#clip0_3233_11779)"
   }, React__default.createElement("path", {
     d: "M9.24216 15.5417C9.24216 16.4045 9.73435 16.87 11.5816 17.5104C16.6013 19.2835 16.972 20.9321 16.972 24.4278V26.0764C16.972 29.5721 13.9684 30.8263 10.4489 30.8263C6.92944 30.8263 4 29.5721 4 26.0764V23.1973H9.29256V25.2165C9.29256 25.9785 9.83516 26.3729 10.5468 26.3729C11.2584 26.3729 11.8039 25.9785 11.8039 25.2165V24.6028C11.8039 21.9698 11.4096 21.7237 7.51948 20.173C4.69085 19.0374 4.07413 17.1902 4.07413 15.7136V13.3505C4.07413 9.85772 6.97985 8.60352 10.4964 8.60352C14.0129 8.60352 16.9216 9.85772 16.9216 13.3535V15.3964H11.7535V14.1896C11.7535 13.4513 11.2376 13.057 10.523 13.057C9.76103 13.057 9.24216 13.3535 9.24216 14.1392V15.5417Z",
     fill: "#2BBA84"
@@ -13659,7 +14047,7 @@ var studentFullLogoKo = function studentFullLogoKo(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("g", {
-    "clip-path": "url(#clip0_3233_7642)"
+    clipPath: "url(#clip0_3233_7642)"
   }, React__default.createElement("path", {
     d: "M0 24.4625H20.5166V30.0272H0V24.4625ZM0.282173 21.434L5.84688 6.177H12.0777L11.4116 7.97175H16.7729C18.8498 7.97175 19.8505 9.0217 19.8505 11.0494V21.4373H13.6952V13.2805H9.48888L6.53919 21.4373H0.282173V21.434Z",
     fill: "#2BBA84"
@@ -13712,7 +14100,7 @@ var teacherFullLogoKo = function teacherFullLogoKo(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("g", {
-    "clip-path": "url(#clip0_3233_7868)"
+    clipPath: "url(#clip0_3233_7868)"
   }, React__default.createElement("path", {
     d: "M0 38.9726H20.5175V44.5391H0V38.9726ZM0.284008 35.9458L5.85056 20.6865H12.0825L11.4171 22.4798H16.7767C18.8541 22.4798 19.8521 23.5307 19.8521 25.5552V35.9418H13.6973V27.7867H9.48991L6.54029 35.9418H0.284008V35.9458Z",
     fill: "#2BBA84"
@@ -13877,32 +14265,32 @@ var singleLogo = function singleLogo(_ref) {
   }, React__default.createElement("defs", null, React__default.createElement("clipPath", {
     id: "1"
   }, React__default.createElement("path", {
-    "clip-rule": "evenodd",
+    clipRule: "evenodd",
     d: "M0 0L207 0L207 418L0 418z"
   }))), React__default.createElement("g", {
     transform: "matrix(0.119617224 0 0 0.119617224 0.119617224 -0)"
   }, React__default.createElement("g", {
-    "clip-path": "url(#1)"
+    clipPath: "url(#1)"
   }, React__default.createElement("path", {
     d: "M9.66724 418C 136.043 342.286 179.498 275.873 207.032 138.127L207.032 138.127L207.032 344.635C 207.032 385.143 171.107 418 126.791 418L126.791 418L9.66724 418z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }), React__default.createElement("path", {
     d: "M101.171 163.206L19.845 83.1111L19.845 188.064L101.171 286.159C 148.167 225.175 177.424 148.413 182.497 80.5714L182.497 80.5714L101.171 163.175L101.171 163.206z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }), React__default.createElement("path", {
     d: "M101.171 0L54.1428 68.0317L101.171 112.952L148.167 65.4921L101.171 0z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }), React__default.createElement("path", {
     d: "M0 222.762L80.6879 319.587C 80.6879 319.587 65.2458 342.54 0 376.952L0 376.952L0 222.762z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }))));
 };
 
@@ -13912,7 +14300,7 @@ var Header = function Header(_ref) {
     homeRoute = _ref.homeRoute,
     headerTabs = _ref.headerTabs,
     role = _ref.role,
-    navigate = _ref.navigate,
+    history = _ref.history,
     onSignOut = _ref.onSignOut;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -13998,7 +14386,7 @@ var Header = function Header(_ref) {
     homeAcademyUrl: academyListRoute.path,
     homeUrl: homeRoute.path,
     role: role,
-    navigate: navigate,
+    history: history,
     hideAcademyName: !isLargerThanXL && headerTabs.length > 6
   })), React__default.createElement("div", {
     className: "me-2"
@@ -14016,5 +14404,155 @@ var Header = function Header(_ref) {
   }))));
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, 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, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, LayoutContext, Loading, Login, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, QuestionCountSelector, 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, diffFromNow, formatTime, getAcademyDomain, getAccessToken$1 as getAccessToken, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useGoogleSignOut, useLanguage, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, utcToLocalTime };
+var ACADEMY_URL$1 = BASE_URL + "/api/academy";
+var getAcademyList$1 = function getAcademyList() {
+  return api.get("" + ACADEMY_URL$1);
+};
+var switchAcademy$1 = function switchAcademy(academyId) {
+  return api.post(ACADEMY_URL$1 + "/switch-academy?academyId=" + academyId);
+};
+
+var useAcademyList = function useAcademyList(history, role, homeAcademyUrl, homeUrl, registerUrl) {
+  var dispatch = useDispatch();
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
+    handleLoginAccessToken = _useLogin.handleLoginAccessToken;
+  var _useState = useState([]),
+    academyList = _useState[0],
+    setAcademyList = _useState[1];
+  var email = useSelector(function (state) {
+    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 getAcademies = function getAcademies() {
+    try {
+      var _temp2 = function _temp2() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(getAcademyList$1()).then(function (res) {
+          setAcademyList(res.data.items || []);
+        });
+      }, function (error) {
+        var _error$response, _error$response$data;
+        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");
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleSwitchAcademy = function handleSwitchAcademy(id, domain) {
+    try {
+      var _temp4 = function _temp4() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp3 = _catch(function () {
+        return Promise.resolve(switchAcademy$1(id)).then(function (res) {
+          var data = res.data;
+          var requestBody = {
+            accessToken: data.accessToken,
+            email: email,
+            academyId: id,
+            role: role
+          };
+          localStorage.setItem(ACADEMY_DOMAIN, domain);
+          return Promise.resolve(handleLoginAccessToken(requestBody, false)).then(function () {});
+        });
+      }, function (error) {
+        var _error$response2, _error$response2$data;
+        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");
+      });
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  useEffect(function () {
+    getAcademies();
+  }, []);
+  return {
+    academyList: academyList,
+    handleSwitchAcademy: handleSwitchAcademy
+  };
+};
+
+var AcademyCard = function AcademyCard(_ref) {
+  var theme = _ref.theme,
+    academy = _ref.academy,
+    onSwitch = _ref.onSwitch;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleSwitchAcademy = function handleSwitchAcademy() {
+    onSwitch(academy.id, academy.domain);
+  };
+  return createElement(Card$1, null, createElement(CardMedia, {
+    sx: {
+      width: "100%",
+      aspectRatio: 4 / 3
+    },
+    image: academy.image || "/images/default.jpg",
+    title: academy.name
+  }), createElement(CardContent, null, createElement(Typography$1, {
+    variant: "h6",
+    component: "div"
+  }, academy.name)), createElement(CardActions, null, createElement(Button$1, {
+    sx: {
+      bgColor: theme.palette.main_theme.dark
+    },
+    size: "medium",
+    variant: "contained",
+    onClick: handleSwitchAcademy
+  }, t("switch"))));
+};
+
+var AcademyList = function AcademyList(_ref) {
+  var theme = _ref.theme,
+    history = _ref.history,
+    role = _ref.role,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useAutoAcademyDomain(function () {}, history, [], "", window.location.pathname, true);
+  var _useAcademyList = useAcademyList(history, role, homeAcademyUrl, homeUrl, registerUrl),
+    academyList = _useAcademyList.academyList,
+    handleSwitchAcademy = _useAcademyList.handleSwitchAcademy;
+  return React__default.createElement("div", {
+    className: "py-3 px-4"
+  }, React__default.createElement(Grid$1, {
+    container: true,
+    spacing: 3
+  }, React__default.createElement(Grid$1, {
+    item: true,
+    xs: 12
+  }, React__default.createElement(Typography$1, {
+    fontSize: 24,
+    fontWeight: 600
+  }, t("academy_list"))), React__default.createElement(Grid$1, {
+    item: true,
+    xs: 12
+  }, React__default.createElement(Grid$1, {
+    container: true,
+    spacing: 2
+  }, academyList.map(function (i) {
+    return React__default.createElement(Grid$1, {
+      item: true,
+      xs: 6,
+      lg: 3,
+      key: i.id
+    }, React__default.createElement(AcademyCard, {
+      theme: theme,
+      academy: i,
+      onSwitch: handleSwitchAcademy
+    }));
+  }), !academyList.length && React__default.createElement(Grid$1, {
+    item: true,
+    xs: 3
+  }, React__default.createElement("span", null, t("no_academy_available"), "."))))));
+};
+
+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, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, LayoutContext, Loading, Login, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, QuestionCountSelector, 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, diffFromNow, formatTime, getAcademyDomain, getAccessToken$1 as getAccessToken, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useGoogleSignOut, useLanguage, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map