touchstudy-core 0.1.140 → 0.1.141

package/dist/index.modern.js

@@ -12,8 +12,8 @@ import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 export { DemoContainer } from '@mui/x-date-pickers/internals/demo';
-import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, createElement, memo } from 'react';
-import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Accordion, AccordionSummary, AccordionDetails, Select as Select$1, MenuItem, Switch, Tabs, Tab, Divider, CardMedia as CardMedia$1, MenuList } from '@mui/material';
+import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, memo, createElement } from 'react';
+import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Accordion, AccordionSummary, AccordionDetails, Switch, Tabs, Tab, Divider, CardMedia as CardMedia$1, MenuList } from '@mui/material';
 import moment from 'moment';
 export { default as moment } from 'moment';
 import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlus, FaPlusCircle, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaShare, FaExchangeAlt, FaBookOpen } from 'react-icons/fa';
@@ -27,8 +27,10 @@ import _$5 from 'lodash';
 import { useGoogleLogout, GoogleLogin } from '@leecheuk/react-google-login';
 import 'moment/locale/ko.js';
 import 'moment/locale/en-au.js';
+import { CellMeasurerCache, CellMeasurer, AutoSizer, List as List$1, MultiGrid } from 'react-virtualized';
+export { CellMeasurerCache, MultiGrid } from 'react-virtualized';
 import { Formik, Form, Field, FieldArray } from 'formik';
-import { AutoSizer } from 'react-virtualized';
+import { alpha } from '@mui/material/styles';
 import tinymce from 'tinymce';
 import '@wiris/mathtype-tinymce6';
 import { Editor } from '@tinymce/tinymce-react';
@@ -40,7 +42,7 @@ import CardContent from '@mui/material/CardContent';
 import CardMedia from '@mui/material/CardMedia';
 import MButton from '@mui/material/Button';
 import { object, string, number, date as date$2, array } from 'yup';
-import { blue } from '@mui/material/colors';
+import { blue, yellow as yellow$1 } from '@mui/material/colors';
 import { GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import { MdVisibilityOff, MdVisibility, MdAutorenew, MdMoreHoriz, MdDownload, MdExpandMore } from 'react-icons/md';
 import { gapi } from 'gapi-script';
@@ -68,11 +70,10 @@ import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { PiDotsNineLight } from 'react-icons/pi';
 import Container$1 from '@mui/material/Container';
-import { alpha } from '@mui/material/styles';
 import Slider from 'react-slick';
 import { GrNext, GrPrevious } from 'react-icons/gr';
 import Popover from '@mui/material/Popover';
-import MenuItem$1 from '@mui/material/MenuItem';
+import MenuItem from '@mui/material/MenuItem';
 import { GoArrowSwitch } from 'react-icons/go';
 import Pusher$1 from 'pusher-js';
 
@@ -824,7 +825,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 = "부모 전화번호를 입력하세요";
@@ -1426,18 +1427,39 @@ var current_correct_answer_entered = "현재 입력한 정답";
 var correct_answer_is_required = "정답은 필수입니다.";
 var cancel_2 = "취소하기";
 var article_required = "기사가 필요합니다";
-var elementary_school_1st_grade = "초등학교 1학년";
-var elementary_school_2nd_grade = "초등학교 2학년";
-var elementary_school_3rd_grade = "초등학교 3학년";
-var elementary_school_4th_grade = "초등학교 4학년";
-var elementary_school_5th_grade = "초등학교 5학년";
-var elementary_school_6th_grade = "초등학교 6학년";
-var middle_school_1st_grade = "중학교 1학년";
-var middle_school_2nd_grade = "중학교 2학년";
-var middle_school_3rd_grade = "중학교 3학년";
-var high_school_1st_grade = "고등학교 1학년";
-var high_school_2nd_grade = "고등학교 2학년";
-var high_school_3rd_grade = "고등학교 3학년";
+var elementary_school_1st_grade = "초1";
+var elementary_school_2nd_grade = "초2";
+var elementary_school_3rd_grade = "초3";
+var elementary_school_4th_grade = "초4";
+var elementary_school_5th_grade = "초5";
+var elementary_school_6th_grade = "초6";
+var middle_school_1st_grade = "중1";
+var middle_school_2nd_grade = "중2";
+var middle_school_3rd_grade = "중3";
+var high_school_1st_grade = "고1";
+var high_school_2nd_grade = "고2";
+var high_school_3rd_grade = "고3";
+var n_year_retaker = "N수생";
+var es_1st = "초1";
+var es_2nd = "초2";
+var es_3rd = "초3";
+var es_4th = "초4";
+var es_5th = "초5";
+var es_6th = "초6";
+var ms_1st = "중1";
+var ms_2nd = "중2";
+var ms_3rd = "중3";
+var hs_1st = "고1";
+var hs_2nd = "고2";
+var hs_3rd = "고3";
+var n_retaker = "N수생";
+var today_class = "오늘 수업";
+var unit_number = "대단원 {{number}}";
+var sub_unit_number = "소단원 {{number}}";
+var text_group_n = "지문 그룹 {{n}}";
+var text_detail_n = "지문 상세 {{n}}";
+var question_group_n = "문제 그룹 {{n}}";
+var placeholder_teacher_selector = "선생님을 검색하려면 최소 2글자를 입력하세요.";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2510,7 +2532,28 @@ var lang_ko = {
 	middle_school_3rd_grade: middle_school_3rd_grade,
 	high_school_1st_grade: high_school_1st_grade,
 	high_school_2nd_grade: high_school_2nd_grade,
-	high_school_3rd_grade: high_school_3rd_grade
+	high_school_3rd_grade: high_school_3rd_grade,
+	n_year_retaker: n_year_retaker,
+	es_1st: es_1st,
+	es_2nd: es_2nd,
+	es_3rd: es_3rd,
+	es_4th: es_4th,
+	es_5th: es_5th,
+	es_6th: es_6th,
+	ms_1st: ms_1st,
+	ms_2nd: ms_2nd,
+	ms_3rd: ms_3rd,
+	hs_1st: hs_1st,
+	hs_2nd: hs_2nd,
+	hs_3rd: hs_3rd,
+	n_retaker: n_retaker,
+	today_class: today_class,
+	unit_number: unit_number,
+	sub_unit_number: sub_unit_number,
+	text_group_n: text_group_n,
+	text_detail_n: text_detail_n,
+	question_group_n: question_group_n,
+	placeholder_teacher_selector: placeholder_teacher_selector
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3014,7 +3057,7 @@ var delete_users_csv$1 = "Delete users csv";
 var are_you_sure_to_delete_users$1 = "Are you sure to delete users?";
 var enter_phone_number$1 = "Enter phone number";
 var enter_school_name$1 = "Enter school name";
-var enter_grade$1 = "Enter grade (please enter school name first)";
+var enter_grade$1 = "Enter grade";
 var enter_major_name$1 = "Enter department name";
 var enter_parent_name$1 = "Enter parent name";
 var enter_parent_phone_number$1 = "Enter parent phone number";
@@ -3606,6 +3649,27 @@ 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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4680,7 +4744,28 @@ var lang_en = {
 	middle_school_3rd_grade: middle_school_3rd_grade$1,
 	high_school_1st_grade: high_school_1st_grade$1,
 	high_school_2nd_grade: high_school_2nd_grade$1,
-	high_school_3rd_grade: high_school_3rd_grade$1
+	high_school_3rd_grade: high_school_3rd_grade$1,
+	n_year_retaker: n_year_retaker$1,
+	es_1st: es_1st$1,
+	es_2nd: es_2nd$1,
+	es_3rd: es_3rd$1,
+	es_4th: es_4th$1,
+	es_5th: es_5th$1,
+	es_6th: es_6th$1,
+	ms_1st: ms_1st$1,
+	ms_2nd: ms_2nd$1,
+	ms_3rd: ms_3rd$1,
+	hs_1st: hs_1st$1,
+	hs_2nd: hs_2nd$1,
+	hs_3rd: hs_3rd$1,
+	n_retaker: n_retaker$1,
+	today_class: today_class$1,
+	unit_number: unit_number$1,
+	sub_unit_number: sub_unit_number$1,
+	text_group_n: text_group_n$1,
+	text_detail_n: text_detail_n$1,
+	question_group_n: question_group_n$1,
+	placeholder_teacher_selector: placeholder_teacher_selector$1
 };
 
 i18n.use(initReactI18next).init({
@@ -4707,71 +4792,6 @@ var PrintState;
   PrintState[PrintState["Paused"] = 3] = "Paused";
 })(PrintState || (PrintState = {}));
 
-var PreparedType;
-(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";
-})(PreparedType || (PreparedType = {}));
-
-var ExamEvent;
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(ExamEvent || (ExamEvent = {}));
-
-var ExamStatus;
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(ExamStatus || (ExamStatus = {}));
-var QuestionAnswerType;
-(function (QuestionAnswerType) {
-  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
-  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
-  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
-})(QuestionAnswerType || (QuestionAnswerType = {}));
-
-var OrderType;
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(OrderType || (OrderType = {}));
-
-var RecentUserAction;
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(RecentUserAction || (RecentUserAction = {}));
-
-var UserSortColumn;
-(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";
-})(UserSortColumn || (UserSortColumn = {}));
-
-var SchoolType;
-(function (SchoolType) {
-  SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
-  SchoolType[SchoolType["Middle"] = 2] = "Middle";
-  SchoolType[SchoolType["High"] = 3] = "High";
-})(SchoolType || (SchoolType = {}));
-
 var 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 || "";
@@ -4842,17 +4862,7 @@ var DEFAULT_PAGING_RESPONSE = {
   totalItems: 0,
   totalPages: 0
 };
-var SCHOOL_OPTIONS = [{
-  label: "elementary_school",
-  value: SchoolType.Elementary
-}, {
-  label: "middle_school",
-  value: SchoolType.Middle
-}, {
-  label: "high_school",
-  value: SchoolType.High
-}];
-var ELEMENTARY_GRADES = [{
+var GRADE_OPTIONS = [{
   label: "elementary_school_1st_grade",
   value: 1
 }, {
@@ -4870,26 +4880,67 @@ var ELEMENTARY_GRADES = [{
 }, {
   label: "elementary_school_6th_grade",
   value: 6
-}];
-var MIDDLE_GRADES = [{
+}, {
   label: "middle_school_1st_grade",
-  value: 1
+  value: 7
 }, {
   label: "middle_school_2nd_grade",
-  value: 2
+  value: 8
 }, {
   label: "middle_school_3rd_grade",
-  value: 3
-}];
-var HIGH_GRADES = [{
+  value: 9
+}, {
   label: "high_school_1st_grade",
-  value: 1
+  value: 10
 }, {
   label: "high_school_2nd_grade",
-  value: 2
+  value: 11
 }, {
   label: "high_school_3rd_grade",
+  value: 12
+}, {
+  label: "n_year_retaker",
+  value: 13
+}];
+var BRIEF_GRADE_OPTIONS = [{
+  label: "es_1st",
+  value: 1
+}, {
+  label: "es_2nd",
+  value: 2
+}, {
+  label: "es_3rd",
   value: 3
+}, {
+  label: "es_4th",
+  value: 4
+}, {
+  label: "es_5th",
+  value: 5
+}, {
+  label: "es_6th",
+  value: 6
+}, {
+  label: "ms_1st",
+  value: 7
+}, {
+  label: "ms_2nd",
+  value: 8
+}, {
+  label: "ms_3rd",
+  value: 9
+}, {
+  label: "hs_1st",
+  value: 10
+}, {
+  label: "hs_2nd",
+  value: 11
+}, {
+  label: "hs_3rd",
+  value: 12
+}, {
+  label: "n_retaker",
+  value: 13
 }];
 
 var utcToLocalTime = (function (time, FORMAT) {
@@ -6035,6 +6086,71 @@ function _finally(body, finalizer) {
 	return finalizer();
 }
 
+var PreparedType;
+(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";
+})(PreparedType || (PreparedType = {}));
+
+var ExamEvent;
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(ExamEvent || (ExamEvent = {}));
+
+var ExamStatus;
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(ExamStatus || (ExamStatus = {}));
+var QuestionAnswerType;
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
+  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
+  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+})(QuestionAnswerType || (QuestionAnswerType = {}));
+
+var OrderType;
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(OrderType || (OrderType = {}));
+
+var RecentUserAction;
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(RecentUserAction || (RecentUserAction = {}));
+
+var UserSortColumn;
+(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";
+})(UserSortColumn || (UserSortColumn = {}));
+
+var SchoolType;
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(SchoolType || (SchoolType = {}));
+
 var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
@@ -9498,7 +9614,198 @@ var ListView = function ListView(_ref) {
   }));
 };
 
-var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+var useVirtualListView = function useVirtualListView(props) {
+  var data = props.data,
+    loading = props.loading,
+    onLoadMore = props.onLoadMore;
+  var handleLoadMore = function handleLoadMore() {
+    if (loading) return;
+    onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+  };
+  var onScroll = function onScroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      clientHeight = _ref.clientHeight,
+      scrollHeight = _ref.scrollHeight;
+    if (scrollTop + clientHeight >= scrollHeight - 100) {
+      handleLoadMore();
+    }
+  };
+  var rowCount = data.length + (loading ? 1 : 0);
+  return {
+    rowCount: rowCount,
+    onScroll: onScroll
+  };
+};
+
+var cellMeasurerCache = new 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: alpha(grey[500], 0.08),
+  selected: alpha(grey[500], 0.16),
+  disabled: alpha(grey[500], 0.8),
+  disabledBackground: alpha(grey[500], 0.24),
+  focus: 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: 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(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(Box, {
+      p: 1,
+      className: "d-flex justify-content-center align-items-center w-100"
+    }, React__default.createElement(CircularProgress, {
+      size: 24,
+      sx: {
+        color: grey[700]
+      }
+    })), !isLoading && renderItem(rowData, index, measure));
+  });
+};
+
+var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -9511,70 +9818,195 @@ var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
 var VirtualListView = function VirtualListView(props) {
   var data = props.data,
     containerProps = props.containerProps,
+    listHeight = props.listHeight,
+    _props$overscanRowCou = props.overscanRowCount,
+    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    loading = props.loading,
-    loadingElement = props.loadingElement,
-    listHeight = props.listHeight;
+    loadingElement = props.loadingElement;
+  var _useVirtualListView = useVirtualListView(props),
+    rowCount = _useVirtualListView.rowCount,
+    onScroll = _useVirtualListView.onScroll;
+  var rowRenderer = function rowRenderer(props) {
+    var index = props.index;
+    var isLoading = index === data.length;
+    var rowData = isLoading ? undefined : data[index];
+    return React__default.createElement(VirtualListItem, Object.assign({}, props, {
+      rowData: rowData,
+      isLoading: isLoading,
+      renderItem: renderItem,
+      loadingElement: loadingElement
+    }));
+  };
+  var noRowsRenderer = function noRowsRenderer() {
+    return React__default.createElement(VirtualEmptyItem, {
+      emptyElement: emptyElement
+    });
+  };
   return React__default.createElement(Box, Object.assign({}, containerProps), React__default.createElement(AutoSizer, {
     disableHeight: !!listHeight
   }, function (_ref) {
     var width = _ref.width,
       height = _ref.height;
-    return React__default.createElement(Box, {
+    return React__default.createElement(List$1, {
       width: width,
-      height: height,
-      overflow: "auto"
-    }, loading && React__default.createElement(Fragment$1, null, loadingElement != null ? loadingElement : React__default.createElement(Box, {
+      height: listHeight || height,
+      rowCount: rowCount,
+      rowHeight: cellMeasurerCache.rowHeight,
+      rowRenderer: rowRenderer,
+      deferredMeasurementCache: cellMeasurerCache,
+      overscanRowCount: overscanRowCount,
+      noRowsRenderer: noRowsRenderer,
+      onScroll: onScroll
+    });
+  }));
+};
+
+var cellMeasurerCache$1 = new 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(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(Box, {
       p: 1,
       className: "d-flex justify-content-center align-items-center w-100"
     }, React__default.createElement(CircularProgress, {
       size: 24,
       sx: {
-        color: "#5d5d5b"
+        color: grey[700]
       }
-    }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
-      emptyElement: emptyElement
-    }), !loading && !!data.length && React__default.createElement(ListView, {
-      data: data,
-      render: renderItem
-    }));
-  }));
+    })), !isLoading && renderItem(rowIndex, columnIndex, measure));
+  });
+};
+var VirtualTableRowItem$1 = memo(VirtualTableRowItem);
+
+var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+  var emptyElement = _ref.emptyElement;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (emptyElement) return emptyElement;
+  return React__default.createElement(Box, null, React__default.createElement(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 = useMemo(function () {
+    return itemsCount + (loading ? 1 : itemsCount === 1 && hasHeader ? 1 : 0);
+  }, [itemsCount, loading, hasHeader]);
+  return {
+    rowCount: rowCount,
+    onScroll: onScroll
+  };
 };
 
+var _excluded$5 = ["containerProps", "listHeight", "overscanRowCount", "overscanColumnCount", "renderItem", "emptyElement", "loadingElement", "fixedColumnCount", "fixedRowCount", "listWidth", "itemsCount", "cellCache", "columnWidth", "containerRef", "multiGridRef"];
 var VirtualTableView = function VirtualTableView(props) {
-  var data = props.data,
-    containerProps = props.containerProps,
+  var containerProps = props.containerProps,
+    listHeight = props.listHeight,
+    _props$overscanRowCou = props.overscanRowCount,
+    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
+    _props$overscanColumn = props.overscanColumnCount,
+    overscanColumnCount = _props$overscanColumn === void 0 ? 5 : _props$overscanColumn,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    columnCount = props.columnCount,
-    loading = props.loading,
-    loadingElement = props.loadingElement;
-  var containerRef = useRef(null);
-  var renderTableRow = function renderTableRow(_, index) {
-    return React__default.createElement(Stack, {
-      direction: "row"
-    }, Array.from({
-      length: columnCount
-    }, function (_, colIndex) {
-      return renderItem(index, colIndex);
+    loadingElement = props.loadingElement,
+    fixedColumnCount = props.fixedColumnCount,
+    fixedRowCount = props.fixedRowCount,
+    listWidth = props.listWidth,
+    itemsCount = props.itemsCount,
+    cellCache = props.cellCache,
+    columnWidth = props.columnWidth,
+    containerRef = props.containerRef,
+    multiGridRef = props.multiGridRef,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$5);
+  var cache = cellCache != null ? cellCache : cellMeasurerCache$1;
+  var _useVirtualTableView = useVirtualTableView(props),
+    rowCount = _useVirtualTableView.rowCount,
+    onScroll = _useVirtualTableView.onScroll;
+  var cellRenderer = function cellRenderer(props) {
+    var rowIndex = props.rowIndex,
+      columnIndex = props.columnIndex;
+    var isLoading = rowIndex === itemsCount && columnIndex === 0;
+    return React__default.createElement(VirtualTableRowItem$1, Object.assign({}, props, {
+      isLoading: isLoading,
+      renderItem: renderItem,
+      loadingElement: loadingElement,
+      cellMeasurerCache: cache
     }));
   };
+  var noRowsRenderer = function noRowsRenderer() {
+    return React__default.createElement(VirtualTableEmpty, {
+      emptyElement: emptyElement
+    });
+  };
+  var columnWidthRendered = function columnWidthRendered(params) {
+    if (typeof columnWidth === "number") return columnWidth;
+    var cw = cache.columnWidth(params);
+    if (columnWidth === undefined) return cw;
+    return columnWidth(params, cache);
+  };
   return React__default.createElement(Box, Object.assign({
     ref: containerRef
-  }, containerProps), loading && React__default.createElement(Fragment$1, null, loadingElement != null ? loadingElement : React__default.createElement(Box, {
-    p: 1,
-    className: "d-flex justify-content-center align-items-center w-100"
-  }, React__default.createElement(CircularProgress, {
-    size: 24,
-    sx: {
-      color: "#5d5d5b"
-    }
-  }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
-    emptyElement: emptyElement
-  }), !loading && !!data.length && React__default.createElement(ListView, {
-    data: data,
-    render: renderTableRow
+  }, containerProps), React__default.createElement(AutoSizer, {
+    disableWidth: !!listWidth,
+    disableHeight: !!listHeight
+  }, function (_ref) {
+    var width = _ref.width,
+      height = _ref.height;
+    return React__default.createElement(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));
   }));
 };
 
@@ -9586,6 +10018,7 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     onChange = _ref.onChange,
     initValue = _ref.initValue,
     config = _ref.config;
+  var isFirstChange = useRef(true);
   useEffect(function () {
     if (window.tinymce) {
       window.tinymce = tinymce;
@@ -9595,17 +10028,23 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     return htmlString.replace(/\s(mathcolor|mathsize|mathvariant|mathvariant|color|fontsize|style)="[^"]*"/g, "");
   };
   var handleChange = function handleChange(value, _) {
+    if (isFirstChange.current) {
+      isFirstChange.current = false;
+      return;
+    }
     var textFilter = removeMathAttributes(value);
     onChange(textFilter);
   };
   var options = {
-    height: 130,
+    height: 100,
+    statusbar: false,
     menubar: false,
     external_plugins: {
       tiny_mce_wiris: '/editor/wiris-for-tinymce.js'
     },
     toolbar: "tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry",
     branding: false,
+    resize: false,
     extended_valid_elements: '*[.*]'
   };
   return React__default.createElement(Editor, {
@@ -11129,10 +11568,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$5 = ["history"];
+var _excluded$6 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -12106,11 +12545,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$6 = ["teachers", "value"];
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -13402,7 +13841,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$7 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13453,7 +13892,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$7);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -14203,12 +14642,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$8 = ["children", "value", "index"];
+var _excluded$9 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$8);
+    other = _objectWithoutPropertiesLoose(props, _excluded$9);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -19578,9 +20017,7 @@ var useNotes = function useNotes(setFilter, filter) {
       }
       setLoadingNotes(true);
       var _temp = _catch(function () {
-        return Promise.resolve(getNotesApi(_extends({}, filter, {
-          currentPage: -1
-        }))).then(function (res) {
+        return Promise.resolve(getNotesApi(filter)).then(function (res) {
           var data = res.data;
           setTotalPages((data === null || data === void 0 ? void 0 : data.totalPages) || 0);
           var items = (data === null || data === void 0 ? void 0 : data.items) || [];
@@ -19646,7 +20083,8 @@ var NoteItem = function NoteItem(_ref) {
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "bottom-end" : _ref$placement,
     onClose = _ref.onClose,
-    onOpen = _ref.onOpen;
+    onOpen = _ref.onOpen,
+    onLoad = _ref.onLoad;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var handleMoreClick = function handleMoreClick(e) {
@@ -19654,6 +20092,9 @@ var NoteItem = function NoteItem(_ref) {
     e.stopPropagation();
     onOpen(data);
   };
+  useEffect(function () {
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+  }, []);
   return React__default.createElement(Box, Object.assign({}, NoteItemStyles.root), React__default.createElement(Stack, {
     direction: "row",
     gap: 1,
@@ -19701,7 +20142,7 @@ var NotesContainer = function NotesContainer(_ref) {
     itemActions = _ref.itemActions,
     noteIdContextMenu = _ref.noteIdContextMenu,
     containerListProps = _ref.containerListProps;
-  var renderItem = function renderItem(item, _) {
+  var renderItem = function renderItem(item, _, measure) {
     var isSelected = noteIdContextMenu === item.id;
     return React__default.createElement(Box, {
       key: item.id,
@@ -19712,7 +20153,8 @@ var NotesContainer = function NotesContainer(_ref) {
       openTooltip: isSelected,
       actions: itemActions,
       onOpen: onOpenTooltip,
-      onClose: onCloseTooltip
+      onClose: onCloseTooltip,
+      onLoad: measure
     }));
   };
   return React__default.createElement(VirtualListView, {
@@ -21550,14 +21992,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$5 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$9 = ["text", "isRequired", "className"];
+var _excluded$a = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   return React__default.createElement(FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21611,7 +22053,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$a = ["ref"],
+var _excluded$b = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -21641,7 +22083,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$a);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -21686,24 +22128,11 @@ var UserDialog = function UserDialog(_ref) {
     setDefaultPassCodeChanged = _useState8[1];
   var theme = useTheme();
   var gradeOptions = useMemo(function () {
-    var _watch;
-    var schoolName = (_watch = watch("schoolName")) === null || _watch === void 0 ? void 0 : _watch.trim();
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("middle_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("중학교")) return MIDDLE_GRADES.map(function (i) {
+    return [].concat(GRADE_OPTIONS.map(function (i) {
       return _extends({}, i, {
         label: typeof i.label === "string" ? t(i.label) : i.label
       });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("high_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("고등학교")) return HIGH_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: t(i.label)
-      });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("elementary_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("초등학교")) return ELEMENTARY_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: typeof i.label === "string" ? t(i.label) : i.label
-      });
-    });
-    return [];
+    }));
   }, [t, watch("schoolName")]);
   var handleChangeRole = function handleChangeRole(role) {
     setRoles([role]);
@@ -25632,12 +26061,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$7 = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$b = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$c = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$b);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -26702,12 +27131,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$c = ["value", "disabled", "optionTypeNotification"];
+var _excluded$d = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27099,11 +27528,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$d = ["value", "optionTypeNotification"];
+var _excluded$e = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27262,7 +27691,6 @@ var NotificationList = function NotificationList(_ref) {
 };
 
 var TEXTBOOK_URL$1 = BASE_URL + "/api/textbooks";
-var SUPER_ADMIN_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook";
 var PREPARED_TEXTBOOK_URL = BASE_URL + "/api/textbooks/prepared-textbooks";
 var SUPER_ADMIN_PREPARED_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook/prepared-textbooks";
 var FILE_URL = BASE_URL + "/api/file/images";
@@ -27284,10 +27712,11 @@ var createTextbookApi$1 = function createTextbookApi(values, isAdmin) {
 var updateTextbookApi$1 = function updateTextbookApi(values, id, isAdmin) {
   return api.put((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL) + "/" + id, values);
 };
-var getAcademyByTeacher = function getAcademyByTeacher(email, isAdmin) {
-  return api.get((isAdmin ? SUPER_ADMIN_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/academy-teacher-owner", {
+var getCourseByTeacherAcademy = function getCourseByTeacherAcademy(email, academyId) {
+  return api.get(TEXTBOOK_URL$1 + "/owner-teacher-course", {
     params: {
-      email: email
+      email: email,
+      academyId: academyId
     }
   });
 };
@@ -27490,7 +27919,7 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS$1 = [{
+var SCHOOL_OPTIONS = [{
   label: "all",
   value: SchoolType$1.Default
 }, {
@@ -27527,7 +27956,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES$1 = Array.from({
+var MIDDLE_GRADES = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27535,7 +27964,7 @@ var MIDDLE_GRADES$1 = Array.from({
     value: index
   };
 });
-var HIGH_GRADES$1 = [{
+var HIGH_GRADES = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27598,7 +28027,7 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
     publicationDate: string().required(t("publication_date_required")),
     publisher: string().required(t("publisher_required")),
     isbn: string().required(t("isbn_required")),
-    grade: number().required(t("grade_required")).positive().integer().typeError(t("must_be_number")).min(1, t("min_is_1")).max(12, t("max_is_12")),
+    grade: number().required(t("grade_required")).notOneOf([0], t("subject_required")),
     type: number(),
     chapters: array().of(object().shape({
       pageFrom: number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
@@ -27722,138 +28151,6 @@ var CustomTextbookTab = function CustomTextbookTab(props) {
   }, children));
 };
 
-var grey = {
-  0: '#FFFFFF',
-  50: "#FBFBF9",
-  100: '#EAEAE5',
-  200: '#F4F6F8',
-  300: '#D0D0C8',
-  400: '#C4CDD5',
-  500: '#9A9A98',
-  600: '#637381',
-  700: '#5D5D5B',
-  800: '#212B36',
-  900: '#363634'
-};
-var green = {
-  0: '#FFFFFF',
-  100: '#F0FFF6',
-  300: '#89F0B2',
-  500: '#3DC674',
-  700: '#349056',
-  900: '#18442A'
-};
-var main_theme = {
-  lighter: green[100],
-  light: green[300],
-  less_dark: green[500],
-  dark: green[700],
-  darker: green[900]
-};
-var primary = {
-  lighter: '#D0ECFE',
-  light: '#73BAFB',
-  main: '#1877F2',
-  dark: '#0C44AE',
-  darker: '#042174',
-  contrastText: '#FFFFFF'
-};
-var secondary = {
-  lighter: '#EFD6FF',
-  light: '#C684FF',
-  main: '#8E33FF',
-  dark: '#5119B7',
-  darker: '#27097A',
-  contrastText: '#FFFFFF'
-};
-var info = {
-  lighter: '#CAFDF5',
-  light: '#61F3F3',
-  main: '#00B8D9',
-  dark: '#006C9C',
-  darker: '#003768',
-  contrastText: '#FFFFFF'
-};
-var success = {
-  lighter: '#C8FAD6',
-  light: '#5BE49B',
-  main: '#00A76F',
-  dark: '#007867',
-  darker: '#004B50',
-  contrastText: '#FFFFFF'
-};
-var warning$1 = {
-  lighter: '#FFF5CC',
-  light: '#FFD666',
-  main: '#FFAB00',
-  dark: '#B76E00',
-  darker: '#7A4100',
-  contrastText: grey[800]
-};
-var error = {
-  lighter: '#FFE9D5',
-  light: '#FFAC82',
-  main: '#FF5630',
-  dark: '#B71D18',
-  darker: '#7A0916',
-  contrastText: '#FFFFFF'
-};
-var red = {
-  100: '#FEF8F8',
-  300: '#FEF8F8',
-  500: '#F4CACA',
-  900: '#DB4D4D'
-};
-var yellow = {
-  900: '#FEAF06'
-};
-var green_support = {
-  100: '#F6FDF7',
-  500: '#AEEAB3',
-  900: '#3ACB46'
-};
-var purple = {
-  900: '#C3099A'
-};
-var dark_purple = {
-  900: '#6B0861'
-};
-var dark_red = {
-  900: '#800202'
-};
-var common = {
-  black: '#000000',
-  white: '#FFFFFF'
-};
-var action$2 = {
-  hover: alpha(grey[500], 0.08),
-  selected: alpha(grey[500], 0.16),
-  disabled: alpha(grey[500], 0.8),
-  disabledBackground: alpha(grey[500], 0.24),
-  focus: 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: alpha(grey[500], 0.2),
-  action: action$2
-};
-
 var ArticleBlock = function ArticleBlock(_ref) {
   var expandedIndex = _ref.expandedIndex,
     data = _ref.data,
@@ -28101,7 +28398,7 @@ var labelStyle = {
   whiteSpace: "nowrap"
 };
 
-var _excluded$e = ["onChange"];
+var _excluded$f = ["onChange"];
 var BpIcon$1 = styled("span")(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -28270,7 +28567,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     };
   });
   var theme = useTheme();
-  var isTabletUp = useMediaQuery(theme.breakpoints.up('lg'));
+  var isTabletUp = useMediaQuery(theme.breakpoints.up("lg"));
   return React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
@@ -28284,8 +28581,10 @@ var QuestionBlock = function QuestionBlock(_ref2) {
   }, React__default.createElement(Box, null, React__default.createElement(Box, {
     className: styles$9["question-title"] + " me-2 text-nowrap",
     sx: questionTitleStyle
-  }, t("problem_number_question", {
+  }, isMath ? t("problem_number_question", {
     number: data.questionOrder + 1
+  }) : t("text_detail_n", {
+    n: data.questionOrder + 1
   }))), React__default.createElement(Box, {
     flexGrow: 1
   }, renderAnswer())), React__default.createElement(Stack, {
@@ -28324,7 +28623,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$e);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$f);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
         isDisabled: isDisabled,
         value: data.questionType,
@@ -28371,7 +28670,7 @@ var isEqual$1 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = memo(QuestionBlock, isEqual$1);
 
-var _excluded$f = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$g = ["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;
@@ -28390,8 +28689,9 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var errors = formikProps.errors;
+  var theme = useTheme();
   var articles = data.articles,
     questions = data.questions;
   var blockErrors = _.get(errors, path);
@@ -28412,7 +28712,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
         gap: 2
       }, !isMath && React__default.createElement(Stack, {
         sx: {
-          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light),
+          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? theme.palette.secondary.main : theme.palette.secondary.light),
           borderRadius: 2
         },
         gap: 1,
@@ -28493,7 +28793,7 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = memo(QuestionGroupBlockBody, isEqual$2);
 
-var _excluded$g = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "isDisabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$h = ["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;
@@ -28518,13 +28818,13 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var key = paths.join(".");
-  var title = t("group_n", {
+  var title = t(isMath ? "question_group_n" : "text_group_n", {
     n: expandedIndex + 1
   });
   var handleToggle = function handleToggle() {
@@ -28606,7 +28906,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? yellow$1[500] : yellow$1[300])
     }
   }, React__default.createElement(AccordionSummary, {
     expandIcon: React__default.createElement(MdExpandMore, {
@@ -28635,6 +28935,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(FaTrashCan, {
     size: 12
   })), React__default.createElement(Typography, {
+    fontSize: "18px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title, !open && ":")), React__default.createElement(Box, {
@@ -28810,7 +29111,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$h = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$i = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -28829,7 +29130,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -29003,7 +29304,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$i = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+var _excluded$j = ["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,
@@ -29025,12 +29326,13 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var errors = formikProps.errors;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var theme = useTheme();
   var key = paths.join(".");
-  var title = t("chapter_number", {
+  var title = t((paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "sub_unit_number" : "unit_number", {
     number: paths.join(".")
   });
   var handleToggle = function handleToggle() {
@@ -29050,7 +29352,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? theme.palette.success.main : theme.palette.info.main : (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? theme.palette.success.light : theme.palette.info.light)
     }
   }, React__default.createElement(AccordionSummary, {
     expandIcon: React__default.createElement(MdExpandMore, {
@@ -29077,6 +29379,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
   }, React__default.createElement(FaTrashCan, {
     size: 12
   })), React__default.createElement(Typography, {
+    fontSize: (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "24px" : "36px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title)), React__default.createElement(Box, {
@@ -29206,7 +29509,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     }));
     if (inputRef.current) inputRef.current.value = "";
   };
-  var schoolOptions = SCHOOL_OPTIONS$1.map(function (i) {
+  var schoolOptions = SCHOOL_OPTIONS.map(function (i) {
     return _extends({}, i, {
       label: t(i.label)
     });
@@ -29214,13 +29517,13 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   var gradeOptions = useMemo(function () {
     switch (filter === null || filter === void 0 ? void 0 : filter.schoolType) {
       case SchoolType$1.Middle:
-        return MIDDLE_GRADES$1.map(function (i) {
+        return MIDDLE_GRADES.map(function (i) {
           return _extends({}, i, {
             label: typeof i.label === "string" ? t(i.label) : i.label
           });
         });
       case SchoolType$1.High:
-        return HIGH_GRADES$1.map(function (i) {
+        return HIGH_GRADES.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29696,8 +29999,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$j = ["value"],
-  _excluded2$2 = ["onChange"];
+var _excluded$k = ["value"];
 var VisuallyHiddenInput = styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -29718,6 +30020,23 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     handleUploadImage = _ref.handleUploadImage;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var gradeOptions = GRADE_OPTIONS.map(function (i) {
+    return {
+      label: t(i.label),
+      value: i.value
+    };
+  });
+  var preparedTypeOptions = Object.entries(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
+    };
+  });
   return React__default.createElement(Grid, {
     padding: 3,
     container: true,
@@ -29806,10 +30125,10 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publicationDate"
   }, t("publication_date")), React__default.createElement(Field, {
     name: "publicationDate",
-    render: function render(_ref2) {
-      var _ref2$field = _ref2.field,
-        value = _ref2$field.value,
-        action = _objectWithoutPropertiesLoose(_ref2$field, _excluded$j);
+    render: function render(_ref4) {
+      var _ref4$field = _ref4.field,
+        value = _ref4$field.value,
+        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$k);
       return React__default.createElement(LocalizationProvider$1, {
         dateAdapter: AdapterMoment
       }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -29839,8 +30158,8 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publisher"
   }, t("publisher")), React__default.createElement(Field, {
     name: "publisher",
-    render: function render(_ref3) {
-      var field = _ref3.field;
+    render: function render(_ref5) {
+      var field = _ref5.field;
       return React__default.createElement(TextField, Object.assign({}, field));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(Typography, {
@@ -29858,25 +30177,15 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "preparedType"
   }, t("type")), React__default.createElement(Field, {
     name: "preparedType",
-    render: function render(_ref4) {
-      var field = _ref4.field;
-      return React__default.createElement(Select$1, Object.assign({
-        displayEmpty: true
-      }, field), Object.entries(_extends({}, 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(MenuItem, {
-          key: index,
-          value: value
-        }, t(label));
-        return React__default.createElement(MenuItem, {
-          key: index,
-          value: index + 1
-        }, t(label));
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: preparedTypeOptions,
+        value: values.preparedType,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, !(val !== null && val !== void 0 && val.value) ? 0 : Number(val.value));
+        },
+        isClearable: true
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.preparedType) && React__default.createElement(Typography, {
@@ -29936,15 +30245,14 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
   }, t("grade")), React__default.createElement(Field, {
     name: "grade",
     render: function render(_ref9) {
-      var _ref9$field = _ref9.field,
-        _onChange = _ref9$field.onChange,
-        action = _objectWithoutPropertiesLoose(_ref9$field, _excluded2$2);
-      return React__default.createElement(TextField, Object.assign({
-        onChange: function onChange(e) {
-          e.target.value = e.target.value.replace(/[^\d]/g, "");
-          _onChange(e);
+      var field = _ref9.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: gradeOptions,
+        value: values.grade,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, String(val.value));
         }
-      }, action));
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.grade) && React__default.createElement(Typography, {
     fontWeight: 500,
@@ -29964,7 +30272,8 @@ var AcademySelector = function AcademySelector(_ref) {
     isMultiple = _ref.isMultiple,
     _ref$isClearable = _ref.isClearable,
     isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    defaultValue = _ref.defaultValue;
   var _useState = useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
@@ -29987,7 +30296,8 @@ var AcademySelector = function AcademySelector(_ref) {
     value: valueOption || value,
     onChange: onChange,
     isDisabled: disabled,
-    isClearable: isClearable
+    isClearable: isClearable,
+    defaultValue: defaultValue
   }));
 };
 
@@ -30028,70 +30338,61 @@ var CourseSelector = function CourseSelector(_ref) {
 };
 
 var useSelect = function useSelect(_ref) {
-  var academyId = _ref.academyId,
-    handleChangeEmail = _ref.handleChangeEmail;
+  var email = _ref.email;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var academy = 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 = useState([]),
-    academies = _useState[0],
-    setAcademies = _useState[1];
+    courses = _useState[0],
+    setCourses = _useState[1];
   var _useState2 = useState(false),
     isLoading = _useState2[0],
     setLoading = _useState2[1];
-  var user = useSelector(function (state) {
-    var _state$common;
-    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
-  });
-  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);
+  useEffect(function () {
+    if (!email) 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) {
+          toast.error(getErrorMessage(t, err));
         });
-      }, function (err) {
-        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 = 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 = useMemo(function () {
-    var _academy$courses;
-    if (!academyId) return [];
-    var academy = academies === null || academies === void 0 ? void 0 : academies.find(function (academy) {
-      return academy.id === academyId;
-    });
-    return academy === null || academy === void 0 ? void 0 : (_academy$courses = academy.courses) === null || _academy$courses === void 0 ? void 0 : _academy$courses.map(function (course) {
-      return {
-        label: course.name,
-        value: course.id
-      };
-    });
-  }, [JSON.stringify(academies), academyId]);
+        return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }, 1000);
+    fetchData();
+    return function () {
+      return fetchData.cancel();
+    };
+  }, [email]);
   return {
     t: t,
-    loadData: loadData,
     isLoading: isLoading,
-    academyOptions: academyOptions,
-    courseOptions: courseOptions
+    academies: academies,
+    courses: courses
   };
 };
 
@@ -30100,19 +30401,15 @@ var OwnerSelector = function OwnerSelector(_ref) {
   var values = _ref.values,
     errors = _ref.errors,
     index = _ref.index,
-    academyId = _ref.academyId,
+    email = _ref.email,
     onChangeFieldValue = _ref.onChangeFieldValue;
-  var handleChangeEmail = function handleChangeEmail(value) {
-    onChangeFieldValue("textbookOwners[" + index + "].email", value);
-  };
   var _useSelect = useSelect({
-      academyId: academyId,
-      handleChangeEmail: handleChangeEmail
+      email: email
     }),
     t = _useSelect.t,
     isLoading = _useSelect.isLoading,
-    academyOptions = _useSelect.academyOptions,
-    courseOptions = _useSelect.courseOptions;
+    academies = _useSelect.academies,
+    courses = _useSelect.courses;
   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(Stack, {
     flexDirection: "column",
     gap: 1,
@@ -30124,7 +30421,9 @@ var OwnerSelector = function OwnerSelector(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return React__default.createElement(AcademySelector, Object.assign({}, field, {
-        options: academyOptions,
+        options: academies,
+        disabled: true,
+        defaultValue: academies.length > 0 ? academies[0].value : undefined,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
         onChange: function onChange(val) {
@@ -30148,7 +30447,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
     render: function render(_ref3) {
       var field = _ref3.field;
       return React__default.createElement(CourseSelector, Object.assign({}, field, {
-        options: courseOptions,
+        options: courses,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
         onChange: function onChange(val) {
@@ -30185,7 +30484,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
         container: true,
         spacing: "16px"
       }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (_val, index) {
-        var _values$textbookOwner, _values$textbookOwner2, _values$textbookOwner3;
+        var _values$textbookOwner, _values$textbookOwner2;
         return React__default.createElement(Grid, {
           item: true,
           xs: 6,
@@ -30236,8 +30535,8 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
           values: values,
           errors: errors,
           index: index,
-          onChangeFieldValue: setFieldValue,
-          academyId: values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : (_values$textbookOwner3 = _values$textbookOwner2[index]) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3.academyId
+          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
         })));
       }), React__default.createElement(Grid, {
         item: true,
@@ -30410,15 +30709,16 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
   };
 };
 
-var _excluded$k = ["isAdmin", "textbookId", "selected", "coverImage", "onChangeTab", "onUploadImage"];
+var _excluded$l = ["isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "onChangeTab", "onUploadImage"];
 var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
-  var isAdmin = _ref.isAdmin,
+  var isSuperAdmin = _ref.isSuperAdmin,
+    isAdmin = _ref.isAdmin,
     textbookId = _ref.textbookId,
     selected = _ref.selected,
     coverImage = _ref.coverImage,
     onChangeTab = _ref.onChangeTab,
     onUploadImage = _ref.onUploadImage,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var values = formikProps.values,
     errors = formikProps.errors,
     dirty = formikProps.dirty,
@@ -30568,7 +30868,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isAdmin || textbookId) && (!textbookId || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(Tab, Object.assign({
+  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isSuperAdmin || textbookId) && (!textbookId || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(Tab, Object.assign({
     label: t$1("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -30611,6 +30911,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       textbookId: textbookId
     }),
     t = _useTextbookManagemen.t,
+    isSuperAdmin = _useTextbookManagemen.isSuperAdmin,
     isAdmin = _useTextbookManagemen.isAdmin,
     coverImage = _useTextbookManagemen.coverImage,
     selectedTextbook = _useTextbookManagemen.selectedTextbook,
@@ -30630,6 +30931,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   }, function (props) {
     return React__default.createElement(PreparedTextbookForm, Object.assign({
       isAdmin: isAdmin,
+      isSuperAdmin: isSuperAdmin,
       selected: selected,
       textbookId: textbookId,
       onChangeTab: handleChangeTab,
@@ -31867,7 +32169,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$l = ["onChange"];
+var _excluded$m = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -31928,7 +32230,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$l);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$m);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -33454,7 +33756,7 @@ var PreparedItem = function PreparedItem(_ref) {
   }))));
 };
 
-var MenuItemCustom = styled(MenuItem$1)(function () {
+var MenuItemCustom = styled(MenuItem)(function () {
   return {
     '&.Mui-selected': {
       backgroundColor: styles.light
@@ -33841,7 +34143,7 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
       }
     }
   }, LANGUAGES.map(function (option) {
-    return React__default.createElement(MenuItem$1, {
+    return React__default.createElement(MenuItem, {
       key: option.code,
       selected: option.code === (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code),
       onClick: function onClick() {
@@ -34505,5 +34807,5 @@ var LayoutContext = function LayoutContext(_ref) {
   });else return React__default.createElement(Fragment$1, null, children);
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, BASE_URL, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, ELEMENTARY_GRADES, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, HIGH_GRADES, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MIDDLE_GRADES, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionCountSelector, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SCHOOL_OPTIONS, SUPER_ADMIN_BASE_URL, SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, isLocalHost, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, BASE_URL, BRIEF_GRADE_OPTIONS, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, GRADE_OPTIONS, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionCountSelector, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SUPER_ADMIN_BASE_URL, SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, isLocalHost, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map