touchstudy-core 0.1.65 → 0.1.66

package/dist/index.modern.js

@@ -14,7 +14,7 @@ import { gapi } from 'gapi-script';
 import 'moment/locale/ko.js';
 import 'moment/locale/en-au.js';
 import Pusher from 'pusher-js';
-import { IoClose, IoCloseOutline, IoSearch } from 'react-icons/io5';
+import { IoClose, IoCloseCircle, IoLogOut, IoCloseOutline, IoSearch, IoChevronUp, IoChevronDown } from 'react-icons/io5';
 import i18n from 'i18next';
 import Box$1 from '@mui/material/Box';
 import Popover from '@mui/material/Popover';
@@ -23,10 +23,10 @@ import IconButton$1 from '@mui/material/IconButton';
 import { GoArrowSwitch } from 'react-icons/go';
 import { toast } from 'react-toastify';
 export { ToastContainer, toast } from 'react-toastify';
-import { IoIosLogOut, IoMdArrowBack } from 'react-icons/io';
 import Select, { components } from 'react-select';
 import { FaCaretDown, FaTrash, FaPlus, FaSave, FaPencilAlt, FaPlusCircle, FaTimes, FaSortUp, FaSortDown, FaEye } from 'react-icons/fa';
 import { PiDotsNineLight } from 'react-icons/pi';
+import { IoMdArrowBack } from 'react-icons/io';
 import _ from 'lodash';
 import { FaPencil } from 'react-icons/fa6';
 import CreatableSelect from 'react-select/creatable';
@@ -103,6 +103,7 @@ var Language;
   Language["en"] = "en";
 })(Language || (Language = {}));
 var PrintHeaderClassName = "print-header";
+var PrintTitleClassName = "print-title";
 var PrintContentClassName = "print-content";
 var PrintContainerClassName = "print-container";
 
@@ -144,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() {
@@ -1861,7 +1862,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 = "총 학생수";
@@ -1893,10 +1894,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 = "시험 이름으로 검색하기";
@@ -1912,13 +1914,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 = "여러 개임";
@@ -1936,7 +1938,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";
@@ -2184,8 +2187,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 = "수업 만들기";
@@ -2211,7 +2214,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 = "함정 문제";
@@ -2226,8 +2229,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 = "데이터 데모 업데이트";
@@ -2253,7 +2256,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 = "생성하기";
@@ -2473,6 +2476,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,
@@ -2488,7 +2518,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,
@@ -2526,6 +2556,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,
@@ -2547,7 +2578,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,
@@ -2566,6 +2597,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,
@@ -2800,8 +2832,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,
@@ -2842,8 +2874,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,
@@ -2872,7 +2904,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,
@@ -3093,11 +3125,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";
@@ -3110,7 +3170,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";
@@ -3126,10 +3186,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";
@@ -3146,6 +3206,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";
@@ -3215,7 +3276,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";
@@ -3224,8 +3285,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";
@@ -3293,8 +3355,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";
@@ -3309,7 +3371,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";
@@ -3364,7 +3426,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";
@@ -3378,14 +3440,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";
@@ -3404,7 +3466,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";
@@ -3430,8 +3492,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 = {
@@ -3459,9 +3521,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";
@@ -3498,8 +3560,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";
@@ -3525,7 +3587,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";
@@ -3541,7 +3603,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:";
@@ -3722,6 +3784,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,
@@ -3737,7 +3826,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,
@@ -3775,6 +3864,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,
@@ -3845,7 +3935,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,
@@ -3854,6 +3944,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,
@@ -4075,8 +4166,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,
@@ -4114,8 +4205,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,
@@ -4144,7 +4235,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,
@@ -4342,7 +4433,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(initReactI18next).init({
@@ -4531,6 +4650,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);
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   useEffect(function () {
     getAcademies();
   }, [user === null || user === void 0 ? void 0 : user.academyDomain, user === null || user === void 0 ? void 0 : user.email]);
@@ -4548,7 +4697,8 @@ var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl,
     dropdownOpen: dropdownOpen,
     academyList: academyList,
     toggleDropdown: toggleDropdown,
-    handleSwitchAcademy: handleSwitchAcademy
+    handleSwitchAcademy: handleSwitchAcademy,
+    handleLogOutAcademy: handleLogOutAcademy
   };
 };
 
@@ -4556,23 +4706,25 @@ var MenuItemCustom = 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 = useTheme();
   var isLargerThanLg = 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 = 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;
@@ -4594,8 +4746,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(Fragment$1, null);
   var popoverStyle = {
     mx: 1,
     bgcolor: open ? "action.selected" : undefined
@@ -4616,7 +4766,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(Grid, {
+  }) : React__default.createElement("span", null)), isLargerThanLg && React__default.createElement(Grid, {
     item: true,
     xs: 0,
     lg: 8
@@ -4628,16 +4778,40 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
       display: "flex",
       alignItems: "center"
     }
-  }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.name ? React__default.createElement(Typography, {
+  }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.name ? React__default.createElement(Stack, {
+    flexDirection: "column",
+    gap: "2px"
+  }, React__default.createElement(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(Typography, {
+  }, user === null || user === void 0 ? void 0 : user.fullName), React__default.createElement(Typography, {
+    textAlign: "start",
+    className: "" + styles["line-clamp"],
+    sx: {
+      fontSize: 14,
+      fontWeight: 500,
+      lineHeight: '1.5em',
+      color: styles.gray_500
+    }
+  }, selectedAcademy.name)) : React__default.createElement(Stack, {
+    flexDirection: "column",
+    gap: "2px"
+  }, React__default.createElement(Typography, {
+    textAlign: "start",
+    className: "" + styles["line-clamp"],
+    sx: {
+      fontSize: 14,
+      fontWeight: 900,
+      lineHeight: '1.5em',
+      color: styles.gray_900
+    }
+  }), React__default.createElement(Typography, {
     textAlign: "start",
     className: "" + styles["line-clamp"],
     sx: {
@@ -4646,7 +4820,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
       lineHeight: '1.5em',
       color: styles.gray_500
     }
-  }, t("no_academy_selected")))), React__default.createElement(Grid, {
+  }, t("no_academy_selected"))))), React__default.createElement(Grid, {
     item: true,
     xs: 6,
     lg: 2,
@@ -4668,6 +4842,11 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     open: !!open,
     anchorEl: open,
     onClose: handleClose,
+    sx: {
+      "& .MuiPopover-paper": {
+        padding: "8px !important"
+      }
+    },
     anchorOrigin: {
       vertical: "bottom",
       horizontal: "right"
@@ -4693,25 +4872,31 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   }, React__default.createElement(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(Stack, {
       flexDirection: "row",
-      gap: "12px",
+      justifyContent: "space-between",
+      alignItems: "center",
       position: "relative",
       width: "100%"
+    }, React__default.createElement(Stack, {
+      flexDirection: "row",
+      gap: "12px"
     }, React__default.createElement(Stack, {
       className: styles["image-academy"] + " " + styles["image-academy--item"],
       minWidth: "40px"
@@ -4719,7 +4904,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$1, {
+    }) : React__default.createElement("span", null)), React__default.createElement(Box$1, {
       sx: {
         position: "relative",
         display: "flex",
@@ -4733,8 +4918,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(IoCloseCircle, {
+      size: 18,
+      color: styles.dark
+    }))));
+  })), React__default.createElement(Stack, {
+    sx: {
+      borderTop: "1px solid " + styles.gray_100,
+      my: "8px"
+    }
+  }), React__default.createElement(MenuItemCustom, {
     sx: {
       whiteSpace: "wrap",
       borderRadius: "6px"
@@ -4748,16 +4945,16 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
     alignItems: "center",
     className: "" + styles["userImg"],
     onClick: onSignOut
-  }, React__default.createElement(IoIosLogOut, {
-    size: 24,
-    color: "#000"
+  }, React__default.createElement(IoLogOut, {
+    size: 18,
+    color: styles.less_dark
   }), React__default.createElement(Typography, {
     sx: {
       typography: "body2",
-      p: "8px",
       borderRadius: "4px",
       fontSize: 14,
-      fontWeight: 700
+      fontWeight: 700,
+      color: styles.less_dark
     }
   }, t("logout"))))));
 };
@@ -4831,6 +5028,7 @@ var customStyles = {
 
 var DropdownIndicator = function DropdownIndicator(props) {
   return React__default.createElement(components.DropdownIndicator, Object.assign({}, props), React__default.createElement(FaCaretDown, {
+    size: 20,
     color: styles.darker
   }));
 };
@@ -4969,6 +5167,7 @@ var ContentTooltip = function ContentTooltip(_ref) {
   return React__default.createElement(Stack, null, React__default.createElement(Stack, {
     display: "flex",
     gap: "4px",
+    justifyItems: "center",
     flexDirection: "column"
   }, React__default.createElement("div", {
     style: {
@@ -4979,7 +5178,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(Stack, {
     border: "1px solid #E4E7EC"
@@ -4992,7 +5193,9 @@ var ContentTooltip = function ContentTooltip(_ref) {
     sx: {
       fontWeight: 700,
       fontSize: "14px",
-      color: styles.dark
+      color: styles.less_dark,
+      display: 'flex',
+      justifyContent: "center"
     }
   }, t("delete")))));
 };
@@ -5031,13 +5234,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(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(Stack, {
     display: "flex",
     flexDirection: "row",
@@ -5070,11 +5274,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
     placement: "top"
   }, React__default.createElement("div", {
     onClick: handleOpenTooltip
-  }, React__default.createElement(iconMore, null))))), contentType ? React__default.createElement(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: {
@@ -5082,17 +5282,21 @@ var ChatRightItem = function ChatRightItem(_ref) {
       position: "relative",
       objectFit: "contain"
     }
-  })) : React__default.createElement(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(Typography, {
     fontWeight: 500,
     fontSize: "14px",
     lineHeight: "16.71px",
-    color: "#fffff"
+    color: "#fff",
+    sx: {
+      wordBreak: "break-word"
+    }
   }, content))))));
 };
 
@@ -5127,33 +5331,29 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
     fontWeight: 500,
     fontSize: 14,
     lineHeight: "16.71px",
-    color: styles.darker
-  }, t("counselor")), React__default.createElement(Typography, {
+    color: styles.gray_700
+  }, t("teacher")), React__default.createElement(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(Fragment$1, null, React__default.createElement(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(Typography, {
     fontWeight: 500,
     fontSize: 14,
     lineHeight: "16.71px",
-    color: styles.darker
+    color: styles.gray_700
   }, t("student")))), React__default.createElement(Box, {
     padding: "4px 0px"
   }), React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "row",
     gap: "8px"
-  }, contentType ? React__default.createElement(Stack, {
-    borderRadius: "6px",
-    padding: "12px",
-    bgcolor: styles.darker
-  }, React__default.createElement("img", {
+  }, contentType ? React__default.createElement("img", {
     onClick: toggleImageDialog,
     src: content,
     style: {
@@ -5161,13 +5361,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(Typography, {
-    fontWeight: 400,
+    fontWeight: 500,
     fontSize: "14px",
     lineHeight: "16.71px",
-    color: "#5D5D5B"
+    color: styles.gray_700,
+    sx: {
+      wordBreak: "break-word"
+    }
   }, content)))));
 };
 
@@ -5705,7 +5911,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
@@ -5726,13 +5932,13 @@ var InputChat = function InputChat(_ref) {
       borderWidth: "1px"
     }
   }, React__default.createElement(iconPlusCircle, {
-    color: styles.dark
+    color: styles.less_dark
   }), React__default.createElement(Typography, {
     fontWeight: 700,
     fontSize: "13px",
     lineHeight: "15.51px",
     sx: {
-      color: styles.dark
+      color: styles.less_dark
     }
   }, t("attachment")), React__default.createElement("input", {
     type: "file",
@@ -5766,6 +5972,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) {
@@ -5785,6 +6016,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", {
@@ -5836,7 +6085,6 @@ var ChatHeader = function ChatHeader(_ref) {
       display: "flex",
       alignItems: "center",
       gap: "24px",
-      border: "1px solid #EBEBFF",
       borderRadius: "6px"
     }, React__default.createElement(Box, {
       display: "flex",
@@ -5844,21 +6092,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(Typography, {
       fontWeight: 500,
       fontSize: "14px",
       lineHeight: "16.71px",
-      color: styles.darker
-    }, t("counselor"))), React__default.createElement(Typography, {
-      fontWeight: 700,
+      color: styles.gray_700
+    }, t("teacher"))), React__default.createElement(Typography, {
+      fontWeight: 500,
       fontSize: "14px",
       lineHeight: "16.71px",
-      color: styles.darker
+      color: styles.gray_700
     }, ellipsisText(teacherName || "", 15))), !!examTitle && React__default.createElement(Box, {
       display: "flex",
       alignItems: "start",
-      color: styles.darker,
+      color: styles.gray_700,
       gap: "6px",
       flexDirection: "column"
     }, React__default.createElement(Typography, {
@@ -5872,13 +6120,16 @@ var ChatHeader = function ChatHeader(_ref) {
     }, React__default.createElement(Typography, {
       fontWeight: 600,
       fontSize: "12px",
-      lineHeight: "14.2px"
-    }, "LIVE \uC2DC\uD5D8"), filterDurationExam && React__default.createElement(Typography, {
+      lineHeight: "14.2px",
+      sx: {
+        color: styles.gray_700
+      }
+    }, "LIVE " + t('exam')), filterDurationExam && React__default.createElement(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(Box, {
       display: "flex",
@@ -5900,16 +6151,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(Typography, {
       fontWeight: 700,
       fontSize: "12px",
       lineHeight: "14.32px",
-      color: "#CED2DA"
+      color: styles.gray_300
     }, "/", t("points", {
-      number: totalScore
+      number: totalScore || 0
     }))), React__default.createElement(Typography, {
       fontWeight: 500,
       fontSize: "12px",
@@ -5968,7 +6219,7 @@ var ChatHeader = function ChatHeader(_ref) {
       color: styles.darker
     }, examTitle ? React__default.createElement(Typography, {
       fontWeight: 600,
-      fontSize: "12px",
+      fontSize: "11px",
       lineHeight: "14.32px"
     }, ellipsisText(examTitle || "", 10)) : React__default.createElement(Box, {
       display: "flex",
@@ -6002,12 +6253,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(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(Grid, {
@@ -6022,9 +6273,9 @@ var ChatHeader = function ChatHeader(_ref) {
   }, React__default.createElement(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"),
@@ -6759,17 +7010,14 @@ var BpIcon = styled('span')(function (_ref) {
   };
 });
 var BpCheckedIcon = 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) {
@@ -6829,7 +7077,7 @@ var QuestionView = function QuestionView(_ref2) {
     mb: "16px"
   }, React__default.createElement(FormControl, {
     style: {
-      width: "140px"
+      width: "168px"
     }
   }, React__default.createElement(ScoreSelector, {
     value: question.score,
@@ -7084,7 +7332,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
   }, React__default.createElement(FormGroup, null, React__default.createElement(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,
@@ -7383,9 +7631,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(Stack, null, React__default.createElement(Stack, {
+    return React__default.createElement(Stack, {
+      key: index
+    }, React__default.createElement(Stack, {
       display: "flex",
       flexDirection: "row",
       gap: "8px",
@@ -7460,6 +7710,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";
@@ -7470,7 +7728,8 @@ var OrderType;
 
 var index = {
   __proto__: null,
-  get OrderType () { return OrderType; }
+  get OrderType () { return OrderType; },
+  get ExamStatus () { return ExamStatus$1; }
 };
 
 var TextbookSortBy;
@@ -7484,20 +7743,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: "#"
@@ -7529,7 +7781,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,
@@ -8881,6 +9133,9 @@ var useExamDetailView = function useExamDetailView(props) {
   var exam = props.exam,
     selectedSubject = props.selectedSubject,
     onChangeExam = props.onChangeExam;
+  console.log({
+    exam: exam
+  });
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var handleChangeQuestionCount = function handleChangeQuestionCount(article, questionCount, answerCount) {
@@ -9158,7 +9413,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,
@@ -9172,7 +9427,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,
@@ -9215,8 +9470,12 @@ var ExamDetailView = function ExamDetailView(_ref) {
   }, React__default.createElement(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",
@@ -10066,6 +10325,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",
@@ -10773,6 +11040,7 @@ var CATEGORY_RESPONSES = [{
   percentageAmongStudents: 40
 }];
 var DEFAULT_LINE_CHART_OPTIONS = {
+  colors: ["#3DC674", "#C3099A"],
   chart: {
     type: "line",
     toolbar: {
@@ -11116,6 +11384,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
           }
         }
       }),
+      colors: ['#3DC674', '#C3099A'],
       xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
         categories: ["."].concat(Array.from({
           length: questionLength
@@ -11140,13 +11409,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) {
@@ -11168,7 +11437,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;
@@ -11176,16 +11445,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() {
@@ -11200,73 +11469,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 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 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;
+                            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;
@@ -11279,7 +11575,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;
@@ -11288,7 +11584,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;
@@ -11297,12 +11593,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({
@@ -11310,7 +11606,7 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
         });
         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);
     }
@@ -12457,7 +12753,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,
@@ -13001,7 +13297,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"],
@@ -13013,7 +13311,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"],
@@ -13025,7 +13325,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"],
@@ -13038,7 +13340,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"],
@@ -13051,7 +13355,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"]
@@ -13231,48 +13537,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,
@@ -13408,7 +13672,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(Fragment$1, null, isPrint ? renderPrintProblems() : renderProblems()));
+  }, t("tricky_problems")), isOpen ? React__default.createElement(IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(Fragment$1, null, isPrint ? renderPrintProblems() : renderProblems()));
 };
 
 var ProtractedProblem = function ProtractedProblem(_ref) {
@@ -13416,10 +13686,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 = 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", {
@@ -13449,30 +13764,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(Stack, {
+    flexDirection: "row",
+    gap: "24px",
+    alignItems: "center"
   }, React__default.createElement(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(Fragment$1, 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(Typography, {
+    sx: {
+      color: styles$4.gray_300,
+      fontSize: "11px",
+      fontWeight: 500
+    }
+  }, t("protracted_problem_detail"))), isOpen ? React__default.createElement(IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(Fragment$1, null, data.length ? React__default.createElement("div", {
+    className: styles$4["tableCompareGrass"]
+  }, React__default.createElement("div", {
+    className: styles$4["table-responsive"]
+  }, React__default.createElement(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) {
@@ -13480,7 +13837,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 = useTranslation(),
     t = _useTranslation.t;
   var isOpen = openProblem === keyOpen;
@@ -13489,12 +13847,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(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(Grid, {
+        container: true,
         className: styles$4["content"],
         key: question.id
-      }, React__default.createElement("div", {
+      }, React__default.createElement(Grid, {
+        item: true,
+        xs: 1.5,
         className: styles$4["contentColumn1"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
@@ -13502,7 +13913,9 @@ var Vulnerable = function Vulnerable(_ref) {
         className: styles$4["span2"]
       }, t("number_question", {
         number: question.questionOrder + 1
-      })))), React__default.createElement("div", {
+      })))), React__default.createElement(Grid, {
+        item: true,
+        xs: 10.5,
         className: styles$4["contentColumn2"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["span1"]
@@ -13522,30 +13935,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(Stack, {
+    flexDirection: "row",
+    gap: "24px",
+    alignItems: "center"
   }, React__default.createElement(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(Fragment$1, 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(Typography, {
+    sx: {
+      color: styles$4.gray_300,
+      fontSize: "11px",
+      fontWeight: 500
+    }
+  }, t("vulnerable_detail"))), isOpen ? React__default.createElement(IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(Fragment$1, null, incorrectQuestions.length ? React__default.createElement("div", {
+    className: styles$4["tableCompareGrass"]
+  }, React__default.createElement("div", {
+    className: styles$4["table-responsive"]
+  }, React__default.createElement(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) {
@@ -13553,10 +14012,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 = 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 = {
@@ -13580,18 +14093,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);
     }
@@ -13601,9 +14114,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(IoChevronUp, {
+    size: 24,
+    color: styles$4.gray_300
+  }) : React__default.createElement(IoChevronDown, {
+    size: 24,
+    color: styles$4.gray_300
+  })), isOpen && React__default.createElement(Fragment$1, null, formattedData.length ? React__default.createElement("div", {
+    className: styles$4["tableCompareGrass"]
+  }, React__default.createElement("div", {
+    className: styles$4["table-responsive"]
+  }, React__default.createElement(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"))));
 };
@@ -13813,7 +14362,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;
@@ -13914,7 +14464,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
       fontWeight: 600,
       color: styles.gray_500
     }
-  }, t("total_students")), React__default.createElement(Typography, {
+  }, t("students")), React__default.createElement(Typography, {
     sx: {
       fontSize: "14px",
       fontWeight: 600,
@@ -13958,7 +14508,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(Grid, {
+  }, React__default.createElement(iconPrintFill, null), React__default.createElement("p", null, t("print_all"))))))), React__default.createElement(Grid, {
     item: true,
     xs: 12
   }, React__default.createElement(Box, {
@@ -13968,7 +14518,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(Stack, {
@@ -14048,16 +14598,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(Grid, {
     item: true,
@@ -14215,10 +14769,11 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     gap: "12px",
     marginTop: "24px"
   }, React__default.createElement(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,
@@ -14246,19 +14801,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,
@@ -14293,12 +14852,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";
@@ -14903,8 +15475,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(Stack, {
     display: "flex",
     flexGrow: 1,
@@ -14951,23 +15523,7 @@ var Header = function Header(_ref) {
   })), React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center"
-  }, React__default.createElement(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(Link, {
+  }, React__default.createElement(Link, {
     "aria-current": "page",
     to: homeRoute.path,
     className: "border-none"
@@ -15080,7 +15636,11 @@ var AcademyCard = function AcademyCard(_ref) {
   }), createElement(CardContent, null, createElement(Typography$1, {
     variant: "h6",
     component: "div"
-  }, academy.name)), createElement(CardActions, null, createElement(Button$1, {
+  }, academy.name)), createElement(CardActions, {
+    sx: {
+      padding: "16px"
+    }
+  }, createElement(Button$1, {
     sx: {
       bgColor: theme.palette.main_theme.dark
     },
@@ -15137,5 +15697,220 @@ var AcademyList = function AcademyList(_ref) {
   }, React__default.createElement("span", null, t("no_academy_available"), "."))))));
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AnswerCountSelector, ArticleCategorySelector, ArticleGroupView, BASE_URL, ChatContainer, ChatItemType, types as ChatTypes, CommonDialog, ConfirmDialog, index$1 as CoreHooks, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, LayoutContext, Loading, Login, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, QuestionCountSelector, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SubjectSelector, index$2 as Textbook, TextbookViewDetail as TextbookDetail, TextbookList, TheAcademyDropdown, TheLanguageDropdown, index$3 as Types, api, apiUpload, canAccess as canAccessRoute, diffFromNow, formatTime, getAcademyDomain, getAccessToken, getErrorMessage, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useGoogleSignOut, useLanguage, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, utcToLocalTime };
+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 = useState(),
+    remainTime = _useState[0],
+    setRemainTime = _useState[1];
+  var checkStatusRef = useRef(null);
+  var requestRef = useRef(null);
+  var checkLiveExamStatus = 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]);
+  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]);
+  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 = 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);
+    }
+  };
+  useEffect(function () {
+    checkExam();
+  }, [code]);
+  return {
+    isCheck: isCheck
+  };
+};
+
+var useLoadMore = function useLoadMore(props) {
+  var onLoadMore = props.onLoadMore,
+    loading = props.loading;
+  var observerTarget = useRef(null);
+  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 = useState(-1),
+    startIndex = _useState[0],
+    setStartIndex = _useState[1];
+  var _useState2 = useState(-1),
+    endIndex = _useState2[0],
+    setEndIndex = _useState2[1];
+  var containerRef = useRef(null);
+  var handleScroll = 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]);
+  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
+  };
+};
+
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AnswerCountSelector, ArticleCategorySelector, ArticleGroupView, BASE_URL, ChatContainer, ChatItemType, types as ChatTypes, CommonDialog, ConfirmDialog, index$1 as CoreHooks, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, index as Enums, ExamDetailView, ExamEvent, ExamResultV2, Header, InputText, LANGUAGES, Language, LayoutContext, Loading, Login, SignIn as LoginWithPassword, NotFound, PUSHER_CONFIG, QuestionCountSelector, Role, SUPER_ADMIN_BASE_URL, ScoreSelector, SubjectSelector, index$2 as Textbook, TextbookViewDetail as TextbookDetail, TextbookList, TheAcademyDropdown, TheLanguageDropdown, index$3 as Types, api, apiUpload, canAccess as canAccessRoute, diffFromNow, formatTime, getAcademyDomain, getAccessToken, getErrorMessage, getOrdinalSuffix, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, times as timeUtils, toISOString, useAutoAcademyDomain, useCategorySelect, useChatContainer, useCheckExam, useCountDownTimer, useGoogleSignOut, useLanguage, useLoadMore, useLogin, usePusherConversation, useSubjectSelect, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map