touchstudy-core 0.1.47 → 0.1.49

package/dist/index.js

@@ -39,6 +39,10 @@ var DialogTitle = _interopDefault(require('@mui/material/DialogTitle'));
 var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
 var DialogActions = _interopDefault(require('@mui/material/DialogActions'));
 var Typography = _interopDefault(require('@mui/material/Typography'));
+var Avatar = _interopDefault(require('@mui/material/Avatar'));
+var TextField = _interopDefault(require('@mui/material/TextField'));
+var Paper = _interopDefault(require('@mui/material/Paper'));
+var Grid = _interopDefault(require('@mui/material/Grid'));
 var reactRouterDom = require('react-router-dom');
 
 var setLoading = toolkit.createAction("common/setLoading");
@@ -909,20 +913,25 @@ var BlockLogin = function BlockLogin(_ref) {
     console.log("error: login google", err);
     onNavigate("/login");
   };
-  return React__default.createElement(formik.Formik, {
+  return React__default.createElement(material.Paper, {
+    elevation: 3,
+    className: "" + styles["box-login"]
+  }, React__default.createElement(material.Card, {
+    variant: "outlined",
+    sx: {
+      gap: 4,
+      p: 6,
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }
+  }, React__default.createElement(formik.Formik, {
     initialValues: defaultInfo,
     validationSchema: schema,
     onSubmit: function onSubmit() {}
   }, function (formikProps) {
     var handleSubmit = formikProps.handleSubmit;
-    return React__default.createElement(material.Grid, {
-      container: true,
-      className: "" + styles["box-login"]
-    }, React__default.createElement(material.Grid, {
-      item: true,
-      className: "p-0 d-flex justify-content-center"
-    }, React__default.createElement("form", {
-      className: "" + styles["block-login"],
+    return React__default.createElement("form", {
       onSubmit: handleSubmit
     }, React__default.createElement("div", {
       className: "" + styles["block-form"]
@@ -944,8 +953,8 @@ var BlockLogin = function BlockLogin(_ref) {
       cookiePolicy: "single_host_origin",
       className: "" + styles["btn-login-google"],
       isSignedIn: true
-    }))))));
-  });
+    }))));
+  })));
 };
 
 var getAccessToken$1 = (function () {
@@ -1006,7 +1015,7 @@ var Login = function Login(_ref) {
   var _useLogin = useLogin$1(onNavigate),
     defaultInfo = _useLogin.defaultInfo;
   return React__default.createElement("div", {
-    className: styles["login"] + " container-fluid font-family-lato"
+    className: styles["login"] + " font-family-lato"
   }, React__default.createElement(material.Grid, {
     container: true,
     spacing: 3,
@@ -1456,16 +1465,22 @@ var LayoutContext = function LayoutContext(_ref) {
       } else if ((currentPusher === null || currentPusher === void 0 ? void 0 : (_currentPusher$connec = currentPusher.connection) === null || _currentPusher$connec === void 0 ? void 0 : _currentPusher$connec.state) === "disconnected") {
         currentPusher.connect();
       }
-    }
-    if (!pusherRegisterUrls.includes(pathname.toLocaleLowerCase()) && !!currentPusher) {
-      currentPusher.disconnect();
-      dispatch(setConcurrentConnectionPusher({
-        pusher: null,
-        academyDomain: ""
-      }));
-    }
-    if (!pusherRegisterUrls.includes(pathname.toLocaleLowerCase()) && isReadyRegisterPusher) {
-      dispatch(setReadyRegisterPusher(false));
+      if (!isReadyRegisterPusher && !!currentPusher) {
+        currentPusher.connection.state !== "disconnected" && currentPusher.disconnect();
+        dispatch(setConcurrentConnectionPusher({
+          pusher: null,
+          academyDomain: ""
+        }));
+      }
+    } else {
+      if (!!currentPusher) {
+        currentPusher.connection.state !== "disconnected" && currentPusher.disconnect();
+        dispatch(setConcurrentConnectionPusher({
+          pusher: null,
+          academyDomain: ""
+        }));
+      }
+      isReadyRegisterPusher && dispatch(setReadyRegisterPusher(false));
     }
   }, [pusherRegisterUrls.join(","), academyDomain, pathname, isReadyRegisterPusher, currentPusher === null || currentPusher === void 0 ? void 0 : (_currentPusher$connec2 = currentPusher.connection) === null || _currentPusher$connec2 === void 0 ? void 0 : _currentPusher$connec2.state]);
   React.useEffect(function () {
@@ -1754,7 +1769,7 @@ var useSubjectSelect = function useSubjectSelect() {
 var problem_solving = "수업 관리";
 var my_story = "내 스토리";
 var search_find = "검색하여 찾기";
-var test_code = "시험코드 입력";
+var enter_test_code = "시험코드 입력";
 var login_success = "로그인 성공";
 var welcome_success = "스터디 터치에 오신 것을 환영합니다!";
 var description_success = "스터디 터치는 엄태욱 선생님의 수업에서 활용되는 학습 도구입니다.";
@@ -1779,7 +1794,7 @@ var current_time = "현재 시간";
 var exam_time = "시험 시간";
 var time_remaining = "남은 시간";
 var number_results = "결과 {{number}}건";
-var number_result = "결과 {{number}}건";
+var number_result = "결과 {{number}}";
 var mins_mins_seconds_seconds = "{{mins}}분 {{seconds}}초";
 var mins_mins = "{{mins}}분";
 var class_name = "반 이름";
@@ -1818,7 +1833,7 @@ var problems = "문제";
 var problem_solving_time = "문제풀이 시간";
 var minutes = "분";
 var correct_rate = "정확한 비율";
-var title = "시험명";
+var title = "제목";
 var duration = "시험 시간";
 var answer_count = "답변 수";
 var question_count = "문제 갯수";
@@ -1832,7 +1847,7 @@ var select_placeholder = "선택하다...";
 var view_exam = "시험 보기";
 var back = "뒤쪽에";
 var edit = "편집하기";
-var date_format = "YYYY년 MM월 DD일";
+var date_format = "YYYY년 MM월 DD 일";
 var date_time_format = "YYYY년 MM월 DD일 HH:mm";
 var date_time_format_12h = "YYYY-MM-DD HH:mm A";
 var full_date_time_format = "YYYY년 MMMM월 DD일 HH:mm:ss";
@@ -1876,6 +1891,8 @@ var the_ninth = "아홉번째";
 var the_tenth = "열번째";
 var full_name_required = "성명은 필수 항목입니다";
 var email_required = "이메일은 필수입니다";
+var invalid_email_address = "잘못된 이메일 주소";
+var password_required = "비밀번호가 필요합니다";
 var enter_full_name = "이름을 입력하세요";
 var enter_email = "이메일을 입력하세요";
 var admin = "관리자";
@@ -2107,11 +2124,75 @@ var ask_for_feedback = "피드백 요청하기";
 var quit = "종료하기";
 var chosen = "정답";
 var sign_in_with_your_google_account = "Google 계정으로 로그인";
+var it_will_be_generated_automatically_if_not_provided = "제공되지 않으면 자동으로 생성됩니다";
+var go_back = "돌아가기";
+var academy_not_found = "아카데미를 찾을 수 없습니다";
+var full_notice = "전체 공";
+var academy_notice = "학원 공지";
+var class_notice = "수업 공지";
+var create_account_demo = "계정 데모 만들기";
+var update_data_demo = "데이터 데모 업데이트";
+var create_account_successfully = "계정을 성공적으로 만들었습니다";
+var create_account_fail = "계정 생성 실패";
+var sign_in = "로그인";
+var password = "비밀번호";
+var email_address = "이메일 주소";
+var please_enter_your_question = "질문할 내용을 입력해주세요.";
+var test_selection = "테스트 선택";
+var half_selection = "절반 선택";
+var choose_a_problem = "문제를 선택하세요";
+var question_content = "질문 내용";
+var questions_to_ask = "질문할 문제";
+var the_problem_is_difficult = "문제가 어려워요";
+var your_questions_will_be_sent_to_the_counselor = "질문 내용이 상담사에게 전달됩니다.";
+var registration = "등록하기";
+var you_can_only_select_the_10_most_recent_exams = "최근 시험 10개만 선택 가능합니다.";
+var ask_a_question = "문제 질문하기";
+var request_a_consultation = "상담 요청하기";
+var next = "다음";
+var complete_processing = "완료 처리";
+var creation_date = "생성 날짜";
+var total_use = "총 사용량";
+var duration_header = "지속";
+var code_header = "암호";
+var total_number_of_students_participating = "참여한 총 학생 수";
+var create = "생성하기";
+var to_show = "보여주다";
+var incomplete = "미완성";
+var please_enter_your_phone_number = "전화번호를 입력해 주세요(-제외, 숫자만 입력).";
+var parent_information = "회원가입 - 학부모정보";
+var current_grade = "현재 학년";
+var liberal_arts = "문과";
+var science = "이과";
+var analysis_by_problem_solving_category = "문제풀이 카테고리별 분석";
+var time_heatmap_for_each_problem = "각 문제별 시간 히트맵";
+var learn_more = "자세히 보기";
+var total_number_of_problems = "총 문제 수";
+var time_limit = "제한시간";
+var add_questions = "문항 추가하기";
+var start_exam = "시험 시작";
+var copy_test_code = "시험 코드 복사";
+var student_has_joined = "학생이 합류했습니다:";
+var test_code = "T시험 코드";
+var academies = "아카데미";
+var new_academy = "뉴아카데미";
+var search_for = "검색...";
+var update_article = "기사 업데이트";
+var create_new_article = "새 기사 만들기";
+var article_name = "기사 이름";
+var enter_article_name = "기사 이름을 입력하세요";
+var article_content = "기사 내용";
+var new_article = "새 기사";
+var new_category = "새 분류";
+var update_category = "카테고리 업데이트";
+var create_new_category = "새 카테고리 만들기";
+var parent_category = "상위 카테고리:";
+var enter_category_name = "카테고리 이름을 입력하세요";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
 	search_find: search_find,
-	test_code: test_code,
+	enter_test_code: enter_test_code,
 	login_success: login_success,
 	welcome_success: welcome_success,
 	description_success: description_success,
@@ -2236,6 +2317,8 @@ var lang_ko = {
 	the_tenth: the_tenth,
 	full_name_required: full_name_required,
 	email_required: email_required,
+	invalid_email_address: invalid_email_address,
+	password_required: password_required,
 	enter_full_name: enter_full_name,
 	enter_email: enter_email,
 	admin: admin,
@@ -2452,13 +2535,81 @@ var lang_ko = {
 	ask_for_feedback: ask_for_feedback,
 	quit: quit,
 	chosen: chosen,
-	sign_in_with_your_google_account: sign_in_with_your_google_account
+	sign_in_with_your_google_account: sign_in_with_your_google_account,
+	it_will_be_generated_automatically_if_not_provided: it_will_be_generated_automatically_if_not_provided,
+	go_back: go_back,
+	academy_not_found: academy_not_found,
+	full_notice: full_notice,
+	academy_notice: academy_notice,
+	class_notice: class_notice,
+	create_account_demo: create_account_demo,
+	update_data_demo: update_data_demo,
+	create_account_successfully: create_account_successfully,
+	create_account_fail: create_account_fail,
+	"update_data-successfully": "데이터를 성공적으로 업데이트했습니다.",
+	"update_data-fail": "데이터 업데이트 실패",
+	sign_in: sign_in,
+	password: password,
+	email_address: email_address,
+	please_enter_your_question: please_enter_your_question,
+	test_selection: test_selection,
+	half_selection: half_selection,
+	choose_a_problem: choose_a_problem,
+	question_content: question_content,
+	questions_to_ask: questions_to_ask,
+	the_problem_is_difficult: the_problem_is_difficult,
+	your_questions_will_be_sent_to_the_counselor: your_questions_will_be_sent_to_the_counselor,
+	registration: registration,
+	you_can_only_select_the_10_most_recent_exams: you_can_only_select_the_10_most_recent_exams,
+	ask_a_question: ask_a_question,
+	request_a_consultation: request_a_consultation,
+	next: next,
+	"i'm_waiting_for_the_teacher_to_start_the_test": "선생님의 시험 시작을 기다리고 있습니다...",
+	complete_processing: complete_processing,
+	creation_date: creation_date,
+	total_use: total_use,
+	duration_header: duration_header,
+	code_header: code_header,
+	total_number_of_students_participating: total_number_of_students_participating,
+	create: create,
+	to_show: to_show,
+	incomplete: incomplete,
+	please_enter_your_phone_number: please_enter_your_phone_number,
+	parent_information: parent_information,
+	current_grade: current_grade,
+	"select_liberal_arts/science": "문/이과 선택",
+	liberal_arts: liberal_arts,
+	science: science,
+	analysis_by_problem_solving_category: analysis_by_problem_solving_category,
+	time_heatmap_for_each_problem: time_heatmap_for_each_problem,
+	learn_more: learn_more,
+	total_number_of_problems: total_number_of_problems,
+	time_limit: time_limit,
+	add_questions: add_questions,
+	start_exam: start_exam,
+	copy_test_code: copy_test_code,
+	student_has_joined: student_has_joined,
+	test_code: test_code,
+	academies: academies,
+	new_academy: new_academy,
+	search_for: search_for,
+	update_article: update_article,
+	create_new_article: create_new_article,
+	article_name: article_name,
+	enter_article_name: enter_article_name,
+	article_content: article_content,
+	new_article: new_article,
+	new_category: new_category,
+	update_category: update_category,
+	create_new_category: create_new_category,
+	parent_category: parent_category,
+	enter_category_name: enter_category_name
 };
 
 var problem_solving$1 = "Problem Solving";
 var my_story$1 = "My Story";
 var search_find$1 = "Search and find";
-var test_code$1 = "Enter test code";
+var enter_test_code$1 = "Enter test code";
 var login_success$1 = "Login Success";
 var welcome_success$1 = "Welcome to Study Touch!";
 var description_success$1 = "Study Touch is a learning tool used in teacher Taewook Eom's classes.";
@@ -2617,6 +2768,8 @@ var the_ninth$1 = "The ninth";
 var the_tenth$1 = "The tenth";
 var full_name_required$1 = "Full name is required";
 var email_required$1 = "Email is required";
+var invalid_email_address$1 = "Invalid email address";
+var password_required$1 = "Password is required";
 var enter_full_name$1 = "Enter full name";
 var enter_email$1 = "Enter email";
 var admin$1 = "Admin";
@@ -2774,7 +2927,7 @@ var number_of_classes$1 = "{{ number }} classes";
 var complete_conversation_successfully$1 = "Complete conversation successfully";
 var fail_to_complete_conversation$1 = "Fail to complete conversation";
 var are_you_sure_you_want_to_complete_this_conversation$1 = "Are you sure you want to complete this conversation?";
-var switch_academy_fail$1 = "Academy conversion failed";
+var switch_academy_fail$1 = "Switch academy failed";
 var no_academy_available$1 = "No academy available";
 var my_classes_calendar$1 = "My classes calendar";
 var enter_exam_code$1 = "Enter exam code";
@@ -2850,11 +3003,75 @@ var ask_for_feedback$1 = "Ask for feedback";
 var quit$1 = "Quit";
 var chosen$1 = "Answer";
 var sign_in_with_your_google_account$1 = "Sign in with your Google Account";
+var it_will_be_generated_automatically_if_not_provided$1 = "It will be generated automatically if not provided";
+var go_back$1 = "Go back";
+var academy_not_found$1 = "Academy not found";
+var full_notice$1 = "Full notice";
+var academy_notice$1 = "Academy Notice";
+var class_notice$1 = "Class Notice";
+var create_account_demo$1 = "Create Account Demo";
+var update_data_demo$1 = "Update Data Demo";
+var create_account_successfully$1 = "Create account successfully";
+var create_account_fail$1 = "Create account fail";
+var sign_in$1 = "Sign In";
+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 choose_a_problem$1 = "Choose a problem";
+var question_content$1 = "Question content";
+var questions_to_ask$1 = "Questions to ask";
+var the_problem_is_difficult$1 = "The problem is difficult";
+var your_questions_will_be_sent_to_the_counselor$1 = "Your questions will be sent to the counselor.";
+var registration$1 = "Registration";
+var you_can_only_select_the_10_most_recent_exams$1 = "You can only select the 10 most recent exams.";
+var ask_a_question$1 = "Ask a question";
+var request_a_consultation$1 = "Request a consultation";
+var next$1 = "Next";
+var complete_processing$1 = "Complete processing";
+var creation_date$1 = "Creation date";
+var total_use$1 = "Total use";
+var duration_header$1 = "Duration";
+var code_header$1 = "Code";
+var total_number_of_students_participating$1 = "Total number of students participating";
+var create$1 = "Create";
+var to_show$1 = "To Show";
+var incomplete$1 = "Incomplete";
+var please_enter_your_phone_number$1 = "Please enter your phone number (enter numbers only, without -).";
+var parent_information$1 = "Membership Registration - Parent Information";
+var current_grade$1 = "Current Grade";
+var liberal_arts$1 = "Liberal arts";
+var science$1 = "Science";
+var analysis_by_problem_solving_category$1 = "Analysis by problem solving category";
+var time_heatmap_for_each_problem$1 = "Time heatmap for each problem";
+var learn_more$1 = "Learn more";
+var total_number_of_problems$1 = "Total number of problems";
+var time_limit$1 = "time_limit";
+var add_questions$1 = "Add Question";
+var start_exam$1 = "Start Exam";
+var copy_test_code$1 = "Copy Test Code";
+var student_has_joined$1 = "Student has joined:";
+var test_code$1 = "Test code";
+var academies$1 = "Academies";
+var new_academy$1 = "New Academy";
+var search_for$1 = "Search for...";
+var update_article$1 = "Update Article";
+var create_new_article$1 = "Create New Article";
+var article_name$1 = "Article Name";
+var enter_article_name$1 = "Enter Article Name";
+var article_content$1 = "Article content";
+var new_article$1 = "New article";
+var new_category$1 = "New Category";
+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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
 	search_find: search_find$1,
-	test_code: test_code$1,
+	enter_test_code: enter_test_code$1,
 	login_success: login_success$1,
 	welcome_success: welcome_success$1,
 	description_success: description_success$1,
@@ -3016,6 +3233,8 @@ var lang_en = {
 	the_tenth: the_tenth$1,
 	full_name_required: full_name_required$1,
 	email_required: email_required$1,
+	invalid_email_address: invalid_email_address$1,
+	password_required: password_required$1,
 	enter_full_name: enter_full_name$1,
 	enter_email: enter_email$1,
 	admin: admin$1,
@@ -3234,7 +3453,75 @@ var lang_en = {
 	ask_for_feedback: ask_for_feedback$1,
 	quit: quit$1,
 	chosen: chosen$1,
-	sign_in_with_your_google_account: sign_in_with_your_google_account$1
+	sign_in_with_your_google_account: sign_in_with_your_google_account$1,
+	it_will_be_generated_automatically_if_not_provided: it_will_be_generated_automatically_if_not_provided$1,
+	go_back: go_back$1,
+	academy_not_found: academy_not_found$1,
+	full_notice: full_notice$1,
+	academy_notice: academy_notice$1,
+	class_notice: class_notice$1,
+	create_account_demo: create_account_demo$1,
+	update_data_demo: update_data_demo$1,
+	create_account_successfully: create_account_successfully$1,
+	create_account_fail: create_account_fail$1,
+	"update_data-successfully": "Update data successfully",
+	"update_data-fail": "Update data fail",
+	sign_in: sign_in$1,
+	password: password$1,
+	email_address: email_address$1,
+	please_enter_your_question: please_enter_your_question$1,
+	test_selection: test_selection$1,
+	half_selection: half_selection$1,
+	choose_a_problem: choose_a_problem$1,
+	question_content: question_content$1,
+	questions_to_ask: questions_to_ask$1,
+	the_problem_is_difficult: the_problem_is_difficult$1,
+	your_questions_will_be_sent_to_the_counselor: your_questions_will_be_sent_to_the_counselor$1,
+	registration: registration$1,
+	you_can_only_select_the_10_most_recent_exams: you_can_only_select_the_10_most_recent_exams$1,
+	ask_a_question: ask_a_question$1,
+	request_a_consultation: request_a_consultation$1,
+	next: next$1,
+	"i'm_waiting_for_the_teacher_to_start_the_test": "I'm waiting for the teacher to start the test...",
+	complete_processing: complete_processing$1,
+	creation_date: creation_date$1,
+	total_use: total_use$1,
+	duration_header: duration_header$1,
+	code_header: code_header$1,
+	total_number_of_students_participating: total_number_of_students_participating$1,
+	create: create$1,
+	to_show: to_show$1,
+	incomplete: incomplete$1,
+	please_enter_your_phone_number: please_enter_your_phone_number$1,
+	parent_information: parent_information$1,
+	current_grade: current_grade$1,
+	"select_liberal_arts/science": "Select liberal arts/science",
+	liberal_arts: liberal_arts$1,
+	science: science$1,
+	analysis_by_problem_solving_category: analysis_by_problem_solving_category$1,
+	time_heatmap_for_each_problem: time_heatmap_for_each_problem$1,
+	learn_more: learn_more$1,
+	total_number_of_problems: total_number_of_problems$1,
+	time_limit: time_limit$1,
+	add_questions: add_questions$1,
+	start_exam: start_exam$1,
+	copy_test_code: copy_test_code$1,
+	student_has_joined: student_has_joined$1,
+	test_code: test_code$1,
+	academies: academies$1,
+	new_academy: new_academy$1,
+	search_for: search_for$1,
+	update_article: update_article$1,
+	create_new_article: create_new_article$1,
+	article_name: article_name$1,
+	enter_article_name: enter_article_name$1,
+	article_content: article_content$1,
+	new_article: new_article$1,
+	new_category: new_category$1,
+	update_category: update_category$1,
+	create_new_category: create_new_category$1,
+	parent_category: parent_category$1,
+	enter_category_name: enter_category_name$1
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -3382,7 +3669,7 @@ var useSwitchAcademy = function useSwitchAcademy(role, navigate, homeAcademyUrl,
         });
       }, 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((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");
       });
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
@@ -8320,14 +8607,21 @@ var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superU
   }, [window.location.pathname, user === null || user === void 0 ? void 0 : user.academyDomain]);
 };
 
+var DEFAULT_PAGING_RESPONSE = {
+  page: 0,
+  limit: 0,
+  totalItems: 0,
+  totalPages: 0
+};
+
 var useList = function useList(fetchData, defaultQuery) {
   var dispatch = reactRedux.useDispatch();
   var _useState = React.useState(defaultQuery),
     filter = _useState[0],
     setFilter = _useState[1];
-  var _useState2 = React.useState(0),
-    totalPages = _useState2[0],
-    setTotalPages = _useState2[1];
+  var _useState2 = React.useState(DEFAULT_PAGING_RESPONSE),
+    paging = _useState2[0],
+    setPaging = _useState2[1];
   var _useState3 = React.useState([]),
     data = _useState3[0],
     setData = _useState3[1];
@@ -8351,17 +8645,19 @@ var useList = function useList(fetchData, defaultQuery) {
       isLoading && dispatch(setLoading(true));
       var _temp = _catch(function () {
         return Promise.resolve(fetchData(filter)).then(function (res) {
-          var _res$data = res.data,
-            _res$data$items = _res$data.items,
-            items = _res$data$items === void 0 ? [] : _res$data$items,
-            _res$data$totalPages = _res$data.totalPages,
-            totalPages = _res$data$totalPages === void 0 ? 0 : _res$data$totalPages;
-          setTotalPages(totalPages);
+          var _res$data$items = res.data.items,
+            items = _res$data$items === void 0 ? [] : _res$data$items;
+          setPaging({
+            limit: res.data.limit || 0,
+            page: res.data.page || 0,
+            totalItems: res.data.totalItems || 0,
+            totalPages: res.data.totalPages || 0
+          });
           setData(items);
         });
       }, function (error) {
         var _error$response, _error$response$data;
-        setTotalPages(0);
+        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");
       });
@@ -8394,8 +8690,8 @@ var useList = function useList(fetchData, defaultQuery) {
     }));
   };
   var calcOrderNumber = function calcOrderNumber(index) {
-    var _filter$currentPage, _filter$pageSize;
-    return (((_filter$currentPage = filter.currentPage) != null ? _filter$currentPage : 0) - 1) * ((_filter$pageSize = filter.pageSize) != null ? _filter$pageSize : 0) + index + 1;
+    var _paging$page, _paging$limit;
+    return (((_paging$page = paging.page) != null ? _paging$page : 0) - 1) * ((_paging$limit = paging.limit) != null ? _paging$limit : 0) + index + 1;
   };
   var debounceSearch = _.debounce(function () {
     var _textSearchRef$curren;
@@ -8410,7 +8706,7 @@ var useList = function useList(fetchData, defaultQuery) {
   return {
     filter: filter,
     textSearchRef: textSearchRef,
-    totalPages: totalPages,
+    paging: paging,
     data: data,
     selectedItem: selectedItem,
     handleSort: handleSort,
@@ -8439,7 +8735,7 @@ var useTextbookList = function useTextbookList(props) {
     }, TextbookDefaultQuery),
     filter = _useList.filter,
     textSearchRef = _useList.textSearchRef,
-    totalPages = _useList.totalPages,
+    paging = _useList.paging,
     textbooks = _useList.data,
     selectedTextbook = _useList.selectedItem,
     handleSort = _useList.handleSort,
@@ -8496,7 +8792,7 @@ var useTextbookList = function useTextbookList(props) {
   return {
     filter: filter,
     textSearchRef: textSearchRef,
-    totalPages: totalPages,
+    paging: paging,
     textbooks: textbooks,
     selectedTextbook: selectedTextbook,
     handleSort: handleSort,
@@ -8621,7 +8917,7 @@ var TextbookList = function TextbookList(props) {
   var _useTextbookList = useTextbookList(props),
     filter = _useTextbookList.filter,
     textbooks = _useTextbookList.textbooks,
-    totalPages = _useTextbookList.totalPages,
+    paging = _useTextbookList.paging,
     textSearchRef = _useTextbookList.textSearchRef,
     selectedTextbook = _useTextbookList.selectedTextbook,
     handleChangeSearchText = _useTextbookList.handleChangeSearchText,
@@ -8699,9 +8995,9 @@ var TextbookList = function TextbookList(props) {
     })))));
   }), !textbooks.length && React__default.createElement(EmptyRow, null))), React__default.createElement("div", {
     className: "d-flex justify-content-end mt-3"
-  }, !!totalPages && React__default.createElement(material.Pagination, {
-    count: totalPages,
-    page: filter.currentPage,
+  }, !!paging.totalPages && React__default.createElement(material.Pagination, {
+    count: paging.totalPages,
+    page: paging.page,
     onChange: handleChangePage
   })))), React__default.createElement(ConfirmDialog, {
     open: !!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id),
@@ -13041,6 +13337,214 @@ var times = {
   timeSpanToLocalMoment: timeSpanToLocalMoment
 };
 
+var SIGN_IN_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth/login";
+var SIGN_IN_URL = BASE_URL + "/api/auth/login";
+var signInApi = function signInApi(_ref) {
+  var email = _ref.email,
+    password = _ref.password,
+    role = _ref.role;
+  return api.post(SIGN_IN_URL + "/demo", {
+    email: email,
+    password: password,
+    role: role
+  });
+};
+var signInSuperAdminApi = function signInSuperAdminApi(_ref2) {
+  var email = _ref2.email,
+    password = _ref2.password,
+    role = _ref2.role;
+  return api.post(SIGN_IN_SUPER_ADMIN_URL + "/demo", {
+    email: email,
+    password: password,
+    role: role
+  });
+};
+
+var useLogin$2 = function useLogin(_ref) {
+  var onNavigate = _ref.onNavigate,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? exports.Role.Student : _ref$role,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl;
+  var dispatch = reactRedux.useDispatch();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(""),
+    emailError = _useState[0],
+    setEmailError = _useState[1];
+  var _useState2 = React.useState(""),
+    passwordError = _useState2[0],
+    setPasswordError = _useState2[1];
+  var searchParams = new URLSearchParams(window.location.search);
+  var paramDomain = searchParams.get('domain');
+  var academyDomain = paramDomain || getAcademyDomain();
+  var handleValidateForm = function handleValidateForm(_ref2) {
+    var email = _ref2.email,
+      password = _ref2.password;
+    setEmailError("");
+    setPasswordError("");
+    var rs = true;
+    if (email) {
+      if (!/^[a-zA-Z0-9._:$!%-]+@[a-zA-Z0-9.-]+.[a-zA-Z]$/.test(email)) {
+        setEmailError("Invalid email address");
+        rs = false;
+      }
+    } else {
+      setEmailError(t("email_required"));
+      rs = false;
+    }
+    if (!password) {
+      setPasswordError(t("password_required"));
+      rs = false;
+    }
+    return rs;
+  };
+  var handleSubmit = function handleSubmit(event) {
+    try {
+      event.preventDefault();
+      var data = new FormData(event.currentTarget);
+      return Promise.resolve(_catch(function () {
+        var email = data.get("email");
+        var password = data.get("password");
+        if (!handleValidateForm({
+          email: email,
+          password: password
+        })) return;
+        return Promise.resolve(academyDomain ? signInApi({
+          email: email,
+          password: password,
+          role: role
+        }) : signInSuperAdminApi({
+          email: email,
+          password: password,
+          role: role
+        })).then(function (res) {
+          var loginResponse = res === null || res === void 0 ? void 0 : res.data;
+          var isFirstLogin = loginResponse.isFirstLogin,
+            token = loginResponse.token,
+            user = loginResponse.user;
+          var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+          var needToRegister = isFirstLogin && isAcademy;
+          var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
+          redirectLoginUser(user, token, redirectUrl);
+        });
+      }, function (error) {
+        console.log(error);
+        reactToastify.toast.error(t('request_login_fail'));
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var redirectLoginUser = function redirectLoginUser(data, token, redirectUrl) {
+    localStorage.setItem(ACCESS_TOKEN, token);
+    !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+    !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
+    dispatch(setUser(_extends({}, data)));
+    if (redirectUrl) {
+      onNavigate(redirectUrl);
+    }
+  };
+  React.useEffect(function () {
+    var token = getAccessToken$1();
+    if (!!token) onNavigate("/");
+  }, []);
+  return {
+    handleSubmit: handleSubmit,
+    emailError: emailError,
+    passwordError: passwordError
+  };
+};
+
+function SignIn(_ref) {
+  var onNavigate = _ref.onNavigate,
+    role = _ref.role,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl;
+  useLanguage();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useLoginWithPassword = useLogin$2({
+      onNavigate: onNavigate,
+      role: role,
+      homeAcademyUrl: homeAcademyUrl,
+      homeUrl: homeUrl,
+      registerUrl: registerUrl
+    }),
+    handleSubmit = _useLoginWithPassword.handleSubmit,
+    emailError = _useLoginWithPassword.emailError,
+    passwordError = _useLoginWithPassword.passwordError;
+  return React.createElement(Grid, {
+    container: true,
+    justifyContent: "center",
+    alignItems: "center",
+    height: "100vh"
+  }, React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    sm: 8,
+    md: 5,
+    component: Paper,
+    elevation: 6,
+    square: true
+  }, React.createElement(Box, {
+    sx: {
+      my: 6,
+      mx: 4,
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }
+  }, React.createElement(Avatar, {
+    sx: {
+      m: 1,
+      bgcolor: styles.dark
+    }
+  }), React.createElement(Typography, {
+    component: "h1",
+    variant: "h5"
+  }, t("sign_in")), React.createElement(Box, {
+    noValidate: true,
+    component: "form",
+    onSubmit: handleSubmit,
+    sx: {
+      mt: 1
+    }
+  }, React.createElement(TextField, {
+    margin: "normal",
+    required: true,
+    fullWidth: true,
+    id: "email",
+    label: t("email_address"),
+    name: "email",
+    autoComplete: "email",
+    error: !!emailError,
+    autoFocus: true,
+    helperText: emailError
+  }), React.createElement(TextField, {
+    margin: "normal",
+    required: true,
+    fullWidth: true,
+    name: "password",
+    label: t("password"),
+    type: "password",
+    id: "password",
+    autoComplete: "current-password",
+    error: !!passwordError,
+    helperText: passwordError
+  }), React.createElement(Button, {
+    type: "submit",
+    fullWidth: true,
+    variant: "contained",
+    sx: {
+      mt: 3,
+      mb: 2
+    }
+  }, t("sign_in"))))));
+}
+
 var studentFullLogoEn = function studentFullLogoEn(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "166" : _ref$width,
@@ -13516,6 +14020,7 @@ exports.CustomSelect = CustomSelect;
 exports.CustomSelectOption = CustomSelectOption;
 exports.DATE_MIN_VALUE = DATE_MIN_VALUE;
 exports.DATE_TIME_MIN_VALUE = DATE_TIME_MIN_VALUE;
+exports.DEFAULT_PAGING_RESPONSE = DEFAULT_PAGING_RESPONSE;
 exports.EXAM_CHANNEL = EXAM_CHANNEL;
 exports.EXAM_STUDENT_CHANNEL = EXAM_STUDENT_CHANNEL;
 exports.Enums = index;
@@ -13527,6 +14032,7 @@ exports.LANGUAGES = LANGUAGES;
 exports.LayoutContext = LayoutContext;
 exports.Loading = Loading;
 exports.Login = Login;
+exports.LoginWithPassword = SignIn;
 exports.NotFound = NotFound;
 exports.PUSHER_CONFIG = PUSHER_CONFIG;
 exports.QuestionCountSelector = QuestionCountSelector;