touchstudy-core 0.1.145 → 0.1.146

package/dist/index.js

@@ -21,12 +21,13 @@ var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
 var axios = _interopDefault(require('axios'));
-var _$5 = _interopDefault(require('lodash'));
+var _$6 = _interopDefault(require('lodash'));
 var reactGoogleLogin = require('@leecheuk/react-google-login');
 require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
-var formik = require('formik');
 var reactVirtualized = require('react-virtualized');
+var formik = require('formik');
+var styles$c = require('@mui/material/styles');
 var tinymce = _interopDefault(require('tinymce'));
 require('@wiris/mathtype-tinymce6');
 var tinymceReact = require('@tinymce/tinymce-react');
@@ -66,7 +67,6 @@ var reactHookForm = require('react-hook-form');
 var yup$1 = require('@hookform/resolvers/yup');
 var pi = require('react-icons/pi');
 var Container = _interopDefault(require('@mui/material/Container'));
-var styles$c = require('@mui/material/styles');
 var Slider = _interopDefault(require('react-slick'));
 var gr = require('react-icons/gr');
 var Popover = _interopDefault(require('@mui/material/Popover'));
@@ -821,7 +821,7 @@ var delete_users_csv = "사용자 CSV 삭제";
 var are_you_sure_to_delete_users = "사용자를 삭제하시겠습니까?";
 var enter_phone_number = "전화번호를 입력하세요";
 var enter_school_name = "학교 이름을 입력하세요";
-var enter_grade = "성적 입력 (먼저 학교 이름을 입력하세요)";
+var enter_grade = "성적 입력";
 var enter_major_name = "부서명을 입력하세요";
 var enter_parent_name = "부모 이름을 입력하세요";
 var enter_parent_phone_number = "부모 전화번호를 입력하세요";
@@ -1243,7 +1243,7 @@ var number_of_participants = "참가자 수";
 var chapter = "챕터";
 var published = "Published";
 var privated = "Privated";
-var solution_results = "버튼 텍스트";
+var solution_results = "풀이 결과";
 var do_you_want_to_reset_your_search_criteria = "검색 조건을 초기화 하시겠습니까?";
 var the_search_keywords_you_enter_will_be_saved = "입력한 검색 키워드는 저장됩니다.";
 var no_search_results = "검색 결과가 없어요.";
@@ -1423,18 +1423,48 @@ var current_correct_answer_entered = "현재 입력한 정답";
 var correct_answer_is_required = "정답은 필수입니다.";
 var cancel_2 = "취소하기";
 var article_required = "기사가 필요합니다";
-var elementary_school_1st_grade = "초등학교 1학년";
-var elementary_school_2nd_grade = "초등학교 2학년";
-var elementary_school_3rd_grade = "초등학교 3학년";
-var elementary_school_4th_grade = "초등학교 4학년";
-var elementary_school_5th_grade = "초등학교 5학년";
-var elementary_school_6th_grade = "초등학교 6학년";
-var middle_school_1st_grade = "중학교 1학년";
-var middle_school_2nd_grade = "중학교 2학년";
-var middle_school_3rd_grade = "중학교 3학년";
-var high_school_1st_grade = "고등학교 1학년";
-var high_school_2nd_grade = "고등학교 2학년";
-var high_school_3rd_grade = "고등학교 3학년";
+var elementary_school_1st_grade = "초1";
+var elementary_school_2nd_grade = "초2";
+var elementary_school_3rd_grade = "초3";
+var elementary_school_4th_grade = "초4";
+var elementary_school_5th_grade = "초5";
+var elementary_school_6th_grade = "초6";
+var middle_school_1st_grade = "중1";
+var middle_school_2nd_grade = "중2";
+var middle_school_3rd_grade = "중3";
+var high_school_1st_grade = "고1";
+var high_school_2nd_grade = "고2";
+var high_school_3rd_grade = "고3";
+var n_year_retaker = "N수생";
+var es_1st = "초1";
+var es_2nd = "초2";
+var es_3rd = "초3";
+var es_4th = "초4";
+var es_5th = "초5";
+var es_6th = "초6";
+var ms_1st = "중1";
+var ms_2nd = "중2";
+var ms_3rd = "중3";
+var hs_1st = "고1";
+var hs_2nd = "고2";
+var hs_3rd = "고3";
+var n_retaker = "N수생";
+var today_class = "오늘 수업";
+var unit_number = "대단원 {{number}}";
+var sub_unit_number = "소단원 {{number}}";
+var text_group_n = "지문 그룹 {{n}}";
+var text_detail_n = "지문 상세 {{n}}";
+var question_group_n = "문제 그룹 {{n}}";
+var placeholder_teacher_selector = "선생님을 검색하려면 최소 2글자를 입력하세요.";
+var teacher_personal_textbook = "교사의 개인 교과서";
+var textbook_owner_email_is_required = "교재 소유자의 이메일은 필수입니다";
+var invalid_textbook_owner_email_address = "유효하지 않은 교재 소유자 이메일 주소입니다";
+var textbook_owner_academy_is_required = "교재 소유자의 학원은 필수입니다";
+var textbook_owner_course_is_required = "교재 소유자의 수업은 필수입니다";
+var start_order = "주문 번호 시작";
+var student_notice_notes = "학생 공지/노트";
+var note = "메모";
+var student_parents = "학생/학부모";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2507,7 +2537,37 @@ var lang_ko = {
 	middle_school_3rd_grade: middle_school_3rd_grade,
 	high_school_1st_grade: high_school_1st_grade,
 	high_school_2nd_grade: high_school_2nd_grade,
-	high_school_3rd_grade: high_school_3rd_grade
+	high_school_3rd_grade: high_school_3rd_grade,
+	n_year_retaker: n_year_retaker,
+	es_1st: es_1st,
+	es_2nd: es_2nd,
+	es_3rd: es_3rd,
+	es_4th: es_4th,
+	es_5th: es_5th,
+	es_6th: es_6th,
+	ms_1st: ms_1st,
+	ms_2nd: ms_2nd,
+	ms_3rd: ms_3rd,
+	hs_1st: hs_1st,
+	hs_2nd: hs_2nd,
+	hs_3rd: hs_3rd,
+	n_retaker: n_retaker,
+	today_class: today_class,
+	unit_number: unit_number,
+	sub_unit_number: sub_unit_number,
+	text_group_n: text_group_n,
+	text_detail_n: text_detail_n,
+	question_group_n: question_group_n,
+	placeholder_teacher_selector: placeholder_teacher_selector,
+	teacher_personal_textbook: teacher_personal_textbook,
+	textbook_owner_email_is_required: textbook_owner_email_is_required,
+	invalid_textbook_owner_email_address: invalid_textbook_owner_email_address,
+	textbook_owner_academy_is_required: textbook_owner_academy_is_required,
+	textbook_owner_course_is_required: textbook_owner_course_is_required,
+	start_order: start_order,
+	student_notice_notes: student_notice_notes,
+	note: note,
+	student_parents: student_parents
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3011,7 +3071,7 @@ var delete_users_csv$1 = "Delete users csv";
 var are_you_sure_to_delete_users$1 = "Are you sure to delete users?";
 var enter_phone_number$1 = "Enter phone number";
 var enter_school_name$1 = "Enter school name";
-var enter_grade$1 = "Enter grade (please enter school name first)";
+var enter_grade$1 = "Enter grade";
 var enter_major_name$1 = "Enter department name";
 var enter_parent_name$1 = "Enter parent name";
 var enter_parent_phone_number$1 = "Enter parent phone number";
@@ -3603,6 +3663,36 @@ var middle_school_3rd_grade$1 = "Middle school 3rd grade";
 var high_school_1st_grade$1 = "High school 1st grade";
 var high_school_2nd_grade$1 = "High school 2nd grade";
 var high_school_3rd_grade$1 = "High school 3rd grade";
+var n_year_retaker$1 = "N-year retaker";
+var es_1st$1 = "1st ES";
+var es_2nd$1 = "2nd ES";
+var es_3rd$1 = "3rd ES";
+var es_4th$1 = "4th ES";
+var es_5th$1 = "5th ES";
+var es_6th$1 = "6th ES";
+var ms_1st$1 = "1st MS";
+var ms_2nd$1 = "2nd MS";
+var ms_3rd$1 = "3rd MS";
+var hs_1st$1 = "1st HS";
+var hs_2nd$1 = "2nd HS";
+var hs_3rd$1 = "3rd HS";
+var n_retaker$1 = "N-retaker";
+var today_class$1 = "Today's class";
+var unit_number$1 = "Unit {{number}}";
+var sub_unit_number$1 = "Sub-unit {{number}}";
+var text_group_n$1 = "Text group {{n}}";
+var text_detail_n$1 = "Text details {{n}}";
+var question_group_n$1 = "Question group {{n}}";
+var placeholder_teacher_selector$1 = "Type at least 2 characters to search teacher";
+var teacher_personal_textbook$1 = "Teacher personal textbook";
+var textbook_owner_email_is_required$1 = "Textbook owner email is required";
+var invalid_textbook_owner_email_address$1 = "Invalid textbook owner email address";
+var textbook_owner_academy_is_required$1 = "Textbook owner academy is required";
+var textbook_owner_course_is_required$1 = "Textbook owner class is required";
+var start_order$1 = "Start order number";
+var student_notice_notes$1 = "Student notice/notes";
+var note$1 = "Note";
+var student_parents$1 = "Student/Parents";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4677,7 +4767,37 @@ var lang_en = {
 	middle_school_3rd_grade: middle_school_3rd_grade$1,
 	high_school_1st_grade: high_school_1st_grade$1,
 	high_school_2nd_grade: high_school_2nd_grade$1,
-	high_school_3rd_grade: high_school_3rd_grade$1
+	high_school_3rd_grade: high_school_3rd_grade$1,
+	n_year_retaker: n_year_retaker$1,
+	es_1st: es_1st$1,
+	es_2nd: es_2nd$1,
+	es_3rd: es_3rd$1,
+	es_4th: es_4th$1,
+	es_5th: es_5th$1,
+	es_6th: es_6th$1,
+	ms_1st: ms_1st$1,
+	ms_2nd: ms_2nd$1,
+	ms_3rd: ms_3rd$1,
+	hs_1st: hs_1st$1,
+	hs_2nd: hs_2nd$1,
+	hs_3rd: hs_3rd$1,
+	n_retaker: n_retaker$1,
+	today_class: today_class$1,
+	unit_number: unit_number$1,
+	sub_unit_number: sub_unit_number$1,
+	text_group_n: text_group_n$1,
+	text_detail_n: text_detail_n$1,
+	question_group_n: question_group_n$1,
+	placeholder_teacher_selector: placeholder_teacher_selector$1,
+	teacher_personal_textbook: teacher_personal_textbook$1,
+	textbook_owner_email_is_required: textbook_owner_email_is_required$1,
+	invalid_textbook_owner_email_address: invalid_textbook_owner_email_address$1,
+	textbook_owner_academy_is_required: textbook_owner_academy_is_required$1,
+	textbook_owner_course_is_required: textbook_owner_course_is_required$1,
+	start_order: start_order$1,
+	student_notice_notes: student_notice_notes$1,
+	note: note$1,
+	student_parents: student_parents$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -4704,63 +4824,6 @@ var PrintState;
   PrintState[PrintState["Paused"] = 3] = "Paused";
 })(PrintState || (PrintState = {}));
 
-(function (PreparedType) {
-  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
-  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
-  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
-})(exports.PreparedType || (exports.PreparedType = {}));
-
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(exports.ExamEvent || (exports.ExamEvent = {}));
-
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(exports.ExamStatus || (exports.ExamStatus = {}));
-(function (QuestionAnswerType) {
-  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
-  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
-  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
-})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
-
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(exports.OrderType || (exports.OrderType = {}));
-
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(exports.RecentUserAction || (exports.RecentUserAction = {}));
-
-(function (UserSortColumn) {
-  UserSortColumn["CreatedAt"] = "CreatedAt";
-  UserSortColumn["FullName"] = "FullName";
-  UserSortColumn["PhoneNumber"] = "PhoneNumber";
-  UserSortColumn["Email"] = "Email";
-  UserSortColumn["SchoolName"] = "SchoolName";
-  UserSortColumn["Major"] = "Major";
-  UserSortColumn["ParentName"] = "ParentName";
-  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
-  UserSortColumn["Grade"] = "Grade";
-})(exports.UserSortColumn || (exports.UserSortColumn = {}));
-
-(function (SchoolType) {
-  SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
-  SchoolType[SchoolType["Middle"] = 2] = "Middle";
-  SchoolType[SchoolType["High"] = 3] = "High";
-})(exports.SchoolType || (exports.SchoolType = {}));
-
 var GOOGLE_RECAPTCHA_KEY = process.env.REACT_APP_GOOGLE_RECAPTCHA_KEY || "";
 var GOOGLE_CLIENT_ID = process.env.REACT_APP_GOOGLE_CLIENT_ID || "";
 var GOOGLE_RECAPTCHA_ID = process.env.REACT_APP_GOOGLE_RECAPTCHA_ID || "";
@@ -4829,17 +4892,7 @@ var DEFAULT_PAGING_RESPONSE = {
   totalItems: 0,
   totalPages: 0
 };
-var SCHOOL_OPTIONS = [{
-  label: "elementary_school",
-  value: exports.SchoolType.Elementary
-}, {
-  label: "middle_school",
-  value: exports.SchoolType.Middle
-}, {
-  label: "high_school",
-  value: exports.SchoolType.High
-}];
-var ELEMENTARY_GRADES = [{
+var GRADE_OPTIONS = [{
   label: "elementary_school_1st_grade",
   value: 1
 }, {
@@ -4857,26 +4910,67 @@ var ELEMENTARY_GRADES = [{
 }, {
   label: "elementary_school_6th_grade",
   value: 6
-}];
-var MIDDLE_GRADES = [{
+}, {
   label: "middle_school_1st_grade",
-  value: 1
+  value: 7
 }, {
   label: "middle_school_2nd_grade",
-  value: 2
+  value: 8
 }, {
   label: "middle_school_3rd_grade",
-  value: 3
-}];
-var HIGH_GRADES = [{
+  value: 9
+}, {
   label: "high_school_1st_grade",
-  value: 1
+  value: 10
 }, {
   label: "high_school_2nd_grade",
-  value: 2
+  value: 11
 }, {
   label: "high_school_3rd_grade",
+  value: 12
+}, {
+  label: "n_year_retaker",
+  value: 13
+}];
+var BRIEF_GRADE_OPTIONS = [{
+  label: "es_1st",
+  value: 1
+}, {
+  label: "es_2nd",
+  value: 2
+}, {
+  label: "es_3rd",
   value: 3
+}, {
+  label: "es_4th",
+  value: 4
+}, {
+  label: "es_5th",
+  value: 5
+}, {
+  label: "es_6th",
+  value: 6
+}, {
+  label: "ms_1st",
+  value: 7
+}, {
+  label: "ms_2nd",
+  value: 8
+}, {
+  label: "ms_3rd",
+  value: 9
+}, {
+  label: "hs_1st",
+  value: 10
+}, {
+  label: "hs_2nd",
+  value: 11
+}, {
+  label: "hs_3rd",
+  value: 12
+}, {
+  label: "n_retaker",
+  value: 13
 }];
 
 var utcToLocalTime = (function (time, FORMAT) {
@@ -5817,7 +5911,7 @@ var CustomCreatable = function CustomCreatable(_ref) {
   }, rest));
 };
 
-var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "optionValue"];
+var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "optionValue", "styles"];
 var CustomSelect = function CustomSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -5826,6 +5920,7 @@ var CustomSelect = function CustomSelect(_ref) {
     value = _ref.value,
     isMulti = _ref.isMulti,
     optionValue = _ref.optionValue,
+    styles = _ref.styles,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -5850,7 +5945,7 @@ var CustomSelect = function CustomSelect(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles,
+    styles: _extends({}, customStyles, styles),
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -6022,6 +6117,98 @@ function _finally(body, finalizer) {
 	return finalizer();
 }
 
+(function (PreparedType) {
+  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
+  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
+  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
+})(exports.PreparedType || (exports.PreparedType = {}));
+
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(exports.ExamEvent || (exports.ExamEvent = {}));
+
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(exports.ExamStatus || (exports.ExamStatus = {}));
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
+  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
+  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
+
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(exports.OrderType || (exports.OrderType = {}));
+
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(exports.RecentUserAction || (exports.RecentUserAction = {}));
+
+(function (UserSortColumn) {
+  UserSortColumn["CreatedAt"] = "CreatedAt";
+  UserSortColumn["FullName"] = "FullName";
+  UserSortColumn["PhoneNumber"] = "PhoneNumber";
+  UserSortColumn["Email"] = "Email";
+  UserSortColumn["SchoolName"] = "SchoolName";
+  UserSortColumn["Major"] = "Major";
+  UserSortColumn["ParentName"] = "ParentName";
+  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
+  UserSortColumn["Grade"] = "Grade";
+})(exports.UserSortColumn || (exports.UserSortColumn = {}));
+
+var NoteSortColumn;
+(function (NoteSortColumn) {
+  NoteSortColumn["Content"] = "Content";
+  NoteSortColumn["CreatedAt"] = "CreatedAt";
+  NoteSortColumn["Question"] = "Question";
+})(NoteSortColumn || (NoteSortColumn = {}));
+(function (NoteType) {
+  NoteType[NoteType["Default"] = 0] = "Default";
+  NoteType[NoteType["StudentReadable"] = 1] = "StudentReadable";
+})(exports.NoteType || (exports.NoteType = {}));
+
+var SchoolType;
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(SchoolType || (SchoolType = {}));
+var HighSchoolGrade;
+(function (HighSchoolGrade) {
+  HighSchoolGrade[HighSchoolGrade["Default"] = 0] = "Default";
+  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics1"] = 1] = "AdvancedMathematics1";
+  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics2"] = 2] = "AdvancedMathematics2";
+  HighSchoolGrade[HighSchoolGrade["Algebra"] = 3] = "Algebra";
+  HighSchoolGrade[HighSchoolGrade["Calculus1"] = 4] = "Calculus1";
+  HighSchoolGrade[HighSchoolGrade["Calculus2"] = 5] = "Calculus2";
+  HighSchoolGrade[HighSchoolGrade["ProbabilityAndStatistics"] = 6] = "ProbabilityAndStatistics";
+  HighSchoolGrade[HighSchoolGrade["Geometry"] = 7] = "Geometry";
+})(HighSchoolGrade || (HighSchoolGrade = {}));
+(function (TextbookEditorType) {
+  TextbookEditorType[TextbookEditorType["Default"] = 0] = "Default";
+  TextbookEditorType[TextbookEditorType["Korea"] = 1] = "Korea";
+  TextbookEditorType[TextbookEditorType["Math"] = 2] = "Math";
+})(exports.TextbookEditorType || (exports.TextbookEditorType = {}));
+
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(exports.SchoolType || (exports.SchoolType = {}));
+
 var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
@@ -6194,7 +6381,7 @@ var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
   return moment.utc(utcDateTime).add(diff, "days").local().weekday();
 };
 var getUtcDayOfWeek = function getUtcDayOfWeek(localDateTime, dayOfWeek) {
-  var currentDayOfWeek = _$5.cloneDeep(localDateTime).local().weekday();
+  var currentDayOfWeek = _$6.cloneDeep(localDateTime).local().weekday();
   var diff = dayOfWeek - currentDayOfWeek;
   if (diff < 0) diff += 7;
   return localDateTime.add(diff, "days").utc().weekday();
@@ -6691,7 +6878,7 @@ var useList = function useList(fetchData, defaultQuery) {
     var _paging$page, _paging$limit;
     return (((_paging$page = paging.page) != null ? _paging$page : 0) - 1) * ((_paging$limit = paging.limit) != null ? _paging$limit : 0) + index + 1;
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     var _textSearchRef$curren;
     setFilter(_extends({}, filter, {
       currentPage: 1,
@@ -7627,11 +7814,13 @@ var SearchInput = function SearchInput(_ref) {
     placeholder = _ref$placeholder === void 0 ? "Search for..." : _ref$placeholder,
     onChange = _ref.onChange,
     _ref$fit = _ref.fit,
-    fit = _ref$fit === void 0 ? true : _ref$fit;
+    fit = _ref$fit === void 0 ? true : _ref$fit,
+    sx = _ref.sx,
+    searchSx = _ref.searchSx;
   return React__default.createElement(material.Paper, {
     component: "div",
-    className: "bg-light w-100 " + (fit && "h-100"),
-    sx: {
+    className: (sx ? "" : "bg-light") + " w-100 " + (fit && "h-100"),
+    sx: _extends({
       p: "2px 4px",
       display: "flex",
       alignItems: "center",
@@ -7643,11 +7832,11 @@ var SearchInput = function SearchInput(_ref) {
           return theme.palette.primary.main;
         }
       }
-    }
+    }, sx)
   }, React__default.createElement(material.Box, {
-    sx: {
+    sx: _extends({
       p: "10px"
-    },
+    }, searchSx),
     "aria-label": "search"
   }, React__default.createElement(io5.IoSearch, {
     size: 24,
@@ -9483,7 +9672,198 @@ var ListView = function ListView(_ref) {
   }));
 };
 
-var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+var useVirtualListView = function useVirtualListView(props) {
+  var data = props.data,
+    loading = props.loading,
+    onLoadMore = props.onLoadMore;
+  var handleLoadMore = function handleLoadMore() {
+    if (loading) return;
+    onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+  };
+  var onScroll = function onScroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      clientHeight = _ref.clientHeight,
+      scrollHeight = _ref.scrollHeight;
+    if (scrollTop + clientHeight >= scrollHeight - 100) {
+      handleLoadMore();
+    }
+  };
+  var rowCount = data.length + (loading ? 1 : 0);
+  return {
+    rowCount: rowCount,
+    onScroll: onScroll
+  };
+};
+
+var cellMeasurerCache = new reactVirtualized.CellMeasurerCache({
+  fixedWidth: true,
+  defaultHeight: 50
+});
+
+var grey = {
+  0: '#FFFFFF',
+  50: "#FBFBF9",
+  100: '#EAEAE5',
+  200: '#F4F6F8',
+  300: '#D0D0C8',
+  400: '#C4CDD5',
+  500: '#9A9A98',
+  600: '#637381',
+  700: '#5D5D5B',
+  800: '#212B36',
+  900: '#363634'
+};
+var green = {
+  0: '#FFFFFF',
+  100: '#F0FFF6',
+  300: '#89F0B2',
+  500: '#3DC674',
+  700: '#349056',
+  900: '#18442A'
+};
+var main_theme = {
+  lighter: green[100],
+  light: green[300],
+  less_dark: green[500],
+  dark: green[700],
+  darker: green[900]
+};
+var primary = {
+  lighter: '#D0ECFE',
+  light: '#73BAFB',
+  main: '#1877F2',
+  dark: '#0C44AE',
+  darker: '#042174',
+  contrastText: '#FFFFFF'
+};
+var secondary = {
+  lighter: '#EFD6FF',
+  light: '#C684FF',
+  main: '#8E33FF',
+  dark: '#5119B7',
+  darker: '#27097A',
+  contrastText: '#FFFFFF'
+};
+var info = {
+  lighter: '#CAFDF5',
+  light: '#61F3F3',
+  main: '#00B8D9',
+  dark: '#006C9C',
+  darker: '#003768',
+  contrastText: '#FFFFFF'
+};
+var success = {
+  lighter: '#C8FAD6',
+  light: '#5BE49B',
+  main: '#00A76F',
+  dark: '#007867',
+  darker: '#004B50',
+  contrastText: '#FFFFFF'
+};
+var warning$1 = {
+  lighter: '#FFF5CC',
+  light: '#FFD666',
+  main: '#FFAB00',
+  dark: '#B76E00',
+  darker: '#7A4100',
+  contrastText: grey[800]
+};
+var error = {
+  lighter: '#FFE9D5',
+  light: '#FFAC82',
+  main: '#FF5630',
+  dark: '#B71D18',
+  darker: '#7A0916',
+  contrastText: '#FFFFFF'
+};
+var red = {
+  100: '#FEF8F8',
+  300: '#FEF8F8',
+  500: '#F4CACA',
+  900: '#DB4D4D'
+};
+var yellow = {
+  900: '#FEAF06'
+};
+var green_support = {
+  100: '#F6FDF7',
+  500: '#AEEAB3',
+  900: '#3ACB46'
+};
+var purple = {
+  900: '#C3099A'
+};
+var dark_purple = {
+  900: '#6B0861'
+};
+var dark_red = {
+  900: '#800202'
+};
+var common = {
+  black: '#000000',
+  white: '#FFFFFF'
+};
+var action$2 = {
+  hover: styles$c.alpha(grey[500], 0.08),
+  selected: styles$c.alpha(grey[500], 0.16),
+  disabled: styles$c.alpha(grey[500], 0.8),
+  disabledBackground: styles$c.alpha(grey[500], 0.24),
+  focus: styles$c.alpha(grey[500], 0.24),
+  hoverOpacity: 0.08,
+  disabledOpacity: 0.48
+};
+var base = {
+  primary: primary,
+  secondary: secondary,
+  info: info,
+  main_theme: main_theme,
+  success: success,
+  warning: warning$1,
+  error: error,
+  grey: grey,
+  common: common,
+  red: red,
+  yellow: yellow,
+  green_support: green_support,
+  purple: purple,
+  dark_purple: dark_purple,
+  dark_red: dark_red,
+  divider: styles$c.alpha(grey[500], 0.2),
+  action: action$2
+};
+
+var VirtualListItem = function VirtualListItem(_ref) {
+  var isLoading = _ref.isLoading,
+    rowData = _ref.rowData,
+    style = _ref.style,
+    parent = _ref.parent,
+    index = _ref.index,
+    renderItem = _ref.renderItem,
+    loadingElement = _ref.loadingElement;
+  return React__default.createElement(reactVirtualized.CellMeasurer, {
+    cache: cellMeasurerCache,
+    columnIndex: 0,
+    rowIndex: index,
+    key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
+    parent: parent
+  }, function (_ref2) {
+    var measure = _ref2.measure;
+    return React__default.createElement("div", {
+      key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
+      style: style
+    }, isLoading && !!loadingElement && loadingElement, isLoading && !loadingElement && React__default.createElement(material.Box, {
+      p: 1,
+      className: "d-flex justify-content-center align-items-center w-100"
+    }, React__default.createElement(material.CircularProgress, {
+      size: 24,
+      sx: {
+        color: grey[700]
+      }
+    })), !isLoading && renderItem(rowData, index, measure));
+  });
+};
+
+var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -9496,70 +9876,195 @@ var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
 var VirtualListView = function VirtualListView(props) {
   var data = props.data,
     containerProps = props.containerProps,
+    listHeight = props.listHeight,
+    _props$overscanRowCou = props.overscanRowCount,
+    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    loading = props.loading,
-    loadingElement = props.loadingElement,
-    listHeight = props.listHeight;
+    loadingElement = props.loadingElement;
+  var _useVirtualListView = useVirtualListView(props),
+    rowCount = _useVirtualListView.rowCount,
+    onScroll = _useVirtualListView.onScroll;
+  var rowRenderer = function rowRenderer(props) {
+    var index = props.index;
+    var isLoading = index === data.length;
+    var rowData = isLoading ? undefined : data[index];
+    return React__default.createElement(VirtualListItem, Object.assign({}, props, {
+      rowData: rowData,
+      isLoading: isLoading,
+      renderItem: renderItem,
+      loadingElement: loadingElement
+    }));
+  };
+  var noRowsRenderer = function noRowsRenderer() {
+    return React__default.createElement(VirtualEmptyItem, {
+      emptyElement: emptyElement
+    });
+  };
   return React__default.createElement(material.Box, Object.assign({}, containerProps), React__default.createElement(reactVirtualized.AutoSizer, {
     disableHeight: !!listHeight
   }, function (_ref) {
     var width = _ref.width,
       height = _ref.height;
-    return React__default.createElement(material.Box, {
+    return React__default.createElement(reactVirtualized.List, {
       width: width,
-      height: height,
-      overflow: "auto"
-    }, loading && React__default.createElement(React.Fragment, null, loadingElement != null ? loadingElement : React__default.createElement(material.Box, {
+      height: listHeight || height,
+      rowCount: rowCount,
+      rowHeight: cellMeasurerCache.rowHeight,
+      rowRenderer: rowRenderer,
+      deferredMeasurementCache: cellMeasurerCache,
+      overscanRowCount: overscanRowCount,
+      noRowsRenderer: noRowsRenderer,
+      onScroll: onScroll
+    });
+  }));
+};
+
+var cellMeasurerCache$1 = new reactVirtualized.CellMeasurerCache({
+  defaultWidth: 100,
+  defaultHeight: 50
+});
+
+var VirtualTableRowItem = function VirtualTableRowItem(_ref) {
+  var isLoading = _ref.isLoading,
+    style = _ref.style,
+    parent = _ref.parent,
+    rowIndex = _ref.rowIndex,
+    columnIndex = _ref.columnIndex,
+    renderItem = _ref.renderItem,
+    loadingElement = _ref.loadingElement,
+    cellMeasurerCache = _ref.cellMeasurerCache;
+  return React__default.createElement(reactVirtualized.CellMeasurer, {
+    cache: cellMeasurerCache,
+    columnIndex: columnIndex,
+    rowIndex: rowIndex,
+    key: rowIndex + "-" + columnIndex,
+    parent: parent
+  }, function (_ref2) {
+    var measure = _ref2.measure;
+    return React__default.createElement("div", {
+      style: style
+    }, isLoading && !!loadingElement && loadingElement, isLoading && !loadingElement && React__default.createElement(material.Box, {
       p: 1,
       className: "d-flex justify-content-center align-items-center w-100"
     }, React__default.createElement(material.CircularProgress, {
       size: 24,
       sx: {
-        color: "#5d5d5b"
+        color: grey[700]
       }
-    }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
-      emptyElement: emptyElement
-    }), !loading && !!data.length && React__default.createElement(ListView, {
-      data: data,
-      render: renderItem
-    }));
-  }));
+    })), !isLoading && renderItem(rowIndex, columnIndex, measure));
+  });
 };
+var VirtualTableRowItem$1 = React.memo(VirtualTableRowItem);
 
+var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+  var emptyElement = _ref.emptyElement;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (emptyElement) return emptyElement;
+  return React__default.createElement(material.Box, null, React__default.createElement(material.Typography, {
+    className: "text-center text-muted"
+  }, t("no_data")));
+};
+
+var useVirtualTableView = function useVirtualTableView(props) {
+  var itemsCount = props.itemsCount,
+    loading = props.loading,
+    hasHeader = props.hasHeader,
+    onLoadMore = props.onLoadMore;
+  var handleLoadMore = function handleLoadMore() {
+    if (loading) return;
+    onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+  };
+  var onScroll = function onScroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      clientHeight = _ref.clientHeight,
+      scrollHeight = _ref.scrollHeight;
+    if (scrollTop + clientHeight >= scrollHeight - 100) {
+      handleLoadMore();
+    }
+  };
+  var rowCount = React.useMemo(function () {
+    return itemsCount + (loading ? 1 : itemsCount === 1 && hasHeader ? 1 : 0);
+  }, [itemsCount, loading, hasHeader]);
+  return {
+    rowCount: rowCount,
+    onScroll: onScroll
+  };
+};
+
+var _excluded$5 = ["containerProps", "listHeight", "overscanRowCount", "overscanColumnCount", "renderItem", "emptyElement", "loadingElement", "fixedColumnCount", "fixedRowCount", "listWidth", "itemsCount", "cellCache", "columnWidth", "containerRef", "multiGridRef"];
 var VirtualTableView = function VirtualTableView(props) {
-  var data = props.data,
-    containerProps = props.containerProps,
+  var containerProps = props.containerProps,
+    listHeight = props.listHeight,
+    _props$overscanRowCou = props.overscanRowCount,
+    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
+    _props$overscanColumn = props.overscanColumnCount,
+    overscanColumnCount = _props$overscanColumn === void 0 ? 5 : _props$overscanColumn,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    columnCount = props.columnCount,
-    loading = props.loading,
-    loadingElement = props.loadingElement;
-  var containerRef = React.useRef(null);
-  var renderTableRow = function renderTableRow(_, index) {
-    return React__default.createElement(material.Stack, {
-      direction: "row"
-    }, Array.from({
-      length: columnCount
-    }, function (_, colIndex) {
-      return renderItem(index, colIndex);
+    loadingElement = props.loadingElement,
+    fixedColumnCount = props.fixedColumnCount,
+    fixedRowCount = props.fixedRowCount,
+    listWidth = props.listWidth,
+    itemsCount = props.itemsCount,
+    cellCache = props.cellCache,
+    columnWidth = props.columnWidth,
+    containerRef = props.containerRef,
+    multiGridRef = props.multiGridRef,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$5);
+  var cache = cellCache != null ? cellCache : cellMeasurerCache$1;
+  var _useVirtualTableView = useVirtualTableView(props),
+    rowCount = _useVirtualTableView.rowCount,
+    onScroll = _useVirtualTableView.onScroll;
+  var cellRenderer = function cellRenderer(props) {
+    var rowIndex = props.rowIndex,
+      columnIndex = props.columnIndex;
+    var isLoading = rowIndex === itemsCount && columnIndex === 0;
+    return React__default.createElement(VirtualTableRowItem$1, Object.assign({}, props, {
+      isLoading: isLoading,
+      renderItem: renderItem,
+      loadingElement: loadingElement,
+      cellMeasurerCache: cache
     }));
   };
+  var noRowsRenderer = function noRowsRenderer() {
+    return React__default.createElement(VirtualTableEmpty, {
+      emptyElement: emptyElement
+    });
+  };
+  var columnWidthRendered = function columnWidthRendered(params) {
+    if (typeof columnWidth === "number") return columnWidth;
+    var cw = cache.columnWidth(params);
+    if (columnWidth === undefined) return cw;
+    return columnWidth(params, cache);
+  };
   return React__default.createElement(material.Box, Object.assign({
     ref: containerRef
-  }, containerProps), loading && React__default.createElement(React.Fragment, null, loadingElement != null ? loadingElement : React__default.createElement(material.Box, {
-    p: 1,
-    className: "d-flex justify-content-center align-items-center w-100"
-  }, React__default.createElement(material.CircularProgress, {
-    size: 24,
-    sx: {
-      color: "#5d5d5b"
-    }
-  }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
-    emptyElement: emptyElement
-  }), !loading && !!data.length && React__default.createElement(ListView, {
-    data: data,
-    render: renderTableRow
+  }, containerProps), React__default.createElement(reactVirtualized.AutoSizer, {
+    disableWidth: !!listWidth,
+    disableHeight: !!listHeight
+  }, function (_ref) {
+    var width = _ref.width,
+      height = _ref.height;
+    return React__default.createElement(reactVirtualized.MultiGrid, Object.assign({
+      ref: multiGridRef,
+      fixedRowCount: fixedRowCount,
+      fixedColumnCount: fixedColumnCount,
+      cellRenderer: cellRenderer,
+      enableFixedColumnScroll: !!fixedColumnCount,
+      enableFixedRowScroll: !!fixedRowCount,
+      columnWidth: columnWidthRendered,
+      height: listHeight || height,
+      rowHeight: cache.rowHeight,
+      deferredMeasurementCache: cache,
+      rowCount: rowCount,
+      width: listWidth || width,
+      overscanRowCount: overscanRowCount,
+      overscanColumnCount: overscanColumnCount,
+      noRowsRenderer: noRowsRenderer,
+      onScroll: onScroll
+    }, rest));
   }));
 };
 
@@ -9571,6 +10076,7 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     onChange = _ref.onChange,
     initValue = _ref.initValue,
     config = _ref.config;
+  var isFirstChange = React.useRef(true);
   React.useEffect(function () {
     if (window.tinymce) {
       window.tinymce = tinymce;
@@ -9580,17 +10086,23 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     return htmlString.replace(/\s(mathcolor|mathsize|mathvariant|mathvariant|color|fontsize|style)="[^"]*"/g, "");
   };
   var handleChange = function handleChange(value, _) {
+    if (isFirstChange.current) {
+      isFirstChange.current = false;
+      return;
+    }
     var textFilter = removeMathAttributes(value);
     onChange(textFilter);
   };
   var options = {
-    height: 130,
+    height: 100,
+    statusbar: false,
     menubar: false,
     external_plugins: {
       tiny_mce_wiris: '/editor/wiris-for-tinymce.js'
     },
     toolbar: "tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry",
     branding: false,
+    resize: false,
     extended_valid_elements: '*[.*]'
   };
   return React__default.createElement(tinymceReact.Editor, {
@@ -10225,6 +10737,8 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
   var _useState5 = React.useState(false),
     refreshReCaptcha = _useState5[0],
     setRefreshReCaptcha = _useState5[1];
+  var passwordRef = React.useRef(null);
+  var submitBtnRef = React.useRef(null);
   var dispatch = reactRedux.useDispatch();
   var handleClickShowPassword = function handleClickShowPassword() {
     setShowPassword(!showPassword);
@@ -10282,6 +10796,18 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
       return Promise.reject(e);
     }
   };
+  var handlePhoneKeyDown = function handlePhoneKeyDown(e) {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      if (passwordRef.current) passwordRef.current.focus();
+    }
+  };
+  var handlePasswordKeyDown = function handlePasswordKeyDown(e) {
+    if (e.key === 'Enter' && tokenReCaptcha && password.trim() && phoneNumber.trim()) {
+      e.preventDefault();
+      if (submitBtnRef.current) submitBtnRef.current.click();
+    }
+  };
   return {
     t: t,
     showPassword: showPassword,
@@ -10289,6 +10815,10 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
     tokenReCaptcha: tokenReCaptcha,
     phoneNumber: phoneNumber,
     password: password,
+    passwordRef: passwordRef,
+    submitBtnRef: submitBtnRef,
+    handlePasswordKeyDown: handlePasswordKeyDown,
+    handlePhoneKeyDown: handlePhoneKeyDown,
     handleChangePassword: handleChangePassword,
     handlePhoneNumberChange: handlePhoneNumberChange,
     handleLoginPhoneNumber: handleLoginPhoneNumber,
@@ -10305,6 +10835,10 @@ var LoginPhone = function LoginPhone(props) {
     tokenReCaptcha = _useLoginPhoneNumber.tokenReCaptcha,
     phoneNumber = _useLoginPhoneNumber.phoneNumber,
     password = _useLoginPhoneNumber.password,
+    passwordRef = _useLoginPhoneNumber.passwordRef,
+    submitBtnRef = _useLoginPhoneNumber.submitBtnRef,
+    handlePasswordKeyDown = _useLoginPhoneNumber.handlePasswordKeyDown,
+    handlePhoneKeyDown = _useLoginPhoneNumber.handlePhoneKeyDown,
     handleChangePassword = _useLoginPhoneNumber.handleChangePassword,
     handlePhoneNumberChange = _useLoginPhoneNumber.handlePhoneNumberChange,
     handleLoginPhoneNumber = _useLoginPhoneNumber.handleLoginPhoneNumber,
@@ -10338,8 +10872,10 @@ var LoginPhone = function LoginPhone(props) {
     id: "phone_new_xs",
     name: "phone_new_xs",
     value: phoneNumber,
-    onChange: handlePhoneNumberChange
+    onChange: handlePhoneNumberChange,
+    onKeyDown: handlePhoneKeyDown
   }), React__default.createElement(material.TextField, {
+    inputRef: passwordRef,
     label: t("password"),
     type: showPassword ? "text" : "password",
     fullWidth: true,
@@ -10366,12 +10902,14 @@ var LoginPhone = function LoginPhone(props) {
     size: "small",
     value: password,
     onChange: handleChangePassword,
+    onKeyDown: handlePasswordKeyDown,
     InputLabelProps: {
       style: {
         color: "#349056"
       }
     }
   }), React__default.createElement(material.Button, {
+    ref: submitBtnRef,
     variant: "outlined",
     sx: {
       color: "#349056"
@@ -10755,13 +11293,6 @@ var useLogin$1 = function useLogin(_ref) {
                 var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain) || !!(user !== null && user !== void 0 && user.isLearningSpace);
                 var needToRegister = isFirstLogin && isAcademy;
                 var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
-                console.log({
-                  isFirstLogin: isFirstLogin,
-                  isAcademy: isAcademy,
-                  token: token,
-                  user: user,
-                  redirectUrl: redirectUrl
-                });
                 handleSwitchOTP(false);
                 redirectLoginUser(_extends({}, user, {
                   isNotEnoughStatements: isFirstLogin
@@ -11114,10 +11645,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$5 = ["history"];
+var _excluded$6 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -12091,11 +12622,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$6 = ["teachers", "value"];
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -12160,7 +12691,7 @@ var ClassForm = function ClassForm(_ref) {
   };
   var handleDeleteWeeklyDays = function handleDeleteWeeklyDays(currentValue) {
     if (formikProp.values.courseWeeklyDays.length <= 1) return;
-    var courseWeeklyDays = _$5.cloneDeep(formikProp.values.courseWeeklyDays);
+    var courseWeeklyDays = _$6.cloneDeep(formikProp.values.courseWeeklyDays);
     var newValues = courseWeeklyDays.filter(function (i) {
       var _i$startTime, _currentValue$startTi, _i$endTime, _currentValue$endTime;
       return i.dayOfWeek !== currentValue.dayOfWeek || ((_i$startTime = i.startTime) === null || _i$startTime === void 0 ? void 0 : _i$startTime.format("HH:mm:ss")) !== ((_currentValue$startTi = currentValue.startTime) === null || _currentValue$startTi === void 0 ? void 0 : _currentValue$startTi.format("HH:mm:ss")) || ((_i$endTime = i.endTime) === null || _i$endTime === void 0 ? void 0 : _i$endTime.format("HH:mm:ss")) !== ((_currentValue$endTime = currentValue.endTime) === null || _currentValue$endTime === void 0 ? void 0 : _currentValue$endTime.format("HH:mm:ss"));
@@ -12196,7 +12727,7 @@ var ClassForm = function ClassForm(_ref) {
   var handleChangeWeeklyDayTime = function handleChangeWeeklyDayTime(key, newValue, currentValue) {
     var _extends2;
     var time = newValue === null || newValue === void 0 ? void 0 : newValue.local();
-    var courseWeeklyDays = _$5.cloneDeep(formikProp.values.courseWeeklyDays);
+    var courseWeeklyDays = _$6.cloneDeep(formikProp.values.courseWeeklyDays);
     var currentIndex = courseWeeklyDays.findIndex(function (i) {
       var _i$startTime2, _currentValue$startTi2, _i$endTime2, _currentValue$endTime2;
       return i.dayOfWeek === currentValue.dayOfWeek && ((_i$startTime2 = i.startTime) === null || _i$startTime2 === void 0 ? void 0 : _i$startTime2.format("HH:mm:ss")) === ((_currentValue$startTi2 = currentValue.startTime) === null || _currentValue$startTi2 === void 0 ? void 0 : _currentValue$startTi2.format("HH:mm:ss")) && ((_i$endTime2 = i.endTime) === null || _i$endTime2 === void 0 ? void 0 : _i$endTime2.format("HH:mm:ss")) === ((_currentValue$endTime2 = currentValue.endTime) === null || _currentValue$endTime2 === void 0 ? void 0 : _currentValue$endTime2.format("HH:mm:ss"));
@@ -12231,11 +12762,11 @@ var ClassForm = function ClassForm(_ref) {
   }, [JSON.stringify(data)]);
   var minDate = React.useMemo(function () {
     if (!formikProp.values.startDate) return undefined;
-    return _$5.cloneDeep(formikProp.values.startDate).add(1, "days");
+    return _$6.cloneDeep(formikProp.values.startDate).add(1, "days");
   }, [formikProp.values.startDate]);
   var maxDate = React.useMemo(function () {
     if (!formikProp.values.endDate) return undefined;
-    return _$5.cloneDeep(formikProp.values.endDate).add(1, "days");
+    return _$6.cloneDeep(formikProp.values.endDate).add(1, "days");
   }, [formikProp.values.endDate]);
   var WeeklyDayErrors = formikProp.touched.courseWeeklyDays && formikProp.errors.courseWeeklyDays && React__default.createElement("div", {
     className: "mt-1"
@@ -12252,7 +12783,7 @@ var ClassForm = function ClassForm(_ref) {
     });
   }, [JSON.stringify(formikProp.values.courseWeeklyDays)]);
   var courseWeeklyDays = React.useMemo(function () {
-    return _$5.sortBy(formikProp.values.courseWeeklyDays, ["dayOfWeek"]);
+    return _$6.sortBy(formikProp.values.courseWeeklyDays, ["dayOfWeek"]);
   }, [JSON.stringify(formikProp.values.courseWeeklyDays)]);
   return React__default.createElement("div", {
     className: "d-flex flex-column"
@@ -12403,7 +12934,7 @@ var ClassForm = function ClassForm(_ref) {
       value: v.startTime,
       format: "HH:mm",
       open: open === index + "-startTime",
-      maxTime: v.endTime ? _$5.cloneDeep(v.endTime).add(-1, "minutes") : undefined,
+      maxTime: v.endTime ? _$6.cloneDeep(v.endTime).add(-1, "minutes") : undefined,
       onAccept: function onAccept(newValue) {
         return handleChangeWeeklyDayTime("startTime", newValue, v);
       },
@@ -12433,7 +12964,7 @@ var ClassForm = function ClassForm(_ref) {
       components: ["TimePicker"]
     }, React__default.createElement(xDatePickers.TimePicker, {
       value: v.endTime,
-      minTime: v.startTime ? (_$cloneDeep = _$5.cloneDeep(v.startTime)) === null || _$cloneDeep === void 0 ? void 0 : _$cloneDeep.add(1, "minutes") : undefined,
+      minTime: v.startTime ? (_$cloneDeep = _$6.cloneDeep(v.startTime)) === null || _$cloneDeep === void 0 ? void 0 : _$cloneDeep.add(1, "minutes") : undefined,
       format: "HH:mm",
       open: open === index + "-endTime",
       onAccept: function onAccept(newValue) {
@@ -13058,7 +13589,7 @@ var useStudentClassList = function useStudentClassList(courseId) {
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -13194,7 +13725,7 @@ var useTeacherClassList = function useTeacherClassList(courseId) {
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -13387,7 +13918,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$7 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13438,7 +13969,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$7);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -13502,7 +14033,7 @@ var useClassDetail = function useClassDetail(_ref) {
     });
   }, [JSON.stringify(course)]);
   var convertToRequestBody = function convertToRequestBody(request) {
-    var localStartDate = _$5.cloneDeep(request.startDate);
+    var localStartDate = _$6.cloneDeep(request.startDate);
     return _extends({}, request, {
       startDate: request.startDate.utc().format(DATE_TIME_FORMAT),
       endDate: request.endDate.utc().format(DATE_TIME_FORMAT),
@@ -13751,13 +14282,13 @@ var useClassDetail = function useClassDetail(_ref) {
     });
     if (event.target.checked) {
       setSelected(function (prev) {
-        return _$5.uniq([].concat(prev, newSelected));
+        return _$6.uniq([].concat(prev, newSelected));
       });
       return;
     }
-    setSelected(_$5.difference(selected, newSelected));
+    setSelected(_$6.difference(selected, newSelected));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -13775,7 +14306,7 @@ var useClassDetail = function useClassDetail(_ref) {
     }) : userList.map(function (n) {
       return n.teacherId;
     });
-    var checkLength = _$5.intersection(selected, newSelected).length;
+    var checkLength = _$6.intersection(selected, newSelected).length;
     return checkLength === userLength;
   };
   var handleClear = function handleClear() {
@@ -13810,7 +14341,7 @@ var useClassDetail = function useClassDetail(_ref) {
     }));
     setSelected([]);
   };
-  var debounceSort = _$5.debounce(handleSort, 300);
+  var debounceSort = _$6.debounce(handleSort, 300);
   var handleChangePage = function handleChangePage(_, page) {
     setFilter(_extends({}, filter, {
       currentPage: page
@@ -13888,8 +14419,8 @@ var LessonFormBody = function LessonFormBody(_ref) {
   React.useEffect(function () {
     if (open && data) formikProp.setValues(data);else formikProp.setValues(DEFAULT_LESSON_REQUEST);
   }, [open, JSON.stringify(data)]);
-  var maxTime = formikProp.values.endTime ? _$5.cloneDeep(formikProp.values.endTime).add(-1, "minutes") : undefined;
-  var minTime = formikProp.values.startTime ? _$5.cloneDeep(formikProp.values.startTime).add(1, "minutes") : undefined;
+  var maxTime = formikProp.values.endTime ? _$6.cloneDeep(formikProp.values.endTime).add(-1, "minutes") : undefined;
+  var minTime = formikProp.values.startTime ? _$6.cloneDeep(formikProp.values.startTime).add(1, "minutes") : undefined;
   return React__default.createElement(React.Fragment, null, React__default.createElement(material.DialogContent, {
     sx: {
       overflowY: "unset"
@@ -14188,12 +14719,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$8 = ["children", "value", "index"];
+var _excluded$9 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$8);
+    other = _objectWithoutPropertiesLoose(props, _excluded$9);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -14469,7 +15000,7 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setClassFilter(_extends({}, classFilter, {
       currentPage: 1
     }));
@@ -16912,13 +17443,6 @@ var PrintState$1;
   PrintState[PrintState["Printed"] = 3] = "Printed";
 })(PrintState$1 || (PrintState$1 = {}));
 
-var NoteSortColumn;
-(function (NoteSortColumn) {
-  NoteSortColumn["Content"] = "Content";
-  NoteSortColumn["CreatedAt"] = "CreatedAt";
-  NoteSortColumn["Question"] = "Question";
-})(NoteSortColumn || (NoteSortColumn = {}));
-
 var DEFAULT_NOTE_FILTER = {
   sortColumnDirection: exports.OrderType.DESC,
   sortColumnName: NoteSortColumn.CreatedAt,
@@ -19154,6 +19678,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
   var open = _ref.open,
     studentName = _ref.studentName,
     selectedNote = _ref.selectedNote,
+    tip = _ref.tip,
     onClose = _ref.onClose,
     onSaveNote = _ref.onSaveNote;
   var _useTranslation = reactI18next.useTranslation(),
@@ -19197,7 +19722,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
     fontSize: "16px",
     lineHeight: "19.09px",
     color: "#202B37"
-  }, t(selectedNote ? "edit_student_note" : "student_note_taking"))), React__default.createElement(IconButton, {
+  }, t(selectedNote ? "edit_student_note" : "student_note_taking"), tip)), React__default.createElement(IconButton, {
     "aria-label": "close",
     sx: {
       position: "absolute",
@@ -19563,15 +20088,13 @@ var useNotes = function useNotes(setFilter, filter) {
       }
       setLoadingNotes(true);
       var _temp = _catch(function () {
-        return Promise.resolve(getNotesApi(_extends({}, filter, {
-          currentPage: -1
-        }))).then(function (res) {
+        return Promise.resolve(getNotesApi(filter)).then(function (res) {
           var data = res.data;
           setTotalPages((data === null || data === void 0 ? void 0 : data.totalPages) || 0);
           var items = (data === null || data === void 0 ? void 0 : data.items) || [];
           var newNotes = items;
           if (filter !== null && filter !== void 0 && filter.currentPage && (filter === null || filter === void 0 ? void 0 : filter.currentPage) > 1) {
-            newNotes = [].concat(_$5.uniqBy([].concat(notes, items), "id"));
+            newNotes = [].concat(_$6.uniqBy([].concat(notes, items), "id"));
           }
           setNotes(newNotes);
         });
@@ -19594,7 +20117,7 @@ var useNotes = function useNotes(setFilter, filter) {
     });
   }, [filter === null || filter === void 0 ? void 0 : filter.currentPage, totalPages]);
   var handleNoteAdded = function handleNoteAdded(note) {
-    var newNotes = [].concat(_$5.uniqBy([note].concat(notes), "id"));
+    var newNotes = [].concat(_$6.uniqBy([note].concat(notes), "id"));
     setNotes(newNotes);
   };
   var handleNoteUpdated = function handleNoteUpdated(note) {
@@ -19625,20 +20148,30 @@ var useNotes = function useNotes(setFilter, filter) {
 };
 
 var NoteItem = function NoteItem(_ref) {
+  var _user$roles;
   var data = _ref.data,
     openTooltip = _ref.openTooltip,
     actions = _ref.actions,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "bottom-end" : _ref$placement,
     onClose = _ref.onClose,
-    onOpen = _ref.onOpen;
+    onOpen = _ref.onOpen,
+    onLoad = _ref.onLoad;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isAdmin = !!user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin));
   var handleMoreClick = function handleMoreClick(e) {
     e.preventDefault();
     e.stopPropagation();
     onOpen(data);
   };
+  React.useEffect(function () {
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+  }, []);
   return React__default.createElement(material.Box, Object.assign({}, NoteItemStyles.root), React__default.createElement(material.Stack, {
     direction: "row",
     gap: 1,
@@ -19653,7 +20186,7 @@ var NoteItem = function NoteItem(_ref) {
     gap: 1
   }, React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.left), data.examSessionId ? t("article") + " " + data.articleNumber : "" + data.fullName), React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.middle), data.examSessionId ? "" + t("number_question", {
     number: (data.questionOrder || 0) + 1
-  }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.contentText), data.content)), React__default.createElement(material.Box, null, React__default.createElement(material.ClickAwayListener, {
+  }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.contentText), data.content)), React__default.createElement(material.Box, null, (isAdmin || data.isOwned) && React__default.createElement(material.ClickAwayListener, {
     onClickAway: onClose
   }, React__default.createElement(material.Box, null, React__default.createElement(CustomTooltip, {
     onClose: onClose,
@@ -19686,7 +20219,7 @@ var NotesContainer = function NotesContainer(_ref) {
     itemActions = _ref.itemActions,
     noteIdContextMenu = _ref.noteIdContextMenu,
     containerListProps = _ref.containerListProps;
-  var renderItem = function renderItem(item, _) {
+  var renderItem = function renderItem(item, _, measure) {
     var isSelected = noteIdContextMenu === item.id;
     return React__default.createElement(material.Box, {
       key: item.id,
@@ -19697,7 +20230,8 @@ var NotesContainer = function NotesContainer(_ref) {
       openTooltip: isSelected,
       actions: itemActions,
       onOpen: onOpenTooltip,
-      onClose: onCloseTooltip
+      onClose: onCloseTooltip,
+      onLoad: measure
     }));
   };
   return React__default.createElement(VirtualListView, {
@@ -20050,7 +20584,7 @@ var useExamResultData = function useExamResultData(props) {
           topAnswerOrder: i.topAnswerOrder == null ? 0 : i.topAnswerOrder
         });
       });
-      var sortedMySeriesQuestionData = _$5.sortBy(questionsData.filter(function (i) {
+      var sortedMySeriesQuestionData = _$6.sortBy(questionsData.filter(function (i) {
         return i.answerOrder !== 0;
       }), ["answerOrder", "questionOrder"]);
       var mySeriesData = [null].concat(sortedMySeriesQuestionData.map(function (item) {
@@ -20060,7 +20594,7 @@ var useExamResultData = function useExamResultData(props) {
       }).map(function () {
         return null;
       }), [null]);
-      var sortedTopSeriesQuestionData = _$5.sortBy(questionsData.filter(function (i) {
+      var sortedTopSeriesQuestionData = _$6.sortBy(questionsData.filter(function (i) {
         return i.topAnswerOrder !== 0;
       }), ["topAnswerOrder", "questionOrder"]);
       var topSeriesData = [null].concat(sortedTopSeriesQuestionData.map(function (item) {
@@ -21535,14 +22069,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$5 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$9 = ["text", "isRequired", "className"];
+var _excluded$a = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   return React__default.createElement(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21596,7 +22130,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$a = ["ref"],
+var _excluded$b = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -21626,7 +22160,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$a);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -21671,24 +22205,11 @@ var UserDialog = function UserDialog(_ref) {
     setDefaultPassCodeChanged = _useState8[1];
   var theme = material.useTheme();
   var gradeOptions = React.useMemo(function () {
-    var _watch;
-    var schoolName = (_watch = watch("schoolName")) === null || _watch === void 0 ? void 0 : _watch.trim();
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("middle_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("중학교")) return MIDDLE_GRADES.map(function (i) {
+    return [].concat(GRADE_OPTIONS.map(function (i) {
       return _extends({}, i, {
         label: typeof i.label === "string" ? t(i.label) : i.label
       });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("high_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("고등학교")) return HIGH_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: t(i.label)
-      });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("elementary_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("초등학교")) return ELEMENTARY_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: typeof i.label === "string" ? t(i.label) : i.label
-      });
-    });
-    return [];
+    }));
   }, [t, watch("schoolName")]);
   var handleChangeRole = function handleChangeRole(role) {
     setRoles([role]);
@@ -22329,7 +22850,7 @@ var useUserList = function useUserList(role) {
       currentPage: 1
     }));
   };
-  var debounceSort = _$5.debounce(handleSort, 300);
+  var debounceSort = _$6.debounce(handleSort, 300);
   var getUserById = function getUserById(id) {
     try {
       var _temp8 = function _temp8() {
@@ -22487,7 +23008,7 @@ var useUserList = function useUserList(role) {
       return Promise.reject(e);
     }
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -23743,8 +24264,8 @@ var useExamDetailView = function useExamDetailView(props) {
   var handleAddArticle = function handleAddArticle() {
     var _$maxBy, _$maxBy2;
     if (!exam) return;
-    var maxArticle = ((_$maxBy = _$5.maxBy(exam.questions, "article")) === null || _$maxBy === void 0 ? void 0 : _$maxBy.article) || 0;
-    var maxOrder = ((_$maxBy2 = _$5.maxBy(exam.questions, "questionOrder")) === null || _$maxBy2 === void 0 ? void 0 : _$maxBy2.questionOrder) || 0;
+    var maxArticle = ((_$maxBy = _$6.maxBy(exam.questions, "article")) === null || _$maxBy === void 0 ? void 0 : _$maxBy.article) || 0;
+    var maxOrder = ((_$maxBy2 = _$6.maxBy(exam.questions, "questionOrder")) === null || _$maxBy2 === void 0 ? void 0 : _$maxBy2.questionOrder) || 0;
     onChangeExam(_extends({}, exam, {
       questions: [].concat(exam.questions, [{
         questionAnswerType: exports.QuestionAnswerType.SingleChoice,
@@ -23792,7 +24313,7 @@ var useExamDetailView = function useExamDetailView(props) {
   var examGroupByArticle = React.useMemo(function () {
     if (!exam) return [];
     var articles = [];
-    var groupedArticle = _$5.groupBy(exam.questions, "article");
+    var groupedArticle = _$6.groupBy(exam.questions, "article");
     for (var key in groupedArticle) {
       if (Object.prototype.hasOwnProperty.call(groupedArticle, key)) {
         var _questions$find, _$maxBy3;
@@ -23802,13 +24323,13 @@ var useExamDetailView = function useExamDetailView(props) {
           categoryId: (_questions$find = questions.find(function (i) {
             return !!i.categoryId;
           })) === null || _questions$find === void 0 ? void 0 : _questions$find.categoryId,
-          answerCount: ((_$maxBy3 = _$5.maxBy(questions, "numberOfAnswers")) === null || _$maxBy3 === void 0 ? void 0 : _$maxBy3.numberOfAnswers) || DEFAULT_ANSWER_COUNT,
+          answerCount: ((_$maxBy3 = _$6.maxBy(questions, "numberOfAnswers")) === null || _$maxBy3 === void 0 ? void 0 : _$maxBy3.numberOfAnswers) || DEFAULT_ANSWER_COUNT,
           questionCount: questions.length,
           questions: questions
         });
       }
     }
-    return _$5.sortBy(articles, "article");
+    return _$6.sortBy(articles, "article");
   }, [JSON.stringify(exam)]);
   var durationOptions = React.useMemo(function () {
     var options = DURATION_OPTIONS.map(function (i) {
@@ -25617,12 +26138,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$7 = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$b = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$c = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$b);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -25870,9 +26391,11 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
 
 var PAGE_TITLE$7 = "textbooks";
 var useTextbookList = function useTextbookList(props) {
+  var _user$roles, _user$roles2;
   var onNavigateCreate = props.onNavigateCreate,
     onNavigateDetail = props.onNavigateDetail,
-    isSuperAdmin = props.isSuperAdmin;
+    isSuperAdmin = props.isSuperAdmin,
+    role = props.role;
   var _useList = useList(function (search) {
       return getTextbookListApi(search, isSuperAdmin);
     }, TextbookDefaultQuery),
@@ -25887,14 +26410,21 @@ var useTextbookList = function useTextbookList(props) {
     calcOrderNumber = _useList.calcOrderNumber,
     handleChangeSelectedItem = _useList.handleChangeSelectedItem,
     getData = _useList.getData;
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isTeacherSite = role === exports.Role.Teacher;
+  var isAdmin = !!user && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin));
+  var isTeacher = !!user && ((_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(exports.Role.Teacher)) && !isAdmin;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var dispatch = reactRedux.useDispatch();
   var handleViewTextbook = function handleViewTextbook(data) {
-    onNavigateDetail(data, true, true);
+    onNavigateDetail(data, true, false);
   };
   var handleUpdateTextbook = function handleUpdateTextbook(data) {
-    onNavigateDetail(data, false, true);
+    onNavigateDetail(data, false, false);
   };
   var handleCreateTextbook = function handleCreateTextbook() {
     onNavigateCreate === null || onNavigateCreate === void 0 ? void 0 : onNavigateCreate();
@@ -25930,6 +26460,9 @@ var useTextbookList = function useTextbookList(props) {
     document.title = t("study_peak") + " | " + t(PAGE_TITLE$7);
   }, [t]);
   return {
+    user: user,
+    isTeacherSite: isTeacherSite,
+    isTeacher: isTeacher,
     filter: filter,
     textSearchRef: textSearchRef,
     getData: getData,
@@ -26168,8 +26701,6 @@ var useTextbookShare = function useTextbookShare(props) {
   });
   var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(exports.Role.Admin));
   var isAdminSite = role === exports.Role.Admin;
-  var onAcademy = !!infoUser.academyDomain;
-  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
   React.useEffect(function () {
     if (!isUpdate) {
       filterTeacherNotShared(currentModel);
@@ -26219,11 +26750,11 @@ var useTextbookShare = function useTextbookShare(props) {
     });
     if (event.target.checked) {
       setSelectedShare(function (prev) {
-        return _$5.uniq([].concat(prev, newSelected));
+        return _$6.uniq([].concat(prev, newSelected));
       });
       return;
     }
-    setSelectedShare(_$5.difference(selectedShare, newSelected));
+    setSelectedShare(_$6.difference(selectedShare, newSelected));
   };
   var isCheckAllShare = function isCheckAllShare(userLength) {
     var newSelected = isUpdate ? shared.map(function (n) {
@@ -26231,7 +26762,7 @@ var useTextbookShare = function useTextbookShare(props) {
     }) : notShared.map(function (n) {
       return n.id;
     });
-    var checkLength = _$5.intersection(selectedShare, newSelected).length;
+    var checkLength = _$6.intersection(selectedShare, newSelected).length;
     return checkLength === userLength;
   };
   var handleClickCheckboxShare = function handleClickCheckboxShare(id) {
@@ -26260,12 +26791,6 @@ var useTextbookShare = function useTextbookShare(props) {
     });
     setShared(existsTeachers);
   };
-  var enabledSave = function enabledSave(textbook) {
-    return onAcademy && (isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && textbook.isShared && textbook.createdBy.id === infoUser.id);
-  };
-  var enabledShare = function enabledShare(textbook) {
-    return textbook.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && textbook.createdBy.id === infoUser.id);
-  };
   var handleShareTextbook = function handleShareTextbook(teacherIds, textbookId) {
     try {
       var _temp2 = function _temp2() {
@@ -26342,19 +26867,117 @@ var useTextbookShare = function useTextbookShare(props) {
     isUpdate: isUpdate,
     handleUpdateSharedTextbook: handleUpdateSharedTextbook,
     currentModel: currentModel,
-    enabledSave: enabledSave,
-    enabledShare: enabledShare,
     isAdmin: isAdmin,
     isAdminSite: isAdminSite
   };
 };
 
+var TextbookRow = function TextbookRow(_ref) {
+  var _infoUser$roles, _infoUser$roles2, _data$createdBy, _data$textbookOwners, _data$createdBy2, _data$createdBy3;
+  var index = _ref.index,
+    data = _ref.data,
+    role = _ref.role,
+    isSuperAdmin = _ref.isSuperAdmin,
+    calcOrderNumber = _ref.calcOrderNumber,
+    onUpdateTextbook = _ref.onUpdateTextbook,
+    onDeleteTextbook = _ref.onDeleteTextbook,
+    onViewTextbook = _ref.onViewTextbook,
+    onShareTextbook = _ref.onShareTextbook,
+    onUpdateShareTextbook = _ref.onUpdateShareTextbook;
+  var infoUser = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return (state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user) || {};
+  });
+  var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(exports.Role.Admin));
+  var isTeacherSite = role === exports.Role.Teacher;
+  var isTeacher = !!infoUser && ((_infoUser$roles2 = infoUser.roles) === null || _infoUser$roles2 === void 0 ? void 0 : _infoUser$roles2.includes(exports.Role.Teacher)) && !isAdmin;
+  var isAdminSite = role === exports.Role.Admin;
+  var onAcademy = !!infoUser.academyDomain;
+  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
+  var academy = reactRedux.useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.academy;
+  });
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isEditable = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
+    var _infoUser$email, _infoUser$email$trim;
+    return (i === null || i === void 0 ? void 0 : i.email.trim().toUpperCase()) === (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$email = infoUser.email) === null || _infoUser$email === void 0 ? void 0 : (_infoUser$email$trim = _infoUser$email.trim()) === null || _infoUser$email$trim === void 0 ? void 0 : _infoUser$email$trim.toUpperCase()) && (i === null || i === void 0 ? void 0 : i.academyId) === (academy === null || academy === void 0 ? void 0 : academy.id);
+  })));
+  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id);
+  var isSharable = !data.isPublic && data.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && data.createdBy.id === infoUser.id);
+  var handleUpdateTextbook = function handleUpdateTextbook() {
+    onUpdateTextbook(data);
+  };
+  var handleDeleteTextbook = function handleDeleteTextbook() {
+    onDeleteTextbook(data);
+  };
+  var handleViewTextbook = function handleViewTextbook() {
+    onViewTextbook(data);
+  };
+  var handleShareTextbook = function handleShareTextbook() {
+    onShareTextbook(data);
+  };
+  var handleUpdateShareTextbook = function handleUpdateShareTextbook() {
+    onUpdateShareTextbook(data);
+  };
+  return React__default.createElement(material.TableRow, {
+    key: data.id
+  }, React__default.createElement(material.TableCell, null, calcOrderNumber(index)), React__default.createElement(material.TableCell, null, data.name), React__default.createElement(material.TableCell, null, data.subject.name), React__default.createElement(material.TableCell, null, utcToLocalTime(data.createdAt, t("date_format"))), React__default.createElement(material.TableCell, null, data.totalChapters), isTeacher && isTeacherSite && React__default.createElement(material.TableCell, null, (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_data$createdBy3 = data.createdBy) === null || _data$createdBy3 === void 0 ? void 0 : _data$createdBy3.id) && data.isShared && React__default.createElement(fa.FaCheckCircle, {
+    color: green[700]
+  })), React__default.createElement(material.TableCell, null, !data.isPublic && data.sharedUsers.map(function (email, index) {
+    return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", data.sharedUsers.length - 2, ")") : React__default.createElement("div", {
+      key: index
+    }, email.toLowerCase());
+  })), React__default.createElement(material.TableCell, null, React__default.createElement(material.Stack, {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, React__default.createElement(material.IconButton, {
+    color: "default",
+    className: (!isEditable ? "bg-secondary" : "bg-warning") + " text-white",
+    onClick: handleUpdateTextbook,
+    disabled: !isEditable
+  }, React__default.createElement(fa6.FaPencil, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    color: "default",
+    className: "bg-primary text-white",
+    onClick: handleViewTextbook
+  }, React__default.createElement(fa.FaEye, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-info") + " text-white me-1",
+    onClick: handleShareTextbook
+  }, React__default.createElement(fa.FaShare, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-success") + " text-white me-1",
+    onClick: handleUpdateShareTextbook
+  }, React__default.createElement(fa.FaExchangeAlt, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    color: "default",
+    className: (!isDeleteAble ? "bg-secondary" : "bg-danger") + " text-white mr-1",
+    onClick: handleDeleteTextbook,
+    disabled: !isDeleteAble
+  }, React__default.createElement(fa.FaTrash, {
+    size: 12
+  })))));
+};
+
 var TextbookList = function TextbookList(props) {
   var _props$createable = props.createable,
-    createable = _props$createable === void 0 ? true : _props$createable;
+    createable = _props$createable === void 0 ? true : _props$createable,
+    isSuperAdmin = props.isSuperAdmin,
+    role = props.role;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useTextbookList = useTextbookList(props),
+    isTeacherSite = _useTextbookList.isTeacherSite,
+    isTeacher = _useTextbookList.isTeacher,
     filter = _useTextbookList.filter,
     textbooks = _useTextbookList.textbooks,
     paging = _useTextbookList.paging,
@@ -26396,9 +27019,14 @@ var TextbookList = function TextbookList(props) {
     handleOpenUpdateShareDialog = _useTextbookShare.handleOpenUpdateShareDialog,
     isUpdate = _useTextbookShare.isUpdate,
     handleUpdateSharedTextbook = _useTextbookShare.handleUpdateSharedTextbook,
-    currentModel = _useTextbookShare.currentModel,
-    enabledSave = _useTextbookShare.enabledSave,
-    enabledShare = _useTextbookShare.enabledShare;
+    currentModel = _useTextbookShare.currentModel;
+  var textbookHeaders = React.useMemo(function () {
+    var headers = _$6.clone(TEXTBOOK_HEADERS);
+    if (isTeacher && isTeacherSite) headers.splice(5, 0, {
+      title: "teacher_personal_textbook"
+    });
+    return headers;
+  }, [isTeacher, isTeacherSite]);
   return React__default.createElement(LayoutList, {
     title: t(TEXTBOOK_PAGE_TITLE)
   }, React__default.createElement(material.Grid, {
@@ -26433,63 +27061,26 @@ var TextbookList = function TextbookList(props) {
     xs: 12,
     className: "mt-3"
   }, React__default.createElement(material.Table, null, React__default.createElement(TableHeader, {
-    headerTemplates: TEXTBOOK_HEADERS,
+    headerTemplates: textbookHeaders,
     filter: filter,
     onSort: handleSort
-  }), React__default.createElement(material.TableBody, null, textbooks.map(function (i, index) {
-    return React__default.createElement(material.TableRow, {
-      key: i.id
-    }, React__default.createElement(material.TableCell, null, calcOrderNumber(index)), React__default.createElement(material.TableCell, null, i.name), React__default.createElement(material.TableCell, null, i.subject.name), React__default.createElement(material.TableCell, null, utcToLocalTime(i.createdAt, t("date_format"))), React__default.createElement(material.TableCell, null, i.totalChapters), React__default.createElement(material.TableCell, null, i.sharedUsers.map(function (email, index) {
-      return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", i.sharedUsers.length - 2, ")") : React__default.createElement("div", {
-        key: index
-      }, email.toLowerCase());
-    })), React__default.createElement(material.TableCell, null, React__default.createElement(material.Stack, {
-      direction: "row",
-      spacing: 1,
-      alignItems: "center"
-    }, React__default.createElement(material.IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-warning") + " text-white",
-      onClick: function onClick() {
-        return handleUpdateTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(fa6.FaPencil, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      color: "default",
-      className: "bg-primary text-white",
-      onClick: function onClick() {
-        return handleViewTextbook(i);
-      }
-    }, React__default.createElement(fa.FaEye, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-info") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenShareDialog(i);
-      }
-    }, React__default.createElement(fa.FaShare, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-success") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenUpdateShareDialog(i);
-      }
-    }, React__default.createElement(fa.FaExchangeAlt, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-danger") + " text-white mr-1",
-      onClick: function onClick() {
-        return handleSelectDeleteTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(fa.FaTrash, {
-      size: 12
-    })))));
+  }), React__default.createElement(material.TableBody, null, React__default.createElement(ListView, {
+    data: textbooks,
+    render: function render(data, index) {
+      return React__default.createElement(TextbookRow, {
+        key: index,
+        index: index,
+        data: data,
+        isSuperAdmin: isSuperAdmin,
+        calcOrderNumber: calcOrderNumber,
+        onDeleteTextbook: handleSelectDeleteTextbook,
+        onShareTextbook: handleOpenShareDialog,
+        onUpdateShareTextbook: handleOpenUpdateShareDialog,
+        onUpdateTextbook: handleUpdateTextbook,
+        onViewTextbook: handleViewTextbook,
+        role: role
+      });
+    }
   }), !textbooks.length && React__default.createElement(EmptyRow, null))), React__default.createElement("div", {
     className: "d-flex justify-content-end mt-3"
   }, !!paging.totalPages && React__default.createElement(material.Pagination, {
@@ -26687,12 +27278,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$c = ["value", "disabled", "optionTypeNotification"];
+var _excluded$d = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27025,7 +27616,7 @@ var useNotificationList = function useNotificationList(_ref) {
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setNotificationFilter(_extends({}, notificationFilter, {
       currentPage: 1
     }));
@@ -27084,11 +27675,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$d = ["value", "optionTypeNotification"];
+var _excluded$e = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27142,7 +27733,8 @@ var NotificationList = function NotificationList(_ref) {
     startIcon: React__default.createElement(fa.FaPlus, {
       size: 12
     }),
-    onClick: handleCreateNotification
+    onClick: handleCreateNotification,
+    disabled: !isAdmin && isTeacherAdmin
   }, t("new_notification"))), React__default.createElement(material.Grid, {
     container: true
   }, React__default.createElement(material.Grid, {
@@ -27247,7 +27839,6 @@ var NotificationList = function NotificationList(_ref) {
 };
 
 var TEXTBOOK_URL$1 = BASE_URL + "/api/textbooks";
-var SUPER_ADMIN_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook";
 var PREPARED_TEXTBOOK_URL = BASE_URL + "/api/textbooks/prepared-textbooks";
 var SUPER_ADMIN_PREPARED_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook/prepared-textbooks";
 var FILE_URL = BASE_URL + "/api/file/images";
@@ -27269,10 +27860,11 @@ var createTextbookApi$1 = function createTextbookApi(values, isAdmin) {
 var updateTextbookApi$1 = function updateTextbookApi(values, id, isAdmin) {
   return api.put((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL) + "/" + id, values);
 };
-var getAcademyByTeacher = function getAcademyByTeacher(email, isAdmin) {
-  return api.get((isAdmin ? SUPER_ADMIN_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/academy-teacher-owner", {
+var getCourseByTeacherAcademy = function getCourseByTeacherAcademy(email, academyId) {
+  return api.get(TEXTBOOK_URL$1 + "/owner-teacher-course", {
     params: {
-      email: email
+      email: email,
+      academyId: academyId
     }
   });
 };
@@ -27281,8 +27873,9 @@ var deleteTextbookApi$1 = function deleteTextbookApi(textbookId, isAdmin) {
 };
 
 var useTextbookManagement = function useTextbookManagement(_ref) {
-  var _user$roles;
+  var _user$roles, _user$roles2, _selectedTextbook$cre, _selectedTextbook$cre2;
   var textbookId = _ref.textbookId,
+    role = _ref.role,
     onNavigateList = _ref.onNavigateList;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -27299,13 +27892,28 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var _useState4 = React.useState(false),
     selectedChapter = _useState4[0],
     setSelectedChapter = _useState4[1];
+  var searchParams = new URLSearchParams(location.search);
+  var isReadonly = searchParams.get('readonly') === "true";
   var dispatch = reactRedux.useDispatch();
   var user = reactRedux.useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
-  var isAdmin = user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin);
+  var academy = reactRedux.useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.academy;
+  });
+  var isAdmin = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin));
+  var isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(exports.Role.Teacher)) && !isAdmin;
   var isSuperAdmin = !!user && !user.academyDomain;
+  var isAdminSite = role === exports.Role.Admin;
+  var onAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+  var isSuperAdminUser = !!user && user.isSuperAdmin;
+  var isEditable = !selectedTextbook || !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
+    var _user$email, _user$email$trim;
+    return i.email.trim().toUpperCase() === (user === null || user === void 0 ? void 0 : (_user$email = user.email) === null || _user$email === void 0 ? void 0 : (_user$email$trim = _user$email.trim()) === null || _user$email$trim === void 0 ? void 0 : _user$email$trim.toUpperCase()) && i.academyId === (academy === null || academy === void 0 ? void 0 : academy.id);
+  }));
+  var disabledTextbookOwners = !selectedTextbook && isAdmin || selectedTextbook && (!isEditable || isTeacher && ((_selectedTextbook$cre2 = selectedTextbook.createdBy) === null || _selectedTextbook$cre2 === void 0 ? void 0 : _selectedTextbook$cre2.id) !== (user === null || user === void 0 ? void 0 : user.id) || isAdmin && !isSuperAdminUser);
   var handleOpenConfirmDeleteChapterDialog = function handleOpenConfirmDeleteChapterDialog(chapter) {
     setSelectedChapter(chapter);
   };
@@ -27360,6 +27968,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+      if (isReadonly || !isEditable) return Promise.resolve();
       if (!coverImage && !(values !== null && values !== void 0 && values.coverImage)) {
         reactToastify.toast.error(t("please_select_image_file"));
         return Promise.resolve();
@@ -27411,11 +28020,16 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   }, [textbookId]);
   return {
     t: t,
+    isAdminSite: isAdminSite,
+    disabledTextbookOwners: disabledTextbookOwners,
+    isReadonly: isReadonly,
+    isEditable: isEditable,
     isAdmin: isAdmin,
     theme: theme,
     history: history,
     coverImage: coverImage,
     isSuperAdmin: isSuperAdmin,
+    isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
     selectedTextbook: selectedTextbook,
@@ -27428,25 +28042,6 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var SchoolType;
-(function (SchoolType) {
-  SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
-  SchoolType[SchoolType["Middle"] = 2] = "Middle";
-  SchoolType[SchoolType["High"] = 3] = "High";
-})(SchoolType || (SchoolType = {}));
-var HighSchoolGrade;
-(function (HighSchoolGrade) {
-  HighSchoolGrade[HighSchoolGrade["Default"] = 0] = "Default";
-  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics1"] = 1] = "AdvancedMathematics1";
-  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics2"] = 2] = "AdvancedMathematics2";
-  HighSchoolGrade[HighSchoolGrade["Algebra"] = 3] = "Algebra";
-  HighSchoolGrade[HighSchoolGrade["Calculus1"] = 4] = "Calculus1";
-  HighSchoolGrade[HighSchoolGrade["Calculus2"] = 5] = "Calculus2";
-  HighSchoolGrade[HighSchoolGrade["ProbabilityAndStatistics"] = 6] = "ProbabilityAndStatistics";
-  HighSchoolGrade[HighSchoolGrade["Geometry"] = 7] = "Geometry";
-})(HighSchoolGrade || (HighSchoolGrade = {}));
-
 var TextbookSortBy$1;
 (function (TextbookSortBy) {
   TextbookSortBy["Name"] = "Name";
@@ -27475,7 +28070,7 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS$1 = [{
+var SCHOOL_OPTIONS = [{
   label: "all",
   value: SchoolType.Default
 }, {
@@ -27512,7 +28107,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES$1 = Array.from({
+var MIDDLE_GRADES = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27520,7 +28115,7 @@ var MIDDLE_GRADES$1 = Array.from({
     value: index
   };
 });
-var HIGH_GRADES$1 = [{
+var HIGH_GRADES = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27583,8 +28178,13 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
     publicationDate: yup.string().required(t("publication_date_required")),
     publisher: yup.string().required(t("publisher_required")),
     isbn: yup.string().required(t("isbn_required")),
-    grade: yup.number().required(t("grade_required")).positive().integer().typeError(t("must_be_number")).min(1, t("min_is_1")).max(12, t("max_is_12")),
+    grade: yup.number().required(t("grade_required")).notOneOf([0], t("subject_required")),
     type: yup.number(),
+    textbookOwners: yup.array().of(yup.object().shape({
+      email: yup.string().trim().email(t("invalid_textbook_owner_email_address")).required(t("textbook_owner_email_is_required")),
+      academyId: yup.number().required(t("textbook_owner_academy_is_required")),
+      courseId: yup.number().required(t("textbook_owner_course_is_required"))
+    })),
     chapters: yup.array().of(yup.object().shape({
       pageFrom: yup.number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
       pageTo: yup.number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
@@ -27594,6 +28194,12 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
       }),
       name: yup.string().required(t("name_required")),
       questionGroups: yup.array().of(yup.object().shape({
+        pageFrom: yup.number().notRequired().integer().notRequired().min(1, t("min_is_1")),
+        pageTo: yup.number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
+          var _this$parent2 = this === null || this === void 0 ? void 0 : this.parent,
+            pageFrom = _this$parent2.pageFrom;
+          return !value || !pageFrom || value >= pageFrom;
+        }),
         articles: yup.array().of(yup.object().shape({
           categories: yup.array().of(yup.number()).min(1, t("category_required")),
           title: yup.string().notRequired(),
@@ -27615,12 +28221,18 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
       subChapters: yup.array().of(yup.object().shape({
         pageFrom: yup.number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
         pageTo: yup.number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
-          var _this$parent2 = this === null || this === void 0 ? void 0 : this.parent,
-            pageFrom = _this$parent2.pageFrom;
+          var _this$parent3 = this === null || this === void 0 ? void 0 : this.parent,
+            pageFrom = _this$parent3.pageFrom;
           return value >= pageFrom;
         }),
         name: yup.string().required(t("name_required")),
         questionGroups: yup.array().of(yup.object().shape({
+          pageFrom: yup.number().notRequired().integer().notRequired().min(1, t("min_is_1")),
+          pageTo: yup.number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
+            var _this$parent4 = this === null || this === void 0 ? void 0 : this.parent,
+              pageFrom = _this$parent4.pageFrom;
+            return !value || !pageFrom || value >= pageFrom;
+          }),
           articles: yup.array().of(yup.object().shape({
             categories: yup.array().of(yup.number()).min(1, t("category_required")),
             title: yup.string().notRequired(),
@@ -27657,7 +28269,7 @@ var DEFAULT_TEXTBOOK_REQUEST = {
   grade: "",
   textbookOwners: [],
   isPrepared: true,
-  type: 0
+  type: exports.TextbookEditorType.Korea
 };
 var DEFAULT_CHAPTER = {
   name: "",
@@ -27707,145 +28319,195 @@ var CustomTextbookTab = function CustomTextbookTab(props) {
   }, children));
 };
 
-var grey = {
-  0: '#FFFFFF',
-  50: "#FBFBF9",
-  100: '#EAEAE5',
-  200: '#F4F6F8',
-  300: '#D0D0C8',
-  400: '#C4CDD5',
-  500: '#9A9A98',
-  600: '#637381',
-  700: '#5D5D5B',
-  800: '#212B36',
-  900: '#363634'
-};
-var green = {
-  0: '#FFFFFF',
-  100: '#F0FFF6',
-  300: '#89F0B2',
-  500: '#3DC674',
-  700: '#349056',
-  900: '#18442A'
-};
-var main_theme = {
-  lighter: green[100],
-  light: green[300],
-  less_dark: green[500],
-  dark: green[700],
-  darker: green[900]
-};
-var primary = {
-  lighter: '#D0ECFE',
-  light: '#73BAFB',
-  main: '#1877F2',
-  dark: '#0C44AE',
-  darker: '#042174',
-  contrastText: '#FFFFFF'
-};
-var secondary = {
-  lighter: '#EFD6FF',
-  light: '#C684FF',
-  main: '#8E33FF',
-  dark: '#5119B7',
-  darker: '#27097A',
-  contrastText: '#FFFFFF'
-};
-var info = {
-  lighter: '#CAFDF5',
-  light: '#61F3F3',
-  main: '#00B8D9',
-  dark: '#006C9C',
-  darker: '#003768',
-  contrastText: '#FFFFFF'
-};
-var success = {
-  lighter: '#C8FAD6',
-  light: '#5BE49B',
-  main: '#00A76F',
-  dark: '#007867',
-  darker: '#004B50',
-  contrastText: '#FFFFFF'
-};
-var warning$1 = {
-  lighter: '#FFF5CC',
-  light: '#FFD666',
-  main: '#FFAB00',
-  dark: '#B76E00',
-  darker: '#7A4100',
-  contrastText: grey[800]
-};
-var error = {
-  lighter: '#FFE9D5',
-  light: '#FFAC82',
-  main: '#FF5630',
-  dark: '#B71D18',
-  darker: '#7A0916',
-  contrastText: '#FFFFFF'
-};
-var red = {
-  100: '#FEF8F8',
-  300: '#FEF8F8',
-  500: '#F4CACA',
-  900: '#DB4D4D'
-};
-var yellow = {
-  900: '#FEAF06'
-};
-var green_support = {
-  100: '#F6FDF7',
-  500: '#AEEAB3',
-  900: '#3ACB46'
-};
-var purple = {
-  900: '#C3099A'
-};
-var dark_purple = {
-  900: '#6B0861'
+var _reduceToMathArticles = function reduceToMathArticles(textbook, isMath) {
+  var values = isMath !== undefined ? _$6.cloneDeep(textbook) : textbook;
+  if (isMath !== undefined) values.type = isMath;
+  for (var key in values) {
+    if (values.hasOwnProperty(key)) {
+      if (key === "articles") {
+        var _values$key;
+        values[key] = (_values$key = values[key]) !== null && _values$key !== void 0 && _values$key.length ? [values[key][0]] : [DEFAULT_ARTICLE];
+      } else if (typeof values[key] === "object" && values[key] !== null) {
+        _reduceToMathArticles(values[key]);
+      }
+    }
+  }
+  return values;
 };
-var dark_red = {
-  900: '#800202'
+var _resetAllCategoriesAndQuestionTypesBySubject = function resetAllCategoriesAndQuestionTypesBySubject(textbook, subject) {
+  var values = subject ? _$6.cloneDeep(textbook) : textbook;
+  if (subject) {
+    values.subjectId = subject === null || subject === void 0 ? void 0 : subject.value;
+    values.subject = subject;
+  }
+  for (var key in values) {
+    if (values.hasOwnProperty(key)) {
+      if (key === "categories" || key === "categoryOptions") {
+        values[key] = [];
+      } else if (key === "questionType" || key === "questionTypeId") {
+        values[key] = null;
+      } else if (typeof values[key] === "object" && values[key] !== null) {
+        _resetAllCategoriesAndQuestionTypesBySubject(values[key]);
+      }
+    }
+  }
+  return values;
 };
-var common = {
-  black: '#000000',
-  white: '#FFFFFF'
+var convertResponseToRequest = function convertResponseToRequest(selectedTextbook) {
+  var _selectedTextbook$sub;
+  if (!selectedTextbook) return DEFAULT_TEXTBOOK_REQUEST;
+  return {
+    name: selectedTextbook.name || "",
+    subjectId: ((_selectedTextbook$sub = selectedTextbook.subject) === null || _selectedTextbook$sub === void 0 ? void 0 : _selectedTextbook$sub.id) || 0,
+    subject: selectedTextbook.subject ? {
+      label: selectedTextbook.subject.name,
+      value: selectedTextbook.subject.id
+    } : null,
+    preparedType: selectedTextbook.preparedType || 0,
+    grade: selectedTextbook.grade || "1",
+    publicationDate: (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.publicationDate) || "",
+    publisher: selectedTextbook.publisher || "",
+    isbn: selectedTextbook.isbn || "",
+    coverImage: selectedTextbook.coverImage || "",
+    textbookOwners: selectedTextbook.textbookOwners.map(function (to) {
+      return _extends({}, to, {
+        academy: to.academy ? {
+          label: to.academy.name,
+          value: to.academy.id
+        } : null,
+        course: to.course ? {
+          label: to.course.name,
+          value: to.course.id
+        } : null
+      });
+    }),
+    isPublic: selectedTextbook.isPublic || false,
+    isShared: selectedTextbook.isShared || false,
+    isPrepared: true,
+    type: selectedTextbook.type,
+    chapters: selectedTextbook.chapters.map(function (c) {
+      var _c$questionGroups;
+      return {
+        name: c.name,
+        pageFrom: c.pageFrom || 0,
+        pageTo: c.pageTo || 0,
+        id: c.id,
+        questionGroups: ((_c$questionGroups = c.questionGroups) === null || _c$questionGroups === void 0 ? void 0 : _c$questionGroups.map(function (g) {
+          var _g$questions, _g$questions$find;
+          return {
+            id: g.id,
+            chapterId: c.id,
+            pageFrom: g.pageFrom,
+            pageTo: g.pageTo,
+            questions: g.questions.map(function (q) {
+              var _q$questionType;
+              return _extends({}, q, {
+                questionTypeId: q.questionTypeId || q.questionType.id,
+                questionType: (_q$questionType = q.questionType) !== null && _q$questionType !== void 0 && _q$questionType.id ? {
+                  label: q.questionType.name,
+                  value: q.questionType.id
+                } : null
+              });
+            }),
+            articles: g.articles.map(function (a) {
+              return _extends({}, a, {
+                categoryOptions: a.categories.map(function (cat) {
+                  return {
+                    label: cat.name,
+                    value: cat.id
+                  };
+                }),
+                categories: a.categories.filter(function (cat) {
+                  return !!cat.id;
+                }).map(function (cat) {
+                  return cat.id;
+                })
+              });
+            }),
+            questionCount: g.questions.length,
+            answerCount: ((_g$questions = g.questions) === null || _g$questions === void 0 ? void 0 : (_g$questions$find = _g$questions.find(function (q) {
+              return q.questionAnswerType !== exports.QuestionAnswerType.ShortAnswer;
+            })) === null || _g$questions$find === void 0 ? void 0 : _g$questions$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
+          };
+        })) || [],
+        subChapters: c.subChapters.map(function (sub) {
+          var _sub$questionGroups;
+          return {
+            name: sub.name,
+            pageFrom: sub.pageFrom || 0,
+            pageTo: sub.pageTo || 0,
+            id: sub.id,
+            questionGroups: ((_sub$questionGroups = sub.questionGroups) === null || _sub$questionGroups === void 0 ? void 0 : _sub$questionGroups.map(function (g) {
+              var _g$questions2, _g$questions2$find;
+              return {
+                id: g.id,
+                chapterId: c.id,
+                pageFrom: g.pageFrom,
+                pageTo: g.pageTo,
+                questions: g.questions.map(function (q) {
+                  var _q$questionType2;
+                  return _extends({}, q, {
+                    questionTypeId: q.questionTypeId || q.questionType.id,
+                    questionType: (_q$questionType2 = q.questionType) !== null && _q$questionType2 !== void 0 && _q$questionType2.id ? {
+                      label: q.questionType.name,
+                      value: q.questionType.id
+                    } : null
+                  });
+                }),
+                articles: g.articles.map(function (a) {
+                  return _extends({}, a, {
+                    categoryOptions: a.categories.map(function (cat) {
+                      return {
+                        label: cat.name,
+                        value: cat.id
+                      };
+                    }),
+                    categories: a.categories.filter(function (cat) {
+                      return !!cat.id;
+                    }).map(function (cat) {
+                      return cat.id;
+                    })
+                  });
+                }),
+                questionCount: g.questions.length,
+                answerCount: ((_g$questions2 = g.questions) === null || _g$questions2 === void 0 ? void 0 : (_g$questions2$find = _g$questions2.find(function (q) {
+                  return q.questionAnswerType !== exports.QuestionAnswerType.ShortAnswer;
+                })) === null || _g$questions2$find === void 0 ? void 0 : _g$questions2$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
+              };
+            })) || [],
+            subChapters: []
+          };
+        })
+      };
+    })
+  };
 };
-var action$2 = {
-  hover: styles$c.alpha(grey[500], 0.08),
-  selected: styles$c.alpha(grey[500], 0.16),
-  disabled: styles$c.alpha(grey[500], 0.8),
-  disabledBackground: styles$c.alpha(grey[500], 0.24),
-  focus: styles$c.alpha(grey[500], 0.24),
-  hoverOpacity: 0.08,
-  disabledOpacity: 0.48
+var handleKeyDown = function handleKeyDown(e) {
+  if (e.key === 'Enter') {
+    e.preventDefault();
+  }
 };
-var base = {
-  primary: primary,
-  secondary: secondary,
-  info: info,
-  main_theme: main_theme,
-  success: success,
-  warning: warning$1,
-  error: error,
-  grey: grey,
-  common: common,
-  red: red,
-  yellow: yellow,
-  green_support: green_support,
-  purple: purple,
-  dark_purple: dark_purple,
-  dark_red: dark_red,
-  divider: styles$c.alpha(grey[500], 0.2),
-  action: action$2
+var isSequentialQuestionGroups = function isSequentialQuestionGroups(questionGroups) {
+  if (!questionGroups.length) return true;
+  if (questionGroups[0].questions[0].questionOrder !== 0) return false;
+  for (var index = 1; index < questionGroups.length; index++) {
+    var questionGroup = questionGroups[index];
+    var prevQuestionGroup = questionGroups[index - 1];
+    if (prevQuestionGroup.questions[prevQuestionGroup.questions.length - 1].questionOrder !== questionGroup.questions[0].questionOrder - 1) return false;
+  }
+  return true;
 };
 
+var _ = _$6;
 var ArticleBlock = function ArticleBlock(_ref) {
-  var expandedIndex = _ref.expandedIndex,
+  var errors = _ref.errors,
+    expandedIndex = _ref.expandedIndex,
     data = _ref.data,
     categories = _ref.categories,
     path = _ref.path,
     isLoadingCategories = _ref.isLoadingCategories,
     optionKey = _ref.optionKey,
+    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue,
     onDuplicate = _ref.onDuplicate,
     onDelete = _ref.onDelete,
@@ -27873,13 +28535,22 @@ var ArticleBlock = function ArticleBlock(_ref) {
     onOpenCategoryMenu(path + ".categories[0]");
   };
   var handleChangeCategory = function handleChangeCategory(val) {
-    setFieldValue(path + ".categoryOptions", [val]);
-    setFieldValue(path + ".categories", [val === null || val === void 0 ? void 0 : val.value]);
+    setFieldValue(path + ".categoryOptions", val !== null && val !== void 0 && val.value ? [val] : []);
+    setFieldValue(path + ".categories", val !== null && val !== void 0 && val.value ? [val.value] : []);
   };
   var handleChangeSubCategory = function handleChangeSubCategory(val) {
-    setFieldValue(path + ".categoryOptions[1]", val);
-    setFieldValue(path + ".categories[1]", val === null || val === void 0 ? void 0 : val.value);
+    if (!(val !== null && val !== void 0 && val.value)) {
+      var _data$categories, _data$categoryOptions;
+      var category = data === null || data === void 0 ? void 0 : (_data$categories = data.categories) === null || _data$categories === void 0 ? void 0 : _data$categories[0];
+      var categoryOption = data === null || data === void 0 ? void 0 : (_data$categoryOptions = data.categoryOptions) === null || _data$categoryOptions === void 0 ? void 0 : _data$categoryOptions[0];
+      setFieldValue(path + ".categories", category ? [category] : []);
+      setFieldValue(path + ".categoryOptions", categoryOption ? [categoryOption] : []);
+    } else {
+      setFieldValue(path + ".categories[1]", val.value);
+      setFieldValue(path + ".categoryOptions[1]", val);
+    }
   };
+  var categoryError = _.get(errors, path + ".categories");
   return React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center",
@@ -27931,7 +28602,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("category")), React__default.createElement(formik.Field, {
     name: path + ".categories[0]",
     render: function render() {
-      var _data$categoryOptions;
+      var _data$categoryOptions2;
       return React__default.createElement(ArticleCategorySelector, {
         style: {
           "div:has(&)": {
@@ -27939,7 +28610,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           }
         },
         id: "category",
-        optionValue: (_data$categoryOptions = data.categoryOptions) === null || _data$categoryOptions === void 0 ? void 0 : _data$categoryOptions[0],
+        optionValue: (_data$categoryOptions2 = data.categoryOptions) === null || _data$categoryOptions2 === void 0 ? void 0 : _data$categoryOptions2[0],
         options: categories,
         rest: {
           isLoading: optionKey === path + ".categories[0]" ? isLoadingCategories : false,
@@ -27947,10 +28618,17 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
-  }))), React__default.createElement(material.Grid, {
+  }), !!categoryError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !categoryError ? "#97A1AF" : "#F34B4B"
+  }, categoryError))), React__default.createElement(material.Grid, {
     item: true,
     xs: 12 / 5
   }, React__default.createElement(material.FormGroup, {
@@ -27967,7 +28645,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("sub_category")), React__default.createElement(formik.Field, {
     name: path + ".categories[1]",
     render: function render() {
-      var _data$categoryOptions2;
+      var _data$categoryOptions3;
       return React__default.createElement(ArticleCategorySelector, {
         style: {
           "div:has(&)": {
@@ -27975,7 +28653,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           }
         },
         id: "sub_category",
-        optionValue: (_data$categoryOptions2 = data.categoryOptions) === null || _data$categoryOptions2 === void 0 ? void 0 : _data$categoryOptions2[1],
+        optionValue: (_data$categoryOptions3 = data.categoryOptions) === null || _data$categoryOptions3 === void 0 ? void 0 : _data$categoryOptions3[1],
         options: categories,
         rest: {
           isClearable: true,
@@ -27984,7 +28662,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: !data.categories[0],
+        isDisabled: disabled || !data.categories[0],
         placeholder: t("select_category")
       });
     }
@@ -28005,7 +28683,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("title")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(material.Grid, {
@@ -28025,7 +28705,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("author")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(material.Grid, {
@@ -28045,7 +28727,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("subject")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   })))), React__default.createElement(material.Stack, {
@@ -28058,6 +28742,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("copy_items")), React__default.createElement(material.Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleDuplicateArticle,
     sx: {
       whiteSpace: "nowrap"
@@ -28073,7 +28758,9 @@ var isEqual = function isEqual(prev, next) {
   var nextIsLoadingCategories = isNextMatched ? next.isLoadingCategories : undefined;
   var prevCategories = isPrevMatched ? prev.categories : undefined;
   var nextCategories = isNextMatched ? next.categories : undefined;
-  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prev.path === next.path && prev.expandedIndex == next.expandedIndex && prev.onOpenCategoryMenu == next.onOpenCategoryMenu && prev.onOpenSubCategoryMenu == next.onOpenSubCategoryMenu;
+  var prevCategoryError = _.get(prev.errors, prev.path + ".categories");
+  var nextCategoryError = _.get(next.errors, next.path + ".categories");
+  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prev.path === next.path && prev.expandedIndex == next.expandedIndex && prev.disabled === next.disabled && prev.onOpenCategoryMenu == next.onOpenCategoryMenu && prev.onOpenSubCategoryMenu == next.onOpenSubCategoryMenu && prevCategoryError === nextCategoryError;
 };
 var ArticleBlock$1 = React.memo(ArticleBlock, isEqual);
 
@@ -28086,7 +28773,7 @@ var labelStyle = {
   whiteSpace: "nowrap"
 };
 
-var _excluded$e = ["onChange"];
+var _excluded$f = ["onChange"];
 var BpIcon$1 = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -28119,7 +28806,7 @@ var BpCheckedIcon$1 = material.styled(BpIcon$1)({
 var QuestionBlock = function QuestionBlock(_ref2) {
   var answerCount = _ref2.answerCount,
     isMath = _ref2.isMath,
-    isDisabled = _ref2.isDisabled,
+    disabled = _ref2.disabled,
     path = _ref2.path,
     data = _ref2.data,
     questionTitleStyle = _ref2.questionTitleStyle,
@@ -28164,7 +28851,8 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             var field = _ref3.field;
             return React__default.createElement(material.TextField, Object.assign({}, field, {
               size: "small",
-              placeholder: t("textual_answer")
+              placeholder: t("textual_answer"),
+              onKeyDown: handleKeyDown
             }));
           }
         }));
@@ -28183,7 +28871,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             className: styles$9["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
-            disabled: isDisabled,
+            disabled: disabled,
             control: React__default.createElement(material.Checkbox, {
               checked: data.correctAnswers.includes(i),
               onChange: function onChange(e) {
@@ -28219,7 +28907,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             onChange: function onChange(e) {
               return setFieldValue(path + ".correctAnswers", [+e.target.value]);
             },
-            disabled: isDisabled,
+            disabled: disabled,
             control: React__default.createElement(material.Radio, {
               size: "small",
               checked: +i === data.correctAnswers[0],
@@ -28255,7 +28943,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     };
   });
   var theme = material.useTheme();
-  var isTabletUp = material.useMediaQuery(theme.breakpoints.up('lg'));
+  var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
   return React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center",
@@ -28269,8 +28957,10 @@ var QuestionBlock = function QuestionBlock(_ref2) {
   }, React__default.createElement(material.Box, null, React__default.createElement(material.Box, {
     className: styles$9["question-title"] + " me-2 text-nowrap",
     sx: questionTitleStyle
-  }, t("problem_number_question", {
+  }, isMath ? t("problem_number_question", {
     number: data.questionOrder + 1
+  }) : t("text_detail_n", {
+    n: data.questionOrder + 1
   }))), React__default.createElement(material.Box, {
     flexGrow: 1
   }, renderAnswer())), React__default.createElement(material.Stack, {
@@ -28290,7 +28980,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     render: function render(_ref4) {
       var field = _ref4.field;
       return React__default.createElement(ScoreSelector, Object.assign({}, field, {
-        isDisabled: isDisabled,
+        isDisabled: disabled,
         onChange: function onChange(value) {
           setFieldValue(path + ".score", (value === null || value === void 0 ? void 0 : value.value) || 0);
         }
@@ -28309,9 +28999,9 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$e);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$f);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
-        isDisabled: isDisabled,
+        isDisabled: disabled,
         value: data.questionType,
         options: questionTypes,
         isLoading: optionKey === path + ".questionTypeId" ? isLoadingQuestionTypes : false,
@@ -28336,7 +29026,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
       var field = _ref6.field;
       return React__default.createElement(CustomSelect, Object.assign({}, field, {
         value: data.questionAnswerType,
-        isDisabled: isDisabled,
+        isDisabled: disabled,
         options: answerTypeOptions,
         onChange: handleChangeQuestionAnswerType
       }));
@@ -28352,14 +29042,14 @@ var isEqual$1 = function isEqual(prev, next) {
   var nextIsLoadingQuestionTypes = isNextMatched ? next.isLoadingQuestionTypes : undefined;
   var prevQuestionTypes = isPrevMatched ? prev.questionTypes : undefined;
   var nextQuestionTypes = isNextMatched ? next.questionTypes : undefined;
-  return prevOptionKey === nextOptionKey && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath == next.isMath && prev.answerCount == next.answerCount && prev.isDisabled == next.isDisabled && JSON.stringify(prev.questionTitleStyle) === JSON.stringify(next.questionTitleStyle) && prev.onOpenQuestionTypeMenu == next.onOpenQuestionTypeMenu;
+  return prevOptionKey === nextOptionKey && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath == next.isMath && prev.answerCount == next.answerCount && prev.disabled == next.disabled && JSON.stringify(prev.questionTitleStyle) === JSON.stringify(next.questionTitleStyle) && prev.onOpenQuestionTypeMenu == next.onOpenQuestionTypeMenu;
 };
 var QuestionBlock$1 = React.memo(QuestionBlock, isEqual$1);
 
-var _excluded$f = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
-var _ = _$5;
+var _excluded$g = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _$1 = _$6;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
-  var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate;
+  var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate, _questions$2;
   var data = _ref.data,
     path = _ref.path,
     isMath = _ref.isMath,
@@ -28369,21 +29059,40 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     optionKey = _ref.optionKey,
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
+    disabled = _ref.disabled,
+    onQuestioStartOrderChange = _ref.onQuestioStartOrderChange,
     onDelete = _ref.onDelete,
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenCategoryMenu = _ref.onOpenCategoryMenu,
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var errors = formikProps.errors;
+  var startOrderRef = React.useRef(null);
   var articles = data.articles,
     questions = data.questions;
-  var blockErrors = _.get(errors, path);
+  var blockErrors = _$1.get(errors, path);
   var handleOpenQuestionTypeMenu = React.useCallback(function (key) {
     var _data$articles$, _data$articles$$categ, _data$articles$2, _data$articles$2$cate;
     onOpenQuestionTypeMenu(key, (_data$articles$ = data.articles[0]) === null || _data$articles$ === void 0 ? void 0 : (_data$articles$$categ = _data$articles$.categories) === null || _data$articles$$categ === void 0 ? void 0 : _data$articles$$categ[0], (_data$articles$2 = data.articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categories) === null || _data$articles$2$cate === void 0 ? void 0 : _data$articles$2$cate[1]);
   }, [(_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categories) === null || _data$articles$3$cate === void 0 ? void 0 : _data$articles$3$cate[0], (_data$articles$4 = data.articles[0]) === null || _data$articles$4 === void 0 ? void 0 : (_data$articles$4$cate = _data$articles$4.categories) === null || _data$articles$4$cate === void 0 ? void 0 : _data$articles$4$cate[1]]);
+  var debounceQuestionStartOrderChange = _$1.debounce(onQuestioStartOrderChange, 300);
+  var handleChangeStartQuestionOrder = function handleChangeStartQuestionOrder(e) {
+    var value = e.target.value.replace(/\D/g, '');
+    var order = +value;
+    if (Number.isNaN(order) || order === 0) {
+      order = 1;
+      if (order === 0 && startOrderRef.current) {
+        startOrderRef.current.value = "1";
+      }
+    }
+    debounceQuestionStartOrderChange(order - 1);
+  };
+  React.useEffect(function () {
+    var _questions$;
+    if (startOrderRef.current) startOrderRef.current.value = "" + ((((_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : _questions$.questionOrder) || 0) + 1);
+  }, [(_questions$2 = questions[0]) === null || _questions$2 === void 0 ? void 0 : _questions$2.questionOrder]);
   return React__default.createElement(formik.FieldArray, {
     name: path + ".articles",
     render: function render(arrayHelpers) {
@@ -28397,7 +29106,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
         gap: 2
       }, !isMath && React__default.createElement(material.Stack, {
         sx: {
-          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light),
+          border: (open ? "3px" : "1.5px") + " solid " + (blockErrors ? open ? error.main : error.light : "#a3a3a4"),
           borderRadius: 2
         },
         gap: 1,
@@ -28411,6 +29120,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             expandedIndex: index,
             data: article,
             path: path + ".articles[" + index + "]",
+            disabled: disabled,
             onDuplicate: handleDuplicateArticle,
             onDelete: onDelete,
             optionKey: optionKey,
@@ -28426,6 +29136,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(io.IoIosAdd, null),
         onClick: function onClick() {
           arrayHelpers.push(DEFAULT_ARTICLE);
@@ -28433,7 +29144,20 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
       }, i18n.t("article")))), React__default.createElement(material.Stack, {
         gap: 1,
         direction: "column"
-      }, React__default.createElement(ListView, {
+      }, React__default.createElement(material.Box, null, React__default.createElement(material.FormControl, {
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1
+        }
+      }, React__default.createElement(material.FormLabel, null, i18n.t("start_order")), React__default.createElement(material.TextField, {
+        inputRef: startOrderRef,
+        onChange: handleChangeStartQuestionOrder,
+        type: "number",
+        size: "small",
+        disabled: disabled
+      }))), React__default.createElement(ListView, {
         data: questions,
         render: function render(question, index) {
           return React__default.createElement(QuestionBlock$1, Object.assign({
@@ -28445,6 +29169,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             questionTypes: questionTypes,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             optionKey: optionKey,
+            disabled: disabled,
             onOpenQuestionTypeMenu: handleOpenQuestionTypeMenu,
             onCloseQuestionTypeMenu: onCloseQuestionTypeMenu
           }, formikProps));
@@ -28458,8 +29183,8 @@ var isEqual$2 = function isEqual(prev, next) {
   var isNextMatched = next.optionKey.startsWith(next.path);
   var prevOptionKey = isPrevMatched ? prev.optionKey : undefined;
   var nextOptionKey = isNextMatched ? next.optionKey : undefined;
-  var prevBlockErrors = _.get(prev.errors, prev.path);
-  var nextBlockErrors = _.get(next.errors, next.path);
+  var prevBlockErrors = _$1.get(prev.errors, prev.path);
+  var nextBlockErrors = _$1.get(next.errors, next.path);
   var prevIsLoadingCategories = isPrevMatched ? prev.isLoadingCategories : undefined;
   var nextIsLoadingCategories = isNextMatched ? next.isLoadingCategories : undefined;
   var prevCategories = isPrevMatched ? prev.categories : undefined;
@@ -28474,14 +29199,14 @@ var isEqual$2 = function isEqual(prev, next) {
   var nextOnOpenSubCategoryMenu = next.onOpenSubCategoryMenu;
   var prevOnOpenQuestionTypeMenu = prev.onOpenQuestionTypeMenu;
   var nextOnOpenQuestionTypeMenu = next.onOpenQuestionTypeMenu;
-  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath === next.isMath && prev.open === next.open && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevBlockErrors) === JSON.stringify(nextBlockErrors) && prevOnOpenCategoryMenu === nextOnOpenCategoryMenu && prevOnOpenSubCategoryMenu === nextOnOpenSubCategoryMenu && prevOnOpenQuestionTypeMenu === nextOnOpenQuestionTypeMenu;
+  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath === next.isMath && prev.open === next.open && prev.disabled === next.disabled && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevBlockErrors) === JSON.stringify(nextBlockErrors) && prevOnOpenCategoryMenu === nextOnOpenCategoryMenu && prevOnOpenSubCategoryMenu === nextOnOpenSubCategoryMenu && prevOnOpenQuestionTypeMenu === nextOnOpenQuestionTypeMenu;
 };
 var QuestionGroupBlockBody$1 = React.memo(QuestionGroupBlockBody, isEqual$2);
 
-var _excluded$g = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "isDisabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
-var _$1 = _$5;
+var _excluded$h = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _$2 = _$6;
 var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
-  var _data$articles$2, _data$articles$2$cate, _data$articles$2$cate2, _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2;
+  var _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2, _data$articles$4, _data$articles$4$cate, _data$articles$4$cate2;
   var expandedIndex = _ref.expandedIndex,
     open = _ref.open,
     paths = _ref.paths,
@@ -28493,7 +29218,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingQuestionTypes = _ref.isLoadingQuestionTypes,
     questionTypes = _ref.questionTypes,
     optionKey = _ref.optionKey,
-    isDisabled = _ref.isDisabled,
+    disabled = _ref.disabled,
     onToggle = _ref.onToggle,
     onQuestionCountChange = _ref.onQuestionCountChange,
     onDelete = _ref.onDelete,
@@ -28503,13 +29228,13 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var key = paths.join(".");
-  var title = t("group_n", {
+  var title = t(isMath ? "question_group_n" : "text_group_n", {
     n: expandedIndex + 1
   });
   var handleToggle = function handleToggle() {
@@ -28526,6 +29251,16 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     setFieldValue(path + ".questionCount", questionCount);
     onQuestionCountChange(questionCount, expandedIndex);
   };
+  var handleChangeStartQuestionOrder = function handleChangeStartQuestionOrder(order) {
+    var _questions$;
+    var questions = data.questions;
+    if (((_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : _questions$.questionOrder) === order) return;
+    setFieldValue(path + ".questions", questions.map(function (q, index) {
+      return _extends({}, q, {
+        questionOrder: order + index
+      });
+    }));
+  };
   var handleChangeAnswerCount = function handleChangeAnswerCount(val) {
     var answerCount = (val === null || val === void 0 ? void 0 : val.value) || 1;
     setFieldValue(path + ".answerCount", answerCount);
@@ -28569,16 +29304,24 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     }
   };
   var handleChangeCategory = function handleChangeCategory(val) {
-    setFieldValue(path + ".articles[0].categoryOptions", [val]);
-    setFieldValue(path + ".articles[0].categories", [val === null || val === void 0 ? void 0 : val.value]);
+    setFieldValue(path + ".articles[0].categoryOptions", val !== null && val !== void 0 && val.value ? [val] : []);
+    setFieldValue(path + ".articles[0].categories", val !== null && val !== void 0 && val.value ? [val.value] : []);
   };
   var handleChangeSubCategory = function handleChangeSubCategory(val) {
-    setFieldValue(path + ".articles[0].categories[1]", val === null || val === void 0 ? void 0 : val.value);
-    setFieldValue(path + ".articles[0].categoryOptions[1]", val);
+    if (!(val !== null && val !== void 0 && val.value)) {
+      var _data$articles, _data$articles$2, _data$articles$2$cate, _data$articles2, _data$articles2$, _data$articles2$$cate;
+      var category = data === null || data === void 0 ? void 0 : (_data$articles = data.articles) === null || _data$articles === void 0 ? void 0 : (_data$articles$2 = _data$articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categories) === null || _data$articles$2$cate === void 0 ? void 0 : _data$articles$2$cate[0];
+      var categoryOption = data === null || data === void 0 ? void 0 : (_data$articles2 = data.articles) === null || _data$articles2 === void 0 ? void 0 : (_data$articles2$ = _data$articles2[0]) === null || _data$articles2$ === void 0 ? void 0 : (_data$articles2$$cate = _data$articles2$.categoryOptions) === null || _data$articles2$$cate === void 0 ? void 0 : _data$articles2$$cate[0];
+      setFieldValue(path + ".articles[0].categories", category ? [category] : []);
+      setFieldValue(path + ".articles[0].categoryOptions", categoryOption ? [categoryOption] : []);
+    } else {
+      setFieldValue(path + ".articles[0].categories[1]", val.value);
+      setFieldValue(path + ".articles[0].categoryOptions[1]", val);
+    }
   };
   var summary = open ? "" : [t("number_questions", {
     n: data.questionCount
-  }), (_data$articles$2 = data.articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categoryOptions) === null || _data$articles$2$cate === void 0 ? void 0 : (_data$articles$2$cate2 = _data$articles$2$cate[0]) === null || _data$articles$2$cate2 === void 0 ? void 0 : _data$articles$2$cate2.label, (_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categoryOptions) === null || _data$articles$3$cate === void 0 ? void 0 : (_data$articles$3$cate2 = _data$articles$3$cate[1]) === null || _data$articles$3$cate2 === void 0 ? void 0 : _data$articles$3$cate2.label, isMath ? data.questions.map(function (i) {
+  }), (_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categoryOptions) === null || _data$articles$3$cate === void 0 ? void 0 : (_data$articles$3$cate2 = _data$articles$3$cate[0]) === null || _data$articles$3$cate2 === void 0 ? void 0 : _data$articles$3$cate2.label, (_data$articles$4 = data.articles[0]) === null || _data$articles$4 === void 0 ? void 0 : (_data$articles$4$cate = _data$articles$4.categoryOptions) === null || _data$articles$4$cate === void 0 ? void 0 : (_data$articles$4$cate2 = _data$articles$4$cate[1]) === null || _data$articles$4$cate2 === void 0 ? void 0 : _data$articles$4$cate2.label, isMath ? data.questions.map(function (i) {
     var _i$questionType;
     return ((_i$questionType = i.questionType) === null || _i$questionType === void 0 ? void 0 : _i$questionType.label) || i.questionTypeName;
   }).filter(function (i) {
@@ -28586,12 +29329,15 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }).join(",") : ""].filter(function (i) {
     return !!i;
   }).join(" / ");
-  var blockErrors = _$1.get(errors, path);
+  var pageFromError = _$2.get(errors, path + ".pageFrom");
+  var pageToError = _$2.get(errors, path + ".pageTo");
+  var categoryError = _$2.get(errors, path + ".articles[0].categories");
+  var blockErrors = _$2.get(errors, path);
   return React__default.createElement(material.Accordion, {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: (open ? "5px" : "1.5px") + " solid " + (blockErrors ? open ? error.main : error.light : open ? colors.yellow[900] : colors.yellow[500])
     }
   }, React__default.createElement(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -28620,28 +29366,33 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(fa6.FaTrashCan, {
     size: 12
   })), React__default.createElement(material.Typography, {
+    fontSize: "18px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title, !open && ":")), React__default.createElement(material.Box, {
     sx: {
-      flexGrow: 1
+      flexGrow: 1,
+      cursor: "default"
+    },
+    onClick: function onClick(e) {
+      open && e.stopPropagation();
     }
   }, open ? React__default.createElement(material.Stack, {
-    direction: "row",
-    flexWrap: "nowrap",
+    direction: "column",
     gap: 2
+  }, React__default.createElement(material.Stack, {
+    direction: "row",
+    flexWrap: "nowrap"
   }, React__default.createElement(material.Grid, {
     container: true,
     flexGrow: 1,
-    direction: "row",
-    flexWrap: "nowrap",
-    gap: 2
+    direction: "row"
   }, React__default.createElement(material.Grid, {
     item: true,
     xs: 3
   }, React__default.createElement(material.FormGroup, {
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
+    sx: {
+      marginRight: 2
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "question_count",
@@ -28651,7 +29402,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return React__default.createElement(QuestionCountSelector, Object.assign({}, field, {
-        onChange: handleChangeQuestionCount
+        onChange: handleChangeQuestionCount,
+        isDisabled: disabled
       }));
     }
   }))), isMath && React__default.createElement(material.Grid, {
@@ -28662,10 +29414,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
       maxWidth: "100%",
       "& div": {
         maxWidth: "100%"
-      }
-    },
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
+      },
+      marginRight: 2
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "category",
@@ -28689,10 +29439,17 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
-  }))), isMath && React__default.createElement(material.Grid, {
+  }), !!categoryError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !categoryError ? "#97A1AF" : "#F34B4B"
+  }, categoryError))), isMath && React__default.createElement(material.Grid, {
     item: true,
     xs: 3
   }, React__default.createElement(material.FormGroup, {
@@ -28700,10 +29457,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
       maxWidth: "100%",
       "& div": {
         maxWidth: "100%"
-      }
-    },
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
+      },
+      marginRight: 2
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "category",
@@ -28711,7 +29466,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, t("sub_category")), React__default.createElement(formik.Field, {
     name: path + ".articles[0].categoryOptions[1]",
     render: function render(_ref4) {
-      var _data$articles$4, _data$articles$4$cate;
+      var _data$articles$5, _data$articles$5$cate;
       var field = _ref4.field;
       return React__default.createElement(ArticleCategorySelector, {
         style: {
@@ -28729,7 +29484,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: isDisabled || !((_data$articles$4 = data.articles[0]) !== null && _data$articles$4 !== void 0 && (_data$articles$4$cate = _data$articles$4.categories) !== null && _data$articles$4$cate !== void 0 && _data$articles$4$cate[0]),
+        isDisabled: disabled || !((_data$articles$5 = data.articles[0]) !== null && _data$articles$5 !== void 0 && (_data$articles$5$cate = _data$articles$5.categories) !== null && _data$articles$5$cate !== void 0 && _data$articles$5$cate[0]),
         placeholder: t("select_category")
       });
     }
@@ -28739,6 +29494,9 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(material.FormGroup, {
     onClick: function onClick(e) {
       open && e.stopPropagation();
+    },
+    sx: {
+      marginRight: 2
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "question_count",
@@ -28748,24 +29506,158 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref5) {
       var field = _ref5.field;
       return React__default.createElement(AnswerCountSelector, Object.assign({}, field, {
-        onChange: handleChangeAnswerCount
+        onChange: handleChangeAnswerCount,
+        isDisabled: disabled
+      }));
+    }
+  }))), !isMath && React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(formik.Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), !isMath && React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(formik.Field, {
+    name: path + ".pageTo",
+    render: function render(_ref7) {
+      var field = _ref7.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
-  })))), isMath && React__default.createElement(material.Box, {
+  }), !!pageToError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), isMath && React__default.createElement(material.Box, {
     sx: {
       display: "flex"
-    },
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
     }
   }, React__default.createElement(material.Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleCopyCategories,
     sx: {
       whiteSpace: "nowrap"
     }
-  }, t("category_copy")))) : React__default.createElement(material.Typography, {
+  }, t("category_copy")))), isMath && React__default.createElement(material.Stack, {
+    direction: "row",
+    flexWrap: "nowrap"
+  }, React__default.createElement(material.Grid, {
+    container: true,
+    flexGrow: 1,
+    direction: "row"
+  }, React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(formik.Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref8) {
+      var field = _ref8.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(formik.Field, {
+    name: path + ".pageTo",
+    render: function render(_ref9) {
+      var field = _ref9.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageToError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), React__default.createElement(material.Box, {
+    sx: {
+      display: "flex",
+      visibility: "hidden"
+    }
+  }, React__default.createElement(material.Button, {
+    variant: "contained",
+    color: "success",
+    disabled: true,
+    sx: {
+      whiteSpace: "nowrap"
+    }
+  }, t("category_copy"))))) : React__default.createElement(material.Typography, {
     fontWeight: 600,
     sx: {
       overflow: "hidden",
@@ -28786,6 +29678,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingCategories: isLoadingCategories,
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
+    disabled: disabled,
+    onQuestioStartOrderChange: handleChangeStartQuestionOrder,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -28795,7 +29689,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$h = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$i = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -28807,6 +29701,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     subChapters = _ref.subChapters,
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
+    disabled = _ref.disabled,
     onDelete = _ref.onDelete,
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenCategoryMenu = _ref.onOpenCategoryMenu,
@@ -28814,7 +29709,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -28851,6 +29746,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     var questions = currentQuestionGroup.questions;
     var lastOrder = questions[questions.length - 1].questionOrder;
     var newQuestionGroups = questionGroups;
+    var isSequential = isSequentialQuestionGroups(questionGroups);
     if (questions.length < questionCount) {
       var additionalQuestions = Array.from({
         length: questionCount - questions.length
@@ -28863,7 +29759,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
       newQuestionGroups = [].concat(prevQuestionGroups, [_extends({}, currentQuestionGroup, {
         questionCount: questionCount,
         questions: [].concat(currentQuestionGroup.questions, additionalQuestions)
-      })], nextQuestionGroups.map(function (i) {
+      })], isSequential ? nextQuestionGroups.map(function (i) {
         return _extends({}, i, {
           questions: i.questions.map(function (q) {
             return _extends({}, q, {
@@ -28871,14 +29767,14 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             });
           })
         });
-      }));
+      }) : nextQuestionGroups);
       setFieldValue(path + ".questionGroups", newQuestionGroups);
     } else {
       var remainQuestions = questions.slice(0, questionCount);
       newQuestionGroups = [].concat(prevQuestionGroups, [_extends({}, currentQuestionGroup, {
         questionCount: questionCount,
         questions: [].concat(remainQuestions)
-      })], nextQuestionGroups.map(function (i) {
+      })], isSequential ? nextQuestionGroups.map(function (i) {
         return _extends({}, i, {
           questions: i.questions.map(function (q) {
             return _extends({}, q, {
@@ -28886,7 +29782,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             });
           })
         });
-      }));
+      }) : nextQuestionGroups);
     }
     setFieldValue(path + ".questionGroups", newQuestionGroups);
   };
@@ -28918,6 +29814,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggle,
             onDelete: onDelete,
             onOpenCategoryMenu: onOpenCategoryMenu,
@@ -28932,6 +29829,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(io.IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           {
             var length = subChapters.length;
@@ -28962,6 +29860,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             optionKey: optionKey,
             isLoadingCategories: isLoadingCategories,
             categories: categories,
+            disabled: disabled,
             onOpenCategoryMenu: onOpenCategoryMenu,
             onOpenSubCategoryMenu: onOpenSubCategoryMenu,
             onCloseCategoryMenu: onCloseCategoryMenu,
@@ -28977,6 +29876,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(io.IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           var length = questionGroups.length;
           var addedGroup = handleGetNewQuestionGroup();
@@ -28988,8 +29888,8 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$i = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
-var _$2 = _$5;
+var _excluded$j = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+var _$3 = _$6;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
     expandedIndex = _ref.expandedIndex,
@@ -29002,6 +29902,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
     optionKey = _ref.optionKey,
+    disabled = _ref.disabled,
     onToggle = _ref.onToggle,
     onDelete = _ref.onDelete,
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
@@ -29010,12 +29911,13 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var errors = formikProps.errors;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var theme = material.useTheme();
   var key = paths.join(".");
-  var title = t("chapter_number", {
+  var title = t((paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "sub_unit_number" : "unit_number", {
     number: paths.join(".")
   });
   var handleToggle = function handleToggle() {
@@ -29027,15 +29929,15 @@ var ChapterBlock = function ChapterBlock(_ref) {
       chapter: title
     }), title, path.replace(/\[(\d+)\]$/, ""), expandedIndex);
   };
-  var pageNameError = _$2.get(errors, path + ".name");
-  var pageFromError = _$2.get(errors, path + ".pageFrom");
-  var pageToError = _$2.get(errors, path + ".pageTo");
-  var blockErrors = _$2.get(errors, path);
+  var pageNameError = _$3.get(errors, path + ".name");
+  var pageFromError = _$3.get(errors, path + ".pageFrom");
+  var pageToError = _$3.get(errors, path + ".pageTo");
+  var blockErrors = _$3.get(errors, path);
   return React__default.createElement(material.Accordion, {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: "1.5px solid " + (blockErrors ? open ? error.main : error.light : open ? (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? theme.palette.success.main : theme.palette.info.main : (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? theme.palette.success.light : theme.palette.info.light)
     }
   }, React__default.createElement(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -29058,10 +29960,12 @@ var ChapterBlock = function ChapterBlock(_ref) {
     color: "default",
     size: "small",
     className: "bg-danger text-white",
+    disabled: disabled,
     onClick: handleClickDeleteChapter
   }, React__default.createElement(fa6.FaTrashCan, {
     size: 12
   })), React__default.createElement(material.Typography, {
+    fontSize: (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "24px" : "36px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title)), React__default.createElement(material.Box, {
@@ -29083,7 +29987,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("name")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageNameError && React__default.createElement(material.Typography, {
@@ -29104,7 +30010,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_from"),
         type: "number"
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageFromError && React__default.createElement(material.Typography, {
@@ -29125,7 +30033,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_to"),
         type: "number"
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageToError && React__default.createElement(material.Typography, {
@@ -29144,6 +30054,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     isLoadingCategories: isLoadingCategories,
     optionKey: optionKey,
+    disabled: disabled,
     onDelete: onDelete,
     onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
@@ -29191,7 +30102,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     }));
     if (inputRef.current) inputRef.current.value = "";
   };
-  var schoolOptions = SCHOOL_OPTIONS$1.map(function (i) {
+  var schoolOptions = SCHOOL_OPTIONS.map(function (i) {
     return _extends({}, i, {
       label: t(i.label)
     });
@@ -29199,13 +30110,13 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   var gradeOptions = React.useMemo(function () {
     switch (filter === null || filter === void 0 ? void 0 : filter.schoolType) {
       case SchoolType.Middle:
-        return MIDDLE_GRADES$1.map(function (i) {
+        return MIDDLE_GRADES.map(function (i) {
           return _extends({}, i, {
             label: typeof i.label === "string" ? t(i.label) : i.label
           });
         });
       case SchoolType.High:
-        return HIGH_GRADES$1.map(function (i) {
+        return HIGH_GRADES.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29275,7 +30186,8 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   }, React__default.createElement(material.FormLabel, null, t("search")), React__default.createElement(material.TextField, {
     placeholder: t("question_type_search_keyword"),
     size: "small",
-    inputRef: inputRef
+    inputRef: inputRef,
+    onKeyDown: handleKeyDown
   })), React__default.createElement(material.FormGroup, {
     sx: {
       display: "flex",
@@ -29304,7 +30216,9 @@ var CATEGORY_URL$1 = BASE_URL + "/api/examcategory";
 var getCategoryListAdminApi$1 = function getCategoryListAdminApi(data) {
   try {
     return Promise.resolve(api.get("" + ADMIN_CATEGORY_URL$1, {
-      params: data
+      params: _extends({}, data, {
+        sortColumnName: "name"
+      })
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -29313,7 +30227,9 @@ var getCategoryListAdminApi$1 = function getCategoryListAdminApi(data) {
 var getCategoryListApi$1 = function getCategoryListApi(data) {
   try {
     return Promise.resolve(api.get("" + CATEGORY_URL$1, {
-      params: data
+      params: _extends({}, data, {
+        sortColumnName: "name"
+      })
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -29322,7 +30238,9 @@ var getCategoryListApi$1 = function getCategoryListApi(data) {
 var getCategoryQuestionTypeListApi = function getCategoryQuestionTypeListApi(isSuper, data) {
   try {
     return Promise.resolve(api.get((isSuper ? ADMIN_CATEGORY_URL$1 : CATEGORY_URL$1) + "/question-types", {
-      params: data
+      params: _extends({}, data, {
+        sortColumnName: "name"
+      })
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -29362,7 +30280,7 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
     return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : _state$common2$user.academyDomain;
   });
   var getOptionFilter = function getOptionFilter() {
-    var cloneFilter = _$5.clone(filter);
+    var cloneFilter = _$6.clone(filter);
     for (var key in cloneFilter) {
       if (Object.prototype.hasOwnProperty.call(cloneFilter, key)) {
         var element = cloneFilter[key];
@@ -29512,11 +30430,12 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
   };
 };
 
-var _$3 = _$5;
+var _$4 = _$6;
 var TextbookContentsTab = function TextbookContentsTab(props) {
-  var values = props.values,
+  var disabled = props.disabled,
+    values = props.values,
     setFieldValue = props.setFieldValue;
-  var isMath = values.type === 2;
+  var isMath = values.type === exports.TextbookEditorType.Math;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(""),
@@ -29554,7 +30473,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   };
   var handleConfirmDeleteBlock = function handleConfirmDeleteBlock() {
     if (!(openConfirmDelete !== null && openConfirmDelete !== void 0 && openConfirmDelete.path)) return;
-    var items = _$3.get(values, openConfirmDelete.path, []);
+    var items = _$4.get(values, openConfirmDelete.path, []);
     setFieldValue(openConfirmDelete.path, items.filter(function (_, i) {
       return i !== openConfirmDelete.itemIndex;
     }));
@@ -29594,12 +30513,12 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
     if (!newParts.length) return;
     if (newParts.length < parts.length) {
       var _$get, _$get2, _$get3;
-      var subChapters = (_$get = _$3.get(values, newPath + ".subChapters")) != null ? _$get : [];
+      var subChapters = (_$get = _$4.get(values, newPath + ".subChapters")) != null ? _$get : [];
       var questionGroups = [];
-      if (!subChapters.length) questionGroups = (_$get2 = _$3.get(values, newPath + ".questionGroups")) != null ? _$get2 : [];else questionGroups = (_$get3 = _$3.get(values, newPath + ".subChapters[" + (subChapters.length - 1) + "].questionGroups")) != null ? _$get3 : [];
-      return _$3.last(questionGroups);
+      if (!subChapters.length) questionGroups = (_$get2 = _$4.get(values, newPath + ".questionGroups")) != null ? _$get2 : [];else questionGroups = (_$get3 = _$4.get(values, newPath + ".subChapters[" + (subChapters.length - 1) + "].questionGroups")) != null ? _$get3 : [];
+      return _$4.last(questionGroups);
     }
-    return _$3.get(values, newPath);
+    return _$4.get(values, newPath);
   };
   var handleOpenSubCategoryMenu = React.useCallback(function (key, categoryId) {
     setOptionKey(key);
@@ -29627,7 +30546,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
       return React__default.createElement(material.Stack, {
         direction: "column",
         gap: 3
-      }, isMath && React__default.createElement(material.Box, null, React__default.createElement(QuestionTypeFilter, {
+      }, isMath && !disabled && React__default.createElement(material.Box, null, React__default.createElement(QuestionTypeFilter, {
         filter: filter,
         setFilter: setFilter,
         inputRef: inputRef,
@@ -29648,6 +30567,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggleBlock,
             onDelete: handleOpenConfirmDelete,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
@@ -29663,6 +30583,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(io.IoIosAdd, null),
         onClick: function onClick() {
           var length = values.chapters.length;
@@ -29681,8 +30602,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$j = ["value"],
-  _excluded2$2 = ["onChange"];
+var _excluded$k = ["value"];
 var VisuallyHiddenInput = material.styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -29693,16 +30613,67 @@ var VisuallyHiddenInput = material.styled("input")({
   whiteSpace: "nowrap",
   width: "100%"
 });
+var customSelectStyles = {
+  control: function control(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      fontSize: "16px",
+      fontWeight: baseStyles.fontWeight,
+      color: styles.darker,
+      borderColor: state.isFocused ? styles.dark : baseStyles.borderColor,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused ? styles.dark : baseStyles.borderColor
+      },
+      "&:hover": {
+        borderColor: state.isFocused ? styles.dark : baseStyles.borderColor
+      },
+      paddingBlock: '8px'
+    });
+  },
+  singleValue: function singleValue(baseStyles) {
+    return _extends({}, baseStyles, {
+      fontSize: "16px",
+      fontWeight: baseStyles.fontWeight,
+      color: styles.darker
+    });
+  }
+};
 var TextbookInfoTab = function TextbookInfoTab(_ref) {
-  var setFieldValue = _ref.setFieldValue,
+  var _user$roles;
+  var isCreatedByAdmin = _ref.isCreatedByAdmin,
+    setFieldValue = _ref.setFieldValue,
     values = _ref.values,
     errors = _ref.errors,
     coverImage = _ref.coverImage,
-    isAdmin = _ref.isAdmin,
+    isSuperAdminUser = _ref.isSuperAdminUser,
     textbookId = _ref.textbookId,
+    disabled = _ref.disabled,
     handleUploadImage = _ref.handleUploadImage;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Teacher));
+  var gradeOptions = GRADE_OPTIONS.map(function (i) {
+    return {
+      label: t(i.label),
+      value: i.value
+    };
+  });
+  var preparedTypeOptions = Object.entries(exports.PreparedType).filter(function (_ref2) {
+    var key = _ref2[0];
+    return isNaN(Number(key));
+  }).map(function (_ref3) {
+    var key = _ref3[0],
+      value = _ref3[1];
+    return {
+      label: t(key),
+      value: value
+    };
+  });
+  var hidePublicField = !textbookId && isSuperAdminUser || textbookId && isCreatedByAdmin;
   return React__default.createElement(material.Grid, {
     padding: 3,
     container: true,
@@ -29732,24 +30703,26 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     style: {
       padding: 4,
       color: "#fff",
-      background: styles.less_dark,
+      background: !disabled ? styles.less_dark : styles.light,
       width: "150px",
       borderRadius: "6px",
       alignItems: "center",
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: "pointer"
+      cursor: disabled ? undefined : "pointer"
     }
   }, t("change_file"), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return handleUploadImage(event);
+      return !disabled && handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      e.target.value = "";
+      if (!disabled) {
+        e.target.value = "";
+      }
     }
   }))) : React__default.createElement("label", {
     htmlFor: "coverImage",
@@ -29762,17 +30735,19 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: "pointer"
+      cursor: disabled ? undefined : "pointer"
     }
   }, React__default.createElement(io.IoIosAdd, null), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return handleUploadImage(event);
+      return !disabled && handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      e.target.value = "";
+      if (!disabled) {
+        e.target.value = "";
+      }
     }
   })))), React__default.createElement(material.Grid, {
     item: true,
@@ -29791,10 +30766,10 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publicationDate"
   }, t("publication_date")), React__default.createElement(formik.Field, {
     name: "publicationDate",
-    render: function render(_ref2) {
-      var _ref2$field = _ref2.field,
-        value = _ref2$field.value,
-        action = _objectWithoutPropertiesLoose(_ref2$field, _excluded$j);
+    render: function render(_ref4) {
+      var _ref4$field = _ref4.field,
+        value = _ref4$field.value,
+        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$k);
       return React__default.createElement(xDatePickers.LocalizationProvider, {
         dateAdapter: AdapterMoment.AdapterMoment
       }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -29806,7 +30781,8 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
         value: moment(value),
         onChange: function onChange(value) {
           return setFieldValue("publicationDate", moment(value).format(DATE_FORMAT));
-        }
+        },
+        disabled: disabled
       })));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publicationDate) && React__default.createElement(material.Typography, {
@@ -29824,9 +30800,12 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publisher"
   }, t("publisher")), React__default.createElement(formik.Field, {
     name: "publisher",
-    render: function render(_ref3) {
-      var field = _ref3.field;
-      return React__default.createElement(material.TextField, Object.assign({}, field));
+    render: function render(_ref5) {
+      var field = _ref5.field;
+      return React__default.createElement(material.TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -29843,25 +30822,17 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "preparedType"
   }, t("type")), React__default.createElement(formik.Field, {
     name: "preparedType",
-    render: function render(_ref4) {
-      var field = _ref4.field;
-      return React__default.createElement(material.Select, Object.assign({
-        displayEmpty: true
-      }, field), Object.entries(_extends({}, exports.PreparedType)).filter(function (_ref5) {
-        var label = _ref5[0];
-        return !Number(label);
-      }).map(function (_ref6, index) {
-        var label = _ref6[0],
-          value = _ref6[1];
-        if (Number(label)) return;
-        if (label === "my_created_questions" || label === "academy_questions") return React__default.createElement(material.MenuItem, {
-          key: index,
-          value: value
-        }, t(label));
-        return React__default.createElement(material.MenuItem, {
-          key: index,
-          value: index + 1
-        }, t(label));
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: preparedTypeOptions,
+        value: values.preparedType,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, !(val !== null && val !== void 0 && val.value) ? 0 : Number(val.value));
+        },
+        styles: customSelectStyles,
+        isDisabled: disabled || isTeacher && !textbookId,
+        isClearable: true
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.preparedType) && React__default.createElement(material.Typography, {
@@ -29881,17 +30852,20 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     name: "isbn",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return React__default.createElement(material.TextField, Object.assign({}, field));
+      return React__default.createElement(material.TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isbn) && React__default.createElement(material.Typography, {
     fontWeight: 500,
     fontSize: "10px",
     lineHeight: "11.93px",
     color: !(errors !== null && errors !== void 0 && errors.isbn) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), !(isAdmin && !textbookId) && React__default.createElement(material.Grid, {
+  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), React__default.createElement(material.Grid, {
     item: true,
     xs: 6
-  }, React__default.createElement(material.Stack, {
+  }, !hidePublicField && React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
     alignItems: "start"
@@ -29903,7 +30877,13 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       var field = _ref8.field;
       return React__default.createElement(material.Checkbox, Object.assign({
         checked: field === null || field === void 0 ? void 0 : field.value
-      }, field));
+      }, field, {
+        onChange: function onChange(e, checked) {
+          field.onChange(e, checked);
+          if (checked) setFieldValue("textbookOwners", []);
+        },
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isPublic) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -29921,15 +30901,16 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
   }, t("grade")), React__default.createElement(formik.Field, {
     name: "grade",
     render: function render(_ref9) {
-      var _ref9$field = _ref9.field,
-        _onChange = _ref9$field.onChange,
-        action = _objectWithoutPropertiesLoose(_ref9$field, _excluded2$2);
-      return React__default.createElement(material.TextField, Object.assign({
-        onChange: function onChange(e) {
-          e.target.value = e.target.value.replace(/[^\d]/g, "");
-          _onChange(e);
-        }
-      }, action));
+      var field = _ref9.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: gradeOptions,
+        value: values.grade,
+        styles: customSelectStyles,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, String(val.value));
+        },
+        isDisabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.grade) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -29945,19 +30926,16 @@ var AcademySelector = function AcademySelector(_ref) {
     title = _ref.title,
     options = _ref.options,
     isLoading = _ref.isLoading,
-    valueById = _ref.valueById,
     isMultiple = _ref.isMultiple,
     _ref$isClearable = _ref.isClearable,
     isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    defaultValue = _ref.defaultValue;
   var _useState = React.useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var valueOption = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || null : null;
   return React__default.createElement(material.FormGroup, null, !!title && React__default.createElement("label", {
     className: "text-muted"
   }, title), React__default.createElement(CustomSelectOption, {
@@ -29969,10 +30947,11 @@ var AcademySelector = function AcademySelector(_ref) {
     isLoading: isLoading,
     placeholder: t('please_select'),
     isMulti: isMultiple,
-    value: valueOption || value,
+    value: value,
     onChange: onChange,
     isDisabled: disabled,
-    isClearable: isClearable
+    isClearable: isClearable,
+    defaultValue: defaultValue
   }));
 };
 
@@ -29986,15 +30965,12 @@ var CourseSelector = function CourseSelector(_ref) {
     minimumTextSearchLength = _ref.minimumTextSearchLength,
     placeholder = _ref.placeholder,
     isClearable = _ref.isClearable,
-    valueById = _ref.valueById;
+    isDisabled = _ref.isDisabled;
   var _useState = React.useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var valueOption = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || null : null;
   return React__default.createElement(material.FormGroup, null, !!title && React__default.createElement("label", null, title), React__default.createElement(CustomSelectOption, {
     options: options,
     inputValue: searchString,
@@ -30006,98 +30982,95 @@ var CourseSelector = function CourseSelector(_ref) {
       number: minimumTextSearchLength
     }) : t("select_class_placeholder")),
     isMulti: isMulti,
-    value: valueOption || value,
+    value: value,
     onChange: onChange,
-    isClearable: isClearable
+    isClearable: isClearable,
+    isDisabled: isDisabled
   }));
 };
 
 var useSelect = function useSelect(_ref) {
-  var academyId = _ref.academyId,
-    handleChangeEmail = _ref.handleChangeEmail;
+  var email = _ref.email;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var academy = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.academy;
+  });
+  var formattedAcademy = academy ? {
+    label: academy.name,
+    value: academy.id
+  } : null;
+  var academies = formattedAcademy ? [formattedAcademy] : [];
   var _useState = React.useState([]),
-    academies = _useState[0],
-    setAcademies = _useState[1];
+    courses = _useState[0],
+    setCourses = _useState[1];
   var _useState2 = React.useState(false),
     isLoading = _useState2[0],
     setLoading = _useState2[1];
-  var user = reactRedux.useSelector(function (state) {
-    var _state$common;
-    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
-  });
-  var isSuperAdmin = !!user && !user.academyDomain;
-  var loadData = _$5.debounce(function (e) {
-    try {
-      var _temp2 = function _temp2() {
-        setLoading(false);
-      };
-      var value = e.target.value;
-      setLoading(true);
-      var _temp = _catch(function () {
-        handleChangeEmail(value);
-        return Promise.resolve(getAcademyByTeacher(value, isSuperAdmin)).then(function (_ref2) {
-          var data = _ref2.data;
-          setAcademies(data.data);
+  React.useEffect(function () {
+    if (!email || !academy) return;
+    var fetchData = _$6.debounce(function () {
+      try {
+        var _temp2 = function _temp2() {
+          setLoading(false);
+        };
+        setLoading(true);
+        var _temp = _catch(function () {
+          return Promise.resolve(getCourseByTeacherAcademy(email, academy === null || academy === void 0 ? void 0 : academy.id)).then(function (_ref2) {
+            var data = _ref2.data;
+            var formattedCourses = data.data.map(function (course) {
+              return {
+                label: course.name,
+                value: course.id
+              };
+            });
+            setCourses(formattedCourses);
+          });
+        }, function (err) {
+          reactToastify.toast.error(getErrorMessage(t, err));
         });
-      }, function (err) {
-        reactToastify.toast.error(getErrorMessage(t, err));
-      });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, 1000);
-  var academyOptions = React.useMemo(function () {
-    if (!(academies !== null && academies !== void 0 && academies.length)) return [];
-    return academies === null || academies === void 0 ? void 0 : academies.map(function (academy) {
-      return {
-        label: academy.name,
-        value: academy.id
-      };
-    });
-  }, [JSON.stringify(academies)]);
-  var courseOptions = React.useMemo(function () {
-    var _academy$courses;
-    if (!academyId) return [];
-    var academy = academies === null || academies === void 0 ? void 0 : academies.find(function (academy) {
-      return academy.id === academyId;
-    });
-    return academy === null || academy === void 0 ? void 0 : (_academy$courses = academy.courses) === null || _academy$courses === void 0 ? void 0 : _academy$courses.map(function (course) {
-      return {
-        label: course.name,
-        value: course.id
-      };
-    });
-  }, [JSON.stringify(academies), academyId]);
+        return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }, 1000);
+    fetchData();
+    return function () {
+      return fetchData.cancel();
+    };
+  }, [email]);
   return {
     t: t,
-    loadData: loadData,
     isLoading: isLoading,
-    academyOptions: academyOptions,
-    courseOptions: courseOptions
+    academies: academies,
+    courses: courses
   };
 };
 
 var OwnerSelector = function OwnerSelector(_ref) {
-  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner2, _errors$textbookOwner3, _errors$textbookOwner4;
+  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner3, _errors$textbookOwner3, _errors$textbookOwner4;
   var values = _ref.values,
     errors = _ref.errors,
     index = _ref.index,
-    academyId = _ref.academyId,
-    onChangeFieldValue = _ref.onChangeFieldValue;
-  var handleChangeEmail = function handleChangeEmail(value) {
-    onChangeFieldValue("textbookOwners[" + index + "].email", value);
-  };
+    email = _ref.email,
+    onChangeFieldValue = _ref.onChangeFieldValue,
+    disabled = _ref.disabled;
   var _useSelect = useSelect({
-      academyId: academyId,
-      handleChangeEmail: handleChangeEmail
+      email: email
     }),
     t = _useSelect.t,
     isLoading = _useSelect.isLoading,
-    academyOptions = _useSelect.academyOptions,
-    courseOptions = _useSelect.courseOptions;
+    academies = _useSelect.academies,
+    courses = _useSelect.courses;
+  var handleChangeAcademy = function handleChangeAcademy(val) {
+    onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
+    onChangeFieldValue("textbookOwners[" + index + "].academy", val);
+  };
+  var handleChangeCourse = function handleChangeCourse(val) {
+    onChangeFieldValue("textbookOwners[" + index + "].courseId", val === null || val === void 0 ? void 0 : val.value);
+    onChangeFieldValue("textbookOwners[" + index + "].course", val);
+  };
   return React__default.createElement(React__default.Fragment, null, (values === null || values === void 0 ? void 0 : (_values$textbookOwner = values.textbookOwners) === null || _values$textbookOwner === void 0 ? void 0 : _values$textbookOwner[index].email) && React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
@@ -30107,14 +31080,16 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("academy")), React__default.createElement(formik.Field, {
     name: "textbookOwners[" + index + "].academyId",
     render: function render(_ref2) {
+      var _values$textbookOwner2;
       var field = _ref2.field;
       return React__default.createElement(AcademySelector, Object.assign({}, field, {
-        options: academyOptions,
+        options: academies,
+        disabled: true,
+        value: (_values$textbookOwner2 = values.textbookOwners[index]) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2.academy,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: function onChange(val) {
-          return onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
-        }
+        onChange: handleChangeAcademy,
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && (_errors$textbookOwner2 = _errors$textbookOwner[index]) !== null && _errors$textbookOwner2 !== void 0 && _errors$textbookOwner2.academyId) && React__default.createElement(material.Typography, {
@@ -30122,7 +31097,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
     fontSize: "10px",
     lineHeight: "11.93px",
     color: !(errors !== null && errors !== void 0 && errors.textbookOwners[index].academyId) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].academyId)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2[index].email) && React__default.createElement(material.Stack, {
+  }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].academyId)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner3 = values.textbookOwners) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3[index].email) && React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
     width: 1
@@ -30131,14 +31106,14 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("class")), React__default.createElement(formik.Field, {
     name: "textbookOwners[" + index + "].courseId",
     render: function render(_ref3) {
+      var _values$textbookOwner4;
       var field = _ref3.field;
       return React__default.createElement(CourseSelector, Object.assign({}, field, {
-        options: courseOptions,
+        options: courses,
         isLoading: isLoading,
-        valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: function onChange(val) {
-          return onChangeFieldValue("textbookOwners[" + index + "].courseId", val === null || val === void 0 ? void 0 : val.value);
-        }
+        value: (_values$textbookOwner4 = values.textbookOwners[index]) === null || _values$textbookOwner4 === void 0 ? void 0 : _values$textbookOwner4.course,
+        onChange: handleChangeCourse,
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner3 = errors.textbookOwners) !== null && _errors$textbookOwner3 !== void 0 && (_errors$textbookOwner4 = _errors$textbookOwner3[index]) !== null && _errors$textbookOwner4 !== void 0 && _errors$textbookOwner4.courseId) && React__default.createElement(material.Typography, {
@@ -30149,14 +31124,20 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].courseId)));
 };
 
-var _$4 = _$5;
+var _$5 = _$6;
 var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   var errors = _ref.errors,
     values = _ref.values,
+    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue;
   var textbookOwners = values.textbookOwners;
+  var academy = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.academy;
+  });
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var hasErrors = errors.textbookOwners;
   return React__default.createElement(material.Box, {
     className: "bg-white mt-2",
     sx: {
@@ -30169,15 +31150,15 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
       return React__default.createElement(material.Grid, {
         container: true,
         spacing: "16px"
-      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (_val, index) {
-        var _values$textbookOwner, _values$textbookOwner2, _values$textbookOwner3;
+      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (val, index) {
+        var _errors$textbookOwner, _values$textbookOwner, _values$textbookOwner2;
         return React__default.createElement(material.Grid, {
           item: true,
           xs: 6,
-          lg: 2
+          lg: 3
         }, React__default.createElement(material.Stack, {
           sx: {
-            border: "1px solid " + styles.gray_300,
+            border: "1px solid " + ((_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && _errors$textbookOwner[index] ? styles.red_900 : styles.gray_300),
             borderRadius: "6px",
             width: "100%",
             height: "350px",
@@ -30195,6 +31176,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             top: 8,
             color: styles.gray_500
           },
+          disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id),
           onClick: function onClick() {
             arrayHelpers.remove(index);
           }
@@ -30210,24 +31192,28 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             var field = _ref2.field;
             return React__default.createElement(material.TextField, Object.assign({
               fullWidth: true
-            }, field));
+            }, field, {
+              onKeyDown: handleKeyDown,
+              disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
+            }));
           }
-        }), _$4.get(errors, "textbookOwners[" + index + "].email") && React__default.createElement(material.Typography, {
+        }), _$5.get(errors, "textbookOwners[" + index + "].email") && React__default.createElement(material.Typography, {
           fontWeight: 500,
           fontSize: "10px",
           lineHeight: "11.93px",
-          color: _$4.get(errors, "textbookOwners[" + index + "].email") ? "#97A1AF" : "#F34B4B"
-        }, _$4.get(errors, "textbookOwners[" + index + "].email"))), !!(values !== null && values !== void 0 && (_values$textbookOwner = values.textbookOwners) !== null && _values$textbookOwner !== void 0 && _values$textbookOwner[index].email) && React__default.createElement(OwnerSelector, {
+          color: "#F34B4B"
+        }, _$5.get(errors, "textbookOwners[" + index + "].email"))), !!(values !== null && values !== void 0 && (_values$textbookOwner = values.textbookOwners) !== null && _values$textbookOwner !== void 0 && _values$textbookOwner[index].email) && React__default.createElement(OwnerSelector, {
           values: values,
           errors: errors,
           index: index,
+          email: values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2[index].email,
           onChangeFieldValue: setFieldValue,
-          academyId: values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : (_values$textbookOwner3 = _values$textbookOwner2[index]) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3.academyId
+          disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
         })));
-      }), React__default.createElement(material.Grid, {
+      }), !hasErrors && !disabled && academy && React__default.createElement(material.Grid, {
         item: true,
         xs: 6,
-        lg: 2
+        lg: 3
       }, React__default.createElement("div", {
         style: {
           display: "flex",
@@ -30241,7 +31227,14 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
           background: styles.gray_50
         },
         onClick: function onClick() {
-          return arrayHelpers.push(DefaultTextbookOwner);
+          var _academy$id;
+          arrayHelpers.push(_extends({}, DefaultTextbookOwner, {
+            academy: academy ? {
+              label: academy.name,
+              value: academy.id
+            } : null,
+            academyId: (_academy$id = academy === null || academy === void 0 ? void 0 : academy.id) != null ? _academy$id : null
+          }));
         }
       }, React__default.createElement(material.Stack, null, React__default.createElement(io.IoMdAdd, {
         size: 24
@@ -30250,160 +31243,20 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _reduceToMathArticles = function reduceToMathArticles(textbook, isMath) {
-  var values = isMath !== undefined ? _$5.cloneDeep(textbook) : textbook;
-  if (isMath !== undefined) values.type = isMath;
-  for (var key in values) {
-    if (values.hasOwnProperty(key)) {
-      if (key === "articles") {
-        var _values$key;
-        values[key] = (_values$key = values[key]) !== null && _values$key !== void 0 && _values$key.length ? [values[key][0]] : [DEFAULT_ARTICLE];
-      } else if (typeof values[key] === "object" && values[key] !== null) {
-        _reduceToMathArticles(values[key]);
-      }
-    }
-  }
-  return values;
-};
-var _resetAllCategoriesAndQuestionTypesBySubject = function resetAllCategoriesAndQuestionTypesBySubject(textbook, subject) {
-  var values = subject ? _$5.cloneDeep(textbook) : textbook;
-  if (subject) {
-    values.subjectId = subject === null || subject === void 0 ? void 0 : subject.value;
-    values.subject = subject;
-  }
-  for (var key in values) {
-    if (values.hasOwnProperty(key)) {
-      if (key === "categories" || key === "categoryOptions") {
-        values[key] = [];
-      } else if (key === "questionType" || key === "questionTypeId") {
-        values[key] = null;
-      } else if (typeof values[key] === "object" && values[key] !== null) {
-        _resetAllCategoriesAndQuestionTypesBySubject(values[key]);
-      }
-    }
-  }
-  return values;
-};
-var convertResponseToRequest = function convertResponseToRequest(selectedTextbook) {
-  var _selectedTextbook$sub;
-  if (!selectedTextbook) return DEFAULT_TEXTBOOK_REQUEST;
-  return {
-    name: selectedTextbook.name || "",
-    subjectId: ((_selectedTextbook$sub = selectedTextbook.subject) === null || _selectedTextbook$sub === void 0 ? void 0 : _selectedTextbook$sub.id) || 0,
-    subject: selectedTextbook.subject ? {
-      label: selectedTextbook.subject.name,
-      value: selectedTextbook.subject.id
-    } : null,
-    preparedType: selectedTextbook.preparedType || 0,
-    grade: selectedTextbook.grade || "1",
-    publicationDate: (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.publicationDate) || "",
-    publisher: selectedTextbook.publisher || "",
-    isbn: selectedTextbook.isbn || "",
-    coverImage: selectedTextbook.coverImage || "",
-    textbookOwners: selectedTextbook.textbookOwners,
-    isPublic: selectedTextbook.isPublic || false,
-    isShared: selectedTextbook.isShared || false,
-    isPrepared: true,
-    type: selectedTextbook.type,
-    chapters: selectedTextbook.chapters.map(function (c) {
-      var _c$questionGroups;
-      return {
-        name: c.name,
-        pageFrom: c.pageFrom || 0,
-        pageTo: c.pageTo || 0,
-        id: c.id,
-        questionGroups: ((_c$questionGroups = c.questionGroups) === null || _c$questionGroups === void 0 ? void 0 : _c$questionGroups.map(function (g) {
-          var _g$questions$;
-          return {
-            id: g.id,
-            chapterId: c.id,
-            questions: g.questions.map(function (q) {
-              var _q$questionType;
-              return _extends({}, q, {
-                questionTypeId: q.questionTypeId || q.questionType.id,
-                questionType: (_q$questionType = q.questionType) !== null && _q$questionType !== void 0 && _q$questionType.id ? {
-                  label: q.questionType.name,
-                  value: q.questionType.id
-                } : null
-              });
-            }),
-            articles: g.articles.map(function (a) {
-              return _extends({}, a, {
-                categoryOptions: a.categories.map(function (cat) {
-                  return {
-                    label: cat.name,
-                    value: cat.id
-                  };
-                }),
-                categories: a.categories.filter(function (cat) {
-                  return !!cat.id;
-                }).map(function (cat) {
-                  return cat.id;
-                })
-              });
-            }),
-            questionCount: g.questions.length,
-            answerCount: ((_g$questions$ = g.questions[0]) === null || _g$questions$ === void 0 ? void 0 : _g$questions$.numberOfAnswers) || 5
-          };
-        })) || [],
-        subChapters: c.subChapters.map(function (sub) {
-          var _sub$questionGroups;
-          return {
-            name: sub.name,
-            pageFrom: sub.pageFrom || 0,
-            pageTo: sub.pageTo || 0,
-            id: sub.id,
-            questionGroups: ((_sub$questionGroups = sub.questionGroups) === null || _sub$questionGroups === void 0 ? void 0 : _sub$questionGroups.map(function (g) {
-              var _g$questions$2;
-              return {
-                id: g.id,
-                chapterId: c.id,
-                questions: g.questions.map(function (q) {
-                  var _q$questionType2;
-                  return _extends({}, q, {
-                    questionTypeId: q.questionTypeId || q.questionType.id,
-                    questionType: (_q$questionType2 = q.questionType) !== null && _q$questionType2 !== void 0 && _q$questionType2.id ? {
-                      label: q.questionType.name,
-                      value: q.questionType.id
-                    } : null
-                  });
-                }),
-                articles: g.articles.map(function (a) {
-                  return _extends({}, a, {
-                    categoryOptions: a.categories.map(function (cat) {
-                      return {
-                        label: cat.name,
-                        value: cat.id
-                      };
-                    }),
-                    categories: a.categories.filter(function (cat) {
-                      return !!cat.id;
-                    }).map(function (cat) {
-                      return cat.id;
-                    })
-                  });
-                }),
-                questionCount: g.questions.length,
-                answerCount: ((_g$questions$2 = g.questions[0]) === null || _g$questions$2 === void 0 ? void 0 : _g$questions$2.numberOfAnswers) || 5
-              };
-            })) || [],
-            subChapters: []
-          };
-        })
-      };
-    })
-  };
-};
-
-var _excluded$k = ["isAdmin", "textbookId", "selected", "coverImage", "onChangeTab", "onUploadImage"];
+var _excluded$l = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "onChangeTab", "onUploadImage"];
 var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
-  var isAdmin = _ref.isAdmin,
+  var isCreatedByAdmin = _ref.isCreatedByAdmin,
+    isSuperAdminUser = _ref.isSuperAdminUser,
+    isSuperAdmin = _ref.isSuperAdmin,
+    isAdmin = _ref.isAdmin,
     textbookId = _ref.textbookId,
     selected = _ref.selected,
     coverImage = _ref.coverImage,
+    disabled = _ref.disabled,
+    ownersDisabled = _ref.ownersDisabled,
     onChangeTab = _ref.onChangeTab,
     onUploadImage = _ref.onUploadImage,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var values = formikProps.values,
     errors = formikProps.errors,
     dirty = formikProps.dirty,
@@ -30421,7 +31274,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     };
   }, [dirty, i18n.t]);
   var handleChangeTextbookType = function handleChangeTextbookType() {
-    var isMath = values.type === 2 ? 1 : 2;
+    var isMath = values.type === exports.TextbookEditorType.Math ? exports.TextbookEditorType.Korea : exports.TextbookEditorType.Math;
     var newValues = _reduceToMathArticles(values, isMath);
     setValues(newValues);
   };
@@ -30458,7 +31311,9 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: i18n.t("title")
       }, field, {
-        size: "small"
+        size: "small",
+        disabled: disabled,
+        onKeyDown: handleKeyDown
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.name) && React__default.createElement(material.Typography, {
@@ -30478,7 +31333,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       var field = _ref3.field;
       return React__default.createElement(SubjectSelector, Object.assign({}, field, {
         value: values.subject,
-        isDisabled: !!textbookId,
+        isDisabled: !!textbookId || disabled,
         onChange: handleChangeSubject
       }));
     }
@@ -30489,30 +31344,43 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     color: !(errors !== null && errors !== void 0 && errors.subjectId) ? "#97A1AF" : "#F34B4B"
   }, errors === null || errors === void 0 ? void 0 : errors.subjectId)), React__default.createElement(material.Stack, {
     flexDirection: "column",
-    justifyContent: "center",
     gap: 1
   }, React__default.createElement("label", {
+    htmlFor: "hidden",
+    style: {
+      visibility: "hidden"
+    }
+  }, "hidden"), React__default.createElement(material.Stack, {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    gap: 1
+  }, React__default.createElement(material.FormLabel, {
     htmlFor: "type",
     className: "text-center"
-  }, i18n.t(values.type !== 2 ? "korea" : "math")), React__default.createElement(formik.Field, {
+  }, i18n.t("korea")), React__default.createElement(formik.Field, {
     name: "type",
     render: function render(_ref4) {
       var field = _ref4.field;
       return React__default.createElement(material.Switch, Object.assign({}, field, {
         color: "success",
-        disabled: !!textbookId,
-        checked: values.type === 2,
+        disabled: !!textbookId || disabled,
+        checked: values.type === exports.TextbookEditorType.Math,
         onChange: handleChangeTextbookType
       }));
     }
-  }))), React__default.createElement(material.Box, null, React__default.createElement(material.Button, {
+  }), React__default.createElement(material.FormLabel, {
+    htmlFor: "type",
+    className: "text-center"
+  }, i18n.t("math"))))), React__default.createElement(material.Box, null, React__default.createElement(material.Button, {
     type: "submit",
     sx: {
       width: "fit-content"
     },
     variant: "contained",
+    disabled: disabled,
     onClick: function onClick() {
-      if (!_$5.isEmpty(errors)) {
+      if (!_$6.isEmpty(errors)) {
         reactToastify.toast.error(i18n.t("please_fill_in_the_blank_fields"));
       }
     },
@@ -30553,7 +31421,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isAdmin || textbookId) && (!textbookId || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(material.Tab, Object.assign({
+  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isSuperAdmin || textbookId) && (!textbookId && !isAdmin || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(material.Tab, Object.assign({
     label: i18n.t("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -30565,14 +31433,20 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     coverImage: coverImage,
     handleUploadImage: onUploadImage,
     textbookId: textbookId,
-    isAdmin: isAdmin
+    disabled: disabled,
+    isCreatedByAdmin: isCreatedByAdmin,
+    isSuperAdminUser: isSuperAdminUser
   }))), React__default.createElement(CustomTextbookTab, {
     value: selected,
     index: 1
-  }, React__default.createElement(TextbookContentsTab, Object.assign({}, formikProps))), React__default.createElement(CustomTextbookTab, {
+  }, React__default.createElement(TextbookContentsTab, Object.assign({}, formikProps, {
+    disabled: disabled
+  }))), React__default.createElement(CustomTextbookTab, {
     value: selected,
     index: 2
-  }, React__default.createElement(TextbookOwnersTab, Object.assign({}, formikProps))))));
+  }, React__default.createElement(TextbookOwnersTab, Object.assign({}, formikProps, {
+    disabled: ownersDisabled
+  }))))));
 };
 var a11yProps = function a11yProps(index) {
   return {
@@ -30582,7 +31456,8 @@ var a11yProps = function a11yProps(index) {
 };
 
 var PreparedTextbookView = function PreparedTextbookView(_ref) {
-  var notFoundView = _ref.notFoundView,
+  var role = _ref.role,
+    notFoundView = _ref.notFoundView,
     onBackToList = _ref.onBackToList,
     textbookId = _ref.textbookId;
   var _useState = React.useState(0),
@@ -30593,9 +31468,15 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   };
   var _useTextbookManagemen = useTextbookManagement({
       onNavigateList: onBackToList,
-      textbookId: textbookId
+      textbookId: textbookId,
+      role: role
     }),
     t = _useTextbookManagemen.t,
+    disabledTextbookOwners = _useTextbookManagemen.disabledTextbookOwners,
+    isReadonly = _useTextbookManagemen.isReadonly,
+    isEditable = _useTextbookManagemen.isEditable,
+    isSuperAdmin = _useTextbookManagemen.isSuperAdmin,
+    isSuperAdminUser = _useTextbookManagemen.isSuperAdminUser,
     isAdmin = _useTextbookManagemen.isAdmin,
     coverImage = _useTextbookManagemen.coverImage,
     selectedTextbook = _useTextbookManagemen.selectedTextbook,
@@ -30604,6 +31485,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   var textbookRequest = React.useMemo(function () {
     return convertResponseToRequest(selectedTextbook);
   }, [JSON.stringify(selectedTextbook)]);
+  var isCreatedByAdmin = selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.isCreatedByAdmin;
   if (textbookId && selectedTextbook && !selectedTextbook.isPrepared) return notFoundView;
   return React__default.createElement(material.Box, null, React__default.createElement(formik.Formik, {
     initialValues: textbookRequest,
@@ -30614,12 +31496,17 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
     onSubmit: handleSubmit
   }, function (props) {
     return React__default.createElement(PreparedTextbookForm, Object.assign({
+      isCreatedByAdmin: isCreatedByAdmin,
+      isSuperAdminUser: isSuperAdminUser,
       isAdmin: isAdmin,
+      isSuperAdmin: isSuperAdmin,
       selected: selected,
       textbookId: textbookId,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
-      coverImage: coverImage
+      coverImage: coverImage,
+      disabled: isReadonly || !isEditable,
+      ownersDisabled: isReadonly || disabledTextbookOwners
     }, props));
   }));
 };
@@ -31260,7 +32147,7 @@ var usePreparedExam = function usePreparedExam(_ref) {
       return Promise.reject(e);
     }
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setTextbookFilter(_extends({}, textbookFilter, {
       currentPage: 1
     }));
@@ -31586,20 +32473,41 @@ var useTextbookDrawer = function useTextbookDrawer(_ref) {
     var arrOptions = [];
     var obj = {};
     textbook === null || textbook === void 0 ? void 0 : textbook.chapters.map(function (chapter) {
+      var _chapter$subChapters, _chapter$questionGrou;
       arrOptions.push({
         label: t("page_number", {
           number: chapter.pageFrom
         }),
         value: chapter.pageFrom
       });
-      if (chapter.subChapters) {
+      if ((_chapter$subChapters = chapter.subChapters) !== null && _chapter$subChapters !== void 0 && _chapter$subChapters.length) {
         chapter.subChapters.map(function (subChapter) {
+          var _subChapter$questionG;
           arrOptions.push({
             label: t("page_number", {
               number: subChapter.pageFrom
             }),
             value: subChapter.pageFrom
           });
+          if ((_subChapter$questionG = subChapter.questionGroups) !== null && _subChapter$questionG !== void 0 && _subChapter$questionG.length) {
+            subChapter.questionGroups.map(function (questionGroup) {
+              questionGroup.pageFrom && arrOptions.push({
+                label: t("page_number", {
+                  number: questionGroup.pageFrom
+                }),
+                value: questionGroup.pageFrom
+              });
+            });
+          }
+        });
+      } else if ((_chapter$questionGrou = chapter.questionGroups) !== null && _chapter$questionGrou !== void 0 && _chapter$questionGrou.length) {
+        chapter.questionGroups.map(function (questionGroup) {
+          questionGroup.pageFrom && arrOptions.push({
+            label: t("page_number", {
+              number: questionGroup.pageFrom
+            }),
+            value: questionGroup.pageFrom
+          });
         });
       }
     });
@@ -31852,7 +32760,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$l = ["onChange"];
+var _excluded$m = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -31913,7 +32821,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(formik.Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$l);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$m);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -32282,7 +33190,7 @@ var TextbookDrawer = function TextbookDrawer(_ref) {
   }), React__default.createElement(material.Stack, {
     sx: {
       position: "absolute",
-      left: textbook !== null && textbook !== void 0 && textbook.progress && (textbook === null || textbook === void 0 ? void 0 : textbook.progress) > 7 ? (textbook === null || textbook === void 0 ? void 0 : textbook.progress) - 8 + "%" : ((textbook === null || textbook === void 0 ? void 0 : textbook.progress) || 0) + 3 + "%",
+      left: "max(" + (textbook !== null && textbook !== void 0 && textbook.progress && (textbook === null || textbook === void 0 ? void 0 : textbook.progress) > 7 ? (textbook === null || textbook === void 0 ? void 0 : textbook.progress) - 8 + "%" : ((textbook === null || textbook === void 0 ? void 0 : textbook.progress) || 0) + 3 + "%") + ", 16px)",
       height: "100%",
       justifyContent: "center"
     }
@@ -32969,7 +33877,7 @@ var PreparedItem = function PreparedItem(_ref) {
     });
     return React__default.createElement(formik.Form, {
       style: {
-        height: !_$5.isEmpty(values) && !textbookList.length ? "100%" : "unset"
+        height: !_$6.isEmpty(values) && !textbookList.length ? "100%" : "unset"
       }
     }, React__default.createElement(material.Stack, null, React__default.createElement(material.Accordion, {
       sx: {
@@ -33375,7 +34283,7 @@ var PreparedItem = function PreparedItem(_ref) {
       open: openConfirmDialog,
       onClose: handleCloseConfirmDialog,
       onSubmit: handleResetFilter
-    }), !_$5.isEmpty(values) && !textbookList.length && React__default.createElement(material.Stack, {
+    }), !_$6.isEmpty(values) && !textbookList.length && React__default.createElement(material.Stack, {
       height: 1,
       justifyContent: "center",
       alignItems: "center"
@@ -34563,6 +35471,18 @@ Object.defineProperty(exports, 'DemoContainer', {
 	}
 });
 exports.moment = moment;
+Object.defineProperty(exports, 'CellMeasurerCache', {
+	enumerable: true,
+	get: function () {
+		return reactVirtualized.CellMeasurerCache;
+	}
+});
+Object.defineProperty(exports, 'MultiGrid', {
+	enumerable: true,
+	get: function () {
+		return reactVirtualized.MultiGrid;
+	}
+});
 exports.ACADEMY_DOMAIN = ACADEMY_DOMAIN;
 exports.ACCESS_TOKEN = ACCESS_TOKEN;
 exports.AcademyHeaders = AcademyHeaders;
@@ -34574,6 +35494,7 @@ exports.ArticleCategorySelector = ArticleCategorySelector;
 exports.ArticleDialog = ArticleDialog;
 exports.ArticleGroupView = ArticleGroupView;
 exports.BASE_URL = BASE_URL;
+exports.BRIEF_GRADE_OPTIONS = BRIEF_GRADE_OPTIONS;
 exports.ChapterBox = _ChapterBox;
 exports.ChatContainer = ChatContainer;
 exports.ChatTypes = types;
@@ -34594,7 +35515,6 @@ exports.DATE_TIME_MIN_VALUE = DATE_TIME_MIN_VALUE;
 exports.DEFAULT_NOTE_FILTER = DEFAULT_NOTE_FILTER;
 exports.DEFAULT_PAGING_RESPONSE = DEFAULT_PAGING_RESPONSE;
 exports.DefaultErrorMessage = DefaultErrorMessage;
-exports.ELEMENTARY_GRADES = ELEMENTARY_GRADES;
 exports.EXAM_CHANNEL = EXAM_CHANNEL;
 exports.EXAM_STUDENT_CHANNEL = EXAM_STUDENT_CHANNEL;
 exports.ExamDetailView = ExamDetailView;
@@ -34604,7 +35524,7 @@ exports.GOOGLE_CLIENT_ID = GOOGLE_CLIENT_ID;
 exports.GOOGLE_RECAPTCHA_ID = GOOGLE_RECAPTCHA_ID;
 exports.GOOGLE_RECAPTCHA_KEY = GOOGLE_RECAPTCHA_KEY;
 exports.GOOGLE_RECAPTCHA_SECRET = GOOGLE_RECAPTCHA_SECRET;
-exports.HIGH_GRADES = HIGH_GRADES;
+exports.GRADE_OPTIONS = GRADE_OPTIONS;
 exports.Header = Header;
 exports.InputText = InputText;
 exports.LANGUAGE = LANGUAGE;
@@ -34618,7 +35538,6 @@ exports.Login = Login;
 exports.LoginQRCode = LoginQRCode;
 exports.LoginWithEmail = LoginWithEmail;
 exports.LoginWithPassword = SignIn;
-exports.MIDDLE_GRADES = MIDDLE_GRADES;
 exports.MathJaxContainer = MathJaxContainer;
 exports.MathTinyEditor = MathTinyEditor;
 exports.NewNoteButton = NewNoteButton;
@@ -34646,7 +35565,6 @@ exports.REDIRECT_URL = REDIRECT_URL;
 exports.RELEASE_DATE = RELEASE_DATE;
 exports.RecentUserActionNames = RecentUserActionNames;
 exports.ReleaseAlert = ReleaseAlert;
-exports.SCHOOL_OPTIONS = SCHOOL_OPTIONS;
 exports.SUPER_ADMIN_BASE_URL = SUPER_ADMIN_BASE_URL;
 exports.ScoreSelector = ScoreSelector;
 exports.SearchInput = SearchInput;