touchstudy-core 0.1.65 → 0.1.66

package/dist/index.js

@@ -24,11 +24,11 @@ var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var IconButton = _interopDefault(require('@mui/material/IconButton'));
 var go = require('react-icons/go');
 var reactToastify = require('react-toastify');
-var io = require('react-icons/io');
 var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var fa = require('react-icons/fa');
 var pi = require('react-icons/pi');
+var io = require('react-icons/io');
 var _ = _interopDefault(require('lodash'));
 var fa6 = require('react-icons/fa6');
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
@@ -98,12 +98,12 @@ var encodeParams = function encodeParams(params) {
   Role["Admin"] = "Admin";
   Role["AcademyAdmin"] = "AcademyAdmin";
 })(exports.Role || (exports.Role = {}));
-var Language;
 (function (Language) {
   Language["ko"] = "ko";
   Language["en"] = "en";
-})(Language || (Language = {}));
+})(exports.Language || (exports.Language = {}));
 var PrintHeaderClassName = "print-header";
+var PrintTitleClassName = "print-title";
 var PrintContentClassName = "print-content";
 var PrintContainerClassName = "print-container";
 
@@ -145,7 +145,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var styles = {"lighter":"#F0FFF6","light":"#C8F8DB","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_100":"#F9FAFB","gray_300":"#DFE3E8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","btn-primary":"_rd4Uy","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg","line-clamp":"_3fpky"};
+var styles = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","btn-primary":"_rd4Uy","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg","line-clamp":"_3fpky"};
 
 // A type of promise-like that resolves synchronously and supports only one observer
 const _Pact = /*#__PURE__*/(function() {
@@ -920,7 +920,7 @@ var BlockLogin = function BlockLogin(_ref) {
       py: 2,
       justifyContent: "center",
       alignItems: "center"
-    }, language !== Language.en ? React__default.createElement(SloganFullLogoKo, {
+    }, language !== exports.Language.en ? React__default.createElement(SloganFullLogoKo, {
       width: "300px"
     }) : React__default.createElement(SloganFullLogoEn, {
       width: "300px"
@@ -1860,7 +1860,7 @@ var student_status = "학생별 현황";
 var user_manager = "사용자 목록";
 var recent_exam_results = "최근 시험 결과";
 var instructor_name = "강사이름";
-var academy_name = "학원 이름";
+var institute_name = "학원 이름";
 var total_students = "총 학생수";
 var total_class = "반 수";
 var total_number_students = "총 학생수";
@@ -1892,10 +1892,11 @@ var yes = "예";
 var no = "아니요";
 var cancel = "취소";
 var confirmation = "확인";
-var student_name = "학생이름";
+var student_name = "학생 이름";
 var full_pool_time = "전체풀이시간";
 var number_question = "{{number}}번";
 var number_answer = "{{number}}번";
+var answer_no = "{{number}}번";
 var answer_rate = "정답률";
 var seconds = "초";
 var search_placeholder = "시험 이름으로 검색하기";
@@ -1911,13 +1912,13 @@ var no_data = "데이터 없음";
 var internet_connection_was_lost = "인터넷 연결이 끊어졌습니다";
 var internet_connection_is_back = "인터넷 연결이 다시 돌아왔습니다";
 var problem = "문제";
-var number_problem = "{{number}}문제";
+var number_problem = "문제 {{number}}";
 var problems = "문제";
 var problem_solving_time = "문제풀이 시간";
 var minutes = "분";
 var correct_rate = "정답률";
 var title = "제목";
-var duration = "시험 시간";
+var exam_duration = "시험 시간";
 var answer_count = "답변 수";
 var question_count = "문제 갯수";
 var multi_choice = "여러 개임";
@@ -1935,7 +1936,8 @@ var select_placeholder = "선택하다...";
 var view_exam = "시험 보기";
 var back = "뒤쪽에";
 var edit = "편집하기";
-var date_format = "YYYY년 MM월 DD 일";
+var date_format_exam = "YYYY년 MM월";
+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";
@@ -2183,8 +2185,8 @@ var class_information = "수업정보";
 var teachers = "교사";
 var lessons = "수업";
 var new_test = "새로운 시험";
-var manage_saved_tests = "저장된 시험 관리";
-var textbook_management = "교과서 관리";
+var manage_saved_exams = "저장된 시험 관리";
+var manage_textbook = "교과서 관리";
 var my_question = "내 질문";
 var update_class = "수업 업데이트";
 var create_class = "수업 만들기";
@@ -2210,7 +2212,7 @@ var tricky_problems = "까다로웠던 문제";
 var issues_vulnerable = "내가 취약한 문제";
 var grades_by_area = "영역별 성적";
 var problems_that_took_a_long_time = "시간이 오래 걸린 문제";
-var my_time = "나의 시간";
+var my_time = "내 시간";
 var top_time = "상위권 시간";
 var easy_problem = "쉬운 문제";
 var trick_problem = "함정 문제";
@@ -2225,8 +2227,8 @@ var chosen = "정답";
 var sign_in_with_your_google_account = "Google 계정으로 로그인";
 var it_will_be_generated_automatically_if_not_provided = "제공되지 않으면 자동으로 생성됩니다";
 var academy_not_found = "아카데미를 찾을 수 없습니다";
-var full_notice = "전체 공";
-var academy_notice = "학원 공지";
+var all_notice = "전체 공지";
+var institute_notice = "학원 공지";
 var class_notice = "수업 공지";
 var create_account_demo = "계정 데모 만들기";
 var update_data_demo = "데이터 데모 업데이트";
@@ -2252,7 +2254,7 @@ var next = "다음";
 var complete_processing = "완료 처리";
 var creation_date = "생성 날짜";
 var total_use = "총 사용량";
-var duration_header = "지속";
+var duration = "지속";
 var code_header = "암호";
 var total_number_of_students_participating = "참여한 총 학생 수";
 var create = "생성하기";
@@ -2472,6 +2474,33 @@ var full_name_is_required = "성명은 필수 항목입니다";
 var email_is_required = "이메일은 필수입니다";
 var not_found = "찾을 수 없음";
 var enter_text_to_confirm_delete = "삭제를 확인하려면 \"{{text}}\" 를 입력하세요";
+var begin_exam = "시험 시작";
+var scheduled = "오늘 수업";
+var attended = "출석 완료";
+var today_classes = "오늘의 수업";
+var print_all = "전체 출력";
+var exam = "시험";
+var me = "나";
+var teacher_name = "선생님 성함";
+var class_schedule = "수업 시간표";
+var summary = "요약";
+var load_exam = "시험 로드";
+var exam_name = "시험 이름";
+var student_phone_number_header = "학생 전화번호";
+var parent_phone_number_header = "학부모 전화번호";
+var cases = "{{number}}건";
+var my_classes = "내 수업";
+var choose = "선택하다";
+var additional_duration = "추가 기간";
+var enter_textbook_name_to_search = "검색할 교재명을 입력하세요";
+var select_class_placeholder = "수업을 선택하세요...";
+var user_name = "유저 이름";
+var vulnerable_detail = "다른 학생들의 정답률은 높은데, 나는 정답을 맞추지 못한 문제들입니다.";
+var protracted_problem_detail = "정답 문제 중 풀이 시간을 비교합니다.";
+var number_of_correct_answers = "정답 수";
+var total_solve_time = "총 풀이 시간";
+var number_of_answer = "{{ number }} 개";
+var time_comparison = "시간 비교";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2487,7 +2516,7 @@ var lang_ko = {
 	user_manager: user_manager,
 	recent_exam_results: recent_exam_results,
 	instructor_name: instructor_name,
-	academy_name: academy_name,
+	institute_name: institute_name,
 	total_students: total_students,
 	total_class: total_class,
 	total_number_students: total_number_students,
@@ -2525,6 +2554,7 @@ var lang_ko = {
 	full_pool_time: full_pool_time,
 	number_question: number_question,
 	number_answer: number_answer,
+	answer_no: answer_no,
 	answer_rate: answer_rate,
 	seconds: seconds,
 	search_placeholder: search_placeholder,
@@ -2546,7 +2576,7 @@ var lang_ko = {
 	minutes: minutes,
 	correct_rate: correct_rate,
 	title: title,
-	duration: duration,
+	exam_duration: exam_duration,
 	answer_count: answer_count,
 	question_count: question_count,
 	multi_choice: multi_choice,
@@ -2565,6 +2595,7 @@ var lang_ko = {
 	back: back,
 	edit: edit,
 	"delete": "삭제하기",
+	date_format_exam: date_format_exam,
 	date_format: date_format,
 	date_time_format: date_time_format,
 	date_time_format_12h: date_time_format_12h,
@@ -2799,8 +2830,8 @@ var lang_ko = {
 	teachers: teachers,
 	lessons: lessons,
 	new_test: new_test,
-	manage_saved_tests: manage_saved_tests,
-	textbook_management: textbook_management,
+	manage_saved_exams: manage_saved_exams,
+	manage_textbook: manage_textbook,
 	my_question: my_question,
 	update_class: update_class,
 	create_class: create_class,
@@ -2841,8 +2872,8 @@ var lang_ko = {
 	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,
 	academy_not_found: academy_not_found,
-	full_notice: full_notice,
-	academy_notice: academy_notice,
+	all_notice: all_notice,
+	institute_notice: institute_notice,
 	class_notice: class_notice,
 	create_account_demo: create_account_demo,
 	update_data_demo: update_data_demo,
@@ -2871,7 +2902,7 @@ var lang_ko = {
 	complete_processing: complete_processing,
 	creation_date: creation_date,
 	total_use: total_use,
-	duration_header: duration_header,
+	duration: duration,
 	code_header: code_header,
 	total_number_of_students_participating: total_number_of_students_participating,
 	create: create,
@@ -3092,11 +3123,39 @@ var lang_ko = {
 	full_name_is_required: full_name_is_required,
 	email_is_required: email_is_required,
 	not_found: not_found,
-	enter_text_to_confirm_delete: enter_text_to_confirm_delete
+	enter_text_to_confirm_delete: enter_text_to_confirm_delete,
+	begin_exam: begin_exam,
+	scheduled: scheduled,
+	attended: attended,
+	today_classes: today_classes,
+	print_all: print_all,
+	exam: exam,
+	me: me,
+	teacher_name: teacher_name,
+	class_schedule: class_schedule,
+	summary: summary,
+	load_exam: load_exam,
+	exam_name: exam_name,
+	student_phone_number_header: student_phone_number_header,
+	parent_phone_number_header: parent_phone_number_header,
+	cases: cases,
+	my_classes: my_classes,
+	choose: choose,
+	additional_duration: additional_duration,
+	enter_textbook_name_to_search: enter_textbook_name_to_search,
+	"type_at_least_{number}_characters_to_search": "검색하려면 최소 {{ number }}자를 입력하세요",
+	select_class_placeholder: select_class_placeholder,
+	user_name: user_name,
+	vulnerable_detail: vulnerable_detail,
+	protracted_problem_detail: protracted_problem_detail,
+	number_of_correct_answers: number_of_correct_answers,
+	total_solve_time: total_solve_time,
+	number_of_answer: number_of_answer,
+	time_comparison: time_comparison
 };
 
 var problem_solving$1 = "Problem Solving";
-var my_story$1 = "My Story";
+var my_story$1 = "Exam History";
 var search_find$1 = "Search and find";
 var enter_test_code$1 = "Enter test code";
 var login_success$1 = "Login Success";
@@ -3109,7 +3168,7 @@ var student_status$1 = "Student Status";
 var user_manager$1 = "User Manager";
 var recent_exam_results$1 = "Recent exam";
 var instructor_name$1 = "Instructor name";
-var academy_name$1 = "Academy name";
+var institute_name$1 = "Institute name";
 var total_students$1 = "Total students";
 var total_class$1 = "Total Class";
 var total_number_students$1 = "Total number of students";
@@ -3125,10 +3184,10 @@ var time_remaining$1 = "Time remaining";
 var number_results$1 = "{{number}}  Results";
 var number_result$1 = "{{number}} Result";
 var mins_mins_seconds_seconds$1 = "{{mins}}m {{seconds}}s";
-var mins_mins$1 = "{{mins}}m";
+var mins_mins$1 = "{{mins}} Minutes";
 var class_name$1 = "Class name";
 var create_new_exam$1 = "Create exam";
-var live_exam$1 = "Live exam";
+var live_exam$1 = "Live Exam";
 var there_are_no_recent_exams$1 = "There are no recent exams";
 var you_have_started_an_exam_with_code_code_do_you_want_to_continue$1 = "You have started an exam with code {{code}}, do you want to continue?";
 var here$1 = "here";
@@ -3145,6 +3204,7 @@ var student_name$1 = "Student name";
 var full_pool_time$1 = "Full pool time";
 var number_question$1 = "No.{{number}}";
 var number_answer$1 = "No.{{number}}";
+var answer_no$1 = "Ans.{{number}}";
 var answer_rate$1 = "Answer rate";
 var seconds$1 = "s";
 var search_placeholder$1 = "Search by exam name";
@@ -3214,7 +3274,7 @@ var email$1 = "Email";
 var is_paid$1 = "Is paid";
 var payment_time$1 = "Payment time";
 var payments$1 = "Payments";
-var duration$1 = "Duration";
+var exam_duration$1 = "Exam Duration";
 var answer_count$1 = "Answer count";
 var question_count$1 = "Question count";
 var multi_choice$1 = "Is multiple";
@@ -3223,8 +3283,9 @@ var view_exam$1 = "View exam";
 var update_exam$1 = "Update exam";
 var create_exam$1 = "Create exam";
 var back$1 = "Back";
-var date_format$1 = "MM-DD-YYYY";
-var date_time_format$1 = "MM-DD-YYYY HH:mm";
+var date_format_exam$1 = "MMMM YYYY";
+var date_format$1 = "MMM.D YYYY";
+var date_time_format$1 = "HH:mm MMM.D YYYY ";
 var date_time_format_12h$1 = "MM-DD-YYYY HH:mm A";
 var full_date_time_format$1 = "MMM Do YYYY HH:mm:ss";
 var total_questions$1 = "Total questions";
@@ -3292,8 +3353,8 @@ var button$1 = {
 	close: "Close",
 	send: "Send"
 };
-var question_and_answer$1 = "Question And Answer";
-var problem_number_question$1 = "Problem No.{{number}}";
+var question_and_answer$1 = "My Q&As";
+var problem_number_question$1 = "Question {{number}}";
 var teacher_in_charge$1 = "Teacher In Charge";
 var counselor$1 = "Counselor";
 var new_question$1 = "New Question";
@@ -3308,7 +3369,7 @@ var no_academies_available$1 = "No academies available";
 var not_allow_register$1 = "Not allow to register role";
 var credentials_invalid$1 = "Credentials is invalid";
 var role_is_invalid$1 = "Role is invalid";
-var today$1 = "TODAY";
+var today$1 = "Today";
 var user_is_disabled$1 = "User is disabled";
 var cover_image$1 = "Cover image";
 var notification$1 = "Notification";
@@ -3363,7 +3424,7 @@ var enter_subject_name_to_search$1 = "Enter subject name to search subjects";
 var enter_textbook_title$1 = "Enter textbook title";
 var chapter_name_placeholder$1 = "Enter chapter name";
 var subchapter_name_placeholder$1 = "Enter subchapter name";
-var article_number$1 = "Article";
+var article_number$1 = "Passage";
 var question_count_format$1 = "No.{{number}}";
 var select_category$1 = "Select category";
 var update_textbook$1 = "Update textbook";
@@ -3377,14 +3438,14 @@ var add_new_chapter_to_textbook$1 = "Add new chapter to the textbook";
 var add_new_subchapter_to_parent_chapter$1 = "Add new subchapter to the parent chapter ({{ chapterName }})";
 var add$1 = "Add";
 var add_new_article_to_chapter$1 = "Add new article to the chapter ({{ chapterName }})";
-var score_format$1 = "{{score}}pts";
+var score_format$1 = "{{score}} Points";
 var round$1 = "{{number}} round";
 var number_grade$1 = "Grade {{number}}";
 var print$1 = "Print";
 var school$1 = "School";
-var grade$1 = "Grade";
-var student_phone_number$1 = "Student Phone Number";
-var parent_phone_number$1 = "Parent Phone Number";
+var grade$1 = "Year";
+var student_phone_number$1 = "Student Number";
+var parent_phone_number$1 = "Parent Number";
 var update_textbook_title$1 = "Update textbook title";
 var invalid_weekly_day_time$1 = "Invalid weekly day time";
 var no_image$1 = "No image";
@@ -3403,7 +3464,7 @@ var switch_academy$1 = "Switch Academy";
 var there_are_no_lessons_this_week$1 = "There are no lessons this week";
 var today_lessons$1 = "Today lessons";
 var update_message$1 = "Update message";
-var attachment$1 = "Attachment";
+var attachment$1 = "Add File";
 var confirm_delete_message$1 = "Are you sure to delete this message?";
 var download$1 = "Download";
 var full_exam$1 = "Full exam";
@@ -3429,8 +3490,8 @@ var my_problem_solving_order$1 = "My problem solving order";
 var top_rankings_problem_solving_order$1 = "Top rankings problem solving order";
 var comparison_of_top_rankings_and_problem_solving_order$1 = "Comparison of top rankings and problem-solving order";
 var my_answers$1 = "My answers";
-var request_for_consultation$1 = "Request for consultation";
-var ask_a_question_with_a_problem$1 = "Ask a question with a problem";
+var request_for_consultation$1 = "Consultation";
+var ask_a_question_with_a_problem$1 = "Ask with Question ";
 var live$1 = "live";
 var user_email$1 = "User email";
 var user_academy$1 = {
@@ -3458,9 +3519,9 @@ var lessons$1 = "Lessons";
 var update_class$1 = "Update class";
 var create_class$1 = "Create class";
 var new_test$1 = "New Test";
-var manage_saved_tests$1 = "Manage saved tests";
-var textbook_management$1 = "Textbook Management";
-var my_question$1 = "My Question";
+var manage_saved_exams$1 = "Manage saved exams";
+var manage_textbook$1 = "Manage Textbook";
+var my_question$1 = "My Q&As";
 var problem_number$1 = "Problem number";
 var solve_time$1 = "Solve time";
 var comparison_of_top_rankings$1 = "Comparison of top rankings";
@@ -3497,8 +3558,8 @@ 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 academy_not_found$1 = "Academy not found";
-var full_notice$1 = "Full notice";
-var academy_notice$1 = "Academy Notice";
+var all_notice$1 = "All notice";
+var institute_notice$1 = "Institute Notice";
 var class_notice$1 = "Class Notice";
 var create_account_demo$1 = "Create Account Demo";
 var update_data_demo$1 = "Update Data Demo";
@@ -3524,7 +3585,7 @@ 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 duration$1 = "Duration";
 var code_header$1 = "Code";
 var total_number_of_students_participating$1 = "Total number of students participating";
 var create$1 = "Create";
@@ -3540,7 +3601,7 @@ 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 add_questions$1 = "Add Passage";
 var start_exam$1 = "Start Exam";
 var copy_test_code$1 = "Copy Test Code";
 var student_has_joined$1 = "Student has joined:";
@@ -3721,6 +3782,33 @@ var full_name_is_required$1 = "Full name is required";
 var email_is_required$1 = "Email is required";
 var not_found$1 = "Not found";
 var enter_text_to_confirm_delete$1 = "Enter \"{{text}}\" to confirm delete";
+var begin_exam$1 = "Begin Exam";
+var scheduled$1 = "Scheduled";
+var attended$1 = "Attended";
+var today_classes$1 = "Today's Classes";
+var print_all$1 = "Print All";
+var exam$1 = "Exam";
+var me$1 = "Me";
+var teacher_name$1 = "Teacher Name";
+var class_schedule$1 = "Class Schedule";
+var summary$1 = "Summary";
+var load_exam$1 = "Load Exam";
+var exam_name$1 = "Exam Name";
+var student_phone_number_header$1 = "Stud. Number";
+var parent_phone_number_header$1 = "Prnt. Number";
+var cases$1 = "{{number}} Results";
+var my_classes$1 = "My Classes";
+var choose$1 = "Choose";
+var additional_duration$1 = "Additional duration";
+var enter_textbook_name_to_search$1 = "Enter textbook name to search";
+var select_class_placeholder$1 = "Select class...";
+var user_name$1 = "Username";
+var vulnerable_detail$1 = "Other students had a high percentage of correct answers, but I could not answer these questions correctly.";
+var protracted_problem_detail$1 = "Compare the solution time among the correct answers.";
+var number_of_correct_answers$1 = "Number of correct answers";
+var total_solve_time$1 = "Total solve time";
+var number_of_answer$1 = "{{ number }}";
+var time_comparison$1 = "Time comparison";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -3736,7 +3824,7 @@ var lang_en = {
 	user_manager: user_manager$1,
 	recent_exam_results: recent_exam_results$1,
 	instructor_name: instructor_name$1,
-	academy_name: academy_name$1,
+	institute_name: institute_name$1,
 	total_students: total_students$1,
 	total_class: total_class$1,
 	total_number_students: total_number_students$1,
@@ -3774,6 +3862,7 @@ var lang_en = {
 	full_pool_time: full_pool_time$1,
 	number_question: number_question$1,
 	number_answer: number_answer$1,
+	answer_no: answer_no$1,
 	answer_rate: answer_rate$1,
 	seconds: seconds$1,
 	search_placeholder: search_placeholder$1,
@@ -3844,7 +3933,7 @@ var lang_en = {
 	is_paid: is_paid$1,
 	payment_time: payment_time$1,
 	payments: payments$1,
-	duration: duration$1,
+	exam_duration: exam_duration$1,
 	answer_count: answer_count$1,
 	question_count: question_count$1,
 	multi_choice: multi_choice$1,
@@ -3853,6 +3942,7 @@ var lang_en = {
 	update_exam: update_exam$1,
 	create_exam: create_exam$1,
 	back: back$1,
+	date_format_exam: date_format_exam$1,
 	date_format: date_format$1,
 	date_time_format: date_time_format$1,
 	date_time_format_12h: date_time_format_12h$1,
@@ -4074,8 +4164,8 @@ var lang_en = {
 	update_class: update_class$1,
 	create_class: create_class$1,
 	new_test: new_test$1,
-	manage_saved_tests: manage_saved_tests$1,
-	textbook_management: textbook_management$1,
+	manage_saved_exams: manage_saved_exams$1,
+	manage_textbook: manage_textbook$1,
 	my_question: my_question$1,
 	problem_number: problem_number$1,
 	solve_time: solve_time$1,
@@ -4113,8 +4203,8 @@ var lang_en = {
 	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,
 	academy_not_found: academy_not_found$1,
-	full_notice: full_notice$1,
-	academy_notice: academy_notice$1,
+	all_notice: all_notice$1,
+	institute_notice: institute_notice$1,
 	class_notice: class_notice$1,
 	create_account_demo: create_account_demo$1,
 	update_data_demo: update_data_demo$1,
@@ -4143,7 +4233,7 @@ var lang_en = {
 	complete_processing: complete_processing$1,
 	creation_date: creation_date$1,
 	total_use: total_use$1,
-	duration_header: duration_header$1,
+	duration: duration$1,
 	code_header: code_header$1,
 	total_number_of_students_participating: total_number_of_students_participating$1,
 	create: create$1,
@@ -4341,7 +4431,35 @@ var lang_en = {
 	full_name_is_required: full_name_is_required$1,
 	email_is_required: email_is_required$1,
 	not_found: not_found$1,
-	enter_text_to_confirm_delete: enter_text_to_confirm_delete$1
+	enter_text_to_confirm_delete: enter_text_to_confirm_delete$1,
+	begin_exam: begin_exam$1,
+	scheduled: scheduled$1,
+	attended: attended$1,
+	today_classes: today_classes$1,
+	print_all: print_all$1,
+	exam: exam$1,
+	me: me$1,
+	teacher_name: teacher_name$1,
+	class_schedule: class_schedule$1,
+	summary: summary$1,
+	load_exam: load_exam$1,
+	exam_name: exam_name$1,
+	student_phone_number_header: student_phone_number_header$1,
+	parent_phone_number_header: parent_phone_number_header$1,
+	cases: cases$1,
+	my_classes: my_classes$1,
+	choose: choose$1,
+	additional_duration: additional_duration$1,
+	enter_textbook_name_to_search: enter_textbook_name_to_search$1,
+	"type_at_least_{number}_characters_to_search": "Type at least {{ number }} characters to search",
+	select_class_placeholder: select_class_placeholder$1,
+	user_name: user_name$1,
+	vulnerable_detail: vulnerable_detail$1,
+	protracted_problem_detail: protracted_problem_detail$1,
+	number_of_correct_answers: number_of_correct_answers$1,
+	total_solve_time: total_solve_time$1,
+	number_of_answer: number_of_answer$1,
+	time_comparison: time_comparison$1
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -4530,6 +4648,36 @@ var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl,
       return Promise.reject(e);
     }
   };
+  var handleLogOutAcademy = function handleLogOutAcademy(selectedAcademy, callback) {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(setLoading(false));
+        callback();
+      };
+      dispatch(setLoading(true));
+      var academyDomain = selectedAcademy ? selectedAcademy.domain : undefined;
+      var _temp6 = _catch(function () {
+        return Promise.resolve(switchAcademy(0)).then(function (res) {
+          var data = res.data;
+          var requestBody = {
+            accessToken: data.accessToken,
+            email: user.email,
+            academyId: 0,
+            role: role
+          };
+          academyDomain && localStorage.setItem(ACADEMY_DOMAIN, academyDomain);
+          !academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+          return Promise.resolve(handleLoginAccessToken(requestBody, false, user.academyDomain ? academyDomain : undefined)).then(function () {});
+        });
+      }, function (error) {
+        academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        reactToastify.toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   React.useEffect(function () {
     getAcademies();
   }, [user === null || user === void 0 ? void 0 : user.academyDomain, user === null || user === void 0 ? void 0 : user.email]);
@@ -4547,7 +4695,8 @@ var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl,
     dropdownOpen: dropdownOpen,
     academyList: academyList,
     toggleDropdown: toggleDropdown,
-    handleSwitchAcademy: handleSwitchAcademy
+    handleSwitchAcademy: handleSwitchAcademy,
+    handleLogOutAcademy: handleLogOutAcademy
   };
 };
 
@@ -4555,23 +4704,25 @@ var MenuItemCustom = material.styled(MenuItem)(function () {
   return {
     '&.Mui-selected': {
       backgroundColor: styles.light
-    }
+    },
+    padding: "12px 8px"
   };
 });
 var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
-  var _user$roles, _selectedAcademy$name, _selectedAcademy$name2;
+  var _user$roles;
   var role = _ref.role,
     history = _ref.history,
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
-    onSignOut = _ref.onSignOut,
-    hideAcademyName = _ref.hideAcademyName;
+    hideAcademyName = _ref.hideAcademyName,
+    onSignOut = _ref.onSignOut;
   var theme = material.useTheme();
   var isLargerThanLg = material.useMediaQuery(theme.breakpoints.up("lg"));
   var _useSwitchAcademy = useSwitchAcademy(role, history, homeAcademyUrl, homeUrl),
     academyList = _useSwitchAcademy.academyList,
     handleSwitchAcademy = _useSwitchAcademy.handleSwitchAcademy,
-    selectedAcademy = _useSwitchAcademy.selectedAcademy;
+    selectedAcademy = _useSwitchAcademy.selectedAcademy,
+    handleLogOutAcademy = _useSwitchAcademy.handleLogOutAcademy;
   var user = reactRedux.useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
@@ -4593,8 +4744,6 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     handleClose();
     handleSwitchAcademy(data);
   };
-  var firstLetter = selectedAcademy === null || selectedAcademy === void 0 ? void 0 : (_selectedAcademy$name = selectedAcademy.name) === null || _selectedAcademy$name === void 0 ? void 0 : (_selectedAcademy$name2 = _selectedAcademy$name.charAt(0)) === null || _selectedAcademy$name2 === void 0 ? void 0 : _selectedAcademy$name2.toUpperCase();
-  if (!academyList.length) return React__default.createElement(React.Fragment, null);
   var popoverStyle = {
     mx: 1,
     bgcolor: open ? "action.selected" : undefined
@@ -4615,7 +4764,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.image ? React__default.createElement("img", {
     src: selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.image,
     alt: selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.name
-  }) : React__default.createElement("span", null, firstLetter)), isLargerThanLg && React__default.createElement(material.Grid, {
+  }) : React__default.createElement("span", null)), isLargerThanLg && React__default.createElement(material.Grid, {
     item: true,
     xs: 0,
     lg: 8
@@ -4627,16 +4776,40 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
       display: "flex",
       alignItems: "center"
     }
-  }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.name ? React__default.createElement(material.Typography, {
+  }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.name ? React__default.createElement(material.Stack, {
+    flexDirection: "column",
+    gap: "2px"
+  }, React__default.createElement(material.Typography, {
     textAlign: "start",
     className: "" + styles["line-clamp"],
     sx: {
       fontSize: 14,
-      fontWeight: 600,
+      fontWeight: 900,
       lineHeight: '1.5em',
       color: styles.gray_900
     }
-  }, selectedAcademy.name) : React__default.createElement(material.Typography, {
+  }, user === null || user === void 0 ? void 0 : user.fullName), React__default.createElement(material.Typography, {
+    textAlign: "start",
+    className: "" + styles["line-clamp"],
+    sx: {
+      fontSize: 14,
+      fontWeight: 500,
+      lineHeight: '1.5em',
+      color: styles.gray_500
+    }
+  }, selectedAcademy.name)) : React__default.createElement(material.Stack, {
+    flexDirection: "column",
+    gap: "2px"
+  }, React__default.createElement(material.Typography, {
+    textAlign: "start",
+    className: "" + styles["line-clamp"],
+    sx: {
+      fontSize: 14,
+      fontWeight: 900,
+      lineHeight: '1.5em',
+      color: styles.gray_900
+    }
+  }), React__default.createElement(material.Typography, {
     textAlign: "start",
     className: "" + styles["line-clamp"],
     sx: {
@@ -4645,7 +4818,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
       lineHeight: '1.5em',
       color: styles.gray_500
     }
-  }, t("no_academy_selected")))), React__default.createElement(material.Grid, {
+  }, t("no_academy_selected"))))), React__default.createElement(material.Grid, {
     item: true,
     xs: 6,
     lg: 2,
@@ -4667,6 +4840,11 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     open: !!open,
     anchorEl: open,
     onClose: handleClose,
+    sx: {
+      "& .MuiPopover-paper": {
+        padding: "8px !important"
+      }
+    },
     anchorOrigin: {
       vertical: "bottom",
       horizontal: "right"
@@ -4692,25 +4870,31 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   }, React__default.createElement(material.MenuList, {
     sx: {
       maxHeight: 240,
-      overflowY: "auto"
+      overflowY: "auto",
+      padding: 0
     }
   }, academyList.map(function (option) {
-    var _option$name$charAt;
     return React__default.createElement(MenuItemCustom, {
       key: option.id,
       selected: option.id === (selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.id),
       sx: {
         whiteSpace: "wrap",
-        borderRadius: "6px"
+        borderRadius: "6px",
+        display: "flex",
+        gap: "8px"
       },
       onClick: function onClick() {
         return option.id !== (selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.id) && handleChangeAcademy(option);
       }
     }, React__default.createElement(material.Stack, {
       flexDirection: "row",
-      gap: "12px",
+      justifyContent: "space-between",
+      alignItems: "center",
       position: "relative",
       width: "100%"
+    }, React__default.createElement(material.Stack, {
+      flexDirection: "row",
+      gap: "12px"
     }, React__default.createElement(material.Stack, {
       className: styles["image-academy"] + " " + styles["image-academy--item"],
       minWidth: "40px"
@@ -4718,7 +4902,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
       component: "img",
       alt: option.name,
       src: option.image
-    }) : React__default.createElement("span", null, (_option$name$charAt = option.name.charAt(0)) === null || _option$name$charAt === void 0 ? void 0 : _option$name$charAt.toUpperCase())), React__default.createElement(Box, {
+    }) : React__default.createElement("span", null)), React__default.createElement(Box, {
       sx: {
         position: "relative",
         display: "flex",
@@ -4732,8 +4916,20 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
         lineHeight: '1.5em',
         fontWeight: 600
       }
-    }, option.name))));
-  })), React__default.createElement(MenuItemCustom, {
+    }, option.name))), option.id === (selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.id) && React__default.createElement("div", {
+      onClick: function onClick() {
+        return handleLogOutAcademy(selectedAcademy, handleClose);
+      }
+    }, React__default.createElement(io5.IoCloseCircle, {
+      size: 18,
+      color: styles.dark
+    }))));
+  })), React__default.createElement(material.Stack, {
+    sx: {
+      borderTop: "1px solid " + styles.gray_100,
+      my: "8px"
+    }
+  }), React__default.createElement(MenuItemCustom, {
     sx: {
       whiteSpace: "wrap",
       borderRadius: "6px"
@@ -4747,16 +4943,16 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     alignItems: "center",
     className: "" + styles["userImg"],
     onClick: onSignOut
-  }, React__default.createElement(io.IoIosLogOut, {
-    size: 24,
-    color: "#000"
+  }, React__default.createElement(io5.IoLogOut, {
+    size: 18,
+    color: styles.less_dark
   }), React__default.createElement(material.Typography, {
     sx: {
       typography: "body2",
-      p: "8px",
       borderRadius: "4px",
       fontSize: 14,
-      fontWeight: 700
+      fontWeight: 700,
+      color: styles.less_dark
     }
   }, t("logout"))))));
 };
@@ -4830,6 +5026,7 @@ var customStyles = {
 
 var DropdownIndicator = function DropdownIndicator(props) {
   return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
+    size: 20,
     color: styles.darker
   }));
 };
@@ -4968,6 +5165,7 @@ var ContentTooltip = function ContentTooltip(_ref) {
   return React__default.createElement(material.Stack, null, React__default.createElement(material.Stack, {
     display: "flex",
     gap: "4px",
+    justifyItems: "center",
     flexDirection: "column"
   }, React__default.createElement("div", {
     style: {
@@ -4978,7 +5176,9 @@ var ContentTooltip = function ContentTooltip(_ref) {
     sx: {
       fontWeight: 700,
       fontSize: "14px",
-      color: styles.dark
+      color: styles.less_dark,
+      display: 'flex',
+      justifyContent: "center"
     }
   }, t("edit"))), React__default.createElement(material.Stack, {
     border: "1px solid #E4E7EC"
@@ -4991,7 +5191,9 @@ var ContentTooltip = function ContentTooltip(_ref) {
     sx: {
       fontWeight: 700,
       fontSize: "14px",
-      color: styles.dark
+      color: styles.less_dark,
+      display: 'flex',
+      justifyContent: "center"
     }
   }, t("delete")))));
 };
@@ -5030,13 +5232,14 @@ var ChatRightItem = function ChatRightItem(_ref) {
     className: " " + styles$1["name-sender"],
     display: "flex",
     alignItems: "center",
+    justifyContent: "end",
     flexDirection: "row"
   }, React__default.createElement(iconPersonNoActive, null), React__default.createElement(material.Typography, {
     fontWeight: 700,
     fontSize: 14,
     padding: "4px",
     lineHeight: "16.71px",
-    color: styles.darker
+    color: styles.gray_700
   }, sender === null || sender === void 0 ? void 0 : sender.fullName)), React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "row",
@@ -5069,11 +5272,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
     placement: "top"
   }, React__default.createElement("div", {
     onClick: handleOpenTooltip
-  }, React__default.createElement(iconMore, null))))), contentType ? React__default.createElement(material.Stack, {
-    borderRadius: "6px",
-    padding: "12px",
-    bgcolor: styles.darker
-  }, React__default.createElement("img", {
+  }, React__default.createElement(iconMore, null))))), contentType ? React__default.createElement("img", {
     onClick: toggleImageDialog,
     src: content,
     style: {
@@ -5081,17 +5280,21 @@ var ChatRightItem = function ChatRightItem(_ref) {
       position: "relative",
       objectFit: "contain"
     }
-  })) : React__default.createElement(material.Stack, {
+  }) : React__default.createElement("div", {
     className: styles$1["wrap-content"] + " " + styles$1["content-chat-receiver"],
-    sx: {
-      "float": "inline-end"
-    },
-    bgcolor: styles.darker
+    style: {
+      "float": "inline-end",
+      maxWidth: 400,
+      background: styles.less_dark
+    }
   }, React__default.createElement(material.Typography, {
     fontWeight: 500,
     fontSize: "14px",
     lineHeight: "16.71px",
-    color: "#fffff"
+    color: "#fff",
+    sx: {
+      wordBreak: "break-word"
+    }
   }, content))))));
 };
 
@@ -5126,33 +5329,29 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
     fontWeight: 500,
     fontSize: 14,
     lineHeight: "16.71px",
-    color: styles.darker
-  }, t("counselor")), React__default.createElement(material.Typography, {
+    color: styles.gray_700
+  }, t("teacher")), React__default.createElement(material.Typography, {
     fontWeight: 700,
     fontSize: 14,
     lineHeight: "16.71px",
-    color: styles.darker
+    color: styles.gray_700
   }, sender === null || sender === void 0 ? void 0 : sender.fullName)) : React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, {
     fontWeight: 700,
     fontSize: 14,
     lineHeight: "16.71px",
-    color: styles.darker
+    color: styles.gray_700
   }, sender === null || sender === void 0 ? void 0 : sender.fullName), React__default.createElement(material.Typography, {
     fontWeight: 500,
     fontSize: 14,
     lineHeight: "16.71px",
-    color: styles.darker
+    color: styles.gray_700
   }, t("student")))), React__default.createElement(material.Box, {
     padding: "4px 0px"
   }), React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "row",
     gap: "8px"
-  }, contentType ? React__default.createElement(material.Stack, {
-    borderRadius: "6px",
-    padding: "12px",
-    bgcolor: styles.darker
-  }, React__default.createElement("img", {
+  }, contentType ? React__default.createElement("img", {
     onClick: toggleImageDialog,
     src: content,
     style: {
@@ -5160,13 +5359,19 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
       position: "relative",
       objectFit: "contain"
     }
-  })) : React__default.createElement("div", {
-    className: styles$1["wrap-content"] + " " + styles$1["content-chat-sender"]
+  }) : React__default.createElement("div", {
+    className: styles$1["wrap-content"] + " " + styles$1["content-chat-sender"],
+    style: {
+      maxWidth: 400
+    }
   }, React__default.createElement(material.Typography, {
-    fontWeight: 400,
+    fontWeight: 500,
     fontSize: "14px",
     lineHeight: "16.71px",
-    color: "#5D5D5B"
+    color: styles.gray_700,
+    sx: {
+      wordBreak: "break-word"
+    }
   }, content)))));
 };
 
@@ -5703,7 +5908,7 @@ var InputChat = function InputChat(_ref) {
     fullWidth: true,
     className: styles$1["btn-send"],
     sx: {
-      bgcolor: isCompleted ? styles.light + " !important" : styles.dark
+      bgcolor: isCompleted ? styles.light + " !important" : styles.less_dark
     },
     disabled: isCompleted,
     onClick: handleSubmit
@@ -5724,13 +5929,13 @@ var InputChat = function InputChat(_ref) {
       borderWidth: "1px"
     }
   }, React__default.createElement(iconPlusCircle, {
-    color: styles.dark
+    color: styles.less_dark
   }), React__default.createElement(material.Typography, {
     fontWeight: 700,
     fontSize: "13px",
     lineHeight: "15.51px",
     sx: {
-      color: styles.dark
+      color: styles.less_dark
     }
   }, t("attachment")), React__default.createElement("input", {
     type: "file",
@@ -5764,6 +5969,31 @@ var ellipsisText = function ellipsisText(text, maxLength) {
   if (!text) return text;
   return (text === null || text === void 0 ? void 0 : text.length) > maxLength ? text.slice(0, maxLength) + " ..." : text;
 };
+var getOrdinalSuffix = function getOrdinalSuffix(number, lang) {
+  var suffixes = {
+    en: ['th', 'st', 'nd', 'rd'],
+    ko: ['']
+  };
+  switch (lang) {
+    case 'en':
+      var j = number % 10;
+      var k = number % 100;
+      if (j === 1 && k !== 11) {
+        return suffixes.en[1];
+      }
+      if (j === 2 && k !== 12) {
+        return suffixes.en[2];
+      }
+      if (j === 3 && k !== 13) {
+        return suffixes.en[3];
+      }
+      return suffixes.en[0];
+    case 'ko':
+      return suffixes.ko[0];
+    default:
+      return '';
+  }
+};
 var formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
   var uniqueCategories = new Set();
   var filterCategories = categories.filter(function (category) {
@@ -5783,6 +6013,24 @@ var formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
   });
   return questionsByCategory;
 };
+var totalSolveTimeCategories = function totalSolveTimeCategories(inputData, categories) {
+  var uniqueCategories = new Set();
+  var filterCategories = categories.filter(function (category) {
+    if (!uniqueCategories.has(category.name)) {
+      uniqueCategories.add(category.name);
+      return true;
+    }
+    return false;
+  });
+  var questionsByCategory = filterCategories.map(function (category) {
+    return _extends({}, category, {
+      totalSolveTime: inputData.questions.reduce(function (init, question) {
+        return question.category.name === category.name ? init += question.duration : init;
+      }, 0)
+    });
+  });
+  return questionsByCategory;
+};
 var formatTimeSecond = function formatTimeSecond(duration, t) {
   duration = Math.round(duration);
   return "" + (duration < 60 ? "" + duration + t("seconds") : t("mins_mins_seconds_seconds", {
@@ -5834,7 +6082,6 @@ var ChatHeader = function ChatHeader(_ref) {
       display: "flex",
       alignItems: "center",
       gap: "24px",
-      border: "1px solid #EBEBFF",
       borderRadius: "6px"
     }, React__default.createElement(material.Box, {
       display: "flex",
@@ -5842,21 +6089,21 @@ var ChatHeader = function ChatHeader(_ref) {
       flexDirection: "row",
       gap: "8px"
     }, React__default.createElement(iconPersonNoActive, {
-      color: styles.darker
+      color: styles.gray_700
     }), isTabletUp && React__default.createElement(material.Typography, {
       fontWeight: 500,
       fontSize: "14px",
       lineHeight: "16.71px",
-      color: styles.darker
-    }, t("counselor"))), React__default.createElement(material.Typography, {
-      fontWeight: 700,
+      color: styles.gray_700
+    }, t("teacher"))), React__default.createElement(material.Typography, {
+      fontWeight: 500,
       fontSize: "14px",
       lineHeight: "16.71px",
-      color: styles.darker
+      color: styles.gray_700
     }, ellipsisText(teacherName || "", 15))), !!examTitle && React__default.createElement(material.Box, {
       display: "flex",
       alignItems: "start",
-      color: styles.darker,
+      color: styles.gray_700,
       gap: "6px",
       flexDirection: "column"
     }, React__default.createElement(material.Typography, {
@@ -5870,13 +6117,16 @@ var ChatHeader = function ChatHeader(_ref) {
     }, React__default.createElement(material.Typography, {
       fontWeight: 600,
       fontSize: "12px",
-      lineHeight: "14.2px"
-    }, "LIVE \uC2DC\uD5D8"), filterDurationExam && React__default.createElement(material.Typography, {
+      lineHeight: "14.2px",
+      sx: {
+        color: styles.gray_700
+      }
+    }, "LIVE " + t('exam')), filterDurationExam && React__default.createElement(material.Typography, {
       fontWeight: 500,
       fontSize: "12px",
       lineHeight: "14.32px",
       sx: {
-        color: "#97A1AF"
+        color: styles.gray_500
       }
     }, (!!filterDurationExam.hours() ? filterDurationExam.hours() + " " + t("hour") : "") + " " + (!!filterDurationExam.minutes() ? filterDurationExam.minutes() + " " + t("minute") : "") + " " + (!!filterDurationExam.seconds() ? filterDurationExam.seconds() + " " + t("second") : "")))), React__default.createElement(material.Box, {
       display: "flex",
@@ -5898,16 +6148,16 @@ var ChatHeader = function ChatHeader(_ref) {
       fontWeight: 700,
       fontSize: "12px",
       lineHeight: "14.32px",
-      color: styles.darker
+      color: styles.less_dark
     }, t("points", {
-      number: score
+      number: score || 0
     })), React__default.createElement(material.Typography, {
       fontWeight: 700,
       fontSize: "12px",
       lineHeight: "14.32px",
-      color: "#CED2DA"
+      color: styles.gray_300
     }, "/", t("points", {
-      number: totalScore
+      number: totalScore || 0
     }))), React__default.createElement(material.Typography, {
       fontWeight: 500,
       fontSize: "12px",
@@ -5966,7 +6216,7 @@ var ChatHeader = function ChatHeader(_ref) {
       color: styles.darker
     }, examTitle ? React__default.createElement(material.Typography, {
       fontWeight: 600,
-      fontSize: "12px",
+      fontSize: "11px",
       lineHeight: "14.32px"
     }, ellipsisText(examTitle || "", 10)) : React__default.createElement(material.Box, {
       display: "flex",
@@ -6000,12 +6250,12 @@ var ChatHeader = function ChatHeader(_ref) {
       borderColor: styles.less_dark,
       borderRadius: "6px"
     }, React__default.createElement(iconChecked, {
-      color: styles.darker
+      color: styles.less_dark
     }), React__default.createElement(material.Typography, {
       fontWeight: 700,
       fontSize: "13px",
       lineHeight: "15.51px",
-      color: styles.dark
+      color: styles.less_dark
     }, t('complete_processing')))) : React__default.createElement("div", null));
   };
   return React__default.createElement(material.Grid, {
@@ -6020,9 +6270,9 @@ var ChatHeader = function ChatHeader(_ref) {
   }, React__default.createElement(material.Typography, {
     fontWeight: 800,
     fontSize: "20px",
-    color: styles.darker,
+    color: styles.less_dark,
     lineHeight: "23.87px"
-  }, t("question_and_answer"))), renderHeader(), React__default.createElement(ConfirmDialog, {
+  }, isStudent ? t("question_and_answer") : t("q&a"))), renderHeader(), React__default.createElement(ConfirmDialog, {
     open: openDialog,
     toggle: toggleDialog,
     text: t("are_you_sure_you_want_to_complete_this_conversation"),
@@ -6757,17 +7007,14 @@ var BpIcon = material.styled('span')(function (_ref) {
   };
 });
 var BpCheckedIcon = material.styled(BpIcon)({
-  backgroundColor: styles.darker,
+  backgroundColor: "#fff",
   backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
   '&::before': {
     display: 'block',
     width: 16,
     height: 16,
-    backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',
+    backgroundImage: "radial-gradient(" + styles.less_dark + " 36%,transparent 40%)",
     content: '""'
-  },
-  'input:hover ~ &': {
-    backgroundColor: styles.dark
   }
 });
 var QuestionView = function QuestionView(_ref2) {
@@ -6827,7 +7074,7 @@ var QuestionView = function QuestionView(_ref2) {
     mb: "16px"
   }, React__default.createElement(material.FormControl, {
     style: {
-      width: "140px"
+      width: "168px"
     }
   }, React__default.createElement(ScoreSelector, {
     value: question.score,
@@ -7082,7 +7329,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "question_count",
     className: styles$2["question-label"] + " form-label"
-  }, t("question_count")), React__default.createElement(QuestionCountSelector, {
+  }, t("questions")), React__default.createElement(QuestionCountSelector, {
     id: "question_count",
     value: questionCount,
     onChange: handleChangeQuestionCount,
@@ -7381,9 +7628,11 @@ var ChapterBox = function ChapterBox(_ref) {
       onUpdateArticleQuestion: onUpdateArticleQuestion,
       onRemoveChapter: onRemoveChapter
     });
-  }), data.subChapters.length === 0 && data.articles.map(function (article) {
+  }), data.subChapters.length === 0 && data.articles.map(function (article, index) {
     var _article$category;
-    return React__default.createElement(material.Stack, null, React__default.createElement(material.Stack, {
+    return React__default.createElement(material.Stack, {
+      key: index
+    }, React__default.createElement(material.Stack, {
       display: "flex",
       flexDirection: "row",
       gap: "8px",
@@ -7458,6 +7707,14 @@ var deleteTextbookApi = function deleteTextbookApi(textbookId, role) {
   });
 };
 
+var ExamStatus$1;
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(ExamStatus$1 || (ExamStatus$1 = {}));
+
 var OrderType;
 (function (OrderType) {
   OrderType["ASC"] = "ASC";
@@ -7468,7 +7725,8 @@ var OrderType;
 
 var index = {
   __proto__: null,
-  get OrderType () { return OrderType; }
+  get OrderType () { return OrderType; },
+  get ExamStatus () { return ExamStatus$1; }
 };
 
 var TextbookSortBy;
@@ -7482,20 +7740,13 @@ var ExamType;
   ExamType["Normal"] = "Normal";
   ExamType["Standard"] = "Standard";
 })(ExamType || (ExamType = {}));
-var ExamStatus$1;
+var ExamStatus$2;
 (function (ExamStatus) {
   ExamStatus["Default"] = "Default";
   ExamStatus["Pending"] = "Pending";
   ExamStatus["InProgress"] = "InProgress";
   ExamStatus["Completed"] = "Completed";
-})(ExamStatus$1 || (ExamStatus$1 = {}));
-var ExamStatusNumber;
-(function (ExamStatusNumber) {
-  ExamStatusNumber[ExamStatusNumber["Default"] = 0] = "Default";
-  ExamStatusNumber[ExamStatusNumber["Pending"] = 1] = "Pending";
-  ExamStatusNumber[ExamStatusNumber["InProgress"] = 2] = "InProgress";
-  ExamStatusNumber[ExamStatusNumber["Completed"] = 3] = "Completed";
-})(ExamStatusNumber || (ExamStatusNumber = {}));
+})(ExamStatus$2 || (ExamStatus$2 = {}));
 
 var TEXTBOOK_HEADERS = [{
   title: "#"
@@ -7527,7 +7778,7 @@ var DEFAULT_EXAM_REQUEST = {
   subjectId: 0
 };
 var TEXTBOOK_PAGE_TITLE = "textbooks";
-var TEXT_BOOK_SEARCH_PLACEHOLDER = "enter_student_name_to_search";
+var TEXT_BOOK_SEARCH_PLACEHOLDER = "enter_textbook_name_to_search";
 var TextbookDefaultQuery = {
   pageSize: 12,
   currentPage: 1,
@@ -8879,6 +9130,9 @@ var useExamDetailView = function useExamDetailView(props) {
   var exam = props.exam,
     selectedSubject = props.selectedSubject,
     onChangeExam = props.onChangeExam;
+  console.log({
+    exam: exam
+  });
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var handleChangeQuestionCount = function handleChangeQuestionCount(article, questionCount, answerCount) {
@@ -9156,7 +9410,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
   }, React__default.createElement("label", {
     className: styles["form-label"] + " " + styles$2["question-label"],
     htmlFor: "title"
-  }, t("title")), React__default.createElement("input", {
+  }, t("exam_name")), React__default.createElement("input", {
     disabled: isDisabled,
     className: "" + styles["form-control"],
     value: exam.title,
@@ -9170,7 +9424,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
   }, React__default.createElement("label", {
     className: styles["form-label"] + " " + styles$2["question-label"],
     htmlFor: "duration"
-  }, t("duration")), React__default.createElement(CustomSelect, {
+  }, t("exam_duration")), React__default.createElement(CustomSelect, {
     inputId: "duration",
     value: exam.duration,
     options: durationOptions,
@@ -9213,8 +9467,12 @@ var ExamDetailView = function ExamDetailView(_ref) {
   }, React__default.createElement(material.Button, {
     variant: 'outlined',
     sx: {
-      color: styles.dark,
-      borderColor: styles.dark
+      color: styles.less_dark,
+      border: 'none',
+      '&:hover': {
+        border: "none",
+        bgcolor: "#FFF"
+      }
     },
     disabled: isDisabled,
     className: "w-100 d-flex justify-content-center align-items-center " + styles$2["question-btn"] + " mt-3",
@@ -10064,6 +10322,14 @@ var getCheckStatusExam = function getCheckStatusExam(examCode) {
 var toNumberOrder = function toNumberOrder(value) {
   return "The " + value + (value % 10 === 1 ? 'st' : value % 10 === 2 ? 'nd' : value % 10 === 3 ? 'rd' : 'th');
 };
+var formatDuration = function formatDuration(t, duration) {
+  if (!duration) return "0" + t("seconds");
+  var totalTime = Math.round(duration);
+  return totalTime > 60 ? t("mins_mins_seconds_seconds", {
+    mins: Math.floor(totalTime / 60),
+    seconds: totalTime % 60
+  }) : "" + Math.round(duration) + t("seconds");
+};
 
 var ORDER_NUMBERS = {
   1: "the_first",
@@ -10771,6 +11037,7 @@ var CATEGORY_RESPONSES = [{
   percentageAmongStudents: 40
 }];
 var DEFAULT_LINE_CHART_OPTIONS = {
+  colors: ["#3DC674", "#C3099A"],
   chart: {
     type: "line",
     toolbar: {
@@ -11114,6 +11381,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
           }
         }
       }),
+      colors: ['#3DC674', '#C3099A'],
       xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
         categories: ["."].concat(Array.from({
           length: questionLength
@@ -11138,13 +11406,13 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
   var series = (_allSeries$dataChartI = allSeries[dataChartIndex]) != null ? _allSeries$dataChartI : defaultSeries(t);
   var handleExportPdf = function handleExportPdf() {
     try {
-      var _temp24 = function _temp24(_result) {
+      var _temp26 = function _temp26(_result) {
         if (_exit) return _result;
         dispatch(setLoading(false));
       };
       var _exit = false;
       dispatch(setLoading(true));
-      var _temp23 = _catch(function () {
+      var _temp25 = _catch(function () {
         var canvas = document.querySelector("#canvas");
         var headerCanvas = document.querySelector("#header-canvas");
         if (!canvas || !headerCanvas) {
@@ -11166,7 +11434,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
         var imgWidth = WIDTH_PAPER;
         var chartWidth = WIDTH_PAPER - 20;
         return Promise.resolve(html2canvas(headerCanvas)).then(function (header) {
-          function _temp22() {
+          function _temp24() {
             doc.save("download.pdf");
           }
           var imgHeaderHeight = header.height * imgWidth / header.width;
@@ -11174,16 +11442,16 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
           doc.addImage(imgHeaderData, 'PNG', 0, 0, imgWidth, imgHeaderHeight);
           line += imgHeaderHeight;
           if (line > HEIGHT_PAPER) breakPage();
-          var _temp21 = function () {
+          var _temp23 = function () {
             if (canvas && canvas.childElementCount > 0) {
               var _index = 0;
-              var _temp20 = _for(function () {
+              var _temp22 = _for(function () {
                 return _index < canvas.childElementCount;
               }, function () {
                 return _index++;
               }, function () {
-                function _temp19() {
-                  function _temp17() {
+                function _temp21() {
+                  function _temp19() {
                     line += 20;
                   }
                   var printChartTitle = function printChartTitle() {
@@ -11198,73 +11466,100 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
                       return Promise.reject(e);
                     }
                   };
-                  var _temp16 = function () {
+                  var _temp18 = function () {
                     if (printContainerEls.length) {
-                      var _temp15 = _forTo(printContainerEls, function (i) {
-                        function _temp14() {
-                          var printHeader = function printHeader(top) {
-                            if (top === void 0) {
-                              top = 0;
-                            }
-                            try {
-                              if (!printHeaderData || !printHeaderHeight) return Promise.resolve();
-                              line += top;
-                              if (line + printHeaderHeight > HEIGHT_PAPER) breakPage();
-                              doc.addImage(printHeaderData, 'PNG', 10, line, chartWidth, printHeaderHeight);
-                              line += printHeaderHeight;
-                              return Promise.resolve();
-                            } catch (e) {
-                              return Promise.reject(e);
-                            }
-                          };
-                          var printContents = printContainerEl.querySelectorAll("." + PrintContentClassName);
-                          if (!printContents.length) return;
-                          var _temp12 = _forTo(printContents, function (j) {
-                            var rowItem = printContents[j];
-                            return Promise.resolve(html2canvas(rowItem)).then(function (rowItemCanvas) {
-                              function _temp11() {
-                                doc.addImage(data, 'PNG', 10, line, chartWidth, height);
-                                line += height;
+                      var _temp17 = _forTo(printContainerEls, function (i) {
+                        function _temp16() {
+                          function _temp14() {
+                            var printTitle = function printTitle() {
+                              try {
+                                if (!printTitleHeight || !printTitleData) return Promise.resolve();
+                                doc.addImage(printTitleData, 'PNG', 0, line, chartWidth, printTitleHeight);
+                                line += printTitleHeight;
+                                return Promise.resolve();
+                              } catch (e) {
+                                return Promise.reject(e);
+                              }
+                            };
+                            var printHeader = function printHeader(top) {
+                              if (top === void 0) {
+                                top = 0;
+                              }
+                              try {
+                                if (!printHeaderData || !printHeaderHeight) return Promise.resolve();
+                                line += top;
+                                if (line + printHeaderHeight > HEIGHT_PAPER) breakPage();
+                                doc.addImage(printHeaderData, 'PNG', 10, line, chartWidth, printHeaderHeight);
+                                line += printHeaderHeight;
+                                return Promise.resolve();
+                              } catch (e) {
+                                return Promise.reject(e);
                               }
-                              var height = rowItemCanvas.height * chartWidth / rowItemCanvas.width;
-                              var data = rowItemCanvas.toDataURL('image/png');
-                              if (i === 0 && j === 0 && line + height + (printHeaderHeight || 0) + ((chartTitleHeight || 0) + 10) + 20 > HEIGHT_PAPER) breakPage();
-                              i === 0 && j === 0 && printChartTitle();
-                              var _temp10 = function () {
-                                if (line + height + 20 > HEIGHT_PAPER) {
-                                  breakPage();
-                                  return Promise.resolve(printHeader()).then(function () {});
-                                } else {
-                                  var _temp25 = function () {
-                                    if (j === 0) {
-                                      return Promise.resolve(printHeader(10)).then(function () {});
-                                    }
-                                  }();
-                                  if (_temp25 && _temp25.then) return _temp25.then(function () {});
+                            };
+                            var printContents = printContainerEl.querySelectorAll("." + PrintContentClassName);
+                            if (!printContents.length) return;
+                            printTitle();
+                            var _temp12 = _forTo(printContents, function (j) {
+                              var rowItem = printContents[j];
+                              return Promise.resolve(html2canvas(rowItem)).then(function (rowItemCanvas) {
+                                function _temp11() {
+                                  doc.addImage(data, 'PNG', 10, line, chartWidth, height);
+                                  line += height;
                                 }
-                              }();
-                              return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
+                                var height = rowItemCanvas.height * chartWidth / rowItemCanvas.width;
+                                var data = rowItemCanvas.toDataURL('image/png');
+                                if (i === 0 && j === 0 && line + height + (printHeaderHeight || 0) + ((chartTitleHeight || 0) + 10) + 20 > HEIGHT_PAPER) breakPage();
+                                i === 0 && j === 0 && printChartTitle();
+                                var _temp10 = function () {
+                                  if (line + height + 20 > HEIGHT_PAPER) {
+                                    breakPage();
+                                    return Promise.resolve(printHeader()).then(function () {});
+                                  } else {
+                                    var _temp27 = function () {
+                                      if (j === 0) {
+                                        return Promise.resolve(printHeader(10)).then(function () {});
+                                      }
+                                    }();
+                                    if (_temp27 && _temp27.then) return _temp27.then(function () {});
+                                  }
+                                }();
+                                return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
+                              });
                             });
-                          });
-                          if (_temp12 && _temp12.then) return _temp12.then(function () {});
+                            if (_temp12 && _temp12.then) return _temp12.then(function () {});
+                          }
+                          var _temp13 = function () {
+                            if (printHeaderEl) {
+                              return Promise.resolve(html2canvas(printHeaderEl)).then(function (_html2canvas3) {
+                                printHeaderCanvas = _html2canvas3;
+                                printHeaderHeight = printHeaderCanvas.height * chartWidth / printHeaderCanvas.width;
+                                printHeaderData = printHeaderCanvas.toDataURL('image/png');
+                              });
+                            }
+                          }();
+                          return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
                         }
                         var printContainerEl = printContainerEls[i];
+                        var printTitleEl = printContainerEl.querySelector("." + PrintTitleClassName);
                         var printHeaderEl = printContainerEl.querySelector("." + PrintHeaderClassName);
+                        var printTitleCanvas = null;
+                        var printTitleHeight = null;
+                        var printTitleData = "";
                         var printHeaderCanvas = null;
                         var printHeaderHeight = null;
                         var printHeaderData = "";
-                        var _temp13 = function () {
-                          if (printHeaderEl) {
-                            return Promise.resolve(html2canvas(printHeaderEl)).then(function (_html2canvas2) {
-                              printHeaderCanvas = _html2canvas2;
-                              printHeaderHeight = printHeaderCanvas.height * chartWidth / printHeaderCanvas.width;
-                              printHeaderData = printHeaderCanvas.toDataURL('image/png');
+                        var _temp15 = function () {
+                          if (printTitleEl) {
+                            return Promise.resolve(html2canvas(printTitleEl)).then(function (_html2canvas2) {
+                              printTitleCanvas = _html2canvas2;
+                              printTitleHeight = printTitleCanvas.height * chartWidth / printTitleCanvas.width;
+                              printTitleData = printTitleCanvas.toDataURL('image/png');
                             });
                           }
                         }();
-                        return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
+                        return _temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15);
                       });
-                      if (_temp15 && _temp15.then) return _temp15.then(function () {});
+                      if (_temp17 && _temp17.then) return _temp17.then(function () {});
                     } else {
                       return Promise.resolve(html2canvas(chart)).then(function (chartCanvas) {
                         var imgBodyHeight = chartCanvas.height * chartWidth / chartCanvas.width;
@@ -11277,7 +11572,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
                       });
                     }
                   }();
-                  return _temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16);
+                  return _temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18);
                 }
                 var chart = canvas.children.item(_index);
                 if (chart.getAttribute("id") === "header-canvas") return;
@@ -11286,7 +11581,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
                 var printChartTitleCanvas = null;
                 var chartTitleHeight = null;
                 var chartTitleData = "";
-                var _temp18 = function () {
+                var _temp20 = function () {
                   if (chartTitle && printContainerEls.length) {
                     return Promise.resolve(html2canvas(chartTitle)).then(function (_html2canvas) {
                       printChartTitleCanvas = _html2canvas;
@@ -11295,12 +11590,12 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
                     });
                   }
                 }();
-                return _temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18);
+                return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
               });
-              if (_temp20 && _temp20.then) return _temp20.then(function () {});
+              if (_temp22 && _temp22.then) return _temp22.then(function () {});
             }
           }();
-          return _temp21 && _temp21.then ? _temp21.then(_temp22) : _temp22(_temp21);
+          return _temp23 && _temp23.then ? _temp23.then(_temp24) : _temp24(_temp23);
         });
       }, function (error) {
         console.log({
@@ -11308,7 +11603,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
         });
         reactToastify.toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(_temp24) : _temp24(_temp23));
+      return Promise.resolve(_temp25 && _temp25.then ? _temp25.then(_temp26) : _temp26(_temp25));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -12455,7 +12750,7 @@ Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==t
 
 var ReactApexChart = unwrapExports(reactApexcharts_min);
 
-var styles$4 = {"lighter":"#F0FFF6","light":"#C8F8DB","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_100":"#F9FAFB","gray_300":"#DFE3E8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
+var styles$4 = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
 
 var iconStarQuestion = function iconStarQuestion(_ref) {
   var _ref$width = _ref.width,
@@ -12999,7 +13294,9 @@ function MyAnswer(_ref) {
       sx: {
         fontSize: "13px",
         fontWeight: 600,
-        color: "#97A1AF"
+        color: "#97A1AF",
+        display: "flex",
+        alignItems: "center"
       }
     }, t("problem_number"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
@@ -13011,7 +13308,9 @@ function MyAnswer(_ref) {
       sx: {
         fontSize: "13px",
         fontWeight: 600,
-        color: "#97A1AF"
+        color: "#97A1AF",
+        display: "flex",
+        alignItems: "center"
       }
     }, t("answer"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
@@ -13023,7 +13322,9 @@ function MyAnswer(_ref) {
       sx: {
         fontSize: "13px",
         fontWeight: 600,
-        color: "#97A1AF"
+        color: "#97A1AF",
+        display: "flex",
+        alignItems: "center"
       }
     }, t("solve_time"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
@@ -13036,7 +13337,9 @@ function MyAnswer(_ref) {
       sx: {
         fontSize: "13px",
         fontWeight: 600,
-        color: "#97A1AF"
+        color: "#97A1AF",
+        display: "flex",
+        alignItems: "center"
       }
     }, t("comparison_of_top_rankings"))), React__default.createElement("div", {
       className: styles["custom-col-2"],
@@ -13049,7 +13352,9 @@ function MyAnswer(_ref) {
       sx: {
         fontSize: "13px",
         fontWeight: 600,
-        color: "#97A1AF"
+        color: "#97A1AF",
+        display: "flex",
+        alignItems: "center"
       }
     }, t("total_correct_rate")))), React__default.createElement("div", {
       className: styles$4["titleMyAnswer2"]
@@ -13229,48 +13534,6 @@ var CompareGrass = function CompareGrass(_ref) {
   }, t("problem_classification")))), isPrint ? renderPrintTableBody(effectSize) : React__default.createElement("tbody", null, renderTableBody(effectSize))))));
 };
 
-var iconUpArrow = function iconUpArrow(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "24" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "24" : _ref$height,
-    color = _ref.color;
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    viewBox: "0 0 24 24",
-    fill: color
-  }, React__default.createElement("path", {
-    d: "M5.25 15.375L12 8.625L18.75 15.375",
-    stroke: "#CED2DA",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-
-var iconDownArrow = function iconDownArrow(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "24" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "24" : _ref$height,
-    color = _ref.color;
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    viewBox: "0 0 24 24",
-    fill: color
-  }, React__default.createElement("path", {
-    d: "M5.25 8.625L12 15.375L18.75 8.625",
-    stroke: "#CED2DA",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-
 var iconX = function iconX(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "15" : _ref$width,
@@ -13406,7 +13669,13 @@ var TrickyProblem = function TrickyProblem(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, t("tricky_problems")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, isPrint ? renderPrintProblems() : renderProblems()));
+  }, t("tricky_problems")), isOpen ? React__default.createElement(io5.IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(io5.IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(React.Fragment, null, isPrint ? renderPrintProblems() : renderProblems()));
 };
 
 var ProtractedProblem = function ProtractedProblem(_ref) {
@@ -13414,10 +13683,55 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
     data = _ref.data,
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
-    isPrint = _ref.isPrint;
+    isPrint = _ref.isPrint,
+    isMyStoryStudent = _ref.isMyStoryStudent;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
+  var renderTableBody = function renderTableBody(data) {
+    return data.map(function (item, index) {
+      var time = item.topDuration - item.duration;
+      var isBetter = time > 0;
+      return React__default.createElement("tr", {
+        id: "print-item",
+        key: item.id,
+        style: index < data.length - 1 ? {
+          borderBottom: "1px solid #e4e7ec"
+        } : {}
+      }, React__default.createElement("td", {
+        className: styles$4["tdcolumn1"],
+        style: {
+          color: styles$4.gray_900,
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, t("number_problem", {
+        number: item.questionOrder + 1
+      })), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700,
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, item.duration ? formatTimeSecond(item.duration, t) : ""), React__default.createElement("td", {
+        className: styles$4["tdcolumn3"],
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700,
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, item.topDuration ? formatTimeSecond(item.topDuration, t) : ""), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: isBetter ? styles$4.dark : "red",
+          fontSize: "13px",
+          fontWeight: 600
+        }
+      }, item.topDuration && item.duration ? "" + (isBetter ? "" : "+") + formatTimeSecond(Math.abs(time), t) : ""));
+    });
+  };
   var renderQuestions = function renderQuestions(data) {
     return data.map(function (item) {
       return React__default.createElement("div", {
@@ -13447,30 +13761,72 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
   var renderPrintQuestions = function renderPrintQuestions() {
     var chunkedData = _.chunk(data, 5);
     return chunkedData.map(function (i, index) {
-      return React__default.createElement("div", {
+      return React__default.createElement("tbody", {
         key: index,
         className: PrintContentClassName
-      }, renderQuestions(i));
+      }, isMyStoryStudent ? renderTableBody(i) : renderQuestions(i));
     });
   };
   return React__default.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + (isPrint ? PrintContainerClassName : "")
   }, React__default.createElement("div", {
-    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintHeaderClassName : ""),
+    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintTitleClassName : ""),
     onClick: function onClick() {
       return changeOpen(isOpen ? "" : keyOpen);
     }
+  }, React__default.createElement(material.Stack, {
+    flexDirection: "row",
+    gap: "24px",
+    alignItems: "center"
   }, React__default.createElement(material.Typography, {
     sx: {
       color: !isOpen ? "#97A1AF" : "#414E62",
       fontSize: "14px",
       fontWeight: 700
     }
-  }, t("problems_that_took_a_long_time")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
-    className: styles$4["wrapperContent"]
-  }, data.length ? isPrint ? renderPrintQuestions() : renderQuestions(data) : React__default.createElement("div", {
+  }, t("problems_that_took_a_long_time")), React__default.createElement(material.Typography, {
+    sx: {
+      color: styles$4.gray_300,
+      fontSize: "11px",
+      fontWeight: 500
+    }
+  }, t("protracted_problem_detail"))), isOpen ? React__default.createElement(io5.IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(io5.IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(React.Fragment, null, data.length ? React__default.createElement("div", {
+    className: styles$4["tableCompareGrass"]
+  }, React__default.createElement("div", {
+    className: styles$4["table-responsive"]
+  }, React__default.createElement(material.Table, {
+    style: {
+      width: "100%",
+      marginBottom: isMyStoryStudent ? "120px" : 0
+    }
+  }, isMyStoryStudent && React__default.createElement("thead", {
+    style: {
+      borderBottom: "1px solid #E4E7EC"
+    },
+    className: isPrint ? PrintHeaderClassName : ""
+  }, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: styles$4["thcolumn1"]
+  }, t("problem_number")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("my_time")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("top_time")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("time_comparison")))), isPrint ? renderPrintQuestions() : React__default.createElement("tbody", null, isMyStoryStudent ? renderTableBody(data) : renderQuestions(data))))) : React__default.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, t("no_data")))));
+  }, t("no_data"))));
 };
 
 var Vulnerable = function Vulnerable(_ref) {
@@ -13478,7 +13834,8 @@ var Vulnerable = function Vulnerable(_ref) {
     keyOpen = _ref.keyOpen,
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
-    isPrint = _ref.isPrint;
+    isPrint = _ref.isPrint,
+    isMyStoryStudent = _ref.isMyStoryStudent;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
@@ -13487,12 +13844,65 @@ var Vulnerable = function Vulnerable(_ref) {
   }).sort(function (q1, q2) {
     return q2.overallCorrectRate === q1.overallCorrectRate ? q1.questionOrder - q2.questionOrder : q2.overallCorrectRate - q1.overallCorrectRate;
   });
+  var renderTableBody = function renderTableBody(data) {
+    return data.map(function (item, index) {
+      return React__default.createElement("tr", {
+        id: "print-item",
+        key: item.id,
+        style: index < data.length - 1 ? {
+          borderBottom: "1px solid #e4e7ec"
+        } : {}
+      }, React__default.createElement("td", {
+        className: styles$4["tdcolumn1"],
+        style: {
+          color: styles$4.gray_900,
+          fontSize: "13px",
+          fontWeight: 600
+        }
+      }, React__default.createElement(material.Typography, {
+        color: styles$4.gray_900,
+        fontSize: "13px",
+        fontWeight: 600
+      }, t("problem") + " " + (item.questionOrder + 1))), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.dark,
+          fontSize: "13px",
+          fontWeight: 600
+        }
+      }, item.overallCorrectRate.toFixed(2) ? item.overallCorrectRate.toFixed(2) + "%" : ""), React__default.createElement("td", {
+        className: styles$4["tdcolumn3"],
+        style: {
+          color: "red",
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, item.selectedAnswers ? t("number_answer", {
+        number: item.selectedAnswers
+      }) : ""), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700
+        }
+      }, item.correctAnswers ? t("number_answer", {
+        number: item.correctAnswers
+      }) : ""), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700
+        }
+      }, item.category.name ? item.category.name : ""));
+    });
+  };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question) {
-      return React__default.createElement("div", {
+      return React__default.createElement(material.Grid, {
+        container: true,
         className: styles$4["content"],
         key: question.id
-      }, React__default.createElement("div", {
+      }, React__default.createElement(material.Grid, {
+        item: true,
+        xs: 1.5,
         className: styles$4["contentColumn1"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
@@ -13500,7 +13910,9 @@ var Vulnerable = function Vulnerable(_ref) {
         className: styles$4["span2"]
       }, t("number_question", {
         number: question.questionOrder + 1
-      })))), React__default.createElement("div", {
+      })))), React__default.createElement(material.Grid, {
+        item: true,
+        xs: 10.5,
         className: styles$4["contentColumn2"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
@@ -13520,30 +13932,76 @@ var Vulnerable = function Vulnerable(_ref) {
   var renderPrintQuestions = function renderPrintQuestions(questions) {
     var chunkedQuestions = _.chunk(questions, 5);
     return chunkedQuestions.map(function (i, index) {
-      return React__default.createElement("div", {
+      return React__default.createElement("tbody", {
         key: index,
         className: PrintContentClassName
-      }, renderQuestions(i));
+      }, isMyStoryStudent ? renderTableBody(i) : renderQuestions(i));
     });
   };
   return React__default.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + PrintContainerClassName
   }, React__default.createElement("div", {
-    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintHeaderClassName : ""),
+    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintTitleClassName : ""),
     onClick: function onClick() {
       return changeOpen(isOpen ? "" : keyOpen);
     }
+  }, React__default.createElement(material.Stack, {
+    flexDirection: "row",
+    gap: "24px",
+    alignItems: "center"
   }, React__default.createElement(material.Typography, {
     sx: {
       color: !isOpen ? "#97A1AF" : "#414E62",
       fontSize: "14px",
       fontWeight: 700
     }
-  }, t("issues_vulnerable")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
-    className: styles$4["wrapperContent"]
-  }, isPrint ? renderPrintQuestions(incorrectQuestions) : renderQuestions(incorrectQuestions), !incorrectQuestions.length && React__default.createElement("div", {
+  }, t("issues_vulnerable")), React__default.createElement(material.Typography, {
+    sx: {
+      color: styles$4.gray_300,
+      fontSize: "11px",
+      fontWeight: 500
+    }
+  }, t("vulnerable_detail"))), isOpen ? React__default.createElement(io5.IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(io5.IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(React.Fragment, null, incorrectQuestions.length ? React__default.createElement("div", {
+    className: styles$4["tableCompareGrass"]
+  }, React__default.createElement("div", {
+    className: styles$4["table-responsive"]
+  }, React__default.createElement(material.Table, {
+    style: {
+      width: "100%",
+      marginBottom: isMyStoryStudent ? "120px" : 0
+    }
+  }, isMyStoryStudent && React__default.createElement("thead", {
+    style: {
+      borderBottom: "1px solid #E4E7EC"
+    },
+    className: isPrint ? PrintHeaderClassName : ""
+  }, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: styles$4["thcolumn1"]
+  }, t("problem_number")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("total_correct_rate")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("my_wrong_answer")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("answer")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("_category")))), isPrint ? renderPrintQuestions(incorrectQuestions) : React__default.createElement("tbody", null, isMyStoryStudent ? renderTableBody(incorrectQuestions) : renderQuestions(incorrectQuestions))))) : React__default.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
-  }, t("no_data")))));
+  }, t("no_data"))));
 };
 
 var GradesByTerritory = function GradesByTerritory(_ref) {
@@ -13551,10 +14009,64 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     data = _ref.data,
     openProblem = _ref.openProblem,
     changeOpen = _ref.changeOpen,
-    isPrint = _ref.isPrint;
+    isPrint = _ref.isPrint,
+    resultData = _ref.resultData,
+    isMyStoryStudent = _ref.isMyStoryStudent;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var formattedData = totalSolveTimeCategories(resultData, data);
   var isOpen = openProblem === keyOpen;
+  var renderTableBody = function renderTableBody(data) {
+    return data.map(function (item, index) {
+      return React__default.createElement("tr", {
+        id: "print-item",
+        key: item.id,
+        style: index < data.length - 1 ? {
+          borderBottom: "1px solid #e4e7ec"
+        } : {}
+      }, React__default.createElement("td", {
+        className: styles$4["tdcolumn1"],
+        style: {
+          color: styles$4.gray_900,
+          fontSize: "13px",
+          fontWeight: 600
+        }
+      }, item.name), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_900,
+          fontSize: "13px",
+          fontWeight: 600
+        }
+      }, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("td", {
+        className: styles$4["tdcolumn3"],
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700,
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, item.totalCorrectQuestions ? t("number_of_answer", {
+        number: item.totalCorrectQuestions
+      }) : ""), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700,
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, item.totalQuestions ? t("number_of_answer", {
+        number: item.totalQuestions
+      }) : ""), React__default.createElement("td", {
+        style: {
+          textAlign: "center",
+          color: styles$4.gray_700,
+          fontSize: "13px",
+          fontWeight: 500
+        }
+      }, item.totalSolveTime ? formatDuration(t, item.totalSolveTime) : ""));
+    });
+  };
   var renderCategories = function renderCategories(data) {
     return data.map(function (item) {
       var trackStyle = {
@@ -13578,18 +14090,18 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     });
   };
   var renderPrintCategories = function renderPrintCategories() {
-    var chunkedCategories = _.chunk(data, 10);
+    var chunkedCategories = _.chunk(formattedData, 10);
     return chunkedCategories.map(function (i, index) {
-      return React__default.createElement("div", {
+      return React__default.createElement("tbody", {
         key: index,
         className: PrintContentClassName
-      }, renderCategories(i));
+      }, isMyStoryStudent ? renderTableBody(i) : renderCategories(i));
     });
   };
   return React__default.createElement("div", {
     className: styles$4["wrapperProblem"] + " " + (isPrint ? PrintContainerClassName : "")
   }, React__default.createElement("div", {
-    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintHeaderClassName : ""),
+    className: (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]) + " " + (isPrint ? PrintTitleClassName : ""),
     onClick: function onClick() {
       return changeOpen(isOpen ? "" : keyOpen);
     }
@@ -13599,9 +14111,45 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       fontSize: "14px",
       fontWeight: 700
     }
-  }, t("grades_by_area")), isOpen ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), isOpen && React__default.createElement("div", {
-    className: styles$4["wrappContentProblem"]
-  }, isPrint ? renderPrintCategories() : renderCategories(data), isOpen && !data.length && React__default.createElement("div", {
+  }, t("grades_by_area")), isOpen ? React__default.createElement(io5.IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(io5.IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(React.Fragment, null, formattedData.length ? React__default.createElement("div", {
+    className: styles$4["tableCompareGrass"]
+  }, React__default.createElement("div", {
+    className: styles$4["table-responsive"]
+  }, React__default.createElement(material.Table, {
+    style: {
+      width: "100%",
+      marginBottom: isMyStoryStudent ? "120px" : 0
+    }
+  }, isMyStoryStudent && React__default.createElement("thead", {
+    style: {
+      borderBottom: "1px solid #E4E7EC"
+    },
+    className: isPrint ? PrintHeaderClassName : ""
+  }, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: styles$4["thcolumn1"]
+  }, t("categories")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("correct_rate")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("number_of_correct_answers")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("total_number_of_problems")), React__default.createElement("th", {
+    style: {
+      textAlign: "center"
+    }
+  }, t("total_solve_time")))), isPrint ? renderPrintCategories() : React__default.createElement("tbody", null, isMyStoryStudent ? renderTableBody(formattedData) : renderCategories(formattedData))))) : React__default.createElement("div", {
     className: styles$4["noData"] + " " + (isPrint ? PrintContentClassName : "")
   }, t("no_data"))));
 };
@@ -13811,7 +14359,8 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     history = _ref.history,
     examSessionId = _ref.examSessionId,
     studentId = _ref.studentId,
-    code = _ref.code;
+    code = _ref.code,
+    isMyStoryStudent = _ref.isMyStoryStudent;
   var _useTab = useTab(),
     selected = _useTab.selected,
     handleChangeTab = _useTab.handleChangeTab;
@@ -13912,7 +14461,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
       fontWeight: 600,
       color: styles.gray_500
     }
-  }, t("total_students")), React__default.createElement(material.Typography, {
+  }, t("students")), React__default.createElement(material.Typography, {
     sx: {
       fontSize: "14px",
       fontWeight: 600,
@@ -13956,7 +14505,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   }, React__default.createElement("button", {
     className: styles$4["pdfBtn"] + " " + styles["truncate"],
     onClick: handleExportPdf
-  }, React__default.createElement(iconPrintFill, null), React__default.createElement("p", null, t("print"))))))), React__default.createElement(material.Grid, {
+  }, React__default.createElement(iconPrintFill, null), React__default.createElement("p", null, t("print_all"))))))), React__default.createElement(material.Grid, {
     item: true,
     xs: 12
   }, React__default.createElement(material.Box, {
@@ -13966,7 +14515,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     alignItems: "center",
     display: "flex",
     overflow: "scroll",
-    bgcolor: styles.gray_100,
+    bgcolor: styles.gray_50,
     borderTop: "1px solid #E4E7EC",
     borderBottom: "1px solid #E4E7EC"
   }, React__default.createElement(material.Stack, {
@@ -14046,16 +14595,20 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     keyOpen: "Vulnerable",
     data: resultData,
     openProblem: openProblem,
-    changeOpen: setOpenProblem
+    changeOpen: setOpenProblem,
+    isMyStoryStudent: isMyStoryStudent
   }), React__default.createElement(ProtractedProblem, {
     keyOpen: "ProtractedProblem",
     data: longTimeSpend,
     openProblem: openProblem,
-    changeOpen: setOpenProblem
+    changeOpen: setOpenProblem,
+    isMyStoryStudent: isMyStoryStudent
   }), React__default.createElement(GradesByTerritory, {
     keyOpen: "GradesByTerritory",
     data: categoryResponses,
+    resultData: resultData,
     openProblem: openProblem,
+    isMyStoryStudent: isMyStoryStudent,
     changeOpen: setOpenProblem
   }))), React__default.createElement(material.Grid, {
     item: true,
@@ -14213,10 +14766,11 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     gap: "12px",
     marginTop: "24px"
   }, React__default.createElement(material.Typography, {
+    className: "chart-title",
     sx: {
-      fontSize: "16px",
+      fontSize: "18px",
       fontWeight: 700,
-      color: styles.grey_500
+      color: styles.gray_500
     }
   }, t(TabList[2].label)), React__default.createElement(CompareGrass, {
     effectSize: effectSize,
@@ -14244,19 +14798,23 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     data: resultData,
     openProblem: "Vulnerable",
     changeOpen: setOpenProblem,
+    isMyStoryStudent: isMyStoryStudent,
     isPrint: true
   }), React__default.createElement(ProtractedProblem, {
     keyOpen: "ProtractedProblem",
     data: longTimeSpend,
     openProblem: "ProtractedProblem",
     changeOpen: setOpenProblem,
-    isPrint: true
+    isPrint: true,
+    isMyStoryStudent: isMyStoryStudent
   }), React__default.createElement(GradesByTerritory, {
     keyOpen: "GradesByTerritory",
     data: categoryResponses,
+    resultData: resultData,
     openProblem: "GradesByTerritory",
     changeOpen: setOpenProblem,
-    isPrint: true
+    isPrint: true,
+    isMyStoryStudent: isMyStoryStudent
   })))), React__default.createElement(CreateNewQuestionDialog$1, {
     examSessionId: resultData === null || resultData === void 0 ? void 0 : resultData.examSessionId,
     handleCreateQuestion: handleCreateQuestion,
@@ -14291,12 +14849,25 @@ var timeSpanToLocalMoment = function timeSpanToLocalMoment(time, date) {
   var value = date ? moment.utc(date).startOf("day").add(totalSeconds, "seconds").local() : moment().startOf("day").add(totalSeconds, "seconds");
   return value;
 };
+var convertHHMMSStoSeconds = function convertHHMMSStoSeconds(time) {
+  var times = time.split(":");
+  return +times[0] * 60 * 60 + +times[1] * 60 + +times[2];
+};
+var getRemainTime = function getRemainTime(startTime, duration) {
+  var timePass = diffFromNow(startTime, "second");
+  var durationInNumber = convertHHMMSStoSeconds(duration);
+  if (typeof timePass !== "number") return null;
+  if (timePass > durationInNumber) return 0;
+  return durationInNumber - timePass;
+};
 
 var times = {
   __proto__: null,
   getLocalDayOfWeek: getLocalDayOfWeek,
   getUtcDayOfWeek: getUtcDayOfWeek,
-  timeSpanToLocalMoment: timeSpanToLocalMoment
+  timeSpanToLocalMoment: timeSpanToLocalMoment,
+  convertHHMMSStoSeconds: convertHHMMSStoSeconds,
+  getRemainTime: getRemainTime
 };
 
 var SIGN_IN_SUPER_ADMIN_URL = SUPER_ADMIN_BASE_URL + "/api/auth/login";
@@ -14875,9 +15446,9 @@ var Header = function Header(_ref) {
   });
   var logo = React.useMemo(function () {
     if (isTeacher) {
-      return language === Language.en ? React__default.createElement(teacherFullLogoEn, null) : React__default.createElement(teacherFullLogoKo, null);
+      return language === exports.Language.en ? React__default.createElement(teacherFullLogoEn, null) : React__default.createElement(teacherFullLogoKo, null);
     } else {
-      return language === Language.en ? React__default.createElement(studentFullLogoEn, null) : React__default.createElement(studentFullLogoKo, null);
+      return language === exports.Language.en ? React__default.createElement(studentFullLogoEn, null) : React__default.createElement(studentFullLogoKo, null);
     }
   }, [isTeacher, language]);
   var pathname = location.pathname.toLowerCase();
@@ -14901,8 +15472,8 @@ var Header = function Header(_ref) {
     homeUrl: homeRoute.path,
     role: role,
     history: history,
-    hideAcademyName: !isLargerThanXL && headerTabs.length > 6,
-    onSignOut: onSignOut
+    onSignOut: onSignOut,
+    hideAcademyName: !isLargerThanXL && headerTabs.length > 6
   })), React__default.createElement(material.Stack, {
     display: "flex",
     flexGrow: 1,
@@ -14949,23 +15520,7 @@ var Header = function Header(_ref) {
   })), React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center"
-  }, React__default.createElement(material.Typography, {
-    color: styles.gray_700,
-    className: "fw-bold me-3 text-nowrap flex-shrink-1",
-    sx: {
-      minWidth: "60px",
-      maxWidth: {
-        md: "100px",
-        xs: "60px"
-      },
-      fontSize: {
-        md: "16px",
-        xs: "14px"
-      },
-      overflow: "hidden",
-      textOverflow: "ellipsis"
-    }
-  }, user === null || user === void 0 ? void 0 : user.fullName), React__default.createElement(reactRouterDom.Link, {
+  }, React__default.createElement(reactRouterDom.Link, {
     "aria-current": "page",
     to: homeRoute.path,
     className: "border-none"
@@ -15078,7 +15633,11 @@ var AcademyCard = function AcademyCard(_ref) {
   }), React.createElement(CardContent, null, React.createElement(Typography, {
     variant: "h6",
     component: "div"
-  }, academy.name)), React.createElement(CardActions, null, React.createElement(Button, {
+  }, academy.name)), React.createElement(CardActions, {
+    sx: {
+      padding: "16px"
+    }
+  }, React.createElement(Button, {
     sx: {
       bgColor: theme.palette.main_theme.dark
     },
@@ -15135,6 +15694,221 @@ var AcademyList = function AcademyList(_ref) {
   }, React__default.createElement("span", null, t("no_academy_available"), "."))))));
 };
 
+var ONE_SECOND_IN_MILLISECONDS = 1000;
+var useCountDownTimer = function useCountDownTimer(props) {
+  var startTime = props.startTime,
+    status = props.status,
+    code = props.code,
+    duration = props.duration,
+    fetchedCount = props.fetchedCount,
+    onFinish = props.onFinish;
+  var _useState = React.useState(),
+    remainTime = _useState[0],
+    setRemainTime = _useState[1];
+  var checkStatusRef = React.useRef(null);
+  var requestRef = React.useRef(null);
+  var checkLiveExamStatus = React.useCallback(function () {
+    try {
+      !!checkStatusRef.current && clearTimeout(checkStatusRef.current);
+      if (!code || status === ExamStatus$1.Completed) {
+        return Promise.resolve();
+      }
+      var _temp = _catch(function () {
+        return Promise.resolve(getCheckStatusExam(code)).then(function (res) {
+          if (res.data.data.status === ExamStatus$1.Completed) {
+            clearInterval(checkStatusRef.current);
+            onFinish();
+          } else {
+            checkStatusRef.current = setTimeout(checkLiveExamStatus, ONE_SECOND_IN_MILLISECONDS);
+          }
+        });
+      }, function (error) {
+        console.log({
+          error: error
+        });
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [code, status, onFinish]);
+  React.useEffect(function () {
+    if (status !== ExamStatus$1.InProgress) return;
+    var animate = function animate() {
+      if (!startTime || !duration) return;
+      if (typeof remainTime === "number" && remainTime <= 0) {
+        onFinish();
+        return;
+      }
+      var remain = getRemainTime(startTime, duration);
+      if (typeof remain !== "number") {
+        setRemainTime(undefined);
+        return;
+      }
+      if (remain <= 0) {
+        setRemainTime(0);
+        checkLiveExamStatus();
+        return;
+      }
+      setRemainTime(remain || 0);
+      requestRef.current = requestAnimationFrame(animate);
+    };
+    requestRef.current = requestAnimationFrame(animate);
+    return function () {
+      !!requestRef.current && cancelAnimationFrame(requestRef.current);
+      !!checkStatusRef.current && clearTimeout(checkStatusRef.current);
+      setRemainTime(undefined);
+    };
+  }, [startTime, duration, fetchedCount, checkLiveExamStatus]);
+  React.useEffect(function () {
+    if (typeof remainTime === "number" && remainTime <= 0) onFinish();
+  }, [remainTime, onFinish]);
+  return remainTime;
+};
+
+var EXAM_SESSION_URL$1 = BASE_URL + "/api/examSession";
+var getCheckStatusExam$1 = function getCheckStatusExam(examCode) {
+  return api.get(EXAM_SESSION_URL$1 + "/" + examCode + "/status");
+};
+
+var useCheckExam = function useCheckExam(code, status) {
+  var _useState = React.useState({}),
+    isCheckExam = _useState[0],
+    setCheckExam = _useState[1];
+  var isCheck = !code ? false : isCheckExam[code];
+  var checkExam = function checkExam() {
+    try {
+      if (!code || isCheck) return Promise.resolve();
+      if (status === ExamStatus$1.Completed) {
+        setCheckExam(function (state) {
+          var _extends2;
+          return _extends({}, state, (_extends2 = {}, _extends2[code] = true, _extends2));
+        });
+        return Promise.resolve();
+      }
+      var _temp = _catch(function () {
+        return Promise.resolve(getCheckStatusExam$1(code)).then(function () {
+          setCheckExam(function (state) {
+            var _extends3;
+            return _extends({}, state, (_extends3 = {}, _extends3[code] = true, _extends3));
+          });
+        });
+      }, function (error) {
+        console.log({
+          error: error
+        });
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    checkExam();
+  }, [code]);
+  return {
+    isCheck: isCheck
+  };
+};
+
+var useLoadMore = function useLoadMore(props) {
+  var onLoadMore = props.onLoadMore,
+    loading = props.loading;
+  var observerTarget = React.useRef(null);
+  React.useEffect(function () {
+    var currentTarget = observerTarget.current;
+    var observer = new IntersectionObserver(function (entries) {
+      if (entries[0].isIntersecting && !loading) {
+        onLoadMore();
+      }
+    }, {
+      threshold: 1
+    });
+    if (observerTarget.current) {
+      observer.observe(observerTarget.current);
+    }
+    return function () {
+      if (currentTarget) {
+        observer.unobserve(currentTarget);
+      }
+    };
+  }, [observerTarget, loading, onLoadMore]);
+  return {
+    observerTarget: observerTarget
+  };
+};
+
+var useVirtualizeList = function useVirtualizeList(totalItems, rowHeight, offsetRow, minRows) {
+  if (offsetRow === void 0) {
+    offsetRow = 1;
+  }
+  var _useState = React.useState(-1),
+    startIndex = _useState[0],
+    setStartIndex = _useState[1];
+  var _useState2 = React.useState(-1),
+    endIndex = _useState2[0],
+    setEndIndex = _useState2[1];
+  var containerRef = React.useRef(null);
+  var handleScroll = React.useCallback(function () {
+    if (containerRef.current) {
+      var _containerRef$current = containerRef.current,
+        scrollTop = _containerRef$current.scrollTop,
+        clientHeight = _containerRef$current.clientHeight;
+      var itemsPerPage = Math.ceil(clientHeight / rowHeight);
+      var newStartIndex = Math.max(Math.floor(scrollTop / rowHeight) - offsetRow, 0);
+      var newEndIndex = Math.min(newStartIndex + itemsPerPage + offsetRow, totalItems - 1);
+      if (minRows) {
+        if (totalItems <= minRows) {
+          newStartIndex = -1;
+          newEndIndex = -1;
+        } else {
+          var total = newEndIndex - newStartIndex;
+          var diff = minRows - total;
+          if (diff > 0) {
+            var valS = diff / 2;
+            var valE = diff - valS;
+            if (newStartIndex < valS) {
+              valE += valS - newStartIndex;
+              newStartIndex = 0;
+            }
+            if (newEndIndex + valE > totalItems - 1) {
+              valS += newEndIndex + valE - totalItems + 1;
+            }
+            newStartIndex = Math.max(newStartIndex - valS, 0);
+            newEndIndex = Math.min(newEndIndex + valE, totalItems - 1);
+          }
+        }
+      }
+      setStartIndex(newStartIndex);
+      setEndIndex(newEndIndex);
+    }
+  }, [totalItems, rowHeight, offsetRow]);
+  React.useEffect(function () {
+    var container = containerRef.current;
+    if (container) {
+      container.addEventListener("scroll", handleScroll);
+    }
+    return function () {
+      if (container) {
+        container.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, [handleScroll]);
+  var handleChangeStartIndex = function handleChangeStartIndex(index) {
+    setStartIndex(index);
+  };
+  var handleChangeEndIndex = function handleChangeEndIndex(index) {
+    setEndIndex(index);
+  };
+  return {
+    startIndex: startIndex,
+    endIndex: endIndex,
+    containerRef: containerRef,
+    handleChangeStartIndex: handleChangeStartIndex,
+    handleChangeEndIndex: handleChangeEndIndex
+  };
+};
+
 exports.moment = moment;
 Object.defineProperty(exports, 'I18nextProvider', {
   enumerable: true,
@@ -15214,6 +15988,7 @@ exports.formatTime = formatTime;
 exports.getAcademyDomain = getAcademyDomain;
 exports.getAccessToken = getAccessToken;
 exports.getErrorMessage = getErrorMessage;
+exports.getOrdinalSuffix = getOrdinalSuffix;
 exports.i18n = i18n;
 exports.minutesToTimeSpan = minutesToTimeSpan;
 exports.setAlert = setAlert;
@@ -15228,11 +16003,15 @@ exports.toISOString = toISOString;
 exports.useAutoAcademyDomain = useAutoAcademyDomain;
 exports.useCategorySelect = useCategorySelect;
 exports.useChatContainer = useChatContainer;
+exports.useCheckExam = useCheckExam;
+exports.useCountDownTimer = useCountDownTimer;
 exports.useGoogleSignOut = useGoogleSignOut;
 exports.useLanguage = useLanguage;
+exports.useLoadMore = useLoadMore;
 exports.useLogin = useLogin;
 exports.usePusherConversation = usePusherConversation;
 exports.useSubjectSelect = useSubjectSelect;
 exports.useSwitchAcademy = useSwitchAcademy;
+exports.useVirtualizeList = useVirtualizeList;
 exports.utcToLocalTime = utcToLocalTime;
 //# sourceMappingURL=index.js.map