touchstudy-core 0.1.113 → 0.1.115

package/dist/index.modern.js

@@ -27,7 +27,7 @@ import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { Formik, Form, Field, FieldArray } from 'formik';
 import { CKEditor } from 'ckeditor4-react';
-import { CellMeasurerCache, CellMeasurer, AutoSizer, List as List$1, MultiGrid } from 'react-virtualized';
+import { AutoSizer } from 'react-virtualized';
 import Grid$1 from '@mui/material/Grid';
 import Typography$1 from '@mui/material/Typography';
 import Card from '@mui/material/Card';
@@ -1190,6 +1190,7 @@ var notify_share_exam = {
 	update_fail: "업데이트 실패!"
 };
 var academy_admin_teacher = "아카데미 관리자/선생님";
+var academyadmin_teacher = "아카데미 관리자/선생님";
 var total_student = "총 학생 수";
 var total_teacher = "총 교사 수";
 var total_exam = "총 시험 수";
@@ -1353,6 +1354,7 @@ var delete_textbook_successfully = "교과서 삭제 성공";
 var information = "정보";
 var running_time = "진행 시간";
 var hours_mins_seconds = "{{hours}}시간 {{mins}}분 {{seconds}}초";
+var create_schedule_successfully = "일정을 성공적으로 생성했습니다";
 var prepared_textbook = "준비된 교과서";
 var enable_phone_pass_code = "전화 비밀번호 활성화";
 var custom = "관습";
@@ -1361,6 +1363,13 @@ var pass_code_is_invalid = "비밀번호가 유효하지 않습니다";
 var pass_code_length_must_be_n = "비밀번호 길이는 {{n}}이어야 합니다";
 var parent_phone_number_is_invalid = "부모 전화번호가 잘못되었습니다";
 var parent_phone_number_is_required = "부모 전화번호가 필요합니다";
+var update_schedule_successfully = "일정을 성공적으로 업데이트했습니다";
+var delete_schedule_successfully = "일정을 성공적으로 삭제했습니다";
+var group = "그룹";
+var update_schedule = "업데이트 일정";
+var back_month = "이전 달";
+var today_schedule = "오늘 스케줄";
+var schedule_achieved = "달성한 스케줄";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2192,6 +2201,7 @@ var lang_ko = {
 	notify_share_textbook: notify_share_textbook,
 	notify_share_exam: notify_share_exam,
 	academy_admin_teacher: academy_admin_teacher,
+	academyadmin_teacher: academyadmin_teacher,
 	total_student: total_student,
 	total_teacher: total_teacher,
 	total_exam: total_exam,
@@ -2357,6 +2367,7 @@ var lang_ko = {
 	information: information,
 	running_time: running_time,
 	hours_mins_seconds: hours_mins_seconds,
+	create_schedule_successfully: create_schedule_successfully,
 	prepared_textbook: prepared_textbook,
 	enable_phone_pass_code: enable_phone_pass_code,
 	custom: custom,
@@ -2364,7 +2375,14 @@ var lang_ko = {
 	pass_code_is_invalid: pass_code_is_invalid,
 	pass_code_length_must_be_n: pass_code_length_must_be_n,
 	parent_phone_number_is_invalid: parent_phone_number_is_invalid,
-	parent_phone_number_is_required: parent_phone_number_is_required
+	parent_phone_number_is_required: parent_phone_number_is_required,
+	update_schedule_successfully: update_schedule_successfully,
+	delete_schedule_successfully: delete_schedule_successfully,
+	group: group,
+	update_schedule: update_schedule,
+	back_month: back_month,
+	today_schedule: today_schedule,
+	schedule_achieved: schedule_achieved
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2504,7 +2522,7 @@ var create_exam$1 = "Create exam";
 var back$1 = "Back";
 var date_format_exam$1 = "MMMM YYYY";
 var date_format$1 = "MMM. D. YYYY";
-var day_month_format$1 = "DDDo MMM";
+var day_month_format$1 = "Do MMM";
 var date_time_format$1 = "HH:mm MMM. D YYYY ";
 var date_time_format_12h$1 = "MM-DD-YYYY HH:mm A";
 var full_date_time_format$1 = "MMM Do YYYY HH:mm:ss";
@@ -3278,14 +3296,15 @@ var chapter$1 = "Chapter";
 var chapter_number$1 = "Chapter {{number}}";
 var category_required$1 = "Category is required";
 var subject_required$1 = "Subject is required";
-var academy_admin_teacher$1 = "Academy Admin Teacher";
+var academy_admin_teacher$1 = "Academy Admin/Teacher";
+var academyadmin_teacher$1 = "Academy Admin/Teacher";
 var date_required$1 = "Date is required";
 var start_time_required$1 = "Start time is required";
 var end_time_required$1 = "End time is required";
 var title_required$1 = "Title is required";
 var delete_schedule$1 = "Delete Schedule";
 var edit_schedule$1 = "Edit Schedule";
-var are_you_sure_you_want_to_delete_the_schedule$1 = "are_you_sure_you_want_to_delete_the_schedule: {{name}}";
+var are_you_sure_you_want_to_delete_the_schedule$1 = "Are you sure you want to delete the schedule: {{name}}";
 var correct_answer_rate$1 = "Correct answer rate";
 var progress$1 = "Progress";
 var grammar$1 = "Grammar";
@@ -3378,6 +3397,7 @@ var delete_textbook_successfully$1 = "Delete the textbook successfully";
 var information$1 = "Information";
 var running_time$1 = "Running time";
 var hours_mins_seconds$1 = "{{hours}}h {{mins}}m {{seconds}}s";
+var create_schedule_successfully$1 = "Create schedule successfully";
 var prepared_textbook$1 = "Prepared Textbook";
 var enable_phone_pass_code$1 = "Enable phone pass code";
 var custom$1 = "Custom";
@@ -3387,6 +3407,13 @@ var pass_code_length_must_be_n$1 = "Pass code length must be {{n}}";
 var email_is_invalid = "Email is invalid";
 var parent_phone_number_is_invalid$1 = "Parent phone number is invalid";
 var parent_phone_number_is_required$1 = "Parent phone number is required";
+var update_schedule_successfully$1 = "Update schedule successfully";
+var delete_schedule_successfully$1 = "Delete schedule successfully";
+var group$1 = "Group";
+var update_schedule$1 = "Update Schedule";
+var back_month$1 = "Back Month";
+var today_schedule$1 = "Today's schedule";
+var schedule_achieved$1 = "Schedule achieved";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4283,6 +4310,7 @@ var lang_en = {
 	category_required: category_required$1,
 	subject_required: subject_required$1,
 	academy_admin_teacher: academy_admin_teacher$1,
+	academyadmin_teacher: academyadmin_teacher$1,
 	date_required: date_required$1,
 	start_time_required: start_time_required$1,
 	end_time_required: end_time_required$1,
@@ -4384,6 +4412,7 @@ var lang_en = {
 	information: information$1,
 	running_time: running_time$1,
 	hours_mins_seconds: hours_mins_seconds$1,
+	create_schedule_successfully: create_schedule_successfully$1,
 	prepared_textbook: prepared_textbook$1,
 	enable_phone_pass_code: enable_phone_pass_code$1,
 	custom: custom$1,
@@ -4392,7 +4421,14 @@ var lang_en = {
 	pass_code_length_must_be_n: pass_code_length_must_be_n$1,
 	email_is_invalid: email_is_invalid,
 	parent_phone_number_is_invalid: parent_phone_number_is_invalid$1,
-	parent_phone_number_is_required: parent_phone_number_is_required$1
+	parent_phone_number_is_required: parent_phone_number_is_required$1,
+	update_schedule_successfully: update_schedule_successfully$1,
+	delete_schedule_successfully: delete_schedule_successfully$1,
+	group: group$1,
+	update_schedule: update_schedule$1,
+	back_month: back_month$1,
+	today_schedule: today_schedule$1,
+	schedule_achieved: schedule_achieved$1
 };
 
 i18n.use(initReactI18next).init({
@@ -9200,74 +9236,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 CellMeasurerCache({
-  fixedWidth: true,
-  defaultHeight: 50
-});
-
-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;
-    if (isLoading) {
-      if (loadingElement) return loadingElement;
-      return React__default.createElement("div", {
-        key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
-        style: style
-      }, 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"
-        }
-      })));
-    }
-    return React__default.createElement("div", {
-      key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
-      style: style,
-      ref: measure
-    }, renderItem(rowData, index));
-  });
-};
-
-var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
+var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -9280,186 +9249,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 = useCallback(function (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
-    }));
-  }, [JSON.stringify(data)]);
-  var noRowsRenderer = useCallback(function () {
-    return React__default.createElement(VirtualEmptyItem, {
-      emptyElement: emptyElement
-    });
-  }, []);
+    loading = props.loading,
+    loadingElement = props.loadingElement,
+    listHeight = props.listHeight;
   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(List$1, {
+    return React__default.createElement(Box, {
       width: width,
-      height: listHeight || height,
-      rowCount: rowCount,
-      rowHeight: cellMeasurerCache.rowHeight,
-      rowRenderer: rowRenderer,
-      deferredMeasurementCache: cellMeasurerCache,
-      overscanRowCount: overscanRowCount,
-      noRowsRenderer: noRowsRenderer,
-      onScroll: onScroll
-    });
+      height: height,
+      overflow: "auto"
+    }, 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: renderItem
+    }));
   }));
 };
 
-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;
-  return React__default.createElement(CellMeasurer, {
-    cache: cellMeasurerCache$1,
-    columnIndex: columnIndex,
-    rowIndex: rowIndex,
-    key: rowIndex + "-" + columnIndex,
-    parent: parent
-  }, function (_ref2) {
-    var measure = _ref2.measure;
-    if (isLoading) {
-      if (loadingElement) return loadingElement;
-      return React__default.createElement("div", {
-        style: style
-      }, 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"
-        }
-      })));
-    }
-    return React__default.createElement("div", {
-      style: style,
-      ref: measure
-    }, renderItem(rowIndex, columnIndex));
-  });
-};
-
-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 _excluded$6 = ["data", "containerProps", "listHeight", "overscanRowCount", "renderItem", "emptyElement", "loadingElement", "fixedColumnCount", "fixedRowCount", "listWidth"];
 var VirtualTableView = function VirtualTableView(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,
-    fixedColumnCount = props.fixedColumnCount,
-    fixedRowCount = props.fixedRowCount,
-    listWidth = props.listWidth,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$6);
-  var columnCount = props.columnCount;
-  var _useVirtualListView = useVirtualListView(props),
-    rowCount = _useVirtualListView.rowCount,
-    onScroll = _useVirtualListView.onScroll;
-  var _useState = useState(false),
-    renderedColumnWidth = _useState[0],
-    setRenderedColumnWidth = _useState[1];
+    columnCount = props.columnCount,
+    loading = props.loading,
+    loadingElement = props.loadingElement;
   var containerRef = useRef(null);
-  var listRef = useRef(null);
-  var cellRenderer = useCallback(function (props) {
-    var rowIndex = props.rowIndex;
-    var isLoading = rowIndex === data.length;
-    return React__default.createElement(VirtualTableRowItem, Object.assign({}, props, {
-      isLoading: isLoading,
-      renderItem: renderItem,
-      loadingElement: loadingElement
+  var renderTableRow = function renderTableRow(_, index) {
+    return React__default.createElement(Stack, {
+      direction: "row"
+    }, Array.from({
+      length: columnCount
+    }, function (_, colIndex) {
+      return renderItem(index, colIndex);
     }));
-  }, [JSON.stringify(data)]);
-  var noRowsRenderer = useCallback(function () {
-    return React__default.createElement(VirtualTableEmpty, {
-      emptyElement: emptyElement
-    });
-  }, []);
-  var onSectionRendered = function onSectionRendered(_) {
-    setRenderedColumnWidth(true);
-  };
-  var columnWidth = useCallback(function (params) {
-    var _containerRef$current, _containerRef$current2;
-    var index = params.index;
-    var cWidth = cellMeasurerCache$1.columnWidth(params);
-    if (listWidth) return cWidth;
-    var totalWidths = columnCount * cWidth;
-    var w = cWidth;
-    if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.offsetWidth && totalWidths < ((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) && index === columnCount - 1) {
-      var _containerRef$current3;
-      w = Math.max(cWidth, ((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetWidth) - (columnCount - 1) * cWidth);
-    }
-    return w;
-  }, [columnCount]);
-  useEffect(function () {
-    if (renderedColumnWidth && listRef.current) {
-      listRef.current.forceUpdateGrids();
-    }
-  }, [renderedColumnWidth]);
+  };
   return React__default.createElement(Box, Object.assign({
     ref: containerRef
-  }, 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: listRef,
-      fixedRowCount: fixedRowCount,
-      fixedColumnCount: fixedColumnCount,
-      cellRenderer: cellRenderer,
-      enableFixedColumnScroll: !!fixedColumnCount && fixedColumnCount > 0,
-      enableFixedRowScroll: !!fixedRowCount && fixedRowCount > 0,
-      columnWidth: columnWidth,
-      height: listHeight || height,
-      rowHeight: cellMeasurerCache$1.rowHeight,
-      deferredMeasurementCache: cellMeasurerCache$1,
-      rowCount: rowCount,
-      width: listWidth || width,
-      overscanRowCount: overscanRowCount,
-      noRowsRenderer: noRowsRenderer,
-      onScroll: onScroll,
-      onSectionRendered: onSectionRendered
-    }, rest));
+  }, 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
   }));
 };
 
@@ -10694,6 +10547,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
   var _useState8 = useState(false),
     error = _useState8[0],
     setError = _useState8[1];
+  var firstLoadRef = useRef(true);
   var onVerify = useCallback(function (token) {
     setTokenReCaptcha(token);
   }, []);
@@ -10703,9 +10557,11 @@ var useLogiQRCode = function useLogiQRCode(props) {
         setRefreshReCaptcha(function (b) {
           return !b;
         });
+        firstLoadRef.current = false;
         setLoadingQR(false);
       };
-      if (!tokenReCaptcha || !!(qrCodeData !== null && qrCodeData !== void 0 && qrCodeData.key) || error) return Promise.resolve();
+      if (!tokenReCaptcha) return Promise.resolve();
+      resetData();
       setLoadingQR(true);
       if (!academyDomain) localStorage.setItem(LEARNING_SPACE, "true");
       var _temp = _catch(function () {
@@ -10740,8 +10596,8 @@ var useLogiQRCode = function useLogiQRCode(props) {
     }
   };
   useEffect(function () {
-    getQRCodeDataLogin();
-  }, [academyDomain, tokenReCaptcha, qrCodeData === null || qrCodeData === void 0 ? void 0 : qrCodeData.key]);
+    if (firstLoadRef.current) getQRCodeDataLogin();
+  }, [academyDomain, tokenReCaptcha]);
   useEffect(function () {
     if (qrCodeData !== null && qrCodeData !== void 0 && qrCodeData.key) {
       if (pusher.current) pusher.current.disconnect();
@@ -10779,9 +10635,8 @@ var useLogiQRCode = function useLogiQRCode(props) {
           var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
           redirectLoginUser(user, token, redirectUrl);
         });
-      }, function (error) {
+      }, function () {
         setInvalid(true);
-        toast.error(getErrorMessage(t, error));
       });
       return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
@@ -10810,7 +10665,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
     setError(false);
   };
   var handleGenerateNewAQRCode = function handleGenerateNewAQRCode() {
-    resetData();
+    getQRCodeDataLogin();
   };
   return {
     t: t,
@@ -10922,10 +10777,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$7 = ["history"];
+var _excluded$6 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -11875,11 +11730,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$8 = ["teachers", "value"];
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -11907,7 +11762,7 @@ var ErrorHandler = function ErrorHandler(_ref) {
 var ClassForm = function ClassForm(_ref) {
   var history = _ref.history,
     formikProp = _ref.formikProp,
-    id = _ref.id,
+    classId = _ref.classId,
     data = _ref.data,
     teachers = _ref.teachers,
     disabled = _ref.disabled,
@@ -12272,7 +12127,7 @@ var ClassForm = function ClassForm(_ref) {
       formikProp.handleSubmit();
     },
     disabled: disabled
-  }, !id ? t("create_and_continue") : t("save_and_exit")), React__default.createElement(Button, {
+  }, !classId ? t("create_and_continue") : t("save_and_exit")), React__default.createElement(Button, {
     color: "secondary",
     className: "bg-secondary",
     variant: "contained",
@@ -13170,14 +13025,15 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$9 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
 var useClassDetail = function useClassDetail(_ref) {
   var history = _ref.history,
-    id = _ref.id,
-    role = _ref.role;
+    classId = _ref.classId,
+    role = _ref.role,
+    classListUrl = _ref.classListUrl;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var dispatch = useDispatch();
@@ -13188,8 +13044,11 @@ var useClassDetail = function useClassDetail(_ref) {
   });
   var roles = (user === null || user === void 0 ? void 0 : user.roles) || [];
   var isOneRoleExists = roles.length === 1;
-  var isAdmin = roles.includes(Role.Admin) && role === Role.Admin;
-  var isTeacher = roles.includes(Role.Teacher) && !roles.includes(Role.Admin) && role === Role.Teacher;
+  var isAdmin = roles.includes(Role.Admin);
+  var isTeacher = roles.includes(Role.Teacher) && !isAdmin;
+  var isSuperAdmin = user === null || user === void 0 ? void 0 : user.isSuperAdmin;
+  var isteacherSite = role === Role.Teacher;
+  var isDisabled = isAdmin && !isSuperAdmin && isteacherSite || isTeacher;
   var _useState = useState(),
     course = _useState[0],
     setCourse = _useState[1];
@@ -13215,13 +13074,13 @@ var useClassDetail = function useClassDetail(_ref) {
   var isSelected = function isSelected(id) {
     return selected.indexOf(id) !== -1;
   };
-  var _useStudentClassList = useStudentClassList(id ? +id : 0),
+  var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$9);
-  var _useTeacherClassList = useTeacherClassList(id ? +id : 0),
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
+  var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
-  var _useLessonClassList = useLessonClassList(id ? +id : 0),
+  var _useLessonClassList = useLessonClassList(classId),
     getLessons = _useLessonClassList.getLessons,
     lessonListProps = _objectWithoutPropertiesLoose(_useLessonClassList, _excluded3);
   var selectedLesson = lessonListProps.selectedLesson,
@@ -13245,12 +13104,10 @@ var useClassDetail = function useClassDetail(_ref) {
         isLoading && dispatch(setLoading(false));
       };
       var _exit = false;
-      if (!id) return Promise.resolve();
-      var idNumber = +id;
-      if (isNaN(idNumber)) return Promise.resolve();
+      if (!classId) return Promise.resolve();
       isLoading && dispatch(setLoading(true));
       var _temp = _catch(function () {
-        return Promise.resolve(getClassByIdApi(idNumber)).then(function (res) {
+        return Promise.resolve(getClassByIdApi(classId)).then(function (res) {
           var classData = res.data;
           if (!classData) {
             toast.error(t("get_class_detail_error"));
@@ -13367,22 +13224,22 @@ var useClassDetail = function useClassDetail(_ref) {
       var _temp12 = function _temp12() {
         dispatch(setLoading(false));
       };
-      if (!id || !openSelectDialog) return Promise.resolve();
+      if (!classId || !openSelectDialog) return Promise.resolve();
       dispatch(setLoading(true));
       var _temp11 = _catch(function () {
         function _temp10() {
           return Promise.resolve(handleGetDetailData(false)).then(function () {
-            toast.success(t(id ? "update_class_successfully" : "create_class_successfully"));
+            toast.success(t(classId ? "update_class_successfully" : "create_class_successfully"));
             handleCloseSelectDialog();
           });
         }
         var _temp9 = function () {
           if (openSelectDialog === "Student") {
-            return Promise.resolve(addStudentToClass(+id, userIds)).then(function () {
+            return Promise.resolve(addStudentToClass(classId, userIds)).then(function () {
               return Promise.resolve(getStudents()).then(function () {});
             });
           } else {
-            return Promise.resolve(addTeacherToClass(+id, userIds)).then(function () {
+            return Promise.resolve(addTeacherToClass(classId, userIds)).then(function () {
               return Promise.resolve(getTeachers()).then(function () {});
             });
           }
@@ -13417,16 +13274,16 @@ var useClassDetail = function useClassDetail(_ref) {
       dispatch(setLoading(true));
       var _temp15 = _catch(function () {
         function _temp14() {
-          toast.success(t(id ? "update_class_successfully" : "create_class_successfully"));
+          toast.success(t(classId ? "update_class_successfully" : "create_class_successfully"));
         }
         var _temp13 = function () {
-          if (!id) {
+          if (!classId) {
             return Promise.resolve(createClassApi(body)).then(function (res) {
-              pushTo(history, "/classes/" + res.data.id);
+              pushTo(history, classListUrl + "/" + res.data.id);
             });
           } else {
-            return Promise.resolve(updateClassApi(+id, body)).then(function () {
-              pushTo(history, "/classes");
+            return Promise.resolve(updateClassApi(classId, body)).then(function () {
+              pushTo(history, classListUrl);
             });
           }
         }();
@@ -13441,10 +13298,10 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var getStudentNotInClassList = function getStudentNotInClassList() {
     try {
-      if (!id) return Promise.resolve();
+      if (!classId) return Promise.resolve();
       var _temp17 = _catch(function () {
         var _textSearchRef$curren;
-        return Promise.resolve(getStudentClassApi(+id, _extends({}, filter, {
+        return Promise.resolve(getStudentClassApi(classId, _extends({}, filter, {
           textSearch: (_textSearchRef$curren = textSearchRef.current) === null || _textSearchRef$curren === void 0 ? void 0 : _textSearchRef$curren.value,
           isInCourse: false
         }))).then(function (res) {
@@ -13480,10 +13337,10 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var getTeacherNotInClassList = function getTeacherNotInClassList() {
     try {
-      if (!id) return Promise.resolve();
+      if (!classId) return Promise.resolve();
       var _temp18 = _catch(function () {
         var _textSearchRef$curren2;
-        return Promise.resolve(getTeacherClassApi(+id, _extends({}, filter, {
+        return Promise.resolve(getTeacherClassApi(classId, _extends({}, filter, {
           textSearch: (_textSearchRef$curren2 = textSearchRef.current) === null || _textSearchRef$curren2 === void 0 ? void 0 : _textSearchRef$curren2.value,
           isInCourse: false
         }))).then(function (res) {
@@ -13599,7 +13456,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   useEffect(function () {
     handleGetDetailData();
-  }, [id]);
+  }, [classId]);
   useEffect(function () {
     handleFetchUsers();
   }, [JSON.stringify(filter)]);
@@ -13607,9 +13464,9 @@ var useClassDetail = function useClassDetail(_ref) {
     document.title = t("study_peak") + " | " + t(PAGE_TITLE$4);
   }, [t]);
   return {
-    id: id,
+    classId: classId,
     schema: schema,
-    isAdmin: isAdmin,
+    isDisabled: isDisabled,
     paging: paging,
     filter: filter,
     isTeacher: isTeacher,
@@ -13969,12 +13826,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$a = ["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$a);
+    other = _objectWithoutPropertiesLoose(props, _excluded$9);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -14001,15 +13858,17 @@ var ClassDetail = function ClassDetail(_ref) {
     history = _ref.history,
     classListUrl = _ref.classListUrl,
     role = _ref.role;
+  var classId = !id || Number.isNaN(+id) ? 0 : +id;
   var _useClassDetail = useClassDetail({
       history: history,
-      id: id,
-      role: role
+      classId: classId,
+      role: role,
+      classListUrl: classListUrl
     }),
     schema = _useClassDetail.schema,
     paging = _useClassDetail.paging,
-    isAdmin = _useClassDetail.isAdmin,
     isTeacher = _useClassDetail.isTeacher,
+    isDisabled = _useClassDetail.isDisabled,
     filter = _useClassDetail.filter,
     listUserSelected = _useClassDetail.listUserSelected,
     userList = _useClassDetail.userList,
@@ -14059,7 +13918,7 @@ var ClassDetail = function ClassDetail(_ref) {
     if (selected === TabList$1[1].value) studentListProps.resetData();
     if (selected === TabList$1[2].value) studentListProps.resetData();
   }, [selected]);
-  return React__default.createElement(Box, null, !!id && React__default.createElement(Box, null, React__default.createElement(Stack, {
+  return React__default.createElement(Box, null, !!classId && React__default.createElement(Box, null, React__default.createElement(Stack, {
     display: "flex",
     flexDirection: "row",
     gap: "8px"
@@ -14089,12 +13948,12 @@ var ClassDetail = function ClassDetail(_ref) {
     direction: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    mt: !!id ? 2 : 0,
+    mt: classId ? 2 : 0,
     mb: 2,
-    pt: !!id ? "12px" : "0px"
+    pt: classId ? "12px" : "0px"
   }, React__default.createElement(Typography, {
     variant: "h4"
-  }, t(!id ? "create_class" : isAdmin ? "update_class" : "view_class"))), React__default.createElement(Formik, {
+  }, t(!classId ? "create_class" : !isDisabled ? "update_class" : "view_class"))), React__default.createElement(Formik, {
     initialValues: DEFAULT_CLASS_REQUEST,
     validationSchema: schema,
     onSubmit: handleSubmit
@@ -14102,30 +13961,30 @@ var ClassDetail = function ClassDetail(_ref) {
     return React__default.createElement(ClassForm, {
       classListUrl: classListUrl,
       history: history,
-      id: id,
+      classId: classId,
       formikProp: props,
       data: classRequest,
       teachers: teacherOptions,
-      disabled: !isAdmin,
+      disabled: isDisabled,
       onSearchTeachers: handleChangeTextSearchTeachers
     });
   })), React__default.createElement(CustomTabPanel, {
     value: selected,
     index: TabList$1[1].value
-  }, !!id && !Number.isNaN(+id) && selected === TabList$1[1].value && React__default.createElement(StudentList, Object.assign({
-    disabled: !isTeacher && !isAdmin,
+  }, !!classId && selected === TabList$1[1].value && React__default.createElement(StudentList, Object.assign({
+    disabled: isDisabled && !isTeacher,
     onAdd: handleOpenSelectDialog
   }, studentListProps))), React__default.createElement(CustomTabPanel, {
     value: selected,
     index: TabList$1[2].value
-  }, !!id && !Number.isNaN(+id) && selected === TabList$1[2].value && React__default.createElement(TeacherList, Object.assign({
-    disabled: !isAdmin,
+  }, !!classId && selected === TabList$1[2].value && React__default.createElement(TeacherList, Object.assign({
+    disabled: isDisabled,
     onAdd: handleOpenSelectDialog
   }, teacherListProps))), React__default.createElement(CustomTabPanel, {
     value: selected,
     index: TabList$1[3].value
-  }, !!id && !Number.isNaN(+id) && selected === TabList$1[3].value && React__default.createElement(LessonList, Object.assign({
-    disabled: !isAdmin,
+  }, !!classId && selected === TabList$1[3].value && React__default.createElement(LessonList, Object.assign({
+    disabled: isDisabled,
     startDate: course === null || course === void 0 ? void 0 : course.startDate,
     endDate: course === null || course === void 0 ? void 0 : course.endDate
   }, lessonListProps, {
@@ -14133,7 +13992,7 @@ var ClassDetail = function ClassDetail(_ref) {
     handleDeleteLessonClass: handleDeleteLessonClass,
     teachers: teacherOptions,
     onSearchTeachers: handleChangeTextSearchTeachers
-  }))), (isAdmin || openSelectDialog === "Student") && React__default.createElement(SelectDialog, {
+  }))), (!isDisabled && !isTeacher || openSelectDialog === "Student") && React__default.createElement(SelectDialog, {
     open: !!openSelectDialog,
     isStudent: openSelectDialog === "Student",
     onClose: handleCloseSelectDialog,
@@ -14299,6 +14158,10 @@ var ClassList = function ClassList(_ref) {
     role = _ref.role,
     classCreateUrl = _ref.classCreateUrl,
     classUpdateUrl = _ref.classUpdateUrl;
+  var isSuperAdmin = useSelector(function (state) {
+    var _state$common, _state$common$user;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.isSuperAdmin;
+  });
   var isAdmin = role === Role.Admin;
   var _useClassList = useClassList(history, classCreateUrl, classUpdateUrl),
     t = _useClassList.t,
@@ -14322,7 +14185,7 @@ var ClassList = function ClassList(_ref) {
     mb: 2
   }, React__default.createElement(Typography, {
     variant: "h4"
-  }, t("classes")), isAdmin && React__default.createElement(MButton, {
+  }, t("classes")), (isAdmin || isSuperAdmin) && React__default.createElement(MButton, {
     variant: "contained",
     color: "inherit",
     startIcon: React__default.createElement(FaPlus, {
@@ -14362,7 +14225,7 @@ var ClassList = function ClassList(_ref) {
       key: i.id
     }, React__default.createElement(TableCell$1, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell$1, {
       className: "text-nowrap"
-    }, i.name), React__default.createElement(TableCell$1, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell$1, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell$1, null, i.totalStudents), React__default.createElement(TableCell$1, null, i.totalTeachers), React__default.createElement(TableCell$1, null, i.totalLessons), React__default.createElement(TableCell$1, null, isAdmin && React__default.createElement("div", {
+    }, i.name), React__default.createElement(TableCell$1, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell$1, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell$1, null, i.totalStudents), React__default.createElement(TableCell$1, null, i.totalTeachers), React__default.createElement(TableCell$1, null, i.totalLessons), React__default.createElement(TableCell$1, null, (isAdmin || isSuperAdmin) && React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(IconButton, {
       color: "default",
@@ -14380,7 +14243,7 @@ var ClassList = function ClassList(_ref) {
       }
     }, React__default.createElement(FaTrashCan, {
       size: 12
-    }))), !isAdmin && React__default.createElement(IconButton, {
+    }))), !(isAdmin || isSuperAdmin) && React__default.createElement(IconButton, {
       color: "default",
       className: "bg-primary text-white me-1",
       onClick: function onClick() {
@@ -19237,7 +19100,9 @@ var useNotes = function useNotes(setFilter, filter) {
       }
       setLoadingNotes(true);
       var _temp = _catch(function () {
-        return Promise.resolve(getNotesApi(_extends({}, 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) || [];
@@ -19339,6 +19204,7 @@ var NoteItem = function NoteItem(_ref) {
     }),
     placement: placement
   }, React__default.createElement(IconButton, {
+    disabled: !actions.length,
     onClick: handleMoreClick
   }, React__default.createElement(MdMoreHoriz, {
     color: "#5d5d5b"
@@ -19646,11 +19512,10 @@ var useExamResultData = function useExamResultData(props) {
     var getData = function getData() {
       resetData();
       if (!(user !== null && user !== void 0 && user.email)) return;
-      isStudent && chapterId ? getDataTextbookResult() : getStudentData(examCode);
-      !isStudent && getStudentDataByTeacher(examSessionId, studentId);
+      if (chapterId) getDataTextbookResult();else isStudent ? getStudentData(examCode) : getStudentDataByTeacher(examSessionId, studentId);
     };
     examCode === "example-code" ? setExampleData() : getData();
-  }, [examCode, isStudent, code, examSessionId, studentId, user === null || user === void 0 ? void 0 : user.email]);
+  }, [examCode, isStudent, code, examSessionId, studentId, chapterId, user === null || user === void 0 ? void 0 : user.email]);
   var handlePrevChart = function handlePrevChart() {
     if (dataChartIndex > 0) {
       setDataChartIndex(dataChartIndex - 1);
@@ -21106,6 +20971,9 @@ var UserSchema = object().shape({
     },
     then: function then(schema) {
       return schema.trim().required("school_name_is_required");
+    },
+    otherwise: function otherwise(schema) {
+      return schema.notRequired();
     }
   }),
   grade: number().transform(function (value) {
@@ -21116,6 +20984,9 @@ var UserSchema = object().shape({
     },
     then: function then(schema) {
       return schema.required("student_grade_is_required").typeError("student_grade_is_required").min(1, "student_grade_is_invalid").max(12, "student_grade_is_invalid");
+    },
+    otherwise: function otherwise(schema) {
+      return schema.notRequired();
     }
   }),
   major: string().when("role", {
@@ -21124,6 +20995,9 @@ var UserSchema = object().shape({
     },
     then: function then(schema) {
       return schema.trim().required("major_is_required");
+    },
+    otherwise: function otherwise(schema) {
+      return schema.notRequired();
     }
   }),
   parentPhoneNumber: string().when("role", {
@@ -21134,6 +21008,9 @@ var UserSchema = object().shape({
       return schema.trim().matches(phoneRegExp, {
         message: "parent_phone_number_is_invalid"
       }).min(10, "parent_phone_number_is_invalid").required("parent_phone_number_is_required");
+    },
+    otherwise: function otherwise(schema) {
+      return schema.notRequired();
     }
   }),
   parentName: string().when("role", {
@@ -21142,6 +21019,9 @@ var UserSchema = object().shape({
     },
     then: function then(schema) {
       return schema.trim().required("parent_name_is_required");
+    },
+    otherwise: function otherwise(schema) {
+      return schema.notRequired();
     }
   }),
   subjectId: number().when("role", {
@@ -21181,14 +21061,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$b = ["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$b);
+    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", {
@@ -21242,7 +21122,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$c = ["ref"],
+var _excluded$b = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -21272,7 +21152,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$c);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -21681,7 +21561,8 @@ var UserDialog = function UserDialog(_ref) {
     size: "1rem"
   }) : React__default.createElement(IconButton, {
     className: "bg-success",
-    onClick: getDefaultPassCode
+    onClick: getDefaultPassCode,
+    disabled: disabled
   }, React__default.createElement(FaRotateRight, {
     color: "#FFF",
     size: 10
@@ -21708,7 +21589,8 @@ var UserDialog = function UserDialog(_ref) {
     disabled: disabled
   }), React__default.createElement(Box, null, React__default.createElement(IconButton, {
     className: "bg-success",
-    onClick: getRandomPassCode
+    onClick: getRandomPassCode,
+    disabled: disabled
   }, React__default.createElement(FaRotateRight, {
     color: "#FFF",
     size: 10
@@ -22369,6 +22251,10 @@ var RecentUserActionDialog = function RecentUserActionDialog(_ref) {
 
 var UserList = function UserList(_ref) {
   var role = _ref.role;
+  var isSuperAdmin = useSelector(function (state) {
+    var _state$common, _state$common$user;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.isSuperAdmin;
+  });
   var isAdmin = role === Role.Admin;
   var _useUserList = useUserList(role),
     userHeaders = _useUserList.userHeaders,
@@ -22422,7 +22308,7 @@ var UserList = function UserList(_ref) {
     mb: 2
   }, React__default.createElement(Typography, {
     variant: "h4"
-  }, t("users")), isAdmin && React__default.createElement("div", {
+  }, t("users")), (isAdmin || isSuperAdmin) && React__default.createElement("div", {
     className: "d-flex"
   }, React__default.createElement("input", {
     type: "file",
@@ -22530,7 +22416,7 @@ var UserList = function UserList(_ref) {
       key: i.id
     }, React__default.createElement(TableCell$1, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell$1, null, i.email), React__default.createElement(TableCell$1, null, i.fullName), React__default.createElement(TableCell$1, null, i.phoneNumber), React__default.createElement(TableCell$1, null, utcToLocalTime(i.createdAt, t("date_time_format"))), React__default.createElement(TableCell$1, null, (_i$classes = i.classes) === null || _i$classes === void 0 ? void 0 : _i$classes.join(", ")), React__default.createElement(TableCell$1, null, (_i$subject = i.subject) === null || _i$subject === void 0 ? void 0 : _i$subject.name), React__default.createElement(TableCell$1, null, !!i.roles && formatRole(i.roles, t)), React__default.createElement(TableCell$1, null, React__default.createElement("div", {
       className: "d-flex"
-    }, isAdmin ? React__default.createElement(IconButton, {
+    }, isAdmin || isSuperAdmin ? React__default.createElement(IconButton, {
       color: "default",
       className: styles$5["action-btn"] + " bg-warning text-white me-2",
       onClick: function onClick() {
@@ -22547,7 +22433,7 @@ var UserList = function UserList(_ref) {
       }
     }, React__default.createElement(FaEye$1, {
       size: 12
-    })), isAdmin && React__default.createElement(IconButton, {
+    })), (isAdmin || isSuperAdmin) && React__default.createElement(IconButton, {
       onClick: function onClick() {
         return openDeleteDialog(i);
       },
@@ -22577,14 +22463,14 @@ var UserList = function UserList(_ref) {
   }), React__default.createElement(UserDialog, {
     open: openUserDialog,
     data: userDetail,
-    disabled: !isAdmin,
+    disabled: !(isAdmin || isSuperAdmin),
     onClose: handleCloseUserDialog,
     onSubmitForm: handleCreateOrUpdateUser
   }), React__default.createElement(RecentUserActionDialog, {
     open: isOpenRecentUserActionDialog,
     onClose: handleCloseRecentUserActionDialog,
     recentUserActions: recentUserActions
-  }), isAdmin && React__default.createElement(DeleteUserCsvDialog, {
+  }), (isAdmin || isSuperAdmin) && React__default.createElement(DeleteUserCsvDialog, {
     open: isOpenDeleteUserCsv,
     file: deleteFile,
     onChangeFile: handleChangeDeleteFile,
@@ -23896,9 +23782,6 @@ var TextbookDefaultQuery = {
   sortColumnDirection: OrderType.ASC,
   sortColumnName: TextbookSortBy.Title
 };
-var TEXTBOOK_URL$1 = "/teacher/teacher-admin/textbooks";
-var ADMIN_TEXTBOOK_URL = "/textbooks";
-var SUPER_ADMIN_TEXTBOOK_URL = "/personal/textbooks";
 var DEFAULT_TEXTBOOK = {
   name: "",
   chapters: []
@@ -24066,7 +23949,9 @@ var useTextbookDetail = function useTextbookDetail(props) {
     isReadonlyParam = props.isReadonlyParam,
     navigate = props.navigate,
     id = props.id,
-    isSuperAdmin = props.isSuperAdmin;
+    isSuperAdmin = props.isSuperAdmin,
+    onNavigateDetail = props.onNavigateDetail,
+    onNavigateList = props.onNavigateList;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var dispatch = useDispatch();
@@ -24099,7 +23984,6 @@ var useTextbookDetail = function useTextbookDetail(props) {
   var _useState9 = useState([]),
     categoryList = _useState9[0],
     setCategoryList = _useState9[1];
-  var textbookUrl = isSuperAdmin ? SUPER_ADMIN_TEXTBOOK_URL : role === Role.Teacher ? TEXTBOOK_URL$1 : ADMIN_TEXTBOOK_URL;
   var isAdminSite = role === Role.Admin;
   var user = useSelector(function (state) {
     var _state$common;
@@ -24659,10 +24543,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
               subjectId: textbook.subject.id
             };
             return Promise.resolve(createTextbookApi(_body)).then(function (res) {
-              var textbookId = res.data.id;
-              navigate(textbookUrl + "/" + textbookId, {
-                replace: true
-              });
+              onNavigateDetail === null || onNavigateDetail === void 0 ? void 0 : onNavigateDetail(res.data, false, true);
             });
           }
         }();
@@ -24705,9 +24586,7 @@ var useTextbookDetail = function useTextbookDetail(props) {
     }
   };
   var handleGoToTextbookList = function handleGoToTextbookList() {
-    navigate(textbookUrl, {
-      replace: true
-    });
+    onNavigateList(true);
   };
   var textbookSubject = useMemo(function () {
     return textbook !== null && textbook !== void 0 && textbook.subject ? {
@@ -25055,12 +24934,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$d = ["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$d);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -25103,7 +24982,8 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
   var _textbook$chapters;
   var navigate = props.navigate,
     as = props.as,
-    className = props.className;
+    className = props.className,
+    onNavigateDetail = props.onNavigateDetail;
   var _useTextbookDetail = useTextbookDetail(props),
     id = _useTextbookDetail.id,
     t = _useTextbookDetail.t,
@@ -25152,7 +25032,7 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
     }),
     categoryOptions = _useCategorySelect.categoryOptions;
   var Wrapper = as || Container;
-  if (isNotFound) return React__default.createElement(NotFound, {
+  if (isNotFound || id && textbook.isPrepared) return React__default.createElement(NotFound, {
     history: navigate
   });
   return React__default.createElement(Wrapper, {
@@ -25232,7 +25112,7 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
     textbook: textbook,
     onBack: handleGoToTextbookList,
     onSave: handleCreateOrUpdateTextbook,
-    hideSave: !!id && isReadonly
+    hideSave: !!id && isReadonly || !onNavigateDetail
   }))), React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -25310,8 +25190,8 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
 
 var PAGE_TITLE$7 = "textbooks";
 var useTextbookList = function useTextbookList(props) {
-  var role = props.role,
-    navigate = props.navigate,
+  var onNavigateCreate = props.onNavigateCreate,
+    onNavigateDetail = props.onNavigateDetail,
     isSuperAdmin = props.isSuperAdmin;
   var _useList = useList(function (search) {
       return getTextbookListApi(search, isSuperAdmin);
@@ -25329,21 +25209,15 @@ var useTextbookList = function useTextbookList(props) {
     getData = _useList.getData;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var textbookUrl = isSuperAdmin ? SUPER_ADMIN_TEXTBOOK_URL : role === Role.Teacher ? TEXTBOOK_URL$1 : ADMIN_TEXTBOOK_URL;
   var dispatch = useDispatch();
-  var handleViewTextbook = function handleViewTextbook(id) {
-    console.log(textbookUrl + "/" + id);
-    navigate(textbookUrl + "/" + id + "?readonly=true", {
-      replace: true
-    });
+  var handleViewTextbook = function handleViewTextbook(data) {
+    onNavigateDetail(data, true, true);
   };
-  var handleUpdateTextbook = function handleUpdateTextbook(id) {
-    navigate(textbookUrl + "/" + id, {
-      replace: true
-    });
+  var handleUpdateTextbook = function handleUpdateTextbook(data) {
+    onNavigateDetail(data, false, true);
   };
   var handleCreateTextbook = function handleCreateTextbook() {
-    pushTo(navigate, textbookUrl + "/create");
+    onNavigateCreate === null || onNavigateCreate === void 0 ? void 0 : onNavigateCreate();
   };
   var toggleConfirmDialog = function toggleConfirmDialog() {
     handleChangeSelectedItem(undefined);
@@ -25572,7 +25446,7 @@ var useTextbookShare = function useTextbookShare(props) {
   var getData = props.getData,
     role = props.role,
     isSuperAdmin = props.isSuperAdmin;
-  var _useList = useList(role === Role.Teacher ? function (search) {
+  var _useList = useList(!isSuperAdmin ? function (search) {
       return getTeacherListApi$1(search);
     } : null, DefaultTeacherQuery),
     filterShare = _useList.filter,
@@ -25612,8 +25486,10 @@ var useTextbookShare = function useTextbookShare(props) {
     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 === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(Role.Admin);
+  var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(Role.Admin));
   var isAdminSite = role === Role.Admin;
+  var onAcademy = !!infoUser.academyDomain;
+  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
   useEffect(function () {
     if (!isUpdate) {
       filterTeacherNotShared(currentModel);
@@ -25622,6 +25498,8 @@ var useTextbookShare = function useTextbookShare(props) {
     }
   }, [teachers, isUpdate]);
   var handleOpenShareDialog = function handleOpenShareDialog(textbook) {
+    if (textSearchShareRef.current) textSearchShareRef.current.value = "";
+    getData();
     setIsUpdate(false);
     setOpenShareDialog(true);
     setCurrentModel(textbook);
@@ -25646,6 +25524,8 @@ var useTextbookShare = function useTextbookShare(props) {
     setSelectedShare([]);
   };
   var handleOpenUpdateShareDialog = function handleOpenUpdateShareDialog(textbook) {
+    if (textSearchShareRef.current) textSearchShareRef.current.value = "";
+    getData();
     setIsUpdate(true);
     setOpenShareDialog(true);
     setCurrentModel(textbook);
@@ -25700,8 +25580,11 @@ var useTextbookShare = function useTextbookShare(props) {
     });
     setShared(existsTeachers);
   };
-  var handleDisable = function handleDisable(textbook) {
-    return isAdmin && !isAdminSite || !isAdmin && (!textbook.isShared || textbook.createdBy.id != infoUser.id) || isSuperAdmin;
+  var enabledSave = function enabledSave(textbook) {
+    return 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 {
@@ -25779,13 +25662,16 @@ var useTextbookShare = function useTextbookShare(props) {
     isUpdate: isUpdate,
     handleUpdateSharedTextbook: handleUpdateSharedTextbook,
     currentModel: currentModel,
-    handleDisable: handleDisable,
+    enabledSave: enabledSave,
+    enabledShare: enabledShare,
     isAdmin: isAdmin,
     isAdminSite: isAdminSite
   };
 };
 
 var TextbookList = function TextbookList(props) {
+  var _props$createable = props.createable,
+    createable = _props$createable === void 0 ? true : _props$createable;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useTextbookList = useTextbookList(props),
@@ -25831,9 +25717,8 @@ var TextbookList = function TextbookList(props) {
     isUpdate = _useTextbookShare.isUpdate,
     handleUpdateSharedTextbook = _useTextbookShare.handleUpdateSharedTextbook,
     currentModel = _useTextbookShare.currentModel,
-    handleDisable = _useTextbookShare.handleDisable,
-    isAdmin = _useTextbookShare.isAdmin,
-    isAdminSite = _useTextbookShare.isAdminSite;
+    enabledSave = _useTextbookShare.enabledSave,
+    enabledShare = _useTextbookShare.enabledShare;
   return React__default.createElement(LayoutList, {
     title: t(TEXTBOOK_PAGE_TITLE)
   }, React__default.createElement(Grid, {
@@ -25855,14 +25740,14 @@ var TextbookList = function TextbookList(props) {
       justifyContent: "flex-end"
     },
     spacing: 2
-  }, (!isAdmin || isAdminSite) && React__default.createElement(Button, {
+  }, createable && React__default.createElement(Button, {
     startIcon: React__default.createElement(FaPlus, {
       size: 12
     }),
     variant: "contained",
     color: "primary",
     onClick: handleCreateTextbook,
-    className: (isAdmin && !isAdminSite ? "bg-secondary" : "bg-success") + " text-white"
+    className: "bg-success text-white"
   }, t("create_textbook")))), React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -25884,32 +25769,32 @@ var TextbookList = function TextbookList(props) {
       alignItems: "center"
     }, React__default.createElement(IconButton, {
       color: "default",
-      className: (handleDisable(i) ? "bg-secondary" : "bg-warning") + " text-white",
+      className: (!enabledSave(i) ? "bg-secondary" : "bg-warning") + " text-white",
       onClick: function onClick() {
-        return handleUpdateTextbook(i.id);
+        return handleUpdateTextbook(i);
       },
-      disabled: handleDisable(i)
+      disabled: !enabledSave(i)
     }, React__default.createElement(FaPencil, {
       size: 12
     })), React__default.createElement(IconButton, {
       color: "default",
       className: "bg-primary text-white",
       onClick: function onClick() {
-        return handleViewTextbook(i.id);
+        return handleViewTextbook(i);
       }
     }, React__default.createElement(FaEye$1, {
       size: 12
     })), React__default.createElement(IconButton, {
-      disabled: handleDisable(i) || isAdmin,
-      className: (handleDisable(i) || isAdmin ? "bg-secondary" : "bg-info") + " text-white me-1",
+      disabled: !enabledShare(i),
+      className: (!enabledShare(i) ? "bg-secondary" : "bg-info") + " text-white me-1",
       onClick: function onClick() {
         return handleOpenShareDialog(i);
       }
     }, React__default.createElement(FaShare, {
       size: 12
     })), React__default.createElement(IconButton, {
-      disabled: handleDisable(i) || isAdmin,
-      className: (handleDisable(i) || isAdmin ? "bg-secondary" : "bg-success") + " text-white me-1",
+      disabled: !enabledShare(i),
+      className: (!enabledShare(i) ? "bg-secondary" : "bg-success") + " text-white me-1",
       onClick: function onClick() {
         return handleOpenUpdateShareDialog(i);
       }
@@ -25917,11 +25802,11 @@ var TextbookList = function TextbookList(props) {
       size: 12
     })), React__default.createElement(IconButton, {
       color: "default",
-      className: (handleDisable(i) ? "bg-secondary" : "bg-danger") + " text-white mr-1",
+      className: (!enabledSave(i) ? "bg-secondary" : "bg-danger") + " text-white mr-1",
       onClick: function onClick() {
         return handleSelectDeleteTextbook(i);
       },
-      disabled: handleDisable(i)
+      disabled: !enabledSave(i)
     }, React__default.createElement(FaTrash, {
       size: 12
     })))));
@@ -26122,12 +26007,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$e = ["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$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -26519,11 +26404,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$f = ["value", "optionTypeNotification"];
+var _excluded$e = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27686,8 +27571,8 @@ var CourseSelector = function CourseSelector(_ref) {
   }));
 };
 
-var TEXTBOOK_URL$2 = BASE_URL + "/api/textbooks";
-var SUPER_ADMIN_TEXTBOOK_URL$1 = SUPER_ADMIN_BASE_URL + "/api/textbook";
+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";
@@ -27696,7 +27581,7 @@ var uploadImageFileApi = function uploadImageFileApi(formData, isAdmin) {
   return apiUpload.post("" + (isAdmin ? SUPER_FILE_URL : FILE_URL), formData);
 };
 var getTextbookDetailApi = function getTextbookDetailApi(id, isAdmin) {
-  return api.get((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : TEXTBOOK_URL$2) + "/" + id);
+  return api.get((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/" + id);
 };
 var getTextbookListApi$1 = function getTextbookListApi(query, isAdmin) {
   return api.get("" + (isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL), {
@@ -27710,14 +27595,14 @@ 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$1 : TEXTBOOK_URL$2) + "/academy-teacher-owner", {
+  return api.get((isAdmin ? SUPER_ADMIN_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/academy-teacher-owner", {
     params: {
       email: email
     }
   });
 };
 var deleteTextbookApi$1 = function deleteTextbookApi(textbookId, isAdmin) {
-  return api["delete"]((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : TEXTBOOK_URL$2) + "/" + textbookId);
+  return api["delete"]((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/" + textbookId);
 };
 
 var useSelect = function useSelect(_ref) {
@@ -27966,8 +27851,8 @@ var TextbookOwners = function TextbookOwners(_ref) {
 };
 
 var useTextbookManagement = function useTextbookManagement(_ref) {
-  var navigate = _ref.navigate,
-    textbookId = _ref.textbookId;
+  var textbookId = _ref.textbookId,
+    onNavigateList = _ref.onNavigateList;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -27986,7 +27871,6 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
     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 isTeacher = ((user === null || user === void 0 ? void 0 : user.roles) || []).includes(Role.Teacher);
   var handleOpenDialog = function handleOpenDialog(item) {
     if (item) {
       setSelectedTextbook(item);
@@ -28049,7 +27933,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
         }), isSuperAdmin)).then(function (res) {
           if (res !== null && res !== void 0 && res.data) {
             toast.success(t(!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id) ? "create_the_textbook_successfully" : "update_the_textbook_successfully"));
-            pushTo(navigate, !isTeacher ? isSuperAdmin ? "/super-textbook-management" : "/textbook-management" : "/teacher/prepared-exam");
+            onNavigateList();
           }
         });
       }, function (error) {
@@ -28099,7 +27983,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var _excluded$g = ["value"],
+var _excluded$f = ["value"],
   _excluded2$2 = ["onChange"],
   _excluded3$2 = ["onChange"];
 var VisuallyHiddenInput = styled("input")({
@@ -28152,7 +28036,8 @@ var schema$4 = function schema(t) {
 };
 var PreparedTextbook = function PreparedTextbook(_ref) {
   var _selectedTextbook$sub, _selectedTextbook$cha;
-  var navigate = _ref.navigate,
+  var onNavigateList = _ref.onNavigateList,
+    navigate = _ref.navigate,
     textbookId = _ref.textbookId;
   var _useTextbookState = useTextbookState(),
     isAdmin = _useTextbookState.isAdmin,
@@ -28162,7 +28047,7 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
     handleSetChapterSection = _useTextbookState.handleSetChapterSection,
     handleSetSubChapterSection = _useTextbookState.handleSetSubChapterSection;
   var _useTextbookManagemen = useTextbookManagement({
-      navigate: navigate,
+      onNavigateList: onNavigateList,
       textbookId: textbookId
     }),
     t = _useTextbookManagemen.t,
@@ -28171,6 +28056,9 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
     selectedTextbook = _useTextbookManagemen.selectedTextbook,
     handleSubmit = _useTextbookManagemen.handleSubmit,
     handleUploadImage = _useTextbookManagemen.handleUploadImage;
+  if (textbookId && selectedTextbook && !selectedTextbook.isPrepared) return React__default.createElement(NotFound, {
+    history: navigate
+  });
   return React__default.createElement(Formik, {
     initialValues: {
       name: (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.name) || "",
@@ -28360,7 +28248,7 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
       render: function render(_ref4) {
         var _ref4$field = _ref4.field,
           value = _ref4$field.value,
-          action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$g);
+          action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$f);
         return React__default.createElement(LocalizationProvider$1, {
           dateAdapter: AdapterMoment
         }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -28838,15 +28726,14 @@ var DeleteTextbookDialog = function DeleteTextbookDialog(_ref) {
 };
 
 var PreparedTextbookList = function PreparedTextbookList(_ref) {
-  var navigate = _ref.navigate;
+  var onNavigateDetail = _ref.onNavigateDetail,
+    onNavigteCreate = _ref.onNavigteCreate;
   var _useTextbookList = useTextbookList$1(),
     t = _useTextbookList.t,
     theme = _useTextbookList.theme,
     filter = _useTextbookList.filter,
     paging = _useTextbookList.paging,
-    isTeacher = _useTextbookList.isTeacher,
     textbooks = _useTextbookList.textbooks,
-    isSuperAdmin = _useTextbookList.isSuperAdmin,
     handleChangePage = _useTextbookList.handleChangePage,
     handleSort = _useTextbookList.handleSort,
     openConfirmDialog = _useTextbookList.openConfirmDialog,
@@ -28867,9 +28754,7 @@ var PreparedTextbookList = function PreparedTextbookList(_ref) {
     sx: {
       width: "fit-content"
     },
-    onClick: function onClick() {
-      return pushTo(navigate, !isTeacher ? isSuperAdmin ? "/super-textbook-management/create" : "/textbook-management/create" : "/teacher/textbook-management/create");
-    }
+    onClick: onNavigteCreate
   }, t("create"))), React__default.createElement(Stack, null, React__default.createElement(Grid, {
     item: true,
     xs: 12
@@ -28916,7 +28801,7 @@ var PreparedTextbookList = function PreparedTextbookList(_ref) {
       color: "default",
       className: styles$9["action-btn"] + " bg-warning text-white me-2",
       onClick: function onClick() {
-        return pushTo(navigate, !isTeacher ? isSuperAdmin ? "/super-textbook-management/" + i.id + "/detail" : "/textbook-management/" + i.id + "/detail" : "/teacher/textbook-management/" + i.id + "/detail");
+        return onNavigateDetail(i);
       }
     }, React__default.createElement(HiOutlinePencilAlt, {
       className: styles$9["action-btn--pencil"],
@@ -29080,7 +28965,7 @@ var DefaultFilter = {
 };
 
 var PREPARED_TEXTBOOK_URL$1 = BASE_URL + "/api/textbooks/prepared-textbooks";
-var TEXTBOOK_URL$3 = BASE_URL + "/api/textbooks";
+var TEXTBOOK_URL$2 = BASE_URL + "/api/textbooks";
 var TEXTBOOK_SESSION_URL$1 = BASE_URL + "/api/textbooksession";
 var getTextbookListApi$2 = function getTextbookListApi(query) {
   return api.get("" + PREPARED_TEXTBOOK_URL$1, {
@@ -29094,7 +28979,7 @@ var startPageApi = function startPageApi(value) {
   return api.post(TEXTBOOK_SESSION_URL$1 + "/study-textbook", _extends({}, value));
 };
 var deleteTextbookApi$2 = function deleteTextbookApi(textbookId) {
-  return api["delete"](TEXTBOOK_URL$3 + "/" + textbookId);
+  return api["delete"](TEXTBOOK_URL$2 + "/" + textbookId);
 };
 
 var ADMIN_SUBJECT_URL$2 = SUPER_ADMIN_BASE_URL + "/api/subject";
@@ -29164,17 +29049,29 @@ var usePreparedExam = function usePreparedExam(_ref) {
     var _state$common3, _state$common3$user;
     return state === null || state === void 0 ? void 0 : (_state$common3 = state.common) === null || _state$common3 === void 0 ? void 0 : (_state$common3$user = _state$common3.user) === null || _state$common3$user === void 0 ? void 0 : _state$common3$user.academyDomain;
   });
-  var isTeacher = useSelector(function (state) {
+  var isStudent = useSelector(function (state) {
     var _state$common4, _state$common4$user;
     return (state === null || state === void 0 ? void 0 : (_state$common4 = state.common) === null || _state$common4 === void 0 ? void 0 : (_state$common4$user = _state$common4.user) === null || _state$common4$user === void 0 ? void 0 : _state$common4$user.roles) || [];
+  }).includes(Role.Student);
+  var isTeacher = useSelector(function (state) {
+    var _state$common5, _state$common5$user;
+    return (state === null || state === void 0 ? void 0 : (_state$common5 = state.common) === null || _state$common5 === void 0 ? void 0 : (_state$common5$user = _state$common5.user) === null || _state$common5$user === void 0 ? void 0 : _state$common5$user.roles) || [];
   }).includes(Role.Teacher);
   var _useState5 = useState(false),
     openConfirmDialog = _useState5[0],
     setOpenConfirmDialog = _useState5[1];
-  var isSuperAdmin = useSelector(function (state) {
-    var _state$common5, _state$common5$user;
-    return (state === null || state === void 0 ? void 0 : (_state$common5 = state.common) === null || _state$common5 === void 0 ? void 0 : (_state$common5$user = _state$common5.user) === null || _state$common5$user === void 0 ? void 0 : _state$common5$user.roles) || [];
+  var isSuperAdminDomain = useSelector(function (state) {
+    var _state$common6, _state$common6$user;
+    return (state === null || state === void 0 ? void 0 : (_state$common6 = state.common) === null || _state$common6 === void 0 ? void 0 : (_state$common6$user = _state$common6.user) === null || _state$common6$user === void 0 ? void 0 : _state$common6$user.roles) || [];
   }).includes(Role.Admin) && !isDomain;
+  var isAdmin = useSelector(function (state) {
+    var _state$common7, _state$common7$user;
+    return (state === null || state === void 0 ? void 0 : (_state$common7 = state.common) === null || _state$common7 === void 0 ? void 0 : (_state$common7$user = _state$common7.user) === null || _state$common7$user === void 0 ? void 0 : _state$common7$user.roles) || [];
+  }).includes(Role.Admin);
+  var isSuperAdmin = useSelector(function (state) {
+    var _state$common8, _state$common8$user;
+    return state === null || state === void 0 ? void 0 : (_state$common8 = state.common) === null || _state$common8 === void 0 ? void 0 : (_state$common8$user = _state$common8.user) === null || _state$common8$user === void 0 ? void 0 : _state$common8$user.isSuperAdmin;
+  });
   var handleCloseConfirmDialog = function handleCloseConfirmDialog() {
     setOpenConfirmDialog(false);
   };
@@ -29188,7 +29085,7 @@ var usePreparedExam = function usePreparedExam(_ref) {
       };
       setLoading(true);
       var _temp = _catch(function () {
-        return Promise.resolve(isSuperAdmin ? getSubjectListAdminApi$2("") : getSubjectListApi$2("")).then(function (res) {
+        return Promise.resolve(isSuperAdminDomain ? getSubjectListAdminApi$2("") : getSubjectListApi$2("")).then(function (res) {
           var _res$data$items = res.data.items,
             items = _res$data$items === void 0 ? [] : _res$data$items;
           setSubjects(items);
@@ -29200,7 +29097,7 @@ var usePreparedExam = function usePreparedExam(_ref) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [isSuperAdmin]);
+  }, [isSuperAdminDomain]);
   var subjectOptions = subjects.map(function (subject) {
     return {
       label: "" + subject.name,
@@ -29341,7 +29238,10 @@ var usePreparedExam = function usePreparedExam(_ref) {
     isKor: isKor,
     paging: paging,
     user: user,
+    isAdmin: isAdmin,
     isTeacher: isTeacher,
+    isStudent: isStudent,
+    isSuperAdmin: isSuperAdmin,
     monthOptions: monthOptions,
     openConfirmDialog: openConfirmDialog,
     handleOpenConfirmDialog: handleOpenConfirmDialog,
@@ -29517,7 +29417,7 @@ var useTextbookDrawer = function useTextbookDrawer(_ref) {
   };
   var handleRedirectEdit = function handleRedirectEdit() {
     if (!textbookId) return;
-    pushTo(navigate, "/teacher/textbook-management/" + textbookId + "/detail");
+    pushTo(navigate, "/teacher/prepared-exam/" + textbookId + "/detail");
   };
   var handleStartFromPage = function handleStartFromPage(values) {
     try {
@@ -29833,7 +29733,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$h = ["onChange"];
+var _excluded$g = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -29894,7 +29794,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$h);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$g);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -30067,7 +29967,7 @@ var Statistic = function Statistic(_ref) {
     fontSize: "12px",
     fontWeight: 500,
     color: styles.darker
-  }, (chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100 + "%")), React__default.createElement(Stack, {
+  }, ((chapter.completedChapterQuestions || 0) / (chapter.totalChapterQuestions || 0) * 100).toFixed(2) + "%")), React__default.createElement(Stack, {
     sx: {
       width: "1px",
       position: "absolute",
@@ -30270,7 +30170,7 @@ var TextbookDrawer = function TextbookDrawer(_ref) {
     fontSize: "12px",
     fontWeight: 500,
     color: (textbook === null || textbook === void 0 ? void 0 : textbook.progress) === 0 ? theme.palette.common.black : theme.palette.common.white
-  }, ((textbook === null || textbook === void 0 ? void 0 : textbook.progress) || 0) + "%")))), !!(textbook !== null && textbook !== void 0 && textbook.chapters.length) && React__default.createElement(Stack, null, React__default.createElement(Box, {
+  }, ((textbook === null || textbook === void 0 ? void 0 : textbook.progress) || 0).toFixed(2) + "%")))), !!(textbook !== null && textbook !== void 0 && textbook.chapters.length) && React__default.createElement(Stack, null, React__default.createElement(Box, {
     mt: "24px",
     mx: "24px",
     bgcolor: theme.palette.common.white,
@@ -30579,8 +30479,10 @@ var TextbookDetail = function TextbookDetail(_ref) {
 };
 
 var TextbookInfoDrawer = function TextbookInfoDrawer(_ref) {
-  var _TeacherTabList$find;
-  var isOpen = _ref.isOpen,
+  var _textbook$createdBy, _TeacherTabList$find;
+  var user = _ref.user,
+    isSuperAdmin = _ref.isSuperAdmin,
+    isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     textbookId = _ref.textbookId,
     navigate = _ref.navigate,
@@ -30621,7 +30523,9 @@ var TextbookInfoDrawer = function TextbookInfoDrawer(_ref) {
   }, React__default.createElement(IoClose, {
     color: styles.gray_700,
     size: 32
-  })), React__default.createElement(Stack, {
+  })), (isSuperAdmin || (textbook === null || textbook === void 0 ? void 0 : textbook.isShared) && ((textbook === null || textbook === void 0 ? void 0 : (_textbook$createdBy = textbook.createdBy) === null || _textbook$createdBy === void 0 ? void 0 : _textbook$createdBy.id) === (user === null || user === void 0 ? void 0 : user.id) || textbook.textbookOwners.some(function (i) {
+    return i.id === (user === null || user === void 0 ? void 0 : user.id);
+  }))) && React__default.createElement(Stack, {
     flexDirection: "row",
     gap: "16px",
     alignItems: "center"
@@ -30690,10 +30594,13 @@ var TextbookInfoDrawer = function TextbookInfoDrawer(_ref) {
 };
 
 var Textbook = function Textbook(_ref) {
+  var _textbook$createdBy, _textbook$createdBy2;
   var t = _ref.t,
+    user = _ref.user,
     theme = _ref.theme,
     textbook = _ref.textbook,
-    isTeacher = _ref.isTeacher,
+    isStudent = _ref.isStudent,
+    isSuperAdmin = _ref.isSuperAdmin,
     navigate = _ref.navigate,
     preparedType = _ref.preparedType,
     preparedFilterType = _ref.preparedFilterType,
@@ -30772,7 +30679,7 @@ var Textbook = function Textbook(_ref) {
   }, React__default.createElement(Stack, {
     flexDirection: "row",
     gap: "10px"
-  }, !isTeacher && React__default.createElement(Button, {
+  }, isStudent && React__default.createElement(Button, {
     variant: "contained",
     sx: {
       width: "fit-content",
@@ -30785,7 +30692,9 @@ var Textbook = function Textbook(_ref) {
     onClick: handleOpenDialog
   }, React__default.createElement(FaBookOpen, {
     size: "20px"
-  }), t("test_start")), isTeacher && React__default.createElement(Button, {
+  }), t("test_start")), (isSuperAdmin || textbook.isShared && ((textbook === null || textbook === void 0 ? void 0 : (_textbook$createdBy = textbook.createdBy) === null || _textbook$createdBy === void 0 ? void 0 : _textbook$createdBy.id) === (user === null || user === void 0 ? void 0 : user.id) || textbook.textbookOwners.some(function (i) {
+    return i.id === (user === null || user === void 0 ? void 0 : user.id);
+  }))) && React__default.createElement(Button, {
     variant: "outlined",
     sx: {
       width: "fit-content",
@@ -30796,11 +30705,11 @@ var Textbook = function Textbook(_ref) {
       maxHeight: "41px"
     },
     onClick: function onClick() {
-      return pushTo(navigate, "/teacher/textbook-management/" + (textbook === null || textbook === void 0 ? void 0 : textbook.id) + "/detail");
+      return pushTo(navigate, "/teacher/prepared-exam/" + (textbook === null || textbook === void 0 ? void 0 : textbook.id) + "/detail");
     }
   }, React__default.createElement(FaBookOpen, {
     size: "20px"
-  }), t("test_editing")), isTeacher && React__default.createElement(Button, {
+  }), t("test_editing")), !isStudent && React__default.createElement(Button, {
     variant: "contained",
     sx: {
       width: "fit-content",
@@ -30815,7 +30724,9 @@ var Textbook = function Textbook(_ref) {
     }
   }, React__default.createElement(IoInformationCircle, {
     size: "20px"
-  }), t("exam_information"))), isTeacher && React__default.createElement(Button, {
+  }), t("exam_information"))), (isSuperAdmin || (textbook === null || textbook === void 0 ? void 0 : textbook.isShared) && ((textbook === null || textbook === void 0 ? void 0 : (_textbook$createdBy2 = textbook.createdBy) === null || _textbook$createdBy2 === void 0 ? void 0 : _textbook$createdBy2.id) === (user === null || user === void 0 ? void 0 : user.id) || textbook.textbookOwners.some(function (i) {
+    return i.id === (user === null || user === void 0 ? void 0 : user.id);
+  }))) && React__default.createElement(Button, {
     variant: "contained",
     sx: {
       width: "fit-content",
@@ -30837,6 +30748,8 @@ var Textbook = function Textbook(_ref) {
     textbookId: textbook.id,
     navigate: navigate
   }), openDetailDialog && React__default.createElement(TextbookInfoDrawer, {
+    user: user,
+    isSuperAdmin: isSuperAdmin,
     isOpen: openDetailDialog,
     onClose: handleCloseDetailDialog,
     textbookId: textbook.id,
@@ -30867,9 +30780,12 @@ var PreparedItem = function PreparedItem(_ref) {
       history: history
     }),
     t = _usePreparedExam.t,
+    user = _usePreparedExam.user,
     theme = _usePreparedExam.theme,
     paging = _usePreparedExam.paging,
-    isTeacher = _usePreparedExam.isTeacher,
+    isAdmin = _usePreparedExam.isAdmin,
+    isStudent = _usePreparedExam.isStudent,
+    isSuperAdmin = _usePreparedExam.isSuperAdmin,
     handleChangePage = _usePreparedExam.handleChangePage,
     textbookList = _usePreparedExam.textbookList,
     getTextbookList = _usePreparedExam.getTextbookList,
@@ -31026,7 +30942,7 @@ var PreparedItem = function PreparedItem(_ref) {
       },
       onClick: handleToggleExpand,
       startIcon: React__default.createElement(IoIosArrowDown, null)
-    }, t("fold"))), isTeacher && React__default.createElement(Stack, null, React__default.createElement(Button, {
+    }, t("fold"))), !isStudent && !isAdmin && React__default.createElement(Stack, null, React__default.createElement(Button, {
       variant: "contained",
       sx: {
         width: "fit-content",
@@ -31037,7 +30953,7 @@ var PreparedItem = function PreparedItem(_ref) {
         marginRight: "27px"
       },
       onClick: function onClick() {
-        return pushTo(navigate, "/teacher/textbook-management/create");
+        return pushTo(navigate, "/teacher/prepared-exam/create");
       }
     }, React__default.createElement(IoAddCircle, null), t("create_a_new_workbook"))))), React__default.createElement(AccordionDetails, {
       sx: {
@@ -31380,9 +31296,11 @@ var PreparedItem = function PreparedItem(_ref) {
   }, textbookList === null || textbookList === void 0 ? void 0 : textbookList.map(function (textbook) {
     return React__default.createElement(Textbook, {
       t: t,
+      user: user,
       theme: theme,
       textbook: textbook,
-      isTeacher: isTeacher,
+      isSuperAdmin: isSuperAdmin,
+      isStudent: isStudent,
       navigate: navigate,
       getTextbookList: getTextbookList,
       preparedType: preparedType,
@@ -31431,6 +31349,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   var isAdmin = role === Role.Admin;
   var isSuperAdmin = user && (!user.academyDomain && !user.isLearningSpace && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin)) || user.isSuperAdmin);
   var isStudentSite = role === Role.Student;
+  var isTeacherSite = role === Role.Teacher;
   var isLearningSpace = user === null || user === void 0 ? void 0 : user.isLearningSpace;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -31524,7 +31443,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   }, React__default.createElement(GoArrowSwitch, {
     size: 14,
     color: styles.gray_900
-  })))))), (isSuperAdmin || !isAdmin) && React__default.createElement(Popover, {
+  })))))), (isSuperAdmin || !isAdmin || isTeacherSite) && React__default.createElement(Popover, {
     open: !!open,
     anchorEl: open,
     onClose: handleClose,