touchstudy-core 0.1.144 → 0.1.145

package/dist/index.js

@@ -25,9 +25,8 @@ var _$5 = _interopDefault(require('lodash'));
 var reactGoogleLogin = require('@leecheuk/react-google-login');
 require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
-var reactVirtualized = require('react-virtualized');
 var formik = require('formik');
-var styles$c = require('@mui/material/styles');
+var reactVirtualized = require('react-virtualized');
 var tinymce = _interopDefault(require('tinymce'));
 require('@wiris/mathtype-tinymce6');
 var tinymceReact = require('@tinymce/tinymce-react');
@@ -67,6 +66,7 @@ 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,44 +1423,18 @@ 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 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 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 lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2533,33 +2507,7 @@ 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,
-	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
+	high_school_3rd_grade: high_school_3rd_grade
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3063,7 +3011,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";
+var enter_grade$1 = "Enter grade (please enter school name first)";
 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";
@@ -3655,32 +3603,6 @@ 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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4755,33 +4677,7 @@ 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,
-	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
+	high_school_3rd_grade: high_school_3rd_grade$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -4808,6 +4704,63 @@ 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 || "";
@@ -4876,7 +4829,17 @@ var DEFAULT_PAGING_RESPONSE = {
   totalItems: 0,
   totalPages: 0
 };
-var GRADE_OPTIONS = [{
+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 = [{
   label: "elementary_school_1st_grade",
   value: 1
 }, {
@@ -4894,67 +4857,26 @@ var GRADE_OPTIONS = [{
 }, {
   label: "elementary_school_6th_grade",
   value: 6
-}, {
+}];
+var MIDDLE_GRADES = [{
   label: "middle_school_1st_grade",
-  value: 7
+  value: 1
 }, {
   label: "middle_school_2nd_grade",
-  value: 8
+  value: 2
 }, {
   label: "middle_school_3rd_grade",
-  value: 9
-}, {
-  label: "high_school_1st_grade",
-  value: 10
-}, {
-  label: "high_school_2nd_grade",
-  value: 11
-}, {
-  label: "high_school_3rd_grade",
-  value: 12
-}, {
-  label: "n_year_retaker",
-  value: 13
+  value: 3
 }];
-var BRIEF_GRADE_OPTIONS = [{
-  label: "es_1st",
+var HIGH_GRADES = [{
+  label: "high_school_1st_grade",
   value: 1
 }, {
-  label: "es_2nd",
+  label: "high_school_2nd_grade",
   value: 2
 }, {
-  label: "es_3rd",
+  label: "high_school_3rd_grade",
   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) {
@@ -5895,7 +5817,7 @@ var CustomCreatable = function CustomCreatable(_ref) {
   }, rest));
 };
 
-var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "optionValue", "styles"];
+var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "optionValue"];
 var CustomSelect = function CustomSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -5904,7 +5826,6 @@ 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;
@@ -5929,7 +5850,7 @@ var CustomSelect = function CustomSelect(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: _extends({}, customStyles, styles),
+    styles: customStyles,
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -6101,63 +6022,6 @@ 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 = {}));
-
-(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;
@@ -9619,198 +9483,7 @@ var ListView = function ListView(_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 VirtualTableEmpty = function VirtualTableEmpty(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -9823,195 +9496,70 @@ var VirtualEmptyItem = function VirtualEmptyItem(_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,
-    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
-    });
-  };
+    loading = props.loading,
+    loadingElement = props.loadingElement,
+    listHeight = props.listHeight;
   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(reactVirtualized.List, {
+    return React__default.createElement(material.Box, {
       width: width,
-      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, {
+      height: height,
+      overflow: "auto"
+    }, 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: grey[700]
+        color: "#5d5d5b"
       }
-    })), !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
-  };
+    }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
+      emptyElement: emptyElement
+    }), !loading && !!data.length && React__default.createElement(ListView, {
+      data: data,
+      render: renderItem
+    }));
+  }));
 };
 
-var _excluded$5 = ["containerProps", "listHeight", "overscanRowCount", "overscanColumnCount", "renderItem", "emptyElement", "loadingElement", "fixedColumnCount", "fixedRowCount", "listWidth", "itemsCount", "cellCache", "columnWidth", "containerRef", "multiGridRef"];
 var VirtualTableView = function VirtualTableView(props) {
-  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,
+  var data = props.data,
+    containerProps = props.containerProps,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    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
+    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);
     }));
   };
-  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), 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));
+  }, 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
   }));
 };
 
@@ -10023,7 +9571,6 @@ 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;
@@ -10033,23 +9580,17 @@ 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: 100,
-    statusbar: false,
+    height: 130,
     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, {
@@ -11573,10 +11114,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$6 = ["history"];
+var _excluded$5 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -12550,11 +12091,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$7 = ["teachers", "value"];
+var _excluded$6 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -13846,7 +13387,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$8 = ["getStudents"],
+var _excluded$7 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13897,7 +13438,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$7);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -14647,12 +14188,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$9 = ["children", "value", "index"];
+var _excluded$8 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$9);
+    other = _objectWithoutPropertiesLoose(props, _excluded$8);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -20022,7 +19563,9 @@ var useNotes = function useNotes(setFilter, filter) {
       }
       setLoadingNotes(true);
       var _temp = _catch(function () {
-        return Promise.resolve(getNotesApi(filter)).then(function (res) {
+        return Promise.resolve(getNotesApi(_extends({}, filter, {
+          currentPage: -1
+        }))).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) || [];
@@ -20088,8 +19631,7 @@ var NoteItem = function NoteItem(_ref) {
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "bottom-end" : _ref$placement,
     onClose = _ref.onClose,
-    onOpen = _ref.onOpen,
-    onLoad = _ref.onLoad;
+    onOpen = _ref.onOpen;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var handleMoreClick = function handleMoreClick(e) {
@@ -20097,9 +19639,6 @@ var NoteItem = function NoteItem(_ref) {
     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,
@@ -20147,7 +19686,7 @@ var NotesContainer = function NotesContainer(_ref) {
     itemActions = _ref.itemActions,
     noteIdContextMenu = _ref.noteIdContextMenu,
     containerListProps = _ref.containerListProps;
-  var renderItem = function renderItem(item, _, measure) {
+  var renderItem = function renderItem(item, _) {
     var isSelected = noteIdContextMenu === item.id;
     return React__default.createElement(material.Box, {
       key: item.id,
@@ -20158,8 +19697,7 @@ var NotesContainer = function NotesContainer(_ref) {
       openTooltip: isSelected,
       actions: itemActions,
       onOpen: onOpenTooltip,
-      onClose: onCloseTooltip,
-      onLoad: measure
+      onClose: onCloseTooltip
     }));
   };
   return React__default.createElement(VirtualListView, {
@@ -21997,14 +21535,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$a = ["text", "isRequired", "className"];
+var _excluded$9 = ["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$a);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   return React__default.createElement(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -22058,7 +21596,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$b = ["ref"],
+var _excluded$a = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -22088,7 +21626,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$a);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -22133,11 +21671,24 @@ var UserDialog = function UserDialog(_ref) {
     setDefaultPassCodeChanged = _useState8[1];
   var theme = material.useTheme();
   var gradeOptions = React.useMemo(function () {
-    return [].concat(GRADE_OPTIONS.map(function (i) {
+    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 _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]);
@@ -26066,12 +25617,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$c = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$b = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$b);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -26319,11 +25870,9 @@ 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,
-    role = props.role;
+    isSuperAdmin = props.isSuperAdmin;
   var _useList = useList(function (search) {
       return getTextbookListApi(search, isSuperAdmin);
     }, TextbookDefaultQuery),
@@ -26338,21 +25887,14 @@ 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, false);
+    onNavigateDetail(data, true, true);
   };
   var handleUpdateTextbook = function handleUpdateTextbook(data) {
-    onNavigateDetail(data, false, false);
+    onNavigateDetail(data, false, true);
   };
   var handleCreateTextbook = function handleCreateTextbook() {
     onNavigateCreate === null || onNavigateCreate === void 0 ? void 0 : onNavigateCreate();
@@ -26388,9 +25930,6 @@ 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,
@@ -26629,6 +26168,8 @@ 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);
@@ -26719,6 +26260,12 @@ 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() {
@@ -26795,117 +26342,19 @@ 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,
-    isSuperAdmin = props.isSuperAdmin,
-    role = props.role;
+    createable = _props$createable === void 0 ? true : _props$createable;
   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,
@@ -26947,14 +26396,9 @@ var TextbookList = function TextbookList(props) {
     handleOpenUpdateShareDialog = _useTextbookShare.handleOpenUpdateShareDialog,
     isUpdate = _useTextbookShare.isUpdate,
     handleUpdateSharedTextbook = _useTextbookShare.handleUpdateSharedTextbook,
-    currentModel = _useTextbookShare.currentModel;
-  var textbookHeaders = React.useMemo(function () {
-    var headers = _$5.clone(TEXTBOOK_HEADERS);
-    if (isTeacher && isTeacherSite) headers.splice(5, 0, {
-      title: "teacher_personal_textbook"
-    });
-    return headers;
-  }, [isTeacher, isTeacherSite]);
+    currentModel = _useTextbookShare.currentModel,
+    enabledSave = _useTextbookShare.enabledSave,
+    enabledShare = _useTextbookShare.enabledShare;
   return React__default.createElement(LayoutList, {
     title: t(TEXTBOOK_PAGE_TITLE)
   }, React__default.createElement(material.Grid, {
@@ -26989,26 +26433,63 @@ var TextbookList = function TextbookList(props) {
     xs: 12,
     className: "mt-3"
   }, React__default.createElement(material.Table, null, React__default.createElement(TableHeader, {
-    headerTemplates: textbookHeaders,
+    headerTemplates: TEXTBOOK_HEADERS,
     filter: filter,
     onSort: handleSort
-  }), 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
-      });
-    }
+  }), 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
+    })))));
   }), !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, {
@@ -27206,12 +26687,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$d = ["value", "disabled", "optionTypeNotification"];
+var _excluded$c = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27603,11 +27084,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$e = ["value", "optionTypeNotification"];
+var _excluded$d = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27661,8 +27142,7 @@ var NotificationList = function NotificationList(_ref) {
     startIcon: React__default.createElement(fa.FaPlus, {
       size: 12
     }),
-    onClick: handleCreateNotification,
-    disabled: !isAdmin && isTeacherAdmin
+    onClick: handleCreateNotification
   }, t("new_notification"))), React__default.createElement(material.Grid, {
     container: true
   }, React__default.createElement(material.Grid, {
@@ -27767,6 +27247,7 @@ 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";
@@ -27788,11 +27269,10 @@ 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 getCourseByTeacherAcademy = function getCourseByTeacherAcademy(email, academyId) {
-  return api.get(TEXTBOOK_URL$1 + "/owner-teacher-course", {
+var getAcademyByTeacher = function getAcademyByTeacher(email, isAdmin) {
+  return api.get((isAdmin ? SUPER_ADMIN_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/academy-teacher-owner", {
     params: {
-      email: email,
-      academyId: academyId
+      email: email
     }
   });
 };
@@ -27801,9 +27281,8 @@ var deleteTextbookApi$1 = function deleteTextbookApi(textbookId, isAdmin) {
 };
 
 var useTextbookManagement = function useTextbookManagement(_ref) {
-  var _user$roles, _user$roles2, _selectedTextbook$cre, _selectedTextbook$cre2;
+  var _user$roles;
   var textbookId = _ref.textbookId,
-    role = _ref.role,
     onNavigateList = _ref.onNavigateList;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -27820,28 +27299,13 @@ 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 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 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 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);
   };
@@ -27896,7 +27360,6 @@ 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();
@@ -27948,16 +27411,11 @@ 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,
@@ -27988,12 +27446,6 @@ var HighSchoolGrade;
   HighSchoolGrade[HighSchoolGrade["ProbabilityAndStatistics"] = 6] = "ProbabilityAndStatistics";
   HighSchoolGrade[HighSchoolGrade["Geometry"] = 7] = "Geometry";
 })(HighSchoolGrade || (HighSchoolGrade = {}));
-var TextbookEditorType;
-(function (TextbookEditorType) {
-  TextbookEditorType[TextbookEditorType["Default"] = 0] = "Default";
-  TextbookEditorType[TextbookEditorType["Korea"] = 1] = "Korea";
-  TextbookEditorType[TextbookEditorType["Math"] = 2] = "Math";
-})(TextbookEditorType || (TextbookEditorType = {}));
 
 var TextbookSortBy$1;
 (function (TextbookSortBy) {
@@ -28023,7 +27475,7 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS = [{
+var SCHOOL_OPTIONS$1 = [{
   label: "all",
   value: SchoolType.Default
 }, {
@@ -28060,7 +27512,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES = Array.from({
+var MIDDLE_GRADES$1 = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -28068,7 +27520,7 @@ var MIDDLE_GRADES = Array.from({
     value: index
   };
 });
-var HIGH_GRADES = [{
+var HIGH_GRADES$1 = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -28131,13 +27583,8 @@ 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")).notOneOf([0], t("subject_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")),
     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) {
@@ -28210,7 +27657,7 @@ var DEFAULT_TEXTBOOK_REQUEST = {
   grade: "",
   textbookOwners: [],
   isPrepared: true,
-  type: TextbookEditorType.Korea
+  type: 0
 };
 var DEFAULT_CHAPTER = {
   name: "",
@@ -28260,169 +27707,136 @@ var CustomTextbookTab = function CustomTextbookTab(props) {
   }, children));
 };
 
-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 grey = {
+  0: '#FFFFFF',
+  50: "#FBFBF9",
+  100: '#EAEAE5',
+  200: '#F4F6F8',
+  300: '#D0D0C8',
+  400: '#C4CDD5',
+  500: '#9A9A98',
+  600: '#637381',
+  700: '#5D5D5B',
+  800: '#212B36',
+  900: '#363634'
 };
-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 green = {
+  0: '#FFFFFF',
+  100: '#F0FFF6',
+  300: '#89F0B2',
+  500: '#3DC674',
+  700: '#349056',
+  900: '#18442A'
 };
-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,
-            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,
-                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 main_theme = {
+  lighter: green[100],
+  light: green[300],
+  less_dark: green[500],
+  dark: green[700],
+  darker: green[900]
 };
-var handleKeyDown = function handleKeyDown(e) {
-  if (e.key === 'Enter') {
-    e.preventDefault();
-  }
+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 ArticleBlock = function ArticleBlock(_ref) {
@@ -28432,7 +27846,6 @@ var ArticleBlock = function ArticleBlock(_ref) {
     path = _ref.path,
     isLoadingCategories = _ref.isLoadingCategories,
     optionKey = _ref.optionKey,
-    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue,
     onDuplicate = _ref.onDuplicate,
     onDelete = _ref.onDelete,
@@ -28534,7 +27947,6 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
-        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
@@ -28572,7 +27984,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: disabled || !data.categories[0],
+        isDisabled: !data.categories[0],
         placeholder: t("select_category")
       });
     }
@@ -28593,9 +28005,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("title")
       }, field, {
-        size: "small",
-        onKeyDown: handleKeyDown,
-        disabled: disabled
+        size: "small"
       }));
     }
   }))), React__default.createElement(material.Grid, {
@@ -28615,9 +28025,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("author")
       }, field, {
-        size: "small",
-        onKeyDown: handleKeyDown,
-        disabled: disabled
+        size: "small"
       }));
     }
   }))), React__default.createElement(material.Grid, {
@@ -28637,9 +28045,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("subject")
       }, field, {
-        size: "small",
-        onKeyDown: handleKeyDown,
-        disabled: disabled
+        size: "small"
       }));
     }
   })))), React__default.createElement(material.Stack, {
@@ -28652,7 +28058,6 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("copy_items")), React__default.createElement(material.Button, {
     variant: "contained",
     color: "success",
-    disabled: disabled,
     onClick: handleDuplicateArticle,
     sx: {
       whiteSpace: "nowrap"
@@ -28668,7 +28073,7 @@ 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.disabled === next.disabled && prev.onOpenCategoryMenu == next.onOpenCategoryMenu && prev.onOpenSubCategoryMenu == next.onOpenSubCategoryMenu;
+  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 ArticleBlock$1 = React.memo(ArticleBlock, isEqual);
 
@@ -28681,7 +28086,7 @@ var labelStyle = {
   whiteSpace: "nowrap"
 };
 
-var _excluded$f = ["onChange"];
+var _excluded$e = ["onChange"];
 var BpIcon$1 = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -28714,7 +28119,7 @@ var BpCheckedIcon$1 = material.styled(BpIcon$1)({
 var QuestionBlock = function QuestionBlock(_ref2) {
   var answerCount = _ref2.answerCount,
     isMath = _ref2.isMath,
-    disabled = _ref2.disabled,
+    isDisabled = _ref2.isDisabled,
     path = _ref2.path,
     data = _ref2.data,
     questionTitleStyle = _ref2.questionTitleStyle,
@@ -28759,8 +28164,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             var field = _ref3.field;
             return React__default.createElement(material.TextField, Object.assign({}, field, {
               size: "small",
-              placeholder: t("textual_answer"),
-              onKeyDown: handleKeyDown
+              placeholder: t("textual_answer")
             }));
           }
         }));
@@ -28779,7 +28183,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             className: styles$9["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
-            disabled: disabled,
+            disabled: isDisabled,
             control: React__default.createElement(material.Checkbox, {
               checked: data.correctAnswers.includes(i),
               onChange: function onChange(e) {
@@ -28815,7 +28219,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             onChange: function onChange(e) {
               return setFieldValue(path + ".correctAnswers", [+e.target.value]);
             },
-            disabled: disabled,
+            disabled: isDisabled,
             control: React__default.createElement(material.Radio, {
               size: "small",
               checked: +i === data.correctAnswers[0],
@@ -28851,7 +28255,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",
@@ -28865,10 +28269,8 @@ 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
-  }, isMath ? t("problem_number_question", {
+  }, 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, {
@@ -28888,7 +28290,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     render: function render(_ref4) {
       var field = _ref4.field;
       return React__default.createElement(ScoreSelector, Object.assign({}, field, {
-        isDisabled: disabled,
+        isDisabled: isDisabled,
         onChange: function onChange(value) {
           setFieldValue(path + ".score", (value === null || value === void 0 ? void 0 : value.value) || 0);
         }
@@ -28907,9 +28309,9 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$f);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$e);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
-        isDisabled: disabled,
+        isDisabled: isDisabled,
         value: data.questionType,
         options: questionTypes,
         isLoading: optionKey === path + ".questionTypeId" ? isLoadingQuestionTypes : false,
@@ -28934,7 +28336,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
       var field = _ref6.field;
       return React__default.createElement(CustomSelect, Object.assign({}, field, {
         value: data.questionAnswerType,
-        isDisabled: disabled,
+        isDisabled: isDisabled,
         options: answerTypeOptions,
         onChange: handleChangeQuestionAnswerType
       }));
@@ -28950,11 +28352,11 @@ 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.disabled == next.disabled && 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.isDisabled == next.isDisabled && JSON.stringify(prev.questionTitleStyle) === JSON.stringify(next.questionTitleStyle) && prev.onOpenQuestionTypeMenu == next.onOpenQuestionTypeMenu;
 };
 var QuestionBlock$1 = React.memo(QuestionBlock, isEqual$1);
 
-var _excluded$g = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$f = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _ = _$5;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate;
@@ -28967,16 +28369,14 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     optionKey = _ref.optionKey,
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
-    disabled = _ref.disabled,
     onDelete = _ref.onDelete,
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenCategoryMenu = _ref.onOpenCategoryMenu,
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   var errors = formikProps.errors;
-  var theme = material.useTheme();
   var articles = data.articles,
     questions = data.questions;
   var blockErrors = _.get(errors, path);
@@ -28997,7 +28397,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
         gap: 2
       }, !isMath && React__default.createElement(material.Stack, {
         sx: {
-          border: "1.5px solid " + (blockErrors ? open ? error.main : error.light : open ? theme.palette.secondary.main : theme.palette.secondary.light),
+          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light),
           borderRadius: 2
         },
         gap: 1,
@@ -29011,7 +28411,6 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             expandedIndex: index,
             data: article,
             path: path + ".articles[" + index + "]",
-            disabled: disabled,
             onDuplicate: handleDuplicateArticle,
             onDelete: onDelete,
             optionKey: optionKey,
@@ -29027,7 +28426,6 @@ 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);
@@ -29047,7 +28445,6 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             questionTypes: questionTypes,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             optionKey: optionKey,
-            disabled: disabled,
             onOpenQuestionTypeMenu: handleOpenQuestionTypeMenu,
             onCloseQuestionTypeMenu: onCloseQuestionTypeMenu
           }, formikProps));
@@ -29077,11 +28474,11 @@ 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 && prev.disabled === next.disabled && 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 && 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$h = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+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 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;
@@ -29096,7 +28493,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingQuestionTypes = _ref.isLoadingQuestionTypes,
     questionTypes = _ref.questionTypes,
     optionKey = _ref.optionKey,
-    disabled = _ref.disabled,
+    isDisabled = _ref.isDisabled,
     onToggle = _ref.onToggle,
     onQuestionCountChange = _ref.onQuestionCountChange,
     onDelete = _ref.onDelete,
@@ -29106,13 +28503,13 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var key = paths.join(".");
-  var title = t(isMath ? "question_group_n" : "text_group_n", {
+  var title = t("group_n", {
     n: expandedIndex + 1
   });
   var handleToggle = function handleToggle() {
@@ -29194,7 +28591,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1.5px solid " + (blockErrors ? open ? error.main : error.light : open ? colors.yellow[900] : colors.yellow[500])
+      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
     }
   }, React__default.createElement(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -29223,7 +28620,6 @@ 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, {
@@ -29255,8 +28651,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return React__default.createElement(QuestionCountSelector, Object.assign({}, field, {
-        onChange: handleChangeQuestionCount,
-        isDisabled: disabled
+        onChange: handleChangeQuestionCount
       }));
     }
   }))), isMath && React__default.createElement(material.Grid, {
@@ -29294,7 +28689,6 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
-        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
@@ -29335,7 +28729,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: disabled || !((_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: 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]),
         placeholder: t("select_category")
       });
     }
@@ -29354,8 +28748,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref5) {
       var field = _ref5.field;
       return React__default.createElement(AnswerCountSelector, Object.assign({}, field, {
-        onChange: handleChangeAnswerCount,
-        isDisabled: disabled
+        onChange: handleChangeAnswerCount
       }));
     }
   })))), isMath && React__default.createElement(material.Box, {
@@ -29368,7 +28761,6 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(material.Button, {
     variant: "contained",
     color: "success",
-    disabled: disabled,
     onClick: handleCopyCategories,
     sx: {
       whiteSpace: "nowrap"
@@ -29394,7 +28786,6 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingCategories: isLoadingCategories,
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
-    disabled: disabled,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -29404,7 +28795,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$i = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$h = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -29416,7 +28807,6 @@ 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,
@@ -29424,7 +28814,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -29528,7 +28918,6 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
-            disabled: disabled,
             onToggle: handleToggle,
             onDelete: onDelete,
             onOpenCategoryMenu: onOpenCategoryMenu,
@@ -29543,7 +28932,6 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(io.IoIosAdd, null),
-        disabled: disabled,
         onClick: function onClick() {
           {
             var length = subChapters.length;
@@ -29574,7 +28962,6 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             optionKey: optionKey,
             isLoadingCategories: isLoadingCategories,
             categories: categories,
-            disabled: disabled,
             onOpenCategoryMenu: onOpenCategoryMenu,
             onOpenSubCategoryMenu: onOpenSubCategoryMenu,
             onCloseCategoryMenu: onCloseCategoryMenu,
@@ -29590,7 +28977,6 @@ 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();
@@ -29602,7 +28988,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$j = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+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 ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
@@ -29616,7 +29002,6 @@ 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,
@@ -29625,13 +29010,12 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var errors = formikProps.errors;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var theme = material.useTheme();
   var key = paths.join(".");
-  var title = t((paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "sub_unit_number" : "unit_number", {
+  var title = t("chapter_number", {
     number: paths.join(".")
   });
   var handleToggle = function handleToggle() {
@@ -29651,7 +29035,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      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)
+      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
     }
   }, React__default.createElement(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -29674,12 +29058,10 @@ 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, {
@@ -29701,9 +29083,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("name")
       }, field, {
-        size: "small",
-        onKeyDown: handleKeyDown,
-        disabled: disabled
+        size: "small"
       }));
     }
   }), !!pageNameError && React__default.createElement(material.Typography, {
@@ -29724,9 +29104,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_from"),
         type: "number"
       }, field, {
-        size: "small",
-        onKeyDown: handleKeyDown,
-        disabled: disabled
+        size: "small"
       }));
     }
   }), !!pageFromError && React__default.createElement(material.Typography, {
@@ -29747,9 +29125,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_to"),
         type: "number"
       }, field, {
-        size: "small",
-        onKeyDown: handleKeyDown,
-        disabled: disabled
+        size: "small"
       }));
     }
   }), !!pageToError && React__default.createElement(material.Typography, {
@@ -29768,7 +29144,6 @@ var ChapterBlock = function ChapterBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     isLoadingCategories: isLoadingCategories,
     optionKey: optionKey,
-    disabled: disabled,
     onDelete: onDelete,
     onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
@@ -29816,7 +29191,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     }));
     if (inputRef.current) inputRef.current.value = "";
   };
-  var schoolOptions = SCHOOL_OPTIONS.map(function (i) {
+  var schoolOptions = SCHOOL_OPTIONS$1.map(function (i) {
     return _extends({}, i, {
       label: t(i.label)
     });
@@ -29824,13 +29199,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.map(function (i) {
+        return MIDDLE_GRADES$1.map(function (i) {
           return _extends({}, i, {
             label: typeof i.label === "string" ? t(i.label) : i.label
           });
         });
       case SchoolType.High:
-        return HIGH_GRADES.map(function (i) {
+        return HIGH_GRADES$1.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29900,8 +29275,7 @@ 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,
-    onKeyDown: handleKeyDown
+    inputRef: inputRef
   })), React__default.createElement(material.FormGroup, {
     sx: {
       display: "flex",
@@ -30140,10 +29514,9 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
 
 var _$3 = _$5;
 var TextbookContentsTab = function TextbookContentsTab(props) {
-  var disabled = props.disabled,
-    values = props.values,
+  var values = props.values,
     setFieldValue = props.setFieldValue;
-  var isMath = values.type === TextbookEditorType.Math;
+  var isMath = values.type === 2;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(""),
@@ -30254,7 +29627,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
       return React__default.createElement(material.Stack, {
         direction: "column",
         gap: 3
-      }, isMath && !disabled && React__default.createElement(material.Box, null, React__default.createElement(QuestionTypeFilter, {
+      }, isMath && React__default.createElement(material.Box, null, React__default.createElement(QuestionTypeFilter, {
         filter: filter,
         setFilter: setFilter,
         inputRef: inputRef,
@@ -30275,7 +29648,6 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
-            disabled: disabled,
             onToggle: handleToggleBlock,
             onDelete: handleOpenConfirmDelete,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
@@ -30291,7 +29663,6 @@ 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;
@@ -30310,7 +29681,8 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$k = ["value"];
+var _excluded$j = ["value"],
+  _excluded2$2 = ["onChange"];
 var VisuallyHiddenInput = material.styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -30321,67 +29693,16 @@ 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 _user$roles;
-  var isCreatedByAdmin = _ref.isCreatedByAdmin,
-    setFieldValue = _ref.setFieldValue,
+  var setFieldValue = _ref.setFieldValue,
     values = _ref.values,
     errors = _ref.errors,
     coverImage = _ref.coverImage,
-    isSuperAdminUser = _ref.isSuperAdminUser,
+    isAdmin = _ref.isAdmin,
     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,
@@ -30411,26 +29732,24 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     style: {
       padding: 4,
       color: "#fff",
-      background: !disabled ? styles.less_dark : styles.light,
+      background: styles.less_dark,
       width: "150px",
       borderRadius: "6px",
       alignItems: "center",
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: disabled ? undefined : "pointer"
+      cursor: "pointer"
     }
   }, t("change_file"), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return !disabled && handleUploadImage(event);
+      return handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      if (!disabled) {
-        e.target.value = "";
-      }
+      e.target.value = "";
     }
   }))) : React__default.createElement("label", {
     htmlFor: "coverImage",
@@ -30443,19 +29762,17 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: disabled ? undefined : "pointer"
+      cursor: "pointer"
     }
   }, React__default.createElement(io.IoIosAdd, null), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return !disabled && handleUploadImage(event);
+      return handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      if (!disabled) {
-        e.target.value = "";
-      }
+      e.target.value = "";
     }
   })))), React__default.createElement(material.Grid, {
     item: true,
@@ -30474,10 +29791,10 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publicationDate"
   }, t("publication_date")), React__default.createElement(formik.Field, {
     name: "publicationDate",
-    render: function render(_ref4) {
-      var _ref4$field = _ref4.field,
-        value = _ref4$field.value,
-        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$k);
+    render: function render(_ref2) {
+      var _ref2$field = _ref2.field,
+        value = _ref2$field.value,
+        action = _objectWithoutPropertiesLoose(_ref2$field, _excluded$j);
       return React__default.createElement(xDatePickers.LocalizationProvider, {
         dateAdapter: AdapterMoment.AdapterMoment
       }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -30489,8 +29806,7 @@ 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, {
@@ -30508,12 +29824,9 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publisher"
   }, t("publisher")), React__default.createElement(formik.Field, {
     name: "publisher",
-    render: function render(_ref5) {
-      var field = _ref5.field;
-      return React__default.createElement(material.TextField, Object.assign({}, field, {
-        onKeyDown: handleKeyDown,
-        disabled: disabled
-      }));
+    render: function render(_ref3) {
+      var field = _ref3.field;
+      return React__default.createElement(material.TextField, Object.assign({}, field));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -30530,17 +29843,25 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "preparedType"
   }, t("type")), React__default.createElement(formik.Field, {
     name: "preparedType",
-    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
+    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));
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.preparedType) && React__default.createElement(material.Typography, {
@@ -30560,20 +29881,17 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     name: "isbn",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return React__default.createElement(material.TextField, Object.assign({}, field, {
-        onKeyDown: handleKeyDown,
-        disabled: disabled
-      }));
+      return React__default.createElement(material.TextField, Object.assign({}, field));
     }
   }), !!(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))), React__default.createElement(material.Grid, {
+  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), !(isAdmin && !textbookId) && React__default.createElement(material.Grid, {
     item: true,
     xs: 6
-  }, !hidePublicField && React__default.createElement(material.Stack, {
+  }, React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
     alignItems: "start"
@@ -30585,13 +29903,7 @@ 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, {
-        onChange: function onChange(e, checked) {
-          field.onChange(e, checked);
-          if (checked) setFieldValue("textbookOwners", []);
-        },
-        disabled: disabled
-      }));
+      }, field));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isPublic) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -30609,16 +29921,15 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
   }, t("grade")), React__default.createElement(formik.Field, {
     name: "grade",
     render: function render(_ref9) {
-      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
-      }));
+      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));
     }
   }), !!(errors !== null && errors !== void 0 && errors.grade) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -30634,16 +29945,19 @@ 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,
-    defaultValue = _ref.defaultValue;
+    disabled = _ref.disabled;
   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, {
@@ -30655,11 +29969,10 @@ var AcademySelector = function AcademySelector(_ref) {
     isLoading: isLoading,
     placeholder: t('please_select'),
     isMulti: isMultiple,
-    value: value,
+    value: valueOption || value,
     onChange: onChange,
     isDisabled: disabled,
-    isClearable: isClearable,
-    defaultValue: defaultValue
+    isClearable: isClearable
   }));
 };
 
@@ -30673,12 +29986,15 @@ var CourseSelector = function CourseSelector(_ref) {
     minimumTextSearchLength = _ref.minimumTextSearchLength,
     placeholder = _ref.placeholder,
     isClearable = _ref.isClearable,
-    isDisabled = _ref.isDisabled;
+    valueById = _ref.valueById;
   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,
@@ -30690,95 +30006,98 @@ var CourseSelector = function CourseSelector(_ref) {
       number: minimumTextSearchLength
     }) : t("select_class_placeholder")),
     isMulti: isMulti,
-    value: value,
+    value: valueOption || value,
     onChange: onChange,
-    isClearable: isClearable,
-    isDisabled: isDisabled
+    isClearable: isClearable
   }));
 };
 
 var useSelect = function useSelect(_ref) {
-  var email = _ref.email;
+  var academyId = _ref.academyId,
+    handleChangeEmail = _ref.handleChangeEmail;
   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([]),
-    courses = _useState[0],
-    setCourses = _useState[1];
+    academies = _useState[0],
+    setAcademies = _useState[1];
   var _useState2 = React.useState(false),
     isLoading = _useState2[0],
     setLoading = _useState2[1];
-  React.useEffect(function () {
-    if (!email || !academy) return;
-    var fetchData = _$5.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));
+  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);
         });
-        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]);
+      }, 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 {
     t: t,
+    loadData: loadData,
     isLoading: isLoading,
-    academies: academies,
-    courses: courses
+    academyOptions: academyOptions,
+    courseOptions: courseOptions
   };
 };
 
 var OwnerSelector = function OwnerSelector(_ref) {
-  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner3, _errors$textbookOwner3, _errors$textbookOwner4;
+  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner2, _errors$textbookOwner3, _errors$textbookOwner4;
   var values = _ref.values,
     errors = _ref.errors,
     index = _ref.index,
-    email = _ref.email,
-    onChangeFieldValue = _ref.onChangeFieldValue,
-    disabled = _ref.disabled;
+    academyId = _ref.academyId,
+    onChangeFieldValue = _ref.onChangeFieldValue;
+  var handleChangeEmail = function handleChangeEmail(value) {
+    onChangeFieldValue("textbookOwners[" + index + "].email", value);
+  };
   var _useSelect = useSelect({
-      email: email
+      academyId: academyId,
+      handleChangeEmail: handleChangeEmail
     }),
     t = _useSelect.t,
     isLoading = _useSelect.isLoading,
-    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);
-  };
+    academyOptions = _useSelect.academyOptions,
+    courseOptions = _useSelect.courseOptions;
   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,
@@ -30788,16 +30107,14 @@ 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: academies,
-        disabled: true,
-        value: (_values$textbookOwner2 = values.textbookOwners[index]) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2.academy,
+        options: academyOptions,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: handleChangeAcademy,
-        isDisabled: disabled
+        onChange: function onChange(val) {
+          return onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
+        }
       }));
     }
   }), !!(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, {
@@ -30805,7 +30122,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$textbookOwner3 = values.textbookOwners) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3[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$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2[index].email) && React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
     width: 1
@@ -30814,14 +30131,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: courses,
+        options: courseOptions,
         isLoading: isLoading,
-        value: (_values$textbookOwner4 = values.textbookOwners[index]) === null || _values$textbookOwner4 === void 0 ? void 0 : _values$textbookOwner4.course,
-        onChange: handleChangeCourse,
-        isDisabled: disabled
+        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);
+        }
       }));
     }
   }), !!(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, {
@@ -30836,16 +30153,10 @@ var _$4 = _$5;
 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: {
@@ -30858,15 +30169,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 _errors$textbookOwner, _values$textbookOwner, _values$textbookOwner2;
+      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (_val, index) {
+        var _values$textbookOwner, _values$textbookOwner2, _values$textbookOwner3;
         return React__default.createElement(material.Grid, {
           item: true,
           xs: 6,
-          lg: 3
+          lg: 2
         }, React__default.createElement(material.Stack, {
           sx: {
-            border: "1px solid " + ((_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && _errors$textbookOwner[index] ? styles.red_900 : styles.gray_300),
+            border: "1px solid " + styles.gray_300,
             borderRadius: "6px",
             width: "100%",
             height: "350px",
@@ -30884,7 +30195,6 @@ 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);
           }
@@ -30900,28 +30210,24 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             var field = _ref2.field;
             return React__default.createElement(material.TextField, Object.assign({
               fullWidth: true
-            }, field, {
-              onKeyDown: handleKeyDown,
-              disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
-            }));
+            }, field));
           }
         }), _$4.get(errors, "textbookOwners[" + index + "].email") && React__default.createElement(material.Typography, {
           fontWeight: 500,
           fontSize: "10px",
           lineHeight: "11.93px",
-          color: "#F34B4B"
+          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, {
           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,
-          disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
+          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
         })));
-      }), !hasErrors && !disabled && academy && React__default.createElement(material.Grid, {
+      }), React__default.createElement(material.Grid, {
         item: true,
         xs: 6,
-        lg: 3
+        lg: 2
       }, React__default.createElement("div", {
         style: {
           display: "flex",
@@ -30935,14 +30241,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
           background: styles.gray_50
         },
         onClick: function onClick() {
-          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
-          }));
+          return arrayHelpers.push(DefaultTextbookOwner);
         }
       }, React__default.createElement(material.Stack, null, React__default.createElement(io.IoMdAdd, {
         size: 24
@@ -30951,20 +30250,160 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _excluded$l = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "onChangeTab", "onUploadImage"];
+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 PreparedTextbookForm = function PreparedTextbookForm(_ref) {
-  var isCreatedByAdmin = _ref.isCreatedByAdmin,
-    isSuperAdminUser = _ref.isSuperAdminUser,
-    isSuperAdmin = _ref.isSuperAdmin,
-    isAdmin = _ref.isAdmin,
+  var 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$l);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var values = formikProps.values,
     errors = formikProps.errors,
     dirty = formikProps.dirty,
@@ -30982,7 +30421,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     };
   }, [dirty, i18n.t]);
   var handleChangeTextbookType = function handleChangeTextbookType() {
-    var isMath = values.type === TextbookEditorType.Math ? TextbookEditorType.Korea : TextbookEditorType.Math;
+    var isMath = values.type === 2 ? 1 : 2;
     var newValues = _reduceToMathArticles(values, isMath);
     setValues(newValues);
   };
@@ -31019,9 +30458,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: i18n.t("title")
       }, field, {
-        size: "small",
-        disabled: disabled,
-        onKeyDown: handleKeyDown
+        size: "small"
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.name) && React__default.createElement(material.Typography, {
@@ -31041,7 +30478,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       var field = _ref3.field;
       return React__default.createElement(SubjectSelector, Object.assign({}, field, {
         value: values.subject,
-        isDisabled: !!textbookId || disabled,
+        isDisabled: !!textbookId,
         onChange: handleChangeSubject
       }));
     }
@@ -31063,7 +30500,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       var field = _ref4.field;
       return React__default.createElement(material.Switch, Object.assign({}, field, {
         color: "success",
-        disabled: !!textbookId || disabled,
+        disabled: !!textbookId,
         checked: values.type === 2,
         onChange: handleChangeTextbookType
       }));
@@ -31074,7 +30511,6 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       width: "fit-content"
     },
     variant: "contained",
-    disabled: disabled,
     onClick: function onClick() {
       if (!_$5.isEmpty(errors)) {
         reactToastify.toast.error(i18n.t("please_fill_in_the_blank_fields"));
@@ -31117,7 +30553,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, 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({
+  }, 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({
     label: i18n.t("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -31129,20 +30565,14 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     coverImage: coverImage,
     handleUploadImage: onUploadImage,
     textbookId: textbookId,
-    disabled: disabled,
-    isCreatedByAdmin: isCreatedByAdmin,
-    isSuperAdminUser: isSuperAdminUser
+    isAdmin: isAdmin
   }))), React__default.createElement(CustomTextbookTab, {
     value: selected,
     index: 1
-  }, React__default.createElement(TextbookContentsTab, Object.assign({}, formikProps, {
-    disabled: disabled
-  }))), React__default.createElement(CustomTextbookTab, {
+  }, React__default.createElement(TextbookContentsTab, Object.assign({}, formikProps))), React__default.createElement(CustomTextbookTab, {
     value: selected,
     index: 2
-  }, React__default.createElement(TextbookOwnersTab, Object.assign({}, formikProps, {
-    disabled: ownersDisabled
-  }))))));
+  }, React__default.createElement(TextbookOwnersTab, Object.assign({}, formikProps))))));
 };
 var a11yProps = function a11yProps(index) {
   return {
@@ -31152,8 +30582,7 @@ var a11yProps = function a11yProps(index) {
 };
 
 var PreparedTextbookView = function PreparedTextbookView(_ref) {
-  var role = _ref.role,
-    notFoundView = _ref.notFoundView,
+  var notFoundView = _ref.notFoundView,
     onBackToList = _ref.onBackToList,
     textbookId = _ref.textbookId;
   var _useState = React.useState(0),
@@ -31164,15 +30593,9 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   };
   var _useTextbookManagemen = useTextbookManagement({
       onNavigateList: onBackToList,
-      textbookId: textbookId,
-      role: role
+      textbookId: textbookId
     }),
     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,
@@ -31181,7 +30604,6 @@ 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,
@@ -31192,17 +30614,12 @@ 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,
-      disabled: isReadonly || !isEditable,
-      ownersDisabled: isReadonly || disabledTextbookOwners
+      coverImage: coverImage
     }, props));
   }));
 };
@@ -32435,7 +31852,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$m = ["onChange"];
+var _excluded$l = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -32496,7 +31913,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$m);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$l);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -35146,18 +34563,6 @@ 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;
@@ -35169,7 +34574,6 @@ 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;
@@ -35190,6 +34594,7 @@ 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;
@@ -35199,7 +34604,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.GRADE_OPTIONS = GRADE_OPTIONS;
+exports.HIGH_GRADES = HIGH_GRADES;
 exports.Header = Header;
 exports.InputText = InputText;
 exports.LANGUAGE = LANGUAGE;
@@ -35213,6 +34618,7 @@ 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;
@@ -35240,6 +34646,7 @@ 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;