touchstudy-core 0.1.159 → 0.1.161

package/dist/index.js

@@ -16,32 +16,28 @@ var moment = _interopDefault(require('moment'));
 var fa = require('react-icons/fa');
 var io = require('react-icons/io');
 var io5 = require('react-icons/io5');
-var MButton = _interopDefault(require('@mui/material/Button'));
-var DialogTitle = _interopDefault(require('@mui/material/DialogTitle'));
-var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
-var DialogActions = _interopDefault(require('@mui/material/DialogActions'));
-var IconButton = _interopDefault(require('@mui/material/IconButton'));
-var Typography = _interopDefault(require('@mui/material/Typography'));
-var formik = require('formik');
+var reactRedux = require('react-redux');
 var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
-var reactRedux = require('react-redux');
 var axios = _interopDefault(require('axios'));
 var _$8 = _interopDefault(require('lodash'));
 var reactGoogleLogin = require('@leecheuk/react-google-login');
 require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
 var reactVirtualized = require('react-virtualized');
-var styles$d = require('@mui/material/styles');
+var formik = require('formik');
+var styles$c = require('@mui/material/styles');
 var tinymce = _interopDefault(require('tinymce'));
 require('@wiris/mathtype-tinymce6');
 var tinymceReact = require('@tinymce/tinymce-react');
 var Grid = _interopDefault(require('@mui/material/Grid'));
+var Typography = _interopDefault(require('@mui/material/Typography'));
 var Card = _interopDefault(require('@mui/material/Card'));
 var CardActions = _interopDefault(require('@mui/material/CardActions'));
 var CardContent = _interopDefault(require('@mui/material/CardContent'));
 var CardMedia = _interopDefault(require('@mui/material/CardMedia'));
+var MButton = _interopDefault(require('@mui/material/Button'));
 var yup = require('yup');
 var colors = require('@mui/material/colors');
 var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
@@ -56,6 +52,10 @@ var Box = _interopDefault(require('@mui/material/Box'));
 var LocalizationProvider = require('@mui/x-date-pickers/LocalizationProvider');
 var DatePicker = require('@mui/x-date-pickers/DatePicker');
 var fa6 = require('react-icons/fa6');
+var DialogTitle = _interopDefault(require('@mui/material/DialogTitle'));
+var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
+var DialogActions = _interopDefault(require('@mui/material/DialogActions'));
+var IconButton = _interopDefault(require('@mui/material/IconButton'));
 var html2pdf = _interopDefault(require('html2pdf.js'));
 var Slider = _interopDefault(require('react-slick'));
 var gr = require('react-icons/gr');
@@ -387,7 +387,7 @@ var do_you_want_to_complete_the_exam = "시험을 완료처리 하시겠습니
 var do_you_want_to_cancel_the_exam = "시험을 취소하시겠습니까? (학생의 결과는 모두 삭제됩니다)";
 var are_you_sure_you_want_to_delete_the_exam = "시험을 삭제하시겠습니까?";
 var are_you_sure_you_want_to_cancel_the_exam = "시험을 취소하시겠습니까?";
-var are_you_sure_you_want_to_delete_the_textbook = "교과서를 삭제하시겠습니까?";
+var are_you_sure_you_want_to_delete_the_textbook = "교과서를 삭제하시겠습니까? (모든 학생 교과서 결과가 삭제됩니다)";
 var are_you_sure_you_want_to_delete_the_user = "사용자 {{user}}을(를) 삭제하시겠습니까?";
 var are_you_sure_you_want_to_delete_the_article = "정말로 기사를 삭제하시겠습니까: {{article}}?";
 var yes = "예";
@@ -1483,6 +1483,7 @@ var compare_type = "비교 유형";
 var textbook_name = "교재 이름";
 var korean_language = "국어";
 var answer_cannot_be_empty = "답변은 비워둘 수 없습니다";
+var are_you_sure_to_create_student_parent_note = "학생/학부모에게 노트를 생성하시겠습니까?";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2603,7 +2604,8 @@ var lang_ko = {
 	compare_type: compare_type,
 	textbook_name: textbook_name,
 	korean_language: korean_language,
-	answer_cannot_be_empty: answer_cannot_be_empty
+	answer_cannot_be_empty: answer_cannot_be_empty,
+	are_you_sure_to_create_student_parent_note: are_you_sure_to_create_student_parent_note
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2649,7 +2651,7 @@ var do_you_want_to_complete_the_exam$1 = "Do you want to complete the exam?";
 var do_you_want_to_cancel_the_exam$1 = "Do you want to cancel the exam? (All student results will be deleted)";
 var are_you_sure_you_want_to_delete_the_exam$1 = "Are you sure you want to delete the exam?";
 var are_you_sure_you_want_to_cancel_the_exam$1 = "Are you sure you want to cancel the exam?";
-var are_you_sure_you_want_to_delete_the_textbook$1 = "Are you sure you want to delete the textbook?";
+var are_you_sure_you_want_to_delete_the_textbook$1 = "Are you sure you want to delete the textbook? (All student textbook results will be deleted)";
 var are_you_sure_you_want_to_delete_the_user$1 = "Are you sure you want to delete the user: {{user}}?";
 var are_you_sure_you_want_to_delete_the_article$1 = "Are you sure you want to delete the article: {{article}}?";
 var yes$1 = "Yes";
@@ -3747,6 +3749,7 @@ var compare_type$1 = "Compare Type";
 var textbook_name$1 = "Textbook name";
 var korean_language$1 = "Korean";
 var answer_cannot_be_empty$1 = "Answer cannot be empty";
+var are_you_sure_to_create_student_parent_note$1 = "Are you sure you want to create a note for the student/parent?";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4869,7 +4872,8 @@ var lang_en = {
 	compare_type: compare_type$1,
 	textbook_name: textbook_name$1,
 	korean_language: korean_language$1,
-	answer_cannot_be_empty: answer_cannot_be_empty$1
+	answer_cannot_be_empty: answer_cannot_be_empty$1,
+	are_you_sure_to_create_student_parent_note: are_you_sure_to_create_student_parent_note$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -5481,7 +5485,7 @@ var CommonDialog = function CommonDialog(_ref) {
     },
     PaperProps: {
       sx: {
-        overflowY: "auto",
+        overflowY: "unset",
         minWidth: minWidth
       }
     }
@@ -5686,43 +5690,163 @@ var ConfirmDeleteDialog = function ConfirmDeleteDialog(props) {
   return React__default.createElement(ConfirmDialog, Object.assign({}, ConfirmDeleteDialogDefaultProps, props));
 };
 
-var iconCloseDialog = function iconCloseDialog(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "24" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "25" : _ref$height,
-    color = _ref.color;
-  return React__default.createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 24 25",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React__default.createElement("path", {
-    d: "M13.5909 12.5L18.0441 8.04687C18.2554 7.8359 18.3743 7.54962 18.3745 7.25099C18.3748 6.95237 18.2564 6.66587 18.0455 6.45453C17.8345 6.24319 17.5482 6.12431 17.2496 6.12404C16.951 6.12378 16.6645 6.24215 16.4531 6.45312L12 10.9062L7.54687 6.45312C7.33553 6.24178 7.04888 6.12305 6.75 6.12305C6.45111 6.12305 6.16447 6.24178 5.95312 6.45312C5.74178 6.66447 5.62305 6.95111 5.62305 7.25C5.62305 7.54888 5.74178 7.83553 5.95312 8.04687L10.4062 12.5L5.95312 16.9531C5.74178 17.1645 5.62305 17.4511 5.62305 17.75C5.62305 18.0489 5.74178 18.3355 5.95312 18.5469C6.16447 18.7582 6.45111 18.8769 6.75 18.8769C7.04888 18.8769 7.33553 18.7582 7.54687 18.5469L12 14.0937L16.4531 18.5469C16.6645 18.7582 16.9511 18.8769 17.25 18.8769C17.5489 18.8769 17.8355 18.7582 18.0469 18.5469C18.2582 18.3355 18.3769 18.0489 18.3769 17.75C18.3769 17.4511 18.2582 17.1645 18.0469 16.9531L13.5909 12.5Z",
-    fill: "#202B37"
-  }));
+var _templateObject;
+var BorderedTextField = material.styled(material.TextField)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    & .MuiOutlinedInput-root {\n        &.Mui-focused fieldset {\n            border-width: 1px;\n            border-color: ", ";\n        }\n    }\n    & .MuiOutlinedInput-root:hover {\n      fieldset {\n          border-width: 1px;\n          border-color: ", ";\n      }\n    }\n"])), styles.dark, styles.less_dark);
+var InputText = function InputText(props) {
+  return React__default.createElement(BorderedTextField, Object.assign({
+    sx: {
+      "& input": {
+        py: "7.5px",
+        px: "12px"
+      },
+      "& > div": {
+        borderColor: "#97A1AF",
+        borderRadius: "4px"
+      }
+    }
+  }, props));
 };
 
-var iconWarning = function iconWarning(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "17" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "16" : _ref$height,
-    color = _ref.color;
-  return React__default.createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 17 16",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React__default.createElement("path", {
-    d: "M14.5335 12.4712L9.20754 2.58062C8.83004 1.87937 7.82441 1.87937 7.4466 2.58062L2.12097 12.4712C2.03901 12.6235 1.99792 12.7944 2.00171 12.9672C2.00549 13.1401 2.05404 13.309 2.14259 13.4575C2.23115 13.606 2.3567 13.729 2.50698 13.8145C2.65726 13.9 2.82714 13.9451 3.00004 13.9453H13.6529C13.8259 13.9453 13.996 13.9005 14.1465 13.8151C14.2969 13.7297 14.4227 13.6067 14.5115 13.4582C14.6002 13.3096 14.6489 13.1406 14.6527 12.9676C14.6566 12.7946 14.6155 12.6236 14.5335 12.4712ZM8.32722 12.4141C8.20361 12.4141 8.08277 12.3774 7.97999 12.3087C7.87721 12.2401 7.7971 12.1424 7.7498 12.0282C7.7025 11.914 7.69012 11.7884 7.71423 11.6671C7.73835 11.5459 7.79787 11.4345 7.88528 11.3471C7.97269 11.2597 8.08405 11.2002 8.20529 11.1761C8.32653 11.152 8.4522 11.1643 8.5664 11.2116C8.6806 11.2589 8.77822 11.3391 8.84689 11.4418C8.91557 11.5446 8.95222 11.6654 8.95222 11.7891C8.95222 11.8711 8.93606 11.9524 8.90465 12.0282C8.87324 12.1041 8.8272 12.173 8.76917 12.231C8.71113 12.289 8.64223 12.3351 8.5664 12.3665C8.49057 12.3979 8.4093 12.4141 8.32722 12.4141ZM9.00597 6.12813L8.8266 9.94063C8.8266 10.0732 8.77392 10.2004 8.68015 10.2942C8.58638 10.3879 8.45921 10.4406 8.3266 10.4406C8.19399 10.4406 8.06681 10.3879 7.97305 10.2942C7.87928 10.2004 7.8266 10.0732 7.8266 9.94063L7.64722 6.12969C7.64319 6.03862 7.65754 5.94768 7.6894 5.86227C7.72127 5.77687 7.77 5.69875 7.8327 5.63259C7.8954 5.56642 7.97078 5.51355 8.05434 5.47713C8.13791 5.44072 8.22795 5.4215 8.3191 5.42063H8.32566C8.41743 5.42058 8.50826 5.43912 8.59267 5.47515C8.67708 5.51117 8.75331 5.56392 8.81677 5.63021C8.88023 5.6965 8.92961 5.77497 8.96191 5.86087C8.99421 5.94676 9.00878 6.03832 9.00472 6.13L9.00597 6.12813Z",
-    fill: "#DB4D4D"
-  }));
+var PassCodeDialog = function PassCodeDialog(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    onSubmit = _ref.onSubmit,
+    academyDomain = _ref.academyDomain;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(""),
+    passCode = _useState[0],
+    setPassCode = _useState[1];
+  var handleClose = function handleClose(event, reason) {
+    onClose(event, reason);
+  };
+  var handleSubmit = function handleSubmit() {
+    try {
+      var data = {
+        code: passCode,
+        academyDomain: academyDomain
+      };
+      return Promise.resolve(onSubmit(data, handleClose)).then(function () {});
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleChangePassCode = function handleChangePassCode(e) {
+    setPassCode(e.target.value);
+  };
+  var theme = material.useTheme();
+  return React__default.createElement(CommonDialog, {
+    open: open,
+    onClose: handleClose,
+    size: "xs",
+    title: t("join_an_academy")
+  }, React__default.createElement(material.DialogContent, {
+    sx: {
+      overflowY: "unset"
+    }
+  }, React__default.createElement(material.Stack, {
+    direction: "column",
+    spacing: 2,
+    zIndex: 1,
+    position: "relative"
+  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
+    className: "fw-medium mb-1"
+  }, t("pass_code"), React__default.createElement("span", {
+    className: "text-danger"
+  }, "*")), React__default.createElement(InputText, {
+    id: "pass-code",
+    placeholder: t("enter_pass_code"),
+    value: passCode,
+    onChange: handleChangePassCode
+  })))), React__default.createElement(material.DialogActions, {
+    className: ""
+  }, React__default.createElement(material.Button, {
+    variant: "contained",
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    },
+    onClick: handleClose
+  }, t("cancel")), React__default.createElement(material.Button, {
+    variant: "contained",
+    onClick: handleSubmit,
+    disabled: !passCode.trim().length
+  }, t("confirmation"))));
 };
 
-var styles$1 = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","titleBox":"_2mYOt","title":"_1H9qR","point":"_2rTfh","buttonGroup":"_W5dic","btnFeedback":"_FmMYN","btnTerminate":"_3kv6J","myanswer":"_1jZV7","titleMyAnswer1":"_1aYD1","titleMyAnswer2":"_2Oc4x","contentMyAnswer":"__LRYW","myAnswerItem":"_1U-Kx","time":"_2PXiz","timeCol":"_1zcfJ","answer-response":"_18ZNf","answer-response-0":"_3nbRi","answer-response-1":"_3NEHk","answer-response-2":"_Et0ih","answer-response-3":"_5Vc3v","answer-response-4":"_2SMBR","overall-response-1":"_1ImE5","overall-response-2":"_1oVKC","overall-response-3":"_2wXCw","answerCorrect":"_gE8qM","answerIncorrect":"_3kRqE","answerNograss":"_22Pi3","answerEasy":"_1C7aw","answerDiscrimination":"__YGYX","answerTrap":"_3AkGb","answerNoTime":"_3l-yC","questionOrder":"_2mK7U","myTimeLabel":"_3ZOZs","myPoolTime":"_1Gajr","topTimeLabel":"_62PzE","topTime":"_3HUx1","meanTimeLabel":"_Yu8Oq","meanTime":"_18kZu","compareChart":"_2MTOH","prevChart":"_JoHQL","chart":"_29iCQ","nextChart":"_3hjxI","titleChart":"_2Z42z","titleCompareGrass":"_34RN_","tableCompareGrass":"_2lzlQ","thcolumn1":"_2MSIH","tdcolumn1":"_1I06v","tdcolumn3":"_VpMQ5","classification":"_3t41M","wrapperProblem":"_2vh8v","titleProblem":"_3YfGm","titleProblemClose":"_34388","titleTrickyProblem":"_INxbh","wrongQuestions":"_35DcB","question":"_10SAW","assignedQuestions":"_oEGQ_","wrapperContent":"_zhZ1O","content":"_NGHD4","contentColumn1":"_v5SKe","span1":"_28SHT","span2":"_1raLd","contentColumn2":"_-xJ34","duration":"_1YGAg","topDuration":"_3DiyY","overallCorrectRate":"_DnkyV","answer":"_29MTE","contentVulnerable":"_3x1PG","wrappContentProblem":"_2saM2","contentProblem":"_1hTJx","labelProblem":"_3BXO9","name":"_1cUZW","percent":"_3CLEc","slider":"_3LCEY","track":"_3I8mi","noData":"_1oZ-s","loading":"_Nm201","table-responsive":"_3zQL-","form-label":"_3Vpmh","form-control":"_DafKE","form-label-dialog":"_3NjaH","btn-cancel":"_sLxwL","btn-register":"_4ZKQY","pdfBtnBox":"_2zUJf","pdfBtn":"_y_Cr7","form-select":"_HCIxD","loader":"_3aDIU","dot":"_JGCIL","bounce":"_3M62i"};
+var loadingStyle = {
+  minWidth: "100vw",
+  minHeight: "100vh",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  zIndex: 999999999,
+  backgroundColor: "rgba(0, 0, 0, 0.4)",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+};
+var Loading = function Loading() {
+  var isLoading = reactRedux.useSelector(function (state) {
+    return state.common.isLoading;
+  });
+  return isLoading ? React__default.createElement("div", {
+    style: loadingStyle
+  }, React__default.createElement("div", {
+    className: "spinner-border text-secondary",
+    role: "status"
+  }, React__default.createElement("span", {
+    className: "sr-only"
+  }))) : null;
+};
+
+var loadingStyle$1 = {
+  minWidth: "100vw",
+  minHeight: "100vh",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  zIndex: 999999999,
+  backgroundColor: "rgba(0, 0, 0, 0.4)",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+};
+var LoadingComponent = function LoadingComponent(_ref) {
+  var isLoading = _ref.isLoading,
+    children = _ref.children,
+    _ref$spinClassName = _ref.spinClassName,
+    spinClassName = _ref$spinClassName === void 0 ? "text-secondary" : _ref$spinClassName,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return isLoading ? React__default.createElement("div", {
+    style: loadingStyle$1
+  }, React__default.createElement(material.Stack, {
+    direction: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    className: className
+  }, React__default.createElement("div", {
+    className: "spinner-border " + spinClassName,
+    role: "status"
+  }, React__default.createElement("span", {
+    className: "sr-only"
+  })), React__default.createElement("div", null, children))) : null;
+};
+
+var CustomPagination = function CustomPagination(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPage = _ref.totalPage,
+    onChangePage = _ref.onChangePage;
+  var handleChangePage = function handleChangePage(_, page) {
+    onChangePage(page);
+  };
+  return React__default.createElement(material.Pagination, {
+    className: "w-fit",
+    count: totalPage,
+    page: currentPage,
+    onChange: handleChangePage
+  });
+};
 
 var DropdownIndicator = function DropdownIndicator(props) {
   return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
@@ -5889,6 +6013,7 @@ var CustomSelect = function CustomSelect(_ref) {
     value: !isDefault ? initialValues != null ? initialValues : null : undefined,
     defaultValue: isDefault ? initialValues : undefined,
     menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
     components: {
       IndicatorSeparator: function IndicatorSeparator() {
         return null;
@@ -5958,329 +6083,6 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
   }, rest));
 };
 
-function CommonCreateNewQuestionDialog(_ref) {
-  var handleCreateQuestion = _ref.handleCreateQuestion,
-    openDialog = _ref.openDialog,
-    initialValues = _ref.initialValues,
-    onClose = _ref.onClose,
-    options = _ref.options,
-    schema = _ref.schema,
-    labelQuestion = _ref.labelQuestion,
-    nameQuestion = _ref.nameQuestion,
-    labelContent = _ref.labelContent,
-    nameContent = _ref.nameContent;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.useState(false),
-    keyboardOpen = _useState[0],
-    setKeyboardOpen = _useState[1];
-  React.useEffect(function () {
-    var handleResize = function handleResize() {
-      if (window.innerHeight < window.outerHeight) {
-        setKeyboardOpen(true);
-      } else {
-        setKeyboardOpen(false);
-      }
-    };
-    window.addEventListener("resize", handleResize);
-    handleResize();
-    return function () {
-      return window.removeEventListener("resize", handleResize);
-    };
-  }, []);
-  return React__default.createElement(material.Dialog, {
-    onClose: onClose,
-    open: openDialog,
-    PaperProps: {
-      sx: {
-        minWidth: "363px",
-        overflowY: "auto",
-        position: "relative",
-        bottom: keyboardOpen ? "0" : undefined,
-        transition: "top 0.3s ease"
-      }
-    }
-  }, React__default.createElement(DialogTitle, {
-    id: "customized-dialog-title"
-  }, React__default.createElement(Typography, {
-    fontWeight: 700,
-    fontSize: "16px",
-    lineHeight: "19.09px",
-    color: "#202B37"
-  }, t("ask_a_question"))), React__default.createElement(IconButton, {
-    "aria-label": "close",
-    sx: {
-      position: "absolute",
-      right: 8,
-      top: 8,
-      color: function color(theme) {
-        return theme.palette.grey[500];
-      }
-    },
-    onClick: onClose
-  }, React__default.createElement(iconCloseDialog, null)), React__default.createElement(formik.Formik, {
-    initialValues: initialValues,
-    validationSchema: schema,
-    onSubmit: handleCreateQuestion
-  }, function (_ref2) {
-    var values = _ref2.values,
-      errors = _ref2.errors,
-      setFieldValue = _ref2.setFieldValue;
-    return React__default.createElement(formik.Form, null, React__default.createElement(DialogContent, {
-      sx: {
-        padding: 0,
-        overflowY: "auto"
-      }
-    }, React__default.createElement(material.Box, {
-      display: "flex",
-      flexDirection: "column",
-      gap: "8px",
-      padding: "24px 24px 40px 24px",
-      overflow: "scroll"
-    }, React__default.createElement(material.Stack, null, React__default.createElement("label", {
-      htmlFor: "questions",
-      className: styles["form-label"] + "  " + styles$1["form-label-dialog"]
-    }, labelQuestion || t("questions_to_ask")), React__default.createElement(formik.Field, {
-      id: "questions",
-      name: nameQuestion,
-      render: function render(_ref3) {
-        var field = _ref3.field;
-        return React__default.createElement(CustomSelect, Object.assign({}, field, {
-          id: "questions",
-          menuPlacement: "bottom",
-          maxMenuHeight: 150,
-          options: options,
-          onChange: function onChange(_ref4) {
-            var value = _ref4.value;
-            return setFieldValue(nameQuestion, value);
-          },
-          isClearable: false
-        }));
-      }
-    })), React__default.createElement(material.Stack, null, React__default.createElement("label", {
-      htmlFor: "content-question",
-      className: styles["form-label"] + "  " + styles$1["form-label-dialog"]
-    }, labelContent || t("question_content")), React__default.createElement(material.Box, {
-      position: "relative",
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center"
-    }, React__default.createElement(formik.Field, {
-      as: "textarea",
-      rows: 3,
-      id: "content-question",
-      style: {
-        paddingRight: "40px"
-      },
-      name: nameContent,
-      placeholder: t("the_problem_is_difficult"),
-      className: styles["form-control"]
-    }), (errors === null || errors === void 0 ? void 0 : errors[nameContent]) && React__default.createElement(material.Box, {
-      position: "absolute",
-      right: 0,
-      padding: "0 12px",
-      display: "flex",
-      alignItems: "center"
-    }, React__default.createElement(iconWarning, null))), React__default.createElement(material.Box, {
-      marginBottom: "4px"
-    }), React__default.createElement(Typography, {
-      fontWeight: 500,
-      fontSize: "10px",
-      lineHeight: "11.93px",
-      color: !(errors !== null && errors !== void 0 && errors[nameContent]) ? "#97A1AF" : styles$1.red_900
-    }, !(errors !== null && errors !== void 0 && errors[nameContent]) ? t("your_questions_will_be_sent_to_the_counselor") : t("please_enter_your_question"))))), React__default.createElement(DialogActions, {
-      sx: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        padding: "12px",
-        borderTop: "1px solid #CED2DA"
-      }
-    }, React__default.createElement(MButton, {
-      className: styles$1["btn-cancel"],
-      onClick: onClose
-    }, React__default.createElement(Typography, {
-      sx: {
-        color: styles.dark + " !important"
-      },
-      fontWeight: 700,
-      fontSize: "14px",
-      lineHeight: "16.71px"
-    }, t("cancel"))), React__default.createElement(MButton, {
-      variant: "contained",
-      sx: {
-        bgcolor: styles.dark
-      },
-      className: styles$1["btn-register"],
-      type: "submit",
-      disabled: !values.content.trim().length
-    }, React__default.createElement(Typography, {
-      fontWeight: 700,
-      fontSize: "14px",
-      lineHeight: "16.71px",
-      color: "#FFFFFF"
-    }, t("registration")))));
-  }));
-}
-
-var _templateObject;
-var BorderedTextField = material.styled(material.TextField)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    & .MuiOutlinedInput-root {\n        &.Mui-focused fieldset {\n            border-width: 1px;\n            border-color: ", ";\n        }\n    }\n    & .MuiOutlinedInput-root:hover {\n      fieldset {\n          border-width: 1px;\n          border-color: ", ";\n      }\n    }\n"])), styles.dark, styles.less_dark);
-var InputText = function InputText(props) {
-  return React__default.createElement(BorderedTextField, Object.assign({
-    sx: {
-      "& input": {
-        py: "7.5px",
-        px: "12px"
-      },
-      "& > div": {
-        borderColor: "#97A1AF",
-        borderRadius: "4px"
-      }
-    }
-  }, props));
-};
-
-var PassCodeDialog = function PassCodeDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    onSubmit = _ref.onSubmit,
-    academyDomain = _ref.academyDomain;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.useState(""),
-    passCode = _useState[0],
-    setPassCode = _useState[1];
-  var handleClose = function handleClose(event, reason) {
-    onClose(event, reason);
-  };
-  var handleSubmit = function handleSubmit() {
-    try {
-      var data = {
-        code: passCode,
-        academyDomain: academyDomain
-      };
-      return Promise.resolve(onSubmit(data, handleClose)).then(function () {});
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var handleChangePassCode = function handleChangePassCode(e) {
-    setPassCode(e.target.value);
-  };
-  var theme = material.useTheme();
-  return React__default.createElement(CommonDialog, {
-    open: open,
-    onClose: handleClose,
-    size: "xs",
-    title: t("join_an_academy")
-  }, React__default.createElement(material.DialogContent, {
-    sx: {
-      overflowY: "unset"
-    }
-  }, React__default.createElement(material.Stack, {
-    direction: "column",
-    spacing: 2,
-    zIndex: 1,
-    position: "relative"
-  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
-    className: "fw-medium mb-1"
-  }, t("pass_code"), React__default.createElement("span", {
-    className: "text-danger"
-  }, "*")), React__default.createElement(InputText, {
-    id: "pass-code",
-    placeholder: t("enter_pass_code"),
-    value: passCode,
-    onChange: handleChangePassCode
-  })))), React__default.createElement(material.DialogActions, {
-    className: ""
-  }, React__default.createElement(material.Button, {
-    variant: "contained",
-    sx: {
-      bgcolor: theme.palette.grey[700]
-    },
-    onClick: handleClose
-  }, t("cancel")), React__default.createElement(material.Button, {
-    variant: "contained",
-    onClick: handleSubmit,
-    disabled: !passCode.trim().length
-  }, t("confirmation"))));
-};
-
-var loadingStyle = {
-  minWidth: "100vw",
-  minHeight: "100vh",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  zIndex: 999999999,
-  backgroundColor: "rgba(0, 0, 0, 0.4)",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-};
-var Loading = function Loading() {
-  var isLoading = reactRedux.useSelector(function (state) {
-    return state.common.isLoading;
-  });
-  return isLoading ? React__default.createElement("div", {
-    style: loadingStyle
-  }, React__default.createElement("div", {
-    className: "spinner-border text-secondary",
-    role: "status"
-  }, React__default.createElement("span", {
-    className: "sr-only"
-  }))) : null;
-};
-
-var loadingStyle$1 = {
-  minWidth: "100vw",
-  minHeight: "100vh",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  zIndex: 999999999,
-  backgroundColor: "rgba(0, 0, 0, 0.4)",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-};
-var LoadingComponent = function LoadingComponent(_ref) {
-  var isLoading = _ref.isLoading,
-    children = _ref.children,
-    _ref$spinClassName = _ref.spinClassName,
-    spinClassName = _ref$spinClassName === void 0 ? "text-secondary" : _ref$spinClassName,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return isLoading ? React__default.createElement("div", {
-    style: loadingStyle$1
-  }, React__default.createElement(material.Stack, {
-    direction: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    className: className
-  }, React__default.createElement("div", {
-    className: "spinner-border " + spinClassName,
-    role: "status"
-  }, React__default.createElement("span", {
-    className: "sr-only"
-  })), React__default.createElement("div", null, children))) : null;
-};
-
-var CustomPagination = function CustomPagination(_ref) {
-  var currentPage = _ref.currentPage,
-    totalPage = _ref.totalPage,
-    onChangePage = _ref.onChangePage;
-  var handleChangePage = function handleChangePage(_, page) {
-    onChangePage(page);
-  };
-  return React__default.createElement(material.Pagination, {
-    className: "w-fit",
-    count: totalPage,
-    page: currentPage,
-    onChange: handleChangePage
-  });
-};
-
 var SCORE_OPTIONS = Array.from({
   length: 10
 }, function (_, i) {
@@ -8155,7 +7957,7 @@ var SearchInput = function SearchInput(_ref) {
   }));
 };
 
-var styles$2 = {"header__avatar":"_2oGcJ","header__select":"_2y2XV","body":"_ntGyI","list":"_m7Fwt","list__item__header":"_3BM8N","list__item__avatar":"_1ReOK","list__item__avatar-container":"_2qbld","list__item__message":"_3s01i","list__item__message--reply-from":"_2Qxi3","list__item__message--reply-from-right":"_34Vx4","list__item__message--reply":"_3uheq","list__item__message--reply-right":"_2iBr7","reply-text":"_3ZPjO","container-custom":"_38A9k","student-row-col-1":"_Jt5t0","student-row-col-1-active":"_14DKj","row-col-2":"_qHGiR","inputBox":"_2iY67","inputBoxTable":"_3pCw0","background-chat":"_zILbw","wrap-content":"_38gsM","name-sender":"_Lfzyw","content-chat-sender":"_1X73E","content-chat-receiver":"_32V7T","custom-scroll":"_2Uul2","btn-send":"_395lb","btn-chat":"_gDYwm","input-chat":"_22TX5","btn-cancel":"_1u-eg","btn-register":"_22r6_","form-label-dialog":"_jADIA","form-select-width":"_WncPd","padding-content":"_3hz3H","form-label":"_MMQxP","form-control":"_1mJfc"};
+var styles$1 = {"header__avatar":"_2oGcJ","header__select":"_2y2XV","body":"_ntGyI","list":"_m7Fwt","list__item__header":"_3BM8N","list__item__avatar":"_1ReOK","list__item__avatar-container":"_2qbld","list__item__message":"_3s01i","list__item__message--reply-from":"_2Qxi3","list__item__message--reply-from-right":"_34Vx4","list__item__message--reply":"_3uheq","list__item__message--reply-right":"_2iBr7","reply-text":"_3ZPjO","container-custom":"_38A9k","student-row-col-1":"_Jt5t0","student-row-col-1-active":"_14DKj","row-col-2":"_qHGiR","inputBox":"_2iY67","inputBoxTable":"_3pCw0","background-chat":"_zILbw","wrap-content":"_38gsM","name-sender":"_Lfzyw","content-chat-sender":"_1X73E","content-chat-receiver":"_32V7T","custom-scroll":"_2Uul2","btn-send":"_395lb","btn-chat":"_gDYwm","input-chat":"_22TX5","btn-cancel":"_1u-eg","btn-register":"_22r6_","form-label-dialog":"_jADIA","form-select-width":"_WncPd","padding-content":"_3hz3H","form-label":"_MMQxP","form-control":"_1mJfc"};
 
 var iconPersonNoActive = function iconPersonNoActive(_ref) {
   var _ref$width = _ref.width,
@@ -8309,7 +8111,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
     padding: "4px 0"
   }, React__default.createElement(material.Box, null, showName && isStudent && React__default.createElement(material.Box, {
     gap: "8px",
-    className: " " + styles$2["name-sender"],
+    className: " " + styles$1["name-sender"],
     display: "flex",
     alignItems: "center",
     justifyContent: "end",
@@ -8363,7 +8165,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
       objectFit: "contain"
     }
   }) : React__default.createElement("div", {
-    className: styles$2["wrap-content"] + " " + styles$2["content-chat-receiver"],
+    className: styles$1["wrap-content"] + " " + styles$1["content-chat-receiver"],
     style: {
       "float": "inline-end",
       maxWidth: 400,
@@ -8406,7 +8208,7 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
     display: "flex",
     padding: "4px",
     flexDirection: "row",
-    className: "" + styles$2["name-sender"]
+    className: "" + styles$1["name-sender"]
   }, isStudent ? React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, {
     fontWeight: 500,
     fontSize: 14,
@@ -8442,7 +8244,7 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
       objectFit: "contain"
     }
   }) : React__default.createElement("div", {
-    className: styles$2["wrap-content"] + " " + styles$2["content-chat-sender"],
+    className: styles$1["wrap-content"] + " " + styles$1["content-chat-sender"],
     style: {
       maxWidth: 400
     }
@@ -8660,7 +8462,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
     _objectDestructuringEmpty(_ref2);
     return React__default.createElement(formik.Form, null, React__default.createElement("label", {
       htmlFor: "content",
-      className: styles$2['form-label'] + "  " + styles$2['form-label-dialog']
+      className: styles$1['form-label'] + "  " + styles$1['form-label-dialog']
     }, t('questions_to_ask')), React__default.createElement(formik.Field, {
       id: "content",
       style: {
@@ -8669,7 +8471,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       name: "content",
       validate: validate,
       placeholder: t('the_problem_is_difficult'),
-      className: styles$2['form-control']
+      className: styles$1['form-control']
     }), React__default.createElement(material.DialogActions, {
       sx: {
         display: 'flex',
@@ -8681,7 +8483,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       sx: {
         color: styles.dark
       },
-      className: styles$2['btn-cancel'],
+      className: styles$1['btn-cancel'],
       onClick: onClose
     }, React__default.createElement(material.Typography, {
       fontWeight: 700,
@@ -8692,7 +8494,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       sx: {
         bgcolor: styles.dark
       },
-      className: styles$2['btn-register'],
+      className: styles$1['btn-register'],
       type: "submit"
     }, React__default.createElement(material.Typography, {
       fontWeight: 700,
@@ -8739,7 +8541,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       padding: '12px'
     }
   }, React__default.createElement(material.Button, {
-    className: styles$2['btn-cancel'],
+    className: styles$1['btn-cancel'],
     onClick: onClose
   }, React__default.createElement(material.Typography, {
     sx: {
@@ -8750,7 +8552,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
     lineHeight: '16.71px'
   }, t('cancel'))), React__default.createElement(material.Button, {
     variant: "contained",
-    className: styles$2['btn-register'],
+    className: styles$1['btn-register'],
     sx: {
       bgcolor: !(selectedFile !== null && selectedFile !== void 0 && selectedFile.content) ? styles.light + " !important" : styles.dark
     },
@@ -8857,7 +8659,7 @@ var ChatList = function ChatList(_ref) {
   var isStudent = roles === null || roles === void 0 ? void 0 : roles.includes(exports.Role.Student);
   return React__default.createElement("ul", {
     ref: listItemRef,
-    className: styles$2["list"] + " " + styles$2["padding-content"] + " d-flex h-100 flex-column mb-0  " + (!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) ? 'justify-content-center' : '')
+    className: styles$1["list"] + " " + styles$1["padding-content"] + " d-flex h-100 flex-column mb-0  " + (!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) ? 'justify-content-center' : '')
   }, !(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && React__default.createElement("li", {
     className: "text-muted text-center fst-italic fs-6"
   }, t('no_message')), !!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && filterMessage.map(function (message) {
@@ -8964,7 +8766,7 @@ var InputChat = function InputChat(_ref) {
     color: "#fff",
     size: 30
   }))), React__default.createElement("input", {
-    className: styles$2["input-chat"],
+    className: styles$1["input-chat"],
     style: {
       border: "none"
     },
@@ -8989,7 +8791,7 @@ var InputChat = function InputChat(_ref) {
   }, React__default.createElement(material.Button, {
     variant: "contained",
     fullWidth: true,
-    className: styles$2["btn-send"],
+    className: styles$1["btn-send"],
     sx: {
       bgcolor: isCompleted ? styles.light + " !important" : styles.less_dark
     },
@@ -9372,7 +9174,7 @@ var ChatContainer = function ChatContainer(_ref) {
     container: true
   }, React__default.createElement(ChatHeader, Object.assign({}, chatHeaderProps)), React__default.createElement("div", {
     ref: listRef,
-    className: "flex-grow-1 " + styles$2["body"],
+    className: "flex-grow-1 " + styles$1["body"],
     style: {
       height: "60vh",
       overflowY: "scroll",
@@ -10104,11 +9906,11 @@ var common = {
   white: '#FFFFFF'
 };
 var action$2 = {
-  hover: styles$d.alpha(grey[500], 0.08),
-  selected: styles$d.alpha(grey[500], 0.16),
-  disabled: styles$d.alpha(grey[500], 0.8),
-  disabledBackground: styles$d.alpha(grey[500], 0.24),
-  focus: styles$d.alpha(grey[500], 0.24),
+  hover: styles$c.alpha(grey[500], 0.08),
+  selected: styles$c.alpha(grey[500], 0.16),
+  disabled: styles$c.alpha(grey[500], 0.8),
+  disabledBackground: styles$c.alpha(grey[500], 0.24),
+  focus: styles$c.alpha(grey[500], 0.24),
   hoverOpacity: 0.08,
   disabledOpacity: 0.48
 };
@@ -10128,7 +9930,7 @@ var base = {
   purple: purple,
   dark_purple: dark_purple,
   dark_red: dark_red,
-  divider: styles$d.alpha(grey[500], 0.2),
+  divider: styles$c.alpha(grey[500], 0.2),
   action: action$2
 };
 
@@ -12951,7 +12753,7 @@ var DEFAULT_USER_FILTERS = {
   sortColumnName: exports.UserSortColumn.CreatedAt
 };
 
-var styles$3 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
+var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
 var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
@@ -13157,7 +12959,7 @@ var ClassForm = function ClassForm(_ref) {
   }, React__default.createElement(demo.DemoContainer, {
     components: ["DatePicker"]
   }, React__default.createElement(DatePicker.DatePicker, {
-    className: "" + styles$3["date-picker"],
+    className: "" + styles$2["date-picker"],
     format: t("date_format"),
     maxDate: maxDate,
     value: formikProp.values.startDate,
@@ -13181,7 +12983,7 @@ var ClassForm = function ClassForm(_ref) {
   }, React__default.createElement(demo.DemoContainer, {
     components: ["DatePicker"]
   }, React__default.createElement(DatePicker.DatePicker, {
-    className: "" + styles$3["date-picker"],
+    className: "" + styles$2["date-picker"],
     format: t("date_format"),
     minDate: minDate,
     value: formikProp.values.endDate,
@@ -13217,7 +13019,7 @@ var ClassForm = function ClassForm(_ref) {
   }, t("main_teacher"), " ", React__default.createElement("span", {
     className: "text-danger"
   }, "*")), React__default.createElement("div", {
-    className: "" + styles$3["teacher-selector-wrapper"]
+    className: "" + styles$2["teacher-selector-wrapper"]
   }, React__default.createElement(TeacherSelector, {
     value: formikProp.values.mainTeacherId,
     teachers: teachers,
@@ -13277,7 +13079,7 @@ var ClassForm = function ClassForm(_ref) {
           }
         }
       },
-      className: "" + styles$3["time-picker"],
+      className: "" + styles$2["time-picker"],
       onOpen: function onOpen() {
         return setOpen(index + "-startTime");
       },
@@ -13309,7 +13111,7 @@ var ClassForm = function ClassForm(_ref) {
           }
         }
       },
-      className: "" + styles$3["time-picker"],
+      className: "" + styles$2["time-picker"],
       onOpen: function onOpen() {
         return !disabled && setOpen(index + "-endTime");
       },
@@ -14529,7 +14331,25 @@ var defaultSeries = function defaultSeries(t) {
   }];
 };
 
-var styles$4 = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","form-label":"_1jRLX","form-control":"_13KE7","form-label-dialog":"_3mXNM","btn-cancel":"_3bqNl","btn-register":"_3GFnT"};
+var styles$3 = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","form-label":"_1jRLX","form-control":"_13KE7","form-label-dialog":"_3mXNM","btn-cancel":"_3bqNl","btn-register":"_3GFnT"};
+
+var iconCloseDialog = function iconCloseDialog(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "24" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "25" : _ref$height,
+    color = _ref.color;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 25",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M13.5909 12.5L18.0441 8.04687C18.2554 7.8359 18.3743 7.54962 18.3745 7.25099C18.3748 6.95237 18.2564 6.66587 18.0455 6.45453C17.8345 6.24319 17.5482 6.12431 17.2496 6.12404C16.951 6.12378 16.6645 6.24215 16.4531 6.45312L12 10.9062L7.54687 6.45312C7.33553 6.24178 7.04888 6.12305 6.75 6.12305C6.45111 6.12305 6.16447 6.24178 5.95312 6.45312C5.74178 6.66447 5.62305 6.95111 5.62305 7.25C5.62305 7.54888 5.74178 7.83553 5.95312 8.04687L10.4062 12.5L5.95312 16.9531C5.74178 17.1645 5.62305 17.4511 5.62305 17.75C5.62305 18.0489 5.74178 18.3355 5.95312 18.5469C6.16447 18.7582 6.45111 18.8769 6.75 18.8769C7.04888 18.8769 7.33553 18.7582 7.54687 18.5469L12 14.0937L16.4531 18.5469C16.6645 18.7582 16.9511 18.8769 17.25 18.8769C17.5489 18.8769 17.8355 18.7582 18.0469 18.5469C18.2582 18.3355 18.3769 18.0489 18.3769 17.75C18.3769 17.4511 18.2582 17.1645 18.0469 16.9531L13.5909 12.5Z",
+    fill: "#202B37"
+  }));
+};
 
 var schema$1 = yup.object().shape({
   content: yup.string().required()
@@ -14539,6 +14359,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
     studentName = _ref.studentName,
     selectedNote = _ref.selectedNote,
     tip = _ref.tip,
+    value = _ref.value,
     onClose = _ref.onClose,
     onSaveNote = _ref.onSaveNote;
   var _useTranslation = reactI18next.useTranslation(),
@@ -14597,9 +14418,10 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
     onClick: onClose
   }, React__default.createElement(iconCloseDialog, null)), React__default.createElement(formik.Formik, {
     initialValues: {
-      content: (selectedNote === null || selectedNote === void 0 ? void 0 : selectedNote.content) || ""
+      content: (selectedNote === null || selectedNote === void 0 ? void 0 : selectedNote.content) || value || ""
     },
     validationSchema: schema$1,
+    enableReinitialize: true,
     onSubmit: function onSubmit(values) {
       handleSaveNote(values.content);
     }
@@ -14617,7 +14439,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       padding: "24px 24px 40px 24px"
     }, (selectedNote || studentName) && React__default.createElement(material.Stack, null, React__default.createElement("label", {
       htmlFor: "questions",
-      className: styles["form-label"] + "  " + styles$4["form-label-dialog"]
+      className: styles["form-label"] + "  " + styles$3["form-label-dialog"]
     }, t("student_name")), React__default.createElement(Typography, {
       sx: {
         fontWeight: 700,
@@ -14626,7 +14448,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       }
     }, selectedNote ? selectedNote.fullName : studentName)), React__default.createElement(material.Stack, null, React__default.createElement("label", {
       htmlFor: "content-question",
-      className: styles["form-label"] + "  " + styles$4["form-label-dialog"]
+      className: styles["form-label"] + "  " + styles$3["form-label-dialog"]
     }, t("incorrect_answer_note_contents")), React__default.createElement(material.Box, {
       position: "relative",
       display: "flex",
@@ -14654,7 +14476,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
         borderTop: "1px solid #CED2DA"
       }
     }, React__default.createElement(MButton, {
-      className: styles$4["btn-cancel"],
+      className: styles$3["btn-cancel"],
       onClick: onClose
     }, React__default.createElement(Typography, {
       sx: {
@@ -14668,7 +14490,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       sx: {
         bgcolor: styles.dark
       },
-      className: styles$4["btn-register"],
+      className: styles$3["btn-register"],
       type: "submit",
       disabled: !values.content.trim().length
     }, React__default.createElement(Typography, {
@@ -14729,7 +14551,7 @@ var ExamNoteDialog = function ExamNoteDialog(_ref) {
       sx: {
         maxHeight: "unset",
         minWidth: "363px",
-        overflowY: "auto",
+        overflowY: "unset",
         position: "relative",
         bottom: keyboardOpen ? "0" : undefined,
         transition: "top 0.3s ease"
@@ -14777,7 +14599,7 @@ var ExamNoteDialog = function ExamNoteDialog(_ref) {
       padding: "24px 24px 40px 24px"
     }, React__default.createElement(material.Stack, null, React__default.createElement("label", {
       htmlFor: "questions",
-      className: styles["form-label"] + "  " + styles$4["form-label-dialog"]
+      className: styles["form-label"] + "  " + styles$3["form-label-dialog"]
     }, t("problem_number")), selectedQuestion || selectedNote ? React__default.createElement(Typography, {
       sx: {
         fontWeight: 700,
@@ -14804,7 +14626,7 @@ var ExamNoteDialog = function ExamNoteDialog(_ref) {
       }
     })), React__default.createElement(material.Stack, null, React__default.createElement("label", {
       htmlFor: "content-question",
-      className: styles["form-label"] + "  " + styles$4["form-label-dialog"]
+      className: styles["form-label"] + "  " + styles$3["form-label-dialog"]
     }, t("incorrect_answer_note_contents")), React__default.createElement(material.Box, {
       position: "relative",
       display: "flex",
@@ -14833,7 +14655,7 @@ var ExamNoteDialog = function ExamNoteDialog(_ref) {
         borderTop: "1px solid #CED2DA"
       }
     }, React__default.createElement(MButton, {
-      className: styles$4["btn-cancel"],
+      className: styles$3["btn-cancel"],
       onClick: onClose
     }, React__default.createElement(Typography, {
       sx: {
@@ -14847,7 +14669,7 @@ var ExamNoteDialog = function ExamNoteDialog(_ref) {
       sx: {
         bgcolor: styles.dark
       },
-      className: styles$4["btn-register"],
+      className: styles$3["btn-register"],
       type: "submit",
       disabled: !values.content.trim().length
     }, React__default.createElement(Typography, {
@@ -15464,14 +15286,20 @@ var useDrawerNoteTab = function useDrawerNoteTab(props) {
     openNoteViewDrawer = _useState[0],
     setOpenNoteViewDrawer = _useState[1];
   var _useState2 = React.useState(),
-    openNoteDialog = _useState2[0],
-    setOpenNoteDialog = _useState2[1];
+    studentNoteContent = _useState2[0],
+    setStudentNoteContent = _useState2[1];
   var _useState3 = React.useState(false),
-    openDeleteNoteDialog = _useState3[0],
-    setOpenDeleteNoteDialog = _useState3[1];
+    openConfirmNote = _useState3[0],
+    setOpenConfirmNote = _useState3[1];
   var _useState4 = React.useState(),
-    noteIdContextMenu = _useState4[0],
-    setNoteIdContextMenu = _useState4[1];
+    openNoteDialog = _useState4[0],
+    setOpenNoteDialog = _useState4[1];
+  var _useState5 = React.useState(false),
+    openDeleteNoteDialog = _useState5[0],
+    setOpenDeleteNoteDialog = _useState5[1];
+  var _useState6 = React.useState(),
+    noteIdContextMenu = _useState6[0],
+    setNoteIdContextMenu = _useState6[1];
   var _useVirtualList = useVirtualList(studentId, _extends({}, DEFAULT_NOTE_FILTER, {
       type: exports.NoteType.Default
     }), getNotesApi$1),
@@ -15492,6 +15320,13 @@ var useDrawerNoteTab = function useDrawerNoteTab(props) {
     handleItemRemovedStudentNote = _useVirtualList2.handleItemRemoved,
     handleItemAddedStudentNote = _useVirtualList2.handleItemAdded,
     handleItemUpdatedStudentNote = _useVirtualList2.handleItemUpdated;
+  var handleCloseConfirmStudentNoteDialog = function handleCloseConfirmStudentNoteDialog() {
+    setOpenConfirmNote(false);
+  };
+  var handleOpenConfirmStudentNoteDialog = function handleOpenConfirmStudentNoteDialog(content) {
+    setStudentNoteContent(content);
+    setOpenConfirmNote(true);
+  };
   var handleOpenCreateAcademyNoteDialog = function handleOpenCreateAcademyNoteDialog() {
     handleCloseTooltip();
     setOpenNoteDialog(exports.NoteType.Default);
@@ -15509,6 +15344,7 @@ var useDrawerNoteTab = function useDrawerNoteTab(props) {
   var handleCloseNoteDialog = function handleCloseNoteDialog() {
     setOpenNoteDialog(undefined);
     handleChangeSelectedItem(undefined);
+    setStudentNoteContent(undefined);
   };
   var handleOpenNoteDrawer = function handleOpenNoteDrawer(note) {
     setOpenNoteViewDrawer(true);
@@ -15522,6 +15358,8 @@ var useDrawerNoteTab = function useDrawerNoteTab(props) {
     handleCloseNoteDialog();
     handleCloseTooltip();
     setOpenDeleteNoteDialog(false);
+    setOpenConfirmNote(false);
+    setStudentNoteContent(undefined);
   };
   var handleSaveNote = function handleSaveNote(content) {
     try {
@@ -15604,16 +15442,22 @@ var useDrawerNoteTab = function useDrawerNoteTab(props) {
     handleCloseTooltip();
     setOpenNoteDialog(note.type);
   };
+  var handleSaveStudentNote = function handleSaveStudentNote() {
+    if (!(studentNoteContent !== null && studentNoteContent !== void 0 && studentNoteContent.length)) return;
+    handleSaveNote(studentNoteContent);
+  };
   var noteDialogProps = {
-    open: openNoteDialog !== undefined,
+    open: openNoteDialog === exports.NoteType.StudentReadable && !openConfirmNote || openNoteDialog === exports.NoteType.Default,
     selectedNote: selectedItem,
     tip: " (" + t(openNoteDialog === exports.NoteType.StudentReadable ? "student_parents" : "academy") + ")",
+    value: studentNoteContent,
     onClose: handleCloseNoteDialog,
-    onSaveNote: function onSaveNote(content) {
+    onSaveNote: openNoteDialog === exports.NoteType.StudentReadable && !(selectedItem !== null && selectedItem !== void 0 && selectedItem.id) ? handleOpenConfirmStudentNoteDialog : function (content) {
       return handleSaveNote(content);
     }
   };
   return {
+    openConfirmNote: openConfirmNote,
     noteIdContextMenu: noteIdContextMenu,
     academyNotes: academyNotes,
     isLoadingAcademyNotes: isLoadingAcademyNotes,
@@ -15634,7 +15478,9 @@ var useDrawerNoteTab = function useDrawerNoteTab(props) {
     handleOpenTooltip: handleOpenTooltip,
     handleOpenNoteDrawer: handleOpenNoteDrawer,
     handleOpenCreateAcademyNoteDialog: handleOpenCreateAcademyNoteDialog,
-    handleOpenCreateStudentNoteDialog: handleOpenCreateStudentNoteDialog
+    handleOpenCreateStudentNoteDialog: handleOpenCreateStudentNoteDialog,
+    handleCloseConfirmStudentNoteDialog: handleCloseConfirmStudentNoteDialog,
+    handleSaveStudentNote: handleSaveStudentNote
   };
 };
 
@@ -15645,6 +15491,7 @@ var DrawerNoteTab = function DrawerNoteTab(props) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useDrawerNoteTab = useDrawerNoteTab(props),
+    openConfirmNote = _useDrawerNoteTab.openConfirmNote,
     noteIdContextMenu = _useDrawerNoteTab.noteIdContextMenu,
     academyNotes = _useDrawerNoteTab.academyNotes,
     isLoadingAcademyNotes = _useDrawerNoteTab.isLoadingAcademyNotes,
@@ -15665,7 +15512,9 @@ var DrawerNoteTab = function DrawerNoteTab(props) {
     handleOpenTooltip = _useDrawerNoteTab.handleOpenTooltip,
     handleOpenNoteDrawer = _useDrawerNoteTab.handleOpenNoteDrawer,
     handleOpenCreateAcademyNoteDialog = _useDrawerNoteTab.handleOpenCreateAcademyNoteDialog,
-    handleOpenCreateStudentNoteDialog = _useDrawerNoteTab.handleOpenCreateStudentNoteDialog;
+    handleOpenCreateStudentNoteDialog = _useDrawerNoteTab.handleOpenCreateStudentNoteDialog,
+    handleCloseConfirmStudentNoteDialog = _useDrawerNoteTab.handleCloseConfirmStudentNoteDialog,
+    handleSaveStudentNote = _useDrawerNoteTab.handleSaveStudentNote;
   var notesContainerProps = {
     noteIdContextMenu: noteIdContextMenu,
     containerListProps: {
@@ -15755,9 +15604,9 @@ var DrawerNoteTab = function DrawerNoteTab(props) {
     onClick: handleOpenCreateStudentNoteDialog
   }, t("student_note_writing")), React__default.createElement(material.Typography, {
     sx: {
-      color: green[700],
       fontWeight: 600
-    }
+    },
+    className: "text-primary"
   }, t("student_parents"))), React__default.createElement(NotesContainer, Object.assign({}, notesContainerProps, {
     data: studentNotes,
     isLoading: isLoadingStudentNotes,
@@ -15765,7 +15614,13 @@ var DrawerNoteTab = function DrawerNoteTab(props) {
     listHeight: 0
   })))))), React__default.createElement(ClassNoteDialog, Object.assign({}, noteDialogProps, {
     studentName: student === null || student === void 0 ? void 0 : student.fullName
-  })), React__default.createElement(ConfirmDeleteDialog, {
+  })), React__default.createElement(ConfirmDialog, {
+    open: openConfirmNote,
+    toggle: handleCloseConfirmStudentNoteDialog,
+    onConfirm: handleSaveStudentNote,
+    text: t("are_you_sure_to_create_student_parent_note"),
+    zIndex: 1500
+  }), React__default.createElement(ConfirmDeleteDialog, {
     open: openDeleteNoteDialog,
     toggle: handleCloseDeleteDialog,
     onConfirm: handleDeleteNote,
@@ -17204,7 +17059,7 @@ Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==t
 
 var ReactApexChart = unwrapExports(reactApexcharts_min);
 
-var styles$5 = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","overall-response-1":"_1AeGu","overall-response-2":"_1xTB0","overall-response-3":"_3Yu_5","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw","loader":"_2uC7T","dot":"_Xz-Mr","bounce":"_3THgz"};
+var styles$4 = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","overall-response-1":"_1AeGu","overall-response-2":"_1xTB0","overall-response-3":"_3Yu_5","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw","loader":"_2uC7T","dot":"_Xz-Mr","bounce":"_3THgz"};
 
 var printStyles = {"page-break":"_35kyG","print-exact-color":"_1PFgl","avoid-break-inside":"_3rPGh"};
 
@@ -17373,7 +17228,7 @@ var AnswerItem = function AnswerItem(_ref) {
     },
     key: data.id
   }, React__default.createElement("div", {
-    className: styles$5["myAnswerItem"] + " " + styles["noGutters"]
+    className: styles$4["myAnswerItem"] + " " + styles["noGutters"]
   }, React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -17383,7 +17238,7 @@ var AnswerItem = function AnswerItem(_ref) {
       padding: "5px 8px"
     }
   }, data.isStar ? React__default.createElement(iconStarQuestion, null) : React__default.createElement(iconNoStarQuestion, null), React__default.createElement("span", {
-    className: styles$5["questionOrder"]
+    className: styles$4["questionOrder"]
   }, t("number_question", {
     number: data.questionOrder + 1
   }))), React__default.createElement("div", {
@@ -17394,11 +17249,11 @@ var AnswerItem = function AnswerItem(_ref) {
       gap: "4px"
     }
   }, data.isCorrect && data.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer, null), React__default.createElement("span", {
-    className: styles$5["answerCorrect"]
+    className: styles$4["answerCorrect"]
   }, t("correct"))), !data.isCorrect && data.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer$1, null), React__default.createElement("span", {
-    className: styles$5["answerIncorrect"]
+    className: styles$4["answerIncorrect"]
   }, t("incorrect"))), data.selectedAnswers === "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconNoGrass, null), React__default.createElement("span", {
-    className: styles$5["answerNograss"]
+    className: styles$4["answerNograss"]
   }, t("no_solution")))), React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -17409,12 +17264,12 @@ var AnswerItem = function AnswerItem(_ref) {
     style: {
       margin: 0
     },
-    className: styles$5["answer-response"] + " " + styles$5["answer-response-" + data.answerResponseSignal]
+    className: styles$4["answer-response"] + " " + styles$4["answer-response-" + data.answerResponseSignal]
   }, formatTimeSecond(Math.round(data.duration), t)) : React__default.createElement("p", {
     style: {
       margin: 0
     },
-    className: styles$5["answerNoTime"]
+    className: styles$4["answerNoTime"]
   }, t("no_time"))), React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -17425,13 +17280,13 @@ var AnswerItem = function AnswerItem(_ref) {
     style: {
       margin: 0
     },
-    className: styles$5["answer-response"] + " " + styles$5["answer-response-" + data.answerResponseSignal]
+    className: styles$4["answer-response"] + " " + styles$4["answer-response-" + data.answerResponseSignal]
   }, formatTimeDiff(data.duration, data.topDuration, t)) : React__default.createElement("p", {
     style: {
       margin: 0,
       textAlign: "center"
     },
-    className: styles$5["answerNoTime"]
+    className: styles$4["answerNoTime"]
   }, "-")), React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -17442,12 +17297,12 @@ var AnswerItem = function AnswerItem(_ref) {
     style: {
       margin: 0
     },
-    className: styles$5["answer-response"] + " " + getOverallColorClassName(data.overallCorrectRate, styles$5)
+    className: styles$4["answer-response"] + " " + getOverallColorClassName(data.overallCorrectRate, styles$4)
   }, data.overallCorrectRate.toFixed(2) + "%") : React__default.createElement("p", {
     style: {
       margin: 0
     },
-    className: styles$5["answerNoTime"]
+    className: styles$4["answerNoTime"]
   }, t("no_time"))), isStudent && !isLearningSpace && React__default.createElement(material.Box, {
     className: styles["custom-col-2"]
   }, openContextMenu ? React__default.createElement(material.ClickAwayListener, {
@@ -17514,7 +17369,7 @@ var MyAnswer = function MyAnswer(_ref) {
     }));
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["myanswer"]
+    className: "" + styles$4["myanswer"]
   }, formattedData && formattedData.length > 0 && formattedData.map(function (item) {
     return React__default.createElement("div", {
       key: item.category.id
@@ -17524,7 +17379,7 @@ var MyAnswer = function MyAnswer(_ref) {
       bgcolor: "#F9FAFB",
       flexDirection: "row",
       padding: "12px",
-      className: styles$5["myAnswerItem"] + " " + styles["noGutters"]
+      className: styles$4["myAnswerItem"] + " " + styles["noGutters"]
     }, React__default.createElement("div", {
       className: styles["custom-col-2"],
       style: {
@@ -17603,7 +17458,7 @@ var MyAnswer = function MyAnswer(_ref) {
         alignItems: "center"
       }
     }, t("total_correct_rate")))), React__default.createElement("div", {
-      className: styles$5["titleMyAnswer2"]
+      className: styles$4["titleMyAnswer2"]
     }, React__default.createElement(material.Typography, {
       sx: {
         color: "#97A1AF",
@@ -17616,7 +17471,7 @@ var MyAnswer = function MyAnswer(_ref) {
         fontWeight: 700
       }
     }, item.category.name))), React__default.createElement("div", {
-      className: styles$5["contentMyAnswer"]
+      className: styles$4["contentMyAnswer"]
     }, React__default.createElement(ListView, {
       data: item.questions,
       render: function render(question, index) {
@@ -17732,7 +17587,7 @@ var CompareGrass = function CompareGrass(_ref2) {
           borderTop: index < effectSize.length - 1 ? "1px solid transparent" : undefined
         }
       }, React__default.createElement("td", {
-        className: styles$5["tdcolumn1"]
+        className: styles$4["tdcolumn1"]
       }, t("problem"), " ", item.questionOrder + 1), React__default.createElement("td", {
         style: {
           textAlign: "center",
@@ -17740,9 +17595,9 @@ var CompareGrass = function CompareGrass(_ref2) {
           maxWidth: "30%"
         }
       }, typeof item.correctAnswers === "string" ? renderAnswer(item.questionAnswerType, item.correctAnswers) : renderTextbookAnswer(item.questionAnswerType, item.correctAnswers, item.correctTextualAnswers, true)), React__default.createElement("td", {
-        className: styles$5["tdcolumn3"],
+        className: styles$4["tdcolumn3"],
         style: {
-          color: item.isCorrect ? styles$5.green_support_900 : styles$5.red_900,
+          color: item.isCorrect ? styles$4.green_support_900 : styles$4.red_900,
           maxWidth: "30%"
         }
       }, typeof item.selectedAnswers === "string" ? renderAnswer(item.questionAnswerType, item.selectedAnswers) : renderTextbookAnswer(item.questionAnswerType, item.selectedAnswers, item.textualAnswers)), React__default.createElement("td", {
@@ -17753,7 +17608,7 @@ var CompareGrass = function CompareGrass(_ref2) {
       }, renderAnswer(item.questionAnswerType, item.mostSelectedAnswers)), React__default.createElement("td", {
         className: "" + printStyles["avoid-break-inside"]
       }, React__default.createElement("div", {
-        className: styles$5["classification"] + " " + printStyles["avoid-break-inside"]
+        className: styles$4["classification"] + " " + printStyles["avoid-break-inside"]
       }, item.problemCategories.map(function (problem, index) {
         return React__default.createElement(material.Stack, {
           flexDirection: "row",
@@ -17796,11 +17651,11 @@ var CompareGrass = function CompareGrass(_ref2) {
     });
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["compareGrass"]
+    className: "" + styles$4["compareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["tableCompareGrass"]
+    className: styles$4["tableCompareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["table-responsive"]
+    className: styles$4["table-responsive"]
   }, React__default.createElement(material.Table, {
     style: {
       width: "100%"
@@ -17812,7 +17667,7 @@ var CompareGrass = function CompareGrass(_ref2) {
     },
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: styles$5["thcolumn1"]
+    className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
     style: {
       textAlign: "center"
@@ -17893,37 +17748,37 @@ var TrickyProblem = function TrickyProblem(_ref) {
   });
   var renderProblems = function renderProblems() {
     return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
-      className: styles$5["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
     }, React__default.createElement(iconX, null), React__default.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React__default.createElement("div", {
-      className: styles$5["wrongQuestions"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["wrongQuestions"] + " " + printStyles["avoid-break-inside"]
     }, !!(inCorrectQuestions !== null && inCorrectQuestions !== void 0 && inCorrectQuestions.length) && inCorrectQuestions.map(function (question) {
       return React__default.createElement("span", {
         key: question.id,
-        className: styles$5["question"]
+        className: styles$4["question"]
       }, t("number_question", {
         number: question.questionOrder + 1
       }));
     }), !(data !== null && data !== void 0 && data.questions.length) && React__default.createElement("div", {
-      className: styles$5["noData"]
+      className: styles$4["noData"]
     }, t("no_data"))), React__default.createElement("div", {
-      className: styles$5["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
     }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React__default.createElement("div", {
-      className: styles$5["assignedQuestions"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["assignedQuestions"] + " " + printStyles["avoid-break-inside"]
     }, !!(correctQuestions !== null && correctQuestions !== void 0 && correctQuestions.length) && correctQuestions.map(function (question) {
       return React__default.createElement("div", {
         key: question.id,
-        className: styles$5["question"]
+        className: styles$4["question"]
       }, t("number_question", {
         number: question.questionOrder + 1
       }));
     }), !(data !== null && data !== void 0 && data.questions.length) && React__default.createElement("div", {
-      className: styles$5["noData"]
+      className: styles$4["noData"]
     }, t("no_data"))));
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
     }
@@ -17935,10 +17790,10 @@ var TrickyProblem = function TrickyProblem(_ref) {
     }
   }, t("tricky_problems")), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, renderProblems()));
 };
 
@@ -17964,9 +17819,9 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
           borderBottom: "1px solid #e4e7ec"
         } : {}
       }, React__default.createElement("td", {
-        className: styles$5["tdcolumn1"],
+        className: styles$4["tdcolumn1"],
         style: {
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -17975,22 +17830,22 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       })), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
       }, item.duration ? formatTimeSecond(item.duration, t) : ""), React__default.createElement("td", {
-        className: styles$5["tdcolumn3"],
+        className: styles$4["tdcolumn3"],
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
       }, item.topDuration ? formatTimeSecond(item.topDuration, t) : ""), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: isBetter ? styles$5.dark : styles$5.red_900,
+          color: isBetter ? styles$4.dark : styles$4.red_900,
           fontSize: "13px",
           fontWeight: 600
         }
@@ -18006,15 +17861,15 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       return React__default.createElement(material.Stack, {
         direction: "row",
         flexWrap: "nowrap",
-        className: styles$5["content"] + " " + printStyles["avoid-break-inside"],
+        className: styles$4["content"] + " " + printStyles["avoid-break-inside"],
         key: item.id
       }, React__default.createElement(material.Box, {
         width: "160px",
-        className: styles$5["contentColumn1"]
+        className: styles$4["contentColumn1"]
       }, React__default.createElement(material.Stack, null, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["span1"]
+        className: styles$4["span1"]
       }, t("problem")), React__default.createElement("span", {
-        className: styles$5["span2"]
+        className: styles$4["span2"]
       }, t("number_question", {
         number: item.questionOrder + 1
       }))), (category === null || category === void 0 ? void 0 : category.name) && React__default.createElement(material.Typography, {
@@ -18025,22 +17880,22 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
           textAlign: "center"
         }
       }, category.name))), React__default.createElement(material.Box, {
-        className: styles$5["contentColumn2"]
+        className: styles$4["contentColumn2"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["span1"]
+        className: styles$4["span1"]
       }, t("my_time")), React__default.createElement("span", {
-        className: styles$5["span2"]
+        className: styles$4["span2"]
       }, t("top_time"))), React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["duration"]
+        className: styles$4["duration"]
       }, formatTimeSecond(item.duration, t)), React__default.createElement("span", {
-        className: styles$5["topDuration"]
+        className: styles$4["topDuration"]
       }, formatTimeSecond(item.topDuration, t)))));
     });
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
     }
@@ -18056,20 +17911,20 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
     }
   }, t("problems_that_took_a_long_time")), React__default.createElement(material.Typography, {
     sx: {
-      color: styles$5.gray_300,
+      color: styles$4.gray_300,
       fontSize: "11px",
       fontWeight: 500
     }
   }, t("protracted_problem_detail"))), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, data.length ? React__default.createElement("div", {
-    className: styles$5["tableCompareGrass"]
+    className: styles$4["tableCompareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["table-responsive"]
+    className: styles$4["table-responsive"]
   }, React__default.createElement(material.Table, {
     style: {
       width: "100%",
@@ -18081,7 +17936,7 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
     },
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: styles$5["thcolumn1"]
+    className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
     style: {
       textAlign: "center"
@@ -18095,7 +17950,7 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       textAlign: "center"
     }
   }, t("time_comparison")))), React__default.createElement("tbody", null, isMyStoryStudent ? renderTableBody(data) : renderQuestions(data))))) : React__default.createElement("div", {
-    className: styles$5["noData"] + " " + printStyles["avoid-break-inside"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -18167,39 +18022,39 @@ var Vulnerable = function Vulnerable(_ref) {
           borderBottom: index < data.length - 1 ? "1px solid #e4e7ec" : undefined
         }
       }, React__default.createElement("td", {
-        className: styles$5["tdcolumn1"],
+        className: styles$4["tdcolumn1"],
         style: {
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 600
         }
       }, React__default.createElement(material.Typography, {
-        color: styles$5.gray_900,
+        color: styles$4.gray_900,
         fontSize: "13px",
         fontWeight: 600
       }, t("problem") + " " + (item.questionOrder + 1))), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.dark,
+          color: styles$4.dark,
           fontSize: "13px",
           fontWeight: 600
         }
       }, item.overallCorrectRate.toFixed(2) ? item.overallCorrectRate.toFixed(2) + "%" : ""), React__default.createElement("td", {
-        className: styles$5["tdcolumn3"],
+        className: styles$4["tdcolumn3"],
         style: {
-          color: styles$5.red_900,
+          color: styles$4.red_900,
           fontSize: "13px",
           fontWeight: 500
         }
       }, typeof item.selectedAnswers === "string" ? renderAnswer(item.questionAnswerType, item.selectedAnswers) : renderTextbookAnswer(item.questionAnswerType, item.selectedAnswers, item.textualAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700
+          color: styles$4.gray_700
         }
       }, typeof item.correctAnswers === "string" ? renderAnswer(item.questionAnswerType, item.correctAnswers) : renderTextbookAnswer(item.questionAnswerType, item.correctAnswers, item.correctTextualAnswers, true)), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700
+          color: styles$4.gray_700
         }
       }, item.category.name ? item.category.name : ""));
     });
@@ -18210,18 +18065,18 @@ var Vulnerable = function Vulnerable(_ref) {
       return React__default.createElement(material.Stack, {
         direction: "row",
         flexWrap: "nowrap",
-        className: styles$5["content"] + " " + printStyles["avoid-break-inside"],
+        className: styles$4["content"] + " " + printStyles["avoid-break-inside"],
         key: question.id
       }, React__default.createElement(material.Box, {
         width: "160px",
-        className: styles$5["contentColumn1"]
+        className: styles$4["contentColumn1"]
       }, React__default.createElement(material.Stack, {
         direction: "column",
         gap: 1
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["span1"]
+        className: styles$4["span1"]
       }, t("problem_number")), React__default.createElement("span", {
-        className: styles$5["span2"]
+        className: styles$4["span2"]
       }, t("number_question", {
         number: question.questionOrder + 1
       }))), ((_question$category = question.category) === null || _question$category === void 0 ? void 0 : _question$category.name) && React__default.createElement(material.Typography, {
@@ -18232,18 +18087,18 @@ var Vulnerable = function Vulnerable(_ref) {
           textAlign: "center"
         }
       }, question.category.name))), React__default.createElement(material.Box, {
-        className: styles$5["contentColumn2"],
+        className: styles$4["contentColumn2"],
         sx: {
           alignItems: "center"
         }
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["span1"]
+        className: styles$4["span1"]
       }, t("total_correct_rate")), React__default.createElement("span", {
-        className: styles$5["span2"]
+        className: styles$4["span2"]
       }, t("my_wrong_answer"))), React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["overallCorrectRate"]
+        className: styles$4["overallCorrectRate"]
       }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
-        className: styles$5["answer"]
+        className: styles$4["answer"]
       }, typeof question.selectedAnswers === "string" ? renderAnswer(question.questionAnswerType, question.selectedAnswers) : renderTextbookAnswer(question.questionAnswerType, question.selectedAnswers, question.textualAnswers), " ", t("answer"), " ", typeof question.correctAnswers === "string" ? renderAnswer(question.questionAnswerType, question.correctAnswers) : renderTextbookAnswer(question.questionAnswerType, question.correctAnswers, question.correctTextualAnswers, true)))));
     });
   };
@@ -18251,9 +18106,9 @@ var Vulnerable = function Vulnerable(_ref) {
     changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: handleToggle
   }, React__default.createElement(material.Stack, {
     flexDirection: "row",
@@ -18267,20 +18122,20 @@ var Vulnerable = function Vulnerable(_ref) {
     }
   }, t("issues_vulnerable")), React__default.createElement(material.Typography, {
     sx: {
-      color: styles$5.gray_300,
+      color: styles$4.gray_300,
       fontSize: "11px",
       fontWeight: 500
     }
   }, t("vulnerable_detail"))), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, incorrectQuestions.length ? React__default.createElement("div", {
-    className: styles$5["tableCompareGrass"]
+    className: styles$4["tableCompareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["table-responsive"]
+    className: styles$4["table-responsive"]
   }, isMyStoryStudent && React__default.createElement(material.Table, {
     style: {
       width: "100%",
@@ -18292,7 +18147,7 @@ var Vulnerable = function Vulnerable(_ref) {
     },
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: styles$5["thcolumn1"]
+    className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
     style: {
       textAlign: "center"
@@ -18310,7 +18165,7 @@ var Vulnerable = function Vulnerable(_ref) {
       textAlign: "center"
     }
   }, t("_category")))), React__default.createElement("tbody", null, renderTableBody(incorrectQuestions))), !isMyStoryStudent && renderQuestions(incorrectQuestions))) : React__default.createElement("div", {
-    className: styles$5["noData"] + " " + printStyles["avoid-break-inside"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -18361,24 +18216,24 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
           borderBottom: index < data.length - 1 ? "1px solid #e4e7ec" : undefined
         }
       }, React__default.createElement("td", {
-        className: styles$5["tdcolumn1"],
+        className: styles$4["tdcolumn1"],
         style: {
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 600
         }
       }, item.name), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 600
         }
       }, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("td", {
-        className: styles$5["tdcolumn3"],
+        className: styles$4["tdcolumn3"],
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -18387,7 +18242,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       }) : ""), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -18396,7 +18251,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       }) : ""), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -18409,26 +18264,26 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
         left: item.percentageAmongStudents + "%"
       };
       return React__default.createElement("div", {
-        className: styles$5["contentProblem"] + " " + printStyles["avoid-break-inside"],
+        className: styles$4["contentProblem"] + " " + printStyles["avoid-break-inside"],
         key: item.id
       }, React__default.createElement("div", {
-        className: styles$5["labelProblem"]
+        className: styles$4["labelProblem"]
       }, React__default.createElement("span", {
-        className: styles$5["name"]
+        className: styles$4["name"]
       }, item.name), React__default.createElement("div", {
-        className: styles$5["percent"]
+        className: styles$4["percent"]
       }, React__default.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, t("problems")))), React__default.createElement("div", {
-        className: styles$5["slider"]
+        className: styles$4["slider"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["track"],
+        className: styles$4["track"],
         style: trackStyle
       }))));
     });
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : ProblemKey.GradesByTerritory);
     }
@@ -18440,14 +18295,14 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     }
   }, t("grades_by_area")), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, formattedData.length ? React__default.createElement("div", {
-    className: styles$5["tableCompareGrass"]
+    className: styles$4["tableCompareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["table-responsive"]
+    className: styles$4["table-responsive"]
   }, isMyStoryStudent && React__default.createElement(material.Table, {
     style: {
       width: "100%",
@@ -18459,7 +18314,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     },
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: styles$5["thcolumn1"]
+    className: styles$4["thcolumn1"]
   }, t("categories")), React__default.createElement("th", {
     style: {
       textAlign: "center"
@@ -18477,40 +18332,197 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       textAlign: "center"
     }
   }, t("total_solve_time")))), React__default.createElement("tbody", null, renderTableBody(formattedData))), !isMyStoryStudent && renderCategories(formattedData))) : React__default.createElement("div", {
-    className: styles$5["noData"] + " " + printStyles["avoid-break-inside"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
+var iconWarning = function iconWarning(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "17" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "16" : _ref$height,
+    color = _ref.color;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 17 16",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M14.5335 12.4712L9.20754 2.58062C8.83004 1.87937 7.82441 1.87937 7.4466 2.58062L2.12097 12.4712C2.03901 12.6235 1.99792 12.7944 2.00171 12.9672C2.00549 13.1401 2.05404 13.309 2.14259 13.4575C2.23115 13.606 2.3567 13.729 2.50698 13.8145C2.65726 13.9 2.82714 13.9451 3.00004 13.9453H13.6529C13.8259 13.9453 13.996 13.9005 14.1465 13.8151C14.2969 13.7297 14.4227 13.6067 14.5115 13.4582C14.6002 13.3096 14.6489 13.1406 14.6527 12.9676C14.6566 12.7946 14.6155 12.6236 14.5335 12.4712ZM8.32722 12.4141C8.20361 12.4141 8.08277 12.3774 7.97999 12.3087C7.87721 12.2401 7.7971 12.1424 7.7498 12.0282C7.7025 11.914 7.69012 11.7884 7.71423 11.6671C7.73835 11.5459 7.79787 11.4345 7.88528 11.3471C7.97269 11.2597 8.08405 11.2002 8.20529 11.1761C8.32653 11.152 8.4522 11.1643 8.5664 11.2116C8.6806 11.2589 8.77822 11.3391 8.84689 11.4418C8.91557 11.5446 8.95222 11.6654 8.95222 11.7891C8.95222 11.8711 8.93606 11.9524 8.90465 12.0282C8.87324 12.1041 8.8272 12.173 8.76917 12.231C8.71113 12.289 8.64223 12.3351 8.5664 12.3665C8.49057 12.3979 8.4093 12.4141 8.32722 12.4141ZM9.00597 6.12813L8.8266 9.94063C8.8266 10.0732 8.77392 10.2004 8.68015 10.2942C8.58638 10.3879 8.45921 10.4406 8.3266 10.4406C8.19399 10.4406 8.06681 10.3879 7.97305 10.2942C7.87928 10.2004 7.8266 10.0732 7.8266 9.94063L7.64722 6.12969C7.64319 6.03862 7.65754 5.94768 7.6894 5.86227C7.72127 5.77687 7.77 5.69875 7.8327 5.63259C7.8954 5.56642 7.97078 5.51355 8.05434 5.47713C8.13791 5.44072 8.22795 5.4215 8.3191 5.42063H8.32566C8.41743 5.42058 8.50826 5.43912 8.59267 5.47515C8.67708 5.51117 8.75331 5.56392 8.81677 5.63021C8.88023 5.6965 8.92961 5.77497 8.96191 5.86087C8.99421 5.94676 9.00878 6.03832 9.00472 6.13L9.00597 6.12813Z",
+    fill: "#DB4D4D"
+  }));
+};
+
+var schema$3 = yup.object().shape({
+  content: yup.string().required()
+});
 function CreateNewQuestionDialog(_ref) {
-  var _handleCreateQuestion = _ref.handleCreateQuestion,
+  var handleCreateQuestion = _ref.handleCreateQuestion,
     openCreateQuestionDialog = _ref.openCreateQuestionDialog,
     onCloseCreateQuestion = _ref.onCloseCreateQuestion,
     studentTextbookId = _ref.studentTextbookId,
     examSessionId = _ref.examSessionId,
     selectedQuestion = _ref.selectedQuestion,
     questionOptions = _ref.questionOptions;
-  var schema = yup.object().shape({
-    content: yup.string().required()
-  });
-  var initialValues = {
-    content: "",
-    questionId: (selectedQuestion === null || selectedQuestion === void 0 ? void 0 : selectedQuestion.id) || 0
-  };
-  return React__default.createElement(CommonCreateNewQuestionDialog, {
-    handleCreateQuestion: function handleCreateQuestion(values) {
-      return _handleCreateQuestion(_extends({}, values, {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    keyboardOpen = _useState[0],
+    setKeyboardOpen = _useState[1];
+  React.useEffect(function () {
+    var handleResize = function handleResize() {
+      if (window.innerHeight < window.outerHeight) {
+        setKeyboardOpen(true);
+      } else {
+        setKeyboardOpen(false);
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return function () {
+      return window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  return React__default.createElement(material.Dialog, {
+    onClose: onCloseCreateQuestion,
+    open: openCreateQuestionDialog,
+    PaperProps: {
+      sx: {
+        minWidth: "363px",
+        overflowY: "unset",
+        position: "relative",
+        bottom: keyboardOpen ? "0" : undefined,
+        transition: "top 0.3s ease"
+      }
+    }
+  }, React__default.createElement(DialogTitle, {
+    id: "customized-dialog-title"
+  }, React__default.createElement(Typography, {
+    fontWeight: 700,
+    fontSize: "16px",
+    lineHeight: "19.09px",
+    color: "#202B37"
+  }, t("ask_a_question"))), React__default.createElement(IconButton, {
+    "aria-label": "close",
+    sx: {
+      position: "absolute",
+      right: 8,
+      top: 8,
+      color: function color(theme) {
+        return theme.palette.grey[500];
+      }
+    },
+    onClick: onCloseCreateQuestion
+  }, React__default.createElement(iconCloseDialog, null)), React__default.createElement(formik.Formik, {
+    initialValues: {
+      content: "",
+      questionId: (selectedQuestion === null || selectedQuestion === void 0 ? void 0 : selectedQuestion.id) || 0
+    },
+    validationSchema: schema$3,
+    onSubmit: function onSubmit(values) {
+      handleCreateQuestion(_extends({}, values, {
         examSessionId: examSessionId,
         studentTextbookId: studentTextbookId
       }));
-    },
-    nameContent: "content",
-    nameQuestion: "questionId",
-    openDialog: openCreateQuestionDialog,
-    onClose: onCloseCreateQuestion,
-    options: questionOptions,
-    schema: schema,
-    initialValues: initialValues
-  });
+    }
+  }, function (_ref2) {
+    var values = _ref2.values,
+      errors = _ref2.errors,
+      setFieldValue = _ref2.setFieldValue;
+    return React__default.createElement(formik.Form, null, React__default.createElement(DialogContent, {
+      sx: {
+        padding: 0,
+        overflowY: "auto"
+      }
+    }, React__default.createElement(material.Box, {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      padding: "24px 24px 40px 24px"
+    }, React__default.createElement(material.Stack, null, React__default.createElement("label", {
+      htmlFor: "questions",
+      className: styles["form-label"] + "  " + styles$4["form-label-dialog"]
+    }, t("questions_to_ask")), React__default.createElement(formik.Field, {
+      id: "questions",
+      name: "questionId",
+      render: function render(_ref3) {
+        var field = _ref3.field;
+        return React__default.createElement(CustomSelect, Object.assign({}, field, {
+          id: "questions",
+          menuPlacement: "bottom",
+          options: questionOptions,
+          onChange: function onChange(_ref4) {
+            var value = _ref4.value;
+            return setFieldValue("questionId", value);
+          },
+          isClearable: false
+        }));
+      }
+    })), React__default.createElement(material.Stack, null, React__default.createElement("label", {
+      htmlFor: "content-question",
+      className: styles["form-label"] + "  " + styles$4["form-label-dialog"]
+    }, t("question_content")), React__default.createElement(material.Box, {
+      position: "relative",
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center"
+    }, React__default.createElement(formik.Field, {
+      as: "textarea",
+      rows: 3,
+      id: "content-question",
+      style: {
+        paddingRight: "40px"
+      },
+      name: "content",
+      placeholder: t("the_problem_is_difficult"),
+      className: styles["form-control"]
+    }), (errors === null || errors === void 0 ? void 0 : errors.content) && React__default.createElement(material.Box, {
+      position: "absolute",
+      right: 0,
+      padding: "0 12px",
+      display: "flex",
+      alignItems: "center"
+    }, React__default.createElement(iconWarning, null))), React__default.createElement(material.Box, {
+      marginBottom: "4px"
+    }), React__default.createElement(Typography, {
+      fontWeight: 500,
+      fontSize: "10px",
+      lineHeight: "11.93px",
+      color: !(errors !== null && errors !== void 0 && errors.content) ? "#97A1AF" : styles$4.red_900
+    }, !(errors !== null && errors !== void 0 && errors.content) ? t("your_questions_will_be_sent_to_the_counselor") : t("please_enter_your_question"))))), React__default.createElement(DialogActions, {
+      sx: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        padding: "12px",
+        borderTop: "1px solid #CED2DA"
+      }
+    }, React__default.createElement(MButton, {
+      className: styles$4["btn-cancel"],
+      onClick: onCloseCreateQuestion
+    }, React__default.createElement(Typography, {
+      sx: {
+        color: styles.dark + " !important"
+      },
+      fontWeight: 700,
+      fontSize: "14px",
+      lineHeight: "16.71px"
+    }, t("cancel"))), React__default.createElement(MButton, {
+      variant: "contained",
+      sx: {
+        bgcolor: styles.dark
+      },
+      className: styles$4["btn-register"],
+      type: "submit",
+      disabled: !values.content.trim().length
+    }, React__default.createElement(Typography, {
+      fontWeight: 700,
+      fontSize: "14px",
+      lineHeight: "16.71px",
+      color: "#FFFFFF"
+    }, t("registration")))));
+  }));
 }
 
 var _excluded$8 = ["children", "value", "index"];
@@ -18557,18 +18569,18 @@ var TimeOrderChart = function TimeOrderChart(_ref) {
       color: "#414E62"
     }
   }, t("article_number"), " ", timelyOrderQuestion.article), React__default.createElement("div", {
-    className: styles$5["compareChart"] + " " + printStyles["avoid-break-inside"]
+    className: styles$4["compareChart"] + " " + printStyles["avoid-break-inside"]
   }, React__default.createElement("div", {
-    className: "" + styles$5["prevChart"]
+    className: "" + styles$4["prevChart"]
   }), React__default.createElement("div", {
-    className: styles$5["chart"] + " sr-line-chart"
+    className: styles$4["chart"] + " sr-line-chart"
   }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
     ref: chartRef,
     height: 389,
     options: chartOptions,
     series: series
   }))), React__default.createElement("div", {
-    className: "" + styles$5["nextChart"]
+    className: "" + styles$4["nextChart"]
   })));
 };
 
@@ -18607,7 +18619,7 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
     },
     key: data.id
   }, React__default.createElement("div", {
-    className: styles$5["myAnswerItem"] + " " + styles["noGutters"]
+    className: styles$4["myAnswerItem"] + " " + styles["noGutters"]
   }, React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -18617,7 +18629,7 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
       padding: "5px 8px"
     }
   }, data.isStar ? React__default.createElement(iconStarQuestion, null) : React__default.createElement(iconNoStarQuestion, null), React__default.createElement("span", {
-    className: styles$5["questionOrder"]
+    className: styles$4["questionOrder"]
   }, t("number_question", {
     number: data.questionOrder + 1
   }))), React__default.createElement("div", {
@@ -18628,11 +18640,11 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
       gap: "4px"
     }
   }, data.isCorrect && (!!((_data$selectedAnswers = data.selectedAnswers) !== null && _data$selectedAnswers !== void 0 && _data$selectedAnswers.length) || !!((_data$textualAnswers = data.textualAnswers) !== null && _data$textualAnswers !== void 0 && _data$textualAnswers.length)) && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer, null), React__default.createElement("span", {
-    className: styles$5["answerCorrect"]
+    className: styles$4["answerCorrect"]
   }, t("correct"))), !data.isCorrect && (!!((_data$selectedAnswers2 = data.selectedAnswers) !== null && _data$selectedAnswers2 !== void 0 && _data$selectedAnswers2.length) || !!((_data$textualAnswers2 = data.textualAnswers) !== null && _data$textualAnswers2 !== void 0 && _data$textualAnswers2.length)) && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer$1, null), React__default.createElement("span", {
-    className: styles$5["answerIncorrect"]
+    className: styles$4["answerIncorrect"]
   }, t("incorrect"))), !((_data$selectedAnswers3 = data.selectedAnswers) !== null && _data$selectedAnswers3 !== void 0 && _data$selectedAnswers3.length) && !((_data$textualAnswers3 = data.textualAnswers) !== null && _data$textualAnswers3 !== void 0 && _data$textualAnswers3.length) && React__default.createElement(React.Fragment, null, React__default.createElement(iconNoGrass, null), React__default.createElement("span", {
-    className: styles$5["answerNograss"]
+    className: styles$4["answerNograss"]
   }, t("no_solution")))), React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -18643,12 +18655,12 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
     style: {
       margin: 0
     },
-    className: styles$5["answer-response"] + " " + styles$5["answer-response-" + data.answerResponseSignal]
+    className: styles$4["answer-response"] + " " + styles$4["answer-response-" + data.answerResponseSignal]
   }, formatTimeSecond(Math.round(data.duration), t)) : React__default.createElement("p", {
     style: {
       margin: 0
     },
-    className: styles$5["answerNoTime"]
+    className: styles$4["answerNoTime"]
   }, t("no_time"))), React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -18659,13 +18671,13 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
     style: {
       margin: 0
     },
-    className: styles$5["answer-response"] + " " + styles$5["answer-response-" + data.answerResponseSignal]
+    className: styles$4["answer-response"] + " " + styles$4["answer-response-" + data.answerResponseSignal]
   }, formatTimeDiff(data.duration, data.topDuration, t)) : React__default.createElement("p", {
     style: {
       margin: 0,
       textAlign: "center"
     },
-    className: styles$5["answerNoTime"]
+    className: styles$4["answerNoTime"]
   }, "-")), React__default.createElement("div", {
     className: styles["custom-col-2"],
     style: {
@@ -18676,12 +18688,12 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
     style: {
       margin: 0
     },
-    className: styles$5["answer-response"] + " " + getOverallColorClassName(data.overallCorrectRate, styles$5)
+    className: styles$4["answer-response"] + " " + getOverallColorClassName(data.overallCorrectRate, styles$4)
   }, data.overallCorrectRate.toFixed(2) + "%") : React__default.createElement("p", {
     style: {
       margin: 0
     },
-    className: styles$5["answerNoTime"]
+    className: styles$4["answerNoTime"]
   }, t("no_time"))), isStudent && !isLearningSpace && React__default.createElement(material.Box, {
     className: styles["custom-col-2"]
   }, openContextMenu ? React__default.createElement(material.ClickAwayListener, {
@@ -18753,7 +18765,7 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
     }));
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["myanswer"]
+    className: "" + styles$4["myanswer"]
   }, formattedData && formattedData.length > 0 && formattedData.map(function (item) {
     var _item$categories;
     return React__default.createElement("div", {
@@ -18764,7 +18776,7 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
       bgcolor: "#F9FAFB",
       flexDirection: "row",
       padding: "12px",
-      className: styles$5["myAnswerItem"] + " " + styles["noGutters"]
+      className: styles$4["myAnswerItem"] + " " + styles["noGutters"]
     }, React__default.createElement("div", {
       className: styles["custom-col-2"],
       style: {
@@ -18843,7 +18855,7 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
         alignItems: "center"
       }
     }, t("total_correct_rate")))), React__default.createElement("div", {
-      className: styles$5["titleMyAnswer2"]
+      className: styles$4["titleMyAnswer2"]
     }, React__default.createElement(material.Typography, {
       sx: {
         color: "#97A1AF",
@@ -18858,7 +18870,7 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
     }, (_item$categories = item.categories) === null || _item$categories === void 0 ? void 0 : _item$categories.map(function (i) {
       return i.name;
     }).join(" / ")))), React__default.createElement("div", {
-      className: styles$5["contentMyAnswer"]
+      className: styles$4["contentMyAnswer"]
     }, React__default.createElement(ListView, {
       data: item.questions,
       render: function render(question, index) {
@@ -18888,24 +18900,24 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
           borderBottom: index < (data === null || data === void 0 ? void 0 : data.length) - 1 ? "1px solid #e4e7ec" : undefined
         }
       }, React__default.createElement("td", {
-        className: styles$5["tdcolumn1"],
+        className: styles$4["tdcolumn1"],
         style: {
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 600
         }
       }, item.name), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 600
         }
       }, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("td", {
-        className: styles$5["tdcolumn3"],
+        className: styles$4["tdcolumn3"],
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -18914,7 +18926,7 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
       }) : ""), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -18923,7 +18935,7 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
       }) : ""), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700,
+          color: styles$4.gray_700,
           fontSize: "13px",
           fontWeight: 500
         }
@@ -18937,26 +18949,26 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
         left: item.percentageAmongStudents + "%"
       };
       return React__default.createElement("div", {
-        className: styles$5["contentProblem"] + " " + printStyles["avoid-break-inside"],
+        className: styles$4["contentProblem"] + " " + printStyles["avoid-break-inside"],
         key: item.id
       }, React__default.createElement("div", {
-        className: styles$5["labelProblem"]
+        className: styles$4["labelProblem"]
       }, React__default.createElement("span", {
-        className: styles$5["name"]
+        className: styles$4["name"]
       }, item.name), React__default.createElement("div", {
-        className: styles$5["percent"]
+        className: styles$4["percent"]
       }, React__default.createElement("span", null, (_item$percentageAmong = item.percentageAmongStudents) === null || _item$percentageAmong === void 0 ? void 0 : _item$percentageAmong.toFixed(2), "%"), React__default.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, t("problems")))), React__default.createElement("div", {
-        className: styles$5["slider"]
+        className: styles$4["slider"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["track"],
+        className: styles$4["track"],
         style: trackStyle
       }))));
     });
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : ProblemKey.GradesByTerritory);
     }
@@ -18968,14 +18980,14 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
     }
   }, t("grades_by_area")), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, formattedData.length ? React__default.createElement("div", {
-    className: styles$5["tableCompareGrass"]
+    className: styles$4["tableCompareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["table-responsive"]
+    className: styles$4["table-responsive"]
   }, isMyStoryStudent && React__default.createElement(material.Table, {
     style: {
       width: "100%",
@@ -18987,7 +18999,7 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
     },
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: styles$5["thcolumn1"]
+    className: styles$4["thcolumn1"]
   }, t("categories")), React__default.createElement("th", {
     style: {
       textAlign: "center"
@@ -19005,7 +19017,7 @@ var TextbookGradesByTerritory = function TextbookGradesByTerritory(_ref) {
       textAlign: "center"
     }
   }, t("total_solve_time")))), React__default.createElement("tbody", null, renderTableBody(formattedData))), !isMyStoryStudent && renderCategories(formattedData))) : React__default.createElement("div", {
-    className: styles$5["noData"] + " " + printStyles["avoid-break-inside"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -19078,39 +19090,39 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
           borderBottom: index < (data === null || data === void 0 ? void 0 : data.length) - 1 ? "1px solid #e4e7ec" : undefined
         }
       }, React__default.createElement("td", {
-        className: styles$5["tdcolumn1"],
+        className: styles$4["tdcolumn1"],
         style: {
-          color: styles$5.gray_900,
+          color: styles$4.gray_900,
           fontSize: "13px",
           fontWeight: 600
         }
       }, React__default.createElement(material.Typography, {
-        color: styles$5.gray_900,
+        color: styles$4.gray_900,
         fontSize: "13px",
         fontWeight: 600
       }, t("problem") + " " + (item.questionOrder + 1))), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.dark,
+          color: styles$4.dark,
           fontSize: "13px",
           fontWeight: 600
         }
       }, item.overallCorrectRate.toFixed(2) ? item.overallCorrectRate.toFixed(2) + "%" : ""), React__default.createElement("td", {
-        className: styles$5["tdcolumn3"],
+        className: styles$4["tdcolumn3"],
         style: {
-          color: styles$5.red_900,
+          color: styles$4.red_900,
           fontSize: "13px",
           fontWeight: 500
         }
       }, typeof item.selectedAnswers === "string" ? renderAnswer(item.questionAnswerType, item.selectedAnswers) : renderTextbookAnswer(item.questionAnswerType, item.selectedAnswers, item.textualAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700
+          color: styles$4.gray_700
         }
       }, typeof item.correctAnswers === "string" ? renderAnswer(item.questionAnswerType, item.correctAnswers) : renderTextbookAnswer(item.questionAnswerType, item.correctAnswers, item.correctTextualAnswers, true)), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: styles$5.gray_700
+          color: styles$4.gray_700
         }
       }, item.categories ? item.categories.map(function (i) {
         return i.name;
@@ -19122,31 +19134,31 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
       return React__default.createElement(material.Grid, {
         container: true,
         flexWrap: "nowrap",
-        className: styles$5["content"] + " " + printStyles["avoid-break-inside"],
+        className: styles$4["content"] + " " + printStyles["avoid-break-inside"],
         key: question.id
       }, React__default.createElement(material.Grid, {
         item: true,
         xs: 1.5,
         minWidth: "120px",
-        className: styles$5["contentColumn1"]
+        className: styles$4["contentColumn1"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["span1"]
+        className: styles$4["span1"]
       }, t("problem_number")), React__default.createElement("span", {
-        className: styles$5["span2"]
+        className: styles$4["span2"]
       }, t("number_question", {
         number: question.questionOrder + 1
       })))), React__default.createElement(material.Grid, {
         item: true,
         xs: 10.5,
-        className: styles$5["contentColumn2"]
+        className: styles$4["contentColumn2"]
       }, React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["span1"]
+        className: styles$4["span1"]
       }, t("total_correct_rate")), React__default.createElement("span", {
-        className: styles$5["span2"]
+        className: styles$4["span2"]
       }, t("my_wrong_answer"))), React__default.createElement("div", null, React__default.createElement("span", {
-        className: styles$5["overallCorrectRate"]
+        className: styles$4["overallCorrectRate"]
       }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
-        className: styles$5["answer"]
+        className: styles$4["answer"]
       }, typeof question.selectedAnswers === "string" ? renderAnswer(question.questionAnswerType, question.selectedAnswers) : renderTextbookAnswer(question.questionAnswerType, question.selectedAnswers, question.textualAnswers), " ", t("answer"), " ", typeof question.correctAnswers === "string" ? renderAnswer(question.questionAnswerType, question.correctAnswers) : renderTextbookAnswer(question.questionAnswerType, question.correctAnswers, question.correctTextualAnswers, true)))));
     });
   };
@@ -19154,9 +19166,9 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
     changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: handleToggle
   }, React__default.createElement(material.Stack, {
     flexDirection: "row",
@@ -19170,20 +19182,20 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
     }
   }, t("issues_vulnerable")), React__default.createElement(material.Typography, {
     sx: {
-      color: styles$5.gray_300,
+      color: styles$4.gray_300,
       fontSize: "11px",
       fontWeight: 500
     }
   }, t("vulnerable_detail"))), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, incorrectQuestions !== null && incorrectQuestions !== void 0 && incorrectQuestions.length ? React__default.createElement("div", {
-    className: styles$5["tableCompareGrass"]
+    className: styles$4["tableCompareGrass"]
   }, React__default.createElement("div", {
-    className: styles$5["table-responsive"]
+    className: styles$4["table-responsive"]
   }, isMyStoryStudent && React__default.createElement(material.Table, {
     style: {
       width: "100%",
@@ -19195,7 +19207,7 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
     },
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: styles$5["thcolumn1"]
+    className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
     style: {
       textAlign: "center"
@@ -19213,7 +19225,7 @@ var TextbookVulnerable = function TextbookVulnerable(_ref) {
       textAlign: "center"
     }
   }, t("_category")))), React__default.createElement("tbody", null, renderTableBody(incorrectQuestions))), !isMyStoryStudent && renderQuestions(incorrectQuestions))) : React__default.createElement("div", {
-    className: styles$5["noData"] + " " + printStyles["avoid-break-inside"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -19233,37 +19245,37 @@ var TextbookTrickyProblem = function TextbookTrickyProblem(_ref) {
   });
   var renderProblems = function renderProblems() {
     return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
-      className: styles$5["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
     }, React__default.createElement(iconX, null), React__default.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React__default.createElement("div", {
-      className: styles$5["wrongQuestions"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["wrongQuestions"] + " " + printStyles["avoid-break-inside"]
     }, !!(inCorrectQuestions !== null && inCorrectQuestions !== void 0 && inCorrectQuestions.length) && (inCorrectQuestions === null || inCorrectQuestions === void 0 ? void 0 : inCorrectQuestions.map(function (question) {
       return React__default.createElement("span", {
         key: question.id,
-        className: styles$5["question"]
+        className: styles$4["question"]
       }, t("number_question", {
         number: question.questionOrder + 1
       }));
     })), !(data !== null && data !== void 0 && data.studentQuestionResults.length) && React__default.createElement("div", {
-      className: styles$5["noData"]
+      className: styles$4["noData"]
     }, t("no_data"))), React__default.createElement("div", {
-      className: styles$5["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
     }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React__default.createElement("div", {
-      className: styles$5["assignedQuestions"] + " " + printStyles["avoid-break-inside"]
+      className: styles$4["assignedQuestions"] + " " + printStyles["avoid-break-inside"]
     }, !!(correctQuestions !== null && correctQuestions !== void 0 && correctQuestions.length) && (correctQuestions === null || correctQuestions === void 0 ? void 0 : correctQuestions.map(function (question) {
       return React__default.createElement("div", {
         key: question.id,
-        className: styles$5["question"]
+        className: styles$4["question"]
       }, t("number_question", {
         number: question.questionOrder + 1
       }));
     })), !(data !== null && data !== void 0 && data.studentQuestionResults.length) && React__default.createElement("div", {
-      className: styles$5["noData"]
+      className: styles$4["noData"]
     }, t("no_data"))));
   };
   return React__default.createElement("div", {
-    className: "" + styles$5["wrapperProblem"]
+    className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$5["titleProblemClose"] : styles$5["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
     }
@@ -19275,10 +19287,10 @@ var TextbookTrickyProblem = function TextbookTrickyProblem(_ref) {
     }
   }, t("tricky_problems")), isOpen ? React__default.createElement(io5.IoChevronUp, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   }) : React__default.createElement(io5.IoChevronDown, {
     size: 24,
-    color: styles$5.gray_300
+    color: styles$4.gray_300
   })), isOpen && React__default.createElement(React.Fragment, null, renderProblems()));
 };
 
@@ -19996,7 +20008,7 @@ var useExamResultData = function useExamResultData(props) {
           }
         }
       }),
-      colors: [styles$5.dark, styles$5.purple_900],
+      colors: [styles$4.dark, styles$4.purple_900],
       xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
         categories: ["s"].concat(Array.from({
           length: questionLength
@@ -21003,18 +21015,18 @@ var ExamResultV2 = function ExamResultV2(props) {
     value: selected,
     index: 1
   }, React__default.createElement("div", {
-    className: styles$5["compareChart"]
+    className: styles$4["compareChart"]
   }, React__default.createElement("div", {
-    className: styles$5["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
+    className: styles$4["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
     onClick: handlePrevChart
   }, React__default.createElement(iconBtnPrevChart, null)), React__default.createElement("div", {
-    className: styles$5["chart"] + " sr-line-chart"
+    className: styles$4["chart"] + " sr-line-chart"
   }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
     height: 389,
     options: chartOptions,
     series: series
   }))), React__default.createElement("div", {
-    className: styles$5["nextChart"] + " " + (dataChartIndex < timelyOrderQuestions.length - 1 && "pointer"),
+    className: styles$4["nextChart"] + " " + (dataChartIndex < timelyOrderQuestions.length - 1 && "pointer"),
     onClick: handleNextChart
   }, React__default.createElement(iconBtnNextChart, null)))), React__default.createElement(CustomTabPanel, {
     value: selected,
@@ -21208,13 +21220,13 @@ var LoadingDots = function LoadingDots(_ref) {
     color: "#FFF",
     fontSize: 20
   }, text), React__default.createElement("div", {
-    className: styles$5["loader"]
+    className: styles$4["loader"]
   }, React__default.createElement("div", {
-    className: styles$5["dot"]
+    className: styles$4["dot"]
   }), React__default.createElement("div", {
-    className: styles$5["dot"]
+    className: styles$4["dot"]
   }), React__default.createElement("div", {
-    className: styles$5["dot"]
+    className: styles$4["dot"]
   })));
 };
 
@@ -22056,7 +22068,7 @@ var usePreparedExam = function usePreparedExam(_ref) {
   };
 };
 
-var styles$6 = {"drawer":"_1k4kj","open":"_IB2-g","drawer-overlay":"_xnHGE","drawer-header":"_1gLOh","drawer-form":"_2pLGg","dropdown-content-academy":"_1rR7s","dropdown-change":"_1Hcs4","btn-register":"_37IIN","btn-cancel":"_KDkNh","dropdown-academy-item":"_1-srV","dropdown-content-language":"_88rAE","dropdown-item-language":"_2jjUW","dropdown-item-language-active":"_27lik","item-address":"_tGib4","item-logout":"_1MXIb","title-address":"_A_I15","image-academy":"_3zxbi","slick-dots":"_VlpW7","slick-active":"_1zzu9","slider-container":"_1lCoM","button":"__sLSD","variable-width":"_1AnqW","slick-slide":"_3ZJaN","center":"_jUOZF","slick-center":"_35s6t","content":"_1dQdx","image":"_1feWs","slick-loading":"_FchLZ","slick-slider":"_1T7zW","slick-thumb":"_o2Tkt","slides":"_1FY2k","slick-next":"_23Pi9","slick-prev":"_2g2iD","heroBanner_qdFl":"_2y7lQ","buttons_AeoN":"_KMW2P","mdxPageWrapper_j9I6":"_3dqhE","collapseSidebarButton_PEFL":"_24wBH","expandButton_TmdG":"_2LXBj","announcementBarClose_gvF7":"_32uEE","announcementBarPlaceholder_vyr4":"_2PagL","navbarSearchContainer_Bca1":"_3Uiqm","lastUpdated_vwxv":"_1UNOJ","tocMobile_ITEo":"_qcGlb","collapseSidebarButtonIcon_kv0_":"_2G6Hz","expandButtonIcon_i1dp":"_1IMu8","menuHtmlItem_M9Kj":"_1YUka","menu_SIkG":"_FgMDa","menuWithAnnouncementBar_GW3s":"_zUamI","sidebar_njMd":"_3E4Oo","sidebarWithHideableNavbar_wUlq":"_3xviA","sidebarHidden_VK0M":"_cWHWX","sidebarLogo_isFc":"_UMHGX","docSidebarContainer_YfHR":"_1SwXt","docSidebarContainerHidden_DPk8":"_3h6KW","sidebarViewport_aRkj":"_2OCK_","docMainContainer_TBSr":"_FuxZS","docMainContainerEnhanced_lQrH":"_ZUdP4","docItemWrapperEnhanced_JWYK":"_2AmPG","docItemCol_VOVn":"_3GmBr","container":"_1UB4R","col":"_csNus","footer":"_gceZJ","colorModeToggle_DEke":"_OawS_","footer__link-separator":"_3fzLh","navbar__item":"_1wyV6","tableOfContents_bqdL":"_3tGM4","footer__col":"_3DllA","footer__link-item":"_2ibTz","hero":"_369-d","navbar":"_5LWZt","container-fluid":"_2GcNI","navbar__toggle":"_2YjZl","navbar__search-input":"_3__u0","pills--block":"_2f7GT","tabs--block":"_3xrdo","docItemContainer_F8PC":"_6P_Dr","markdown":"_2xZt0","backToTopButton_sjWU":"_2bUwo","thin-scrollbar":"_1mrmJ","announcementBar_mb4j":"_2oveE","menu":"_14IWx","pagination-nav":"_3S8xG","table-of-contents":"_SnjS9","tabs":"_qpa-q","codeBlockLines_e6Vv":"_2ou2J"};
+var styles$5 = {"drawer":"_1k4kj","open":"_IB2-g","drawer-overlay":"_xnHGE","drawer-header":"_1gLOh","drawer-form":"_2pLGg","dropdown-content-academy":"_1rR7s","dropdown-change":"_1Hcs4","btn-register":"_37IIN","btn-cancel":"_KDkNh","dropdown-academy-item":"_1-srV","dropdown-content-language":"_88rAE","dropdown-item-language":"_2jjUW","dropdown-item-language-active":"_27lik","item-address":"_tGib4","item-logout":"_1MXIb","title-address":"_A_I15","image-academy":"_3zxbi","slick-dots":"_VlpW7","slick-active":"_1zzu9","slider-container":"_1lCoM","button":"__sLSD","variable-width":"_1AnqW","slick-slide":"_3ZJaN","center":"_jUOZF","slick-center":"_35s6t","content":"_1dQdx","image":"_1feWs","slick-loading":"_FchLZ","slick-slider":"_1T7zW","slick-thumb":"_o2Tkt","slides":"_1FY2k","slick-next":"_23Pi9","slick-prev":"_2g2iD","heroBanner_qdFl":"_2y7lQ","buttons_AeoN":"_KMW2P","mdxPageWrapper_j9I6":"_3dqhE","collapseSidebarButton_PEFL":"_24wBH","expandButton_TmdG":"_2LXBj","announcementBarClose_gvF7":"_32uEE","announcementBarPlaceholder_vyr4":"_2PagL","navbarSearchContainer_Bca1":"_3Uiqm","lastUpdated_vwxv":"_1UNOJ","tocMobile_ITEo":"_qcGlb","collapseSidebarButtonIcon_kv0_":"_2G6Hz","expandButtonIcon_i1dp":"_1IMu8","menuHtmlItem_M9Kj":"_1YUka","menu_SIkG":"_FgMDa","menuWithAnnouncementBar_GW3s":"_zUamI","sidebar_njMd":"_3E4Oo","sidebarWithHideableNavbar_wUlq":"_3xviA","sidebarHidden_VK0M":"_cWHWX","sidebarLogo_isFc":"_UMHGX","docSidebarContainer_YfHR":"_1SwXt","docSidebarContainerHidden_DPk8":"_3h6KW","sidebarViewport_aRkj":"_2OCK_","docMainContainer_TBSr":"_FuxZS","docMainContainerEnhanced_lQrH":"_ZUdP4","docItemWrapperEnhanced_JWYK":"_2AmPG","docItemCol_VOVn":"_3GmBr","container":"_1UB4R","col":"_csNus","footer":"_gceZJ","colorModeToggle_DEke":"_OawS_","footer__link-separator":"_3fzLh","navbar__item":"_1wyV6","tableOfContents_bqdL":"_3tGM4","footer__col":"_3DllA","footer__link-item":"_2ibTz","hero":"_369-d","navbar":"_5LWZt","container-fluid":"_2GcNI","navbar__toggle":"_2YjZl","navbar__search-input":"_3__u0","pills--block":"_2f7GT","tabs--block":"_3xrdo","docItemContainer_F8PC":"_6P_Dr","markdown":"_2xZt0","backToTopButton_sjWU":"_2bUwo","thin-scrollbar":"_1mrmJ","announcementBar_mb4j":"_2oveE","menu":"_14IWx","pagination-nav":"_3S8xG","table-of-contents":"_SnjS9","tabs":"_qpa-q","codeBlockLines_e6Vv":"_2ou2J"};
 
 var ResetFilterDialog = function ResetFilterDialog(_ref) {
   var t = _ref.t,
@@ -22120,7 +22132,7 @@ var ResetFilterDialog = function ResetFilterDialog(_ref) {
       borderTop: "1px solid #CED2DA"
     }
   }, React__default.createElement(material.Button, {
-    className: styles$6["btn-cancel"],
+    className: styles$5["btn-cancel"],
     onClick: onClose
   }, React__default.createElement(material.Typography, {
     sx: {
@@ -22131,7 +22143,7 @@ var ResetFilterDialog = function ResetFilterDialog(_ref) {
     lineHeight: "16.71px"
   }, t("close"))), React__default.createElement(material.Button, {
     variant: "contained",
-    className: styles$6["btn-register"],
+    className: styles$5["btn-register"],
     type: "submit",
     sx: {
       padding: "12px 47px"
@@ -22550,7 +22562,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
       borderTop: "1px solid #CED2DA"
     }
   }, React__default.createElement(material.Button, {
-    className: styles$6["btn-cancel"],
+    className: styles$5["btn-cancel"],
     onClick: onClose
   }, React__default.createElement(material.Typography, {
     sx: {
@@ -22625,7 +22637,6 @@ var StartPageDialog = function StartPageDialog(_ref) {
       render: function render(_ref3) {
         var field = _objectWithoutPropertiesLoose(_ref3, _excluded$9);
         return React__default.createElement(CustomSelectOption, Object.assign({
-          maxMenuHeight: 150,
           menuPosition: "fixed",
           onChange: function onChange(option) {
             return setFieldValue('startPage', option === null || option === void 0 ? void 0 : option.value);
@@ -22642,7 +22653,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
         borderTop: "1px solid #CED2DA"
       }
     }, React__default.createElement(material.Button, {
-      className: styles$6["btn-cancel"],
+      className: styles$5["btn-cancel"],
       onClick: onClose
     }, React__default.createElement(material.Typography, {
       sx: {
@@ -22653,7 +22664,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
       lineHeight: "16.71px"
     }, t("cancel"))), React__default.createElement(material.Button, {
       variant: "contained",
-      className: styles$6["btn-register"],
+      className: styles$5["btn-register"],
       type: "submit",
       sx: {
         padding: "12px 47px"
@@ -23230,7 +23241,7 @@ var DeleteTextbookDialog = function DeleteTextbookDialog(_ref) {
       borderTop: "1px solid #CED2DA"
     }
   }, React__default.createElement(material.Button, {
-    className: styles$6["btn-cancel"],
+    className: styles$5["btn-cancel"],
     onClick: onClose
   }, React__default.createElement(material.Typography, {
     sx: {
@@ -23241,7 +23252,7 @@ var DeleteTextbookDialog = function DeleteTextbookDialog(_ref) {
     lineHeight: "16.71px"
   }, t("cancel"))), React__default.createElement(material.Button, {
     variant: "contained",
-    className: styles$6["btn-register"],
+    className: styles$5["btn-register"],
     type: "submit",
     sx: {
       padding: "12px 47px"
@@ -23353,13 +23364,13 @@ var TextbookInfoDrawer = function TextbookInfoDrawer(_ref) {
   var theme = material.useTheme();
   var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
   return React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles$6["drawer-overlay"] + " " + (isOpen && styles$6["open"]),
+    className: styles$5["drawer-overlay"] + " " + (isOpen && styles$5["open"]),
     onClick: function onClick() {
       return onClose();
     }
   }), React__default.createElement(material.Stack, {
     width: isTabletUp ? "50vw" : "100%",
-    className: styles$6["drawer"] + " bg-white " + (isOpen && styles$6["open"])
+    className: styles$5["drawer"] + " bg-white " + (isOpen && styles$5["open"])
   }, React__default.createElement(material.Stack, {
     bgcolor: styles.gray_50,
     borderBottom: "1px solid " + styles.gray_100,
@@ -26390,7 +26401,7 @@ var LessonFormBody = function LessonFormBody(_ref) {
   }, React__default.createElement(demo.DemoContainer, {
     components: ["DatePicker"]
   }, React__default.createElement(DatePicker.DatePicker, {
-    className: "" + styles$3["date-picker"],
+    className: "" + styles$2["date-picker"],
     format: t("date_format"),
     maxDate: endDate ? moment(endDate).local() : undefined,
     minDate: startDate ? moment(startDate).local() : undefined,
@@ -26408,7 +26419,7 @@ var LessonFormBody = function LessonFormBody(_ref) {
   }, t("main_teacher"), " ", React__default.createElement("span", {
     className: "text-danger"
   }, "*")), React__default.createElement("div", {
-    className: "" + styles$3["teacher-selector-wrapper"]
+    className: "" + styles$2["teacher-selector-wrapper"]
   }, React__default.createElement(TeacherSelector, {
     value: formikProp.values.mainTeacherId,
     teachers: teachers,
@@ -26436,7 +26447,7 @@ var LessonFormBody = function LessonFormBody(_ref) {
       return formikProp.setFieldValue("startTime", newValue);
     },
     timezone: "system",
-    className: styles$3["time-picker"] + " w-100",
+    className: styles$2["time-picker"] + " w-100",
     slotProps: {
       textField: {
         onClick: function onClick() {
@@ -26470,7 +26481,7 @@ var LessonFormBody = function LessonFormBody(_ref) {
       return formikProp.setFieldValue("endTime", newValue);
     },
     timezone: "system",
-    className: styles$3["time-picker"] + " w-100",
+    className: styles$2["time-picker"] + " w-100",
     slotProps: {
       textField: {
         onClick: function onClick() {
@@ -27267,7 +27278,7 @@ var RECENT_USER_ACTION_HEADERS = [{
 }];
 var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
-var styles$7 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
+var styles$6 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
 var _excluded$c = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
@@ -28392,7 +28403,7 @@ var DeleteUserCsvDialog = function DeleteUserCsvDialog(_ref) {
     size: "xs",
     title: t('delete_users_csv')
   }, React__default.createElement(material.DialogContent, null, React__default.createElement("div", {
-    className: "" + styles$7["drop-area"],
+    className: "" + styles$6["drop-area"],
     onDrop: handleDrop,
     onDragOver: handleDragOver,
     onClick: handleChooseFile
@@ -28521,10 +28532,10 @@ var UserRow = function UserRow(_ref) {
     className: "d-flex"
   }, isAdmin || isSuperAdmin ? React__default.createElement(material.IconButton, {
     color: "default",
-    className: styles$7["action-btn"] + " bg-warning text-white me-2",
+    className: styles$6["action-btn"] + " bg-warning text-white me-2",
     onClick: handleViewOrUpdate
   }, React__default.createElement(hi.HiOutlinePencilAlt, {
-    className: styles$7["action-btn--pencil"],
+    className: styles$6["action-btn--pencil"],
     size: 16
   })) : React__default.createElement(material.IconButton, {
     color: "default",
@@ -28535,7 +28546,7 @@ var UserRow = function UserRow(_ref) {
   })), (isAdmin || isSuperAdmin) && React__default.createElement(material.IconButton, {
     onClick: handleDelete,
     color: "default",
-    className: styles$7["action-btn"] + " bg-danger text-white"
+    className: styles$6["action-btn"] + " bg-danger text-white"
   }, React__default.createElement(fa6.FaTrashCan, {
     size: 12
   })))));
@@ -28621,7 +28632,7 @@ var UserList = function UserList(_ref) {
       bgcolor: theme.palette.primary.main
     },
     startIcon: React__default.createElement(md.MdDownload, {
-      className: "" + styles$7["icon-rotate-180"],
+      className: "" + styles$6["icon-rotate-180"],
       size: 14
     }),
     onClick: handleChooseFile
@@ -28632,7 +28643,7 @@ var UserList = function UserList(_ref) {
       bgcolor: theme.palette.error.main
     },
     startIcon: React__default.createElement(md.MdDownload, {
-      className: "" + styles$7["icon-rotate-180"],
+      className: "" + styles$6["icon-rotate-180"],
       size: 14
     }),
     onClick: handleToggleDeleteUserCsv
@@ -28768,7 +28779,7 @@ var UserList = function UserList(_ref) {
   })));
 };
 
-var styles$8 = {"question":"_2uc_W","question-article":"_2p7kY","question-title":"_2tHmc","question-label":"_26ATj","question-input":"_3R8PR","question-btn":"_1VZac"};
+var styles$7 = {"question":"_2uc_W","question-article":"_2p7kY","question-title":"_2tHmc","question-label":"_26ATj","question-input":"_3R8PR","question-btn":"_1VZac"};
 
 var BpIcon = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
@@ -28841,7 +28852,7 @@ var QuestionView = function QuestionView(_ref2) {
           mb: "16px"
         }, React__default.createElement(material.Stack, null, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
           htmlFor: "textual_answer",
-          className: styles$8["question-label"] + " form-label"
+          className: styles$7["question-label"] + " form-label"
         }, t("textual_answer")), React__default.createElement(material.TextField, {
           sx: {
             "& .MuiInputBase-input": {
@@ -28869,7 +28880,7 @@ var QuestionView = function QuestionView(_ref2) {
         }).map(function (i) {
           return React__default.createElement(material.FormControlLabel, {
             key: i,
-            className: styles$8["question-label"] + " w-fit",
+            className: styles$7["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
             onChange: function onChange(e) {
@@ -28900,7 +28911,7 @@ var QuestionView = function QuestionView(_ref2) {
         }).map(function (i) {
           return React__default.createElement(material.FormControlLabel, {
             key: i,
-            className: styles$8["question-label"] + " w-fit",
+            className: styles$7["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
             onChange: function onChange(e) {
@@ -28943,7 +28954,7 @@ var QuestionView = function QuestionView(_ref2) {
   }, React__default.createElement(material.Grid, {
     container: true
   }, React__default.createElement("div", {
-    className: styles$8["question-title"] + " me-2 text-nowrap"
+    className: styles$7["question-title"] + " me-2 text-nowrap"
   }, t("problem_number_question", {
     number: question.questionOrder + 1
   }))), React__default.createElement(material.Grid, {
@@ -28956,7 +28967,7 @@ var QuestionView = function QuestionView(_ref2) {
     mb: "16px"
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "title",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("title")), React__default.createElement(material.TextField, {
     fullWidth: true,
     value: question.title,
@@ -28971,7 +28982,7 @@ var QuestionView = function QuestionView(_ref2) {
     mb: "16px"
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "author",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("author")), React__default.createElement(material.TextField, {
     fullWidth: true,
     value: question.author,
@@ -28986,7 +28997,7 @@ var QuestionView = function QuestionView(_ref2) {
     mb: "16px"
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "subject",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("subject")), React__default.createElement(material.TextField, {
     fullWidth: true,
     value: question.subject,
@@ -29005,7 +29016,7 @@ var QuestionView = function QuestionView(_ref2) {
     mb: "16px"
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "type",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("type")), React__default.createElement(CustomSelectOption, {
     isTextbook: true,
     valueById: question.type,
@@ -29019,7 +29030,7 @@ var QuestionView = function QuestionView(_ref2) {
     lg: 3
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "question_answer_type",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("question_answer_type")), React__default.createElement(CustomSelect, {
     isDisabled: isDisabled,
     value: question.questionAnswerType,
@@ -29039,7 +29050,7 @@ var QuestionView = function QuestionView(_ref2) {
     xs: 4,
     lg: 4
   }, React__default.createElement("div", {
-    className: styles$8["question-title"] + " me-2 text-nowrap"
+    className: styles$7["question-title"] + " me-2 text-nowrap"
   }, t("problem_number_question", {
     number: question.questionOrder + 1
   }))), !isTextbook && React__default.createElement(material.Grid, {
@@ -29052,7 +29063,7 @@ var QuestionView = function QuestionView(_ref2) {
     lg: 4
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "question_answer_type",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("question_answer_type")), React__default.createElement(CustomSelect, {
     isDisabled: isDisabled,
     value: question.questionAnswerType,
@@ -29186,11 +29197,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
     onDelete === null || onDelete === void 0 ? void 0 : onDelete(article);
   };
   return React__default.createElement("div", {
-    className: "d-flex " + styles$8["question"] + " " + (isActive ? styles$8["question--active"] : ""),
-    style: {
-      maxHeight: "95%",
-      overflow: 'scroll'
-    }
+    className: "d-flex " + styles$7["question"] + " " + (isActive ? styles$7["question--active"] : "")
   }, React__default.createElement("div", {
     className: "py-1"
   }, React__default.createElement(pi.PiDotsNineLight, {
@@ -29198,9 +29205,9 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
   })), React__default.createElement("div", {
     className: "px-2"
   }, React__default.createElement("p", {
-    className: "mb-0 " + styles$8["question-article"]
+    className: "mb-0 " + styles$7["question-article"]
   }, t("article_number")), React__default.createElement("p", {
-    className: "text-center " + styles$8["question-article"]
+    className: "text-center " + styles$7["question-article"]
   }, article)), React__default.createElement("div", {
     className: "flex-grow-1"
   }, React__default.createElement(material.Grid, {
@@ -29221,7 +29228,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
     lg: 3
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "question_count",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("questions")), React__default.createElement(QuestionCountSelector, {
     id: "question_count",
     value: questionCount,
@@ -29240,7 +29247,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "category",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("category")), React__default.createElement(ArticleCategorySelector, {
     style: {
       "div:has(&)": {
@@ -29260,7 +29267,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
     lg: 3
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
     htmlFor: "answer_count",
-    className: styles$8["question-label"] + " form-label"
+    className: styles$7["question-label"] + " form-label"
   }, t("answer_count")), React__default.createElement(AnswerCountSelector, {
     id: "answer_count",
     value: answerCount,
@@ -29785,7 +29792,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     xs: 5,
     className: 'mb-2'
   }, React__default.createElement("label", {
-    className: styles["form-label"] + " " + styles$8["question-label"],
+    className: styles["form-label"] + " " + styles$7["question-label"],
     htmlFor: "title"
   }, t("exam_name")), React__default.createElement("input", {
     disabled: isDisabled,
@@ -29799,7 +29806,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     xs: 3,
     className: 'mb-2'
   }, React__default.createElement("label", {
-    className: styles["form-label"] + " " + styles$8["question-label"],
+    className: styles["form-label"] + " " + styles$7["question-label"],
     htmlFor: "duration"
   }, t("exam_duration")), React__default.createElement(CustomSelect, {
     inputId: "duration",
@@ -29812,7 +29819,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
     xs: 3,
     className: 'mb-2'
   }, React__default.createElement("label", {
-    className: styles["form-label"] + " " + styles$8["question-label"],
+    className: styles["form-label"] + " " + styles$7["question-label"],
     htmlFor: "subject"
   }, t("subject")), React__default.createElement(CustomSelect, {
     inputId: "subject",
@@ -29855,7 +29862,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
       }
     },
     disabled: isDisabled,
-    className: "w-100 d-flex justify-content-center align-items-center " + styles$8["question-btn"] + " mt-3",
+    className: "w-100 d-flex justify-content-center align-items-center " + styles$7["question-btn"] + " mt-3",
     onClick: handleAddArticle
   }, React__default.createElement(fa.FaPlusCircle, {
     className: "me-2"
@@ -30149,9 +30156,12 @@ var _ChapterBox = function ChapterBox(_ref) {
 
 var TEXTBOOK_URL$1 = BASE_URL + "/api/textbooks";
 var SUPER_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook/personal-textbooks";
-var getTextbookListApi$2 = function getTextbookListApi(query, isSuperAdmin) {
-  return api.get("" + (isSuperAdmin ? SUPER_TEXTBOOK_URL : TEXTBOOK_URL$1), {
-    params: query
+var SUPER_ADMIN_PREPARED_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook/prepared-textbooks";
+var getTextbookListApi$2 = function getTextbookListApi(query, isSuperAdmin, isPersonal) {
+  return api.get("" + (isSuperAdmin ? isPersonal ? SUPER_TEXTBOOK_URL : SUPER_ADMIN_PREPARED_TEXTBOOK_URL : TEXTBOOK_URL$1), {
+    params: _extends({}, query, {
+      isPrepared: true
+    })
   });
 };
 var getTextbookByIdApi$1 = function getTextbookByIdApi(textbookId, isSuperAdmin) {
@@ -30163,8 +30173,8 @@ var createTextbookApi = function createTextbookApi(data) {
 var updateTextbookApi = function updateTextbookApi(textbookId, data) {
   return api.put(TEXTBOOK_URL$1 + "/" + textbookId, data);
 };
-var deleteTextbookApi$1 = function deleteTextbookApi(textbookId) {
-  return api["delete"](TEXTBOOK_URL$1 + "/" + textbookId);
+var deleteTextbookApi$1 = function deleteTextbookApi(textbookId, onAcademy) {
+  return api["delete"]((onAcademy ? TEXTBOOK_URL$1 : SUPER_ADMIN_PREPARED_TEXTBOOK_URL) + "/" + textbookId);
 };
 var shareTextbookApi = function shareTextbookApi(textbookId, data) {
   return api.post(TEXTBOOK_URL$1 + "/" + textbookId + "/shared-textbook", data);
@@ -30205,24 +30215,44 @@ var DefaultTeacherQuery = {
   sortColumnDirection: exports.OrderType.DESC,
   sortColumnName: TeacherSortBy$1.Name
 };
-var TEXTBOOK_HEADERS = [{
-  title: "#"
-}, {
-  title: "textbook_title",
-  sortKey: TextbookSortBy$1.Title
-}, {
-  title: "textbook_subject",
-  sortKey: TextbookSortBy$1.SubjectName
-}, {
-  title: "created_at",
-  sortKey: TextbookSortBy$1.CreatedAt
-}, {
-  title: "total_chapters"
-}, {
-  title: "authority"
-}, {
-  title: ["edit_action", "view_action", "share_action", "update_shared_action", "delete_action"]
-}];
+var TEXTBOOK_HEADERS = function TEXTBOOK_HEADERS(isAdmin, isAdminSite, onAcademy) {
+  var headers = [{
+    title: "#"
+  }, {
+    title: "image"
+  }, {
+    title: "textbook_title",
+    sortKey: TextbookSortBy$1.Title
+  }, {
+    title: "textbook_subject",
+    sortKey: TextbookSortBy$1.SubjectName
+  }, {
+    title: "created_at",
+    sortKey: TextbookSortBy$1.CreatedAt
+  }, {
+    title: "total_chapters"
+  }, {
+    title: "total_uses"
+  }];
+  if (onAcademy && !isAdmin && !isAdminSite) {
+    headers.push({
+      title: "teacher_personal_textbook"
+    });
+  }
+  if (onAcademy) {
+    headers.push({
+      title: "authority"
+    });
+    headers.push({
+      title: ["edit_action", "view_action", "share_action", "update_shared_action", "delete_action"]
+    });
+  } else {
+    headers.push({
+      title: ["edit_action", "view_action", "delete_action"]
+    });
+  }
+  return headers;
+};
 var TEACHER_ACADEMY_HEADERS = [{
   title: ""
 }, {
@@ -31417,7 +31447,7 @@ var ArticleDialog = function ArticleDialog(_ref) {
   }, t("add")))));
 };
 
-var styles$9 = {"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 styles$8 = {"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$e = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
@@ -31430,17 +31460,17 @@ var CreateExamDrawer = function CreateExamDrawer(props) {
   var theme = material.useTheme();
   var isTabletUp = material.useMediaQuery(theme.breakpoints.up('lg'));
   return React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles$9["drawer-overlay"] + " " + (isOpen && styles$9["open"]),
+    className: styles$8["drawer-overlay"] + " " + (isOpen && styles$8["open"]),
     onClick: function onClick() {
       return onClose();
     }
   }), React__default.createElement("div", {
-    className: styles$9["drawer"] + " bg-white " + (isOpen && styles$9["open"]),
+    className: styles$8["drawer"] + " bg-white " + (isOpen && styles$8["open"]),
     style: {
       width: "" + (isTabletUp ? "70vw" : "100vw")
     }
   }, React__default.createElement("div", {
-    className: styles$9["drawer-header"] + " d-flex justify-content-between align-items-center"
+    className: styles$8["drawer-header"] + " d-flex justify-content-between align-items-center"
   }, React__default.createElement(material.Button, {
     variant: "outlined",
     sx: {
@@ -31459,7 +31489,7 @@ var CreateExamDrawer = function CreateExamDrawer(props) {
   }, React__default.createElement(fa.FaTimes, {
     size: 18
   }))), React__default.createElement("div", {
-    className: "" + styles$9["drawer-form"]
+    className: "" + styles$8["drawer-form"]
   }, React__default.createElement(ExamDetailView, Object.assign({}, examDetailViewProps)))));
 };
 
@@ -31676,9 +31706,10 @@ var useTextbookList = function useTextbookList(props) {
   var onNavigateCreate = props.onNavigateCreate,
     onNavigateDetail = props.onNavigateDetail,
     isSuperAdmin = props.isSuperAdmin,
+    personal = props.personal,
     role = props.role;
   var _useList = useList(function (search) {
-      return getTextbookListApi$2(search, isSuperAdmin);
+      return getTextbookListApi$2(search, isSuperAdmin, personal);
     }, TextbookDefaultQuery),
     filter = _useList.filter,
     textSearchRef = _useList.textSearchRef,
@@ -31698,6 +31729,7 @@ var useTextbookList = function useTextbookList(props) {
   var isTeacherSite = role === exports.Role.Teacher;
   var isAdmin = !!user && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin));
   var isTeacher = !!user && ((_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(exports.Role.Teacher)) && !isAdmin;
+  var onAcademy = user && !!user.academyDomain;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var dispatch = reactRedux.useDispatch();
@@ -31724,9 +31756,10 @@ var useTextbookList = function useTextbookList(props) {
       if (!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id)) return Promise.resolve();
       dispatch(setLoading(true));
       var _temp = _catch(function () {
-        return Promise.resolve(deleteTextbookApi$1(selectedTextbook.id)).then(function () {
+        return Promise.resolve(deleteTextbookApi$1(selectedTextbook.id, onAcademy)).then(function () {
           return Promise.resolve(getData(false)).then(function () {
             toggleConfirmDialog();
+            reactToastify.toast.success(t("delete_data_successfully"));
           });
         });
       }, function (error) {
@@ -31838,7 +31871,7 @@ var ShareToTeacherDialog = function ShareToTeacherDialog(_ref) {
     maxWidth: "md"
   }, React__default.createElement(material.DialogContent, {
     sx: {
-      overflowY: "auto"
+      overflowY: "unset"
     }
   }, React__default.createElement(material.Grid, {
     container: true,
@@ -31982,6 +32015,7 @@ var useTextbookShare = function useTextbookShare(props) {
   });
   var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(exports.Role.Admin));
   var isAdminSite = role === exports.Role.Admin;
+  var onAcademy = infoUser && !!infoUser.academyDomain;
   React.useEffect(function () {
     if (!isUpdate) {
       filterTeacherNotShared(currentModel);
@@ -32149,12 +32183,13 @@ var useTextbookShare = function useTextbookShare(props) {
     handleUpdateSharedTextbook: handleUpdateSharedTextbook,
     currentModel: currentModel,
     isAdmin: isAdmin,
-    isAdminSite: isAdminSite
+    isAdminSite: isAdminSite,
+    onAcademy: onAcademy
   };
 };
 
 var TextbookRow = function TextbookRow(_ref) {
-  var _infoUser$roles, _infoUser$roles2, _data$createdBy, _data$textbookOwners, _data$createdBy2, _data$createdBy3;
+  var _infoUser$roles, _infoUser$roles2, _data$createdBy, _data$textbookOwners, _data$createdBy2, _data$createdBy3, _data$sharedUsers;
   var index = _ref.index,
     data = _ref.data,
     role = _ref.role,
@@ -32181,11 +32216,11 @@ var TextbookRow = function TextbookRow(_ref) {
   });
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var isEditable = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
+  var isEditable = (!onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
     var _infoUser$email, _infoUser$email$trim;
     return (i === null || i === void 0 ? void 0 : i.email.trim().toUpperCase()) === (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$email = infoUser.email) === null || _infoUser$email === void 0 ? void 0 : (_infoUser$email$trim = _infoUser$email.trim()) === null || _infoUser$email$trim === void 0 ? void 0 : _infoUser$email$trim.toUpperCase()) && (i === null || i === void 0 ? void 0 : i.academyId) === (academy === null || academy === void 0 ? void 0 : academy.id);
-  })));
-  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id);
+  })))) && data.totalUses <= 0;
+  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) && data.totalUses <= 0;
   var isSharable = !data.isPublic && data.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && data.createdBy.id === infoUser.id);
   var handleUpdateTextbook = function handleUpdateTextbook() {
     onUpdateTextbook(data);
@@ -32204,13 +32239,26 @@ var TextbookRow = function TextbookRow(_ref) {
   };
   return React__default.createElement(material.TableRow, {
     key: data.id
-  }, React__default.createElement(material.TableCell, null, calcOrderNumber(index)), React__default.createElement(material.TableCell, null, data.name), React__default.createElement(material.TableCell, null, data.subject.name), React__default.createElement(material.TableCell, null, utcToLocalTime(data.createdAt, t("date_format"))), React__default.createElement(material.TableCell, null, data.totalChapters), isTeacher && isTeacherSite && React__default.createElement(material.TableCell, null, (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_data$createdBy3 = data.createdBy) === null || _data$createdBy3 === void 0 ? void 0 : _data$createdBy3.id) && data.isShared && React__default.createElement(fa.FaCheckCircle, {
+  }, React__default.createElement(material.TableCell, null, calcOrderNumber(index)), React__default.createElement(material.TableCell, null, React__default.createElement(material.Box, {
+    sx: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "start"
+    }
+  }, React__default.createElement("img", {
+    src: data.coverImage,
+    style: {
+      objectFit: "cover"
+    },
+    height: 100
+  }))), React__default.createElement(material.TableCell, null, data.name), React__default.createElement(material.TableCell, null, data.subject.name), React__default.createElement(material.TableCell, null, utcToLocalTime(data.createdAt, t("date_format"))), React__default.createElement(material.TableCell, null, data.totalChapters), React__default.createElement(material.TableCell, null, data.totalUses), isTeacher && isTeacherSite && React__default.createElement(material.TableCell, null, (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_data$createdBy3 = data.createdBy) === null || _data$createdBy3 === void 0 ? void 0 : _data$createdBy3.id) && data.isShared && React__default.createElement(fa.FaCheckCircle, {
     color: green[700]
-  })), React__default.createElement(material.TableCell, null, !data.isPublic && data.sharedUsers.map(function (email, index) {
-    return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", data.sharedUsers.length - 2, ")") : React__default.createElement("div", {
+  })), onAcademy && React__default.createElement(material.TableCell, null, !data.isPublic && ((_data$sharedUsers = data.sharedUsers) === null || _data$sharedUsers === void 0 ? void 0 : _data$sharedUsers.map(function (email, index) {
+    var _data$sharedUsers2;
+    return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", ((_data$sharedUsers2 = data.sharedUsers) === null || _data$sharedUsers2 === void 0 ? void 0 : _data$sharedUsers2.length) - 2, ")") : React__default.createElement("div", {
       key: index
     }, email.toLowerCase());
-  })), React__default.createElement(material.TableCell, null, React__default.createElement(material.Stack, {
+  }))), React__default.createElement(material.TableCell, null, React__default.createElement(material.Stack, {
     direction: "row",
     spacing: 1,
     alignItems: "center"
@@ -32227,13 +32275,13 @@ var TextbookRow = function TextbookRow(_ref) {
     onClick: handleViewTextbook
   }, React__default.createElement(fa.FaEye, {
     size: 12
-  })), React__default.createElement(material.IconButton, {
+  })), onAcademy && React__default.createElement(material.IconButton, {
     disabled: !isSharable,
     className: (!isSharable ? "bg-secondary" : "bg-info") + " text-white me-1",
     onClick: handleShareTextbook
   }, React__default.createElement(fa.FaShare, {
     size: 12
-  })), React__default.createElement(material.IconButton, {
+  })), onAcademy && React__default.createElement(material.IconButton, {
     disabled: !isSharable,
     className: (!isSharable ? "bg-secondary" : "bg-success") + " text-white me-1",
     onClick: handleUpdateShareTextbook
@@ -32257,8 +32305,6 @@ var TextbookList = function TextbookList(props) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useTextbookList = useTextbookList(props),
-    isTeacherSite = _useTextbookList.isTeacherSite,
-    isTeacher = _useTextbookList.isTeacher,
     filter = _useTextbookList.filter,
     textbooks = _useTextbookList.textbooks,
     paging = _useTextbookList.paging,
@@ -32278,6 +32324,9 @@ var TextbookList = function TextbookList(props) {
   var _useTextbookShare = useTextbookShare(_extends({}, props, {
       getData: getData
     })),
+    isAdmin = _useTextbookShare.isAdmin,
+    isAdminSite = _useTextbookShare.isAdminSite,
+    onAcademy = _useTextbookShare.onAcademy,
     filterShare = _useTextbookShare.filterShare,
     textSearchShareRef = _useTextbookShare.textSearchShareRef,
     pagingShare = _useTextbookShare.pagingShare,
@@ -32302,12 +32351,9 @@ var TextbookList = function TextbookList(props) {
     handleUpdateSharedTextbook = _useTextbookShare.handleUpdateSharedTextbook,
     currentModel = _useTextbookShare.currentModel;
   var textbookHeaders = React.useMemo(function () {
-    var headers = _$8.clone(TEXTBOOK_HEADERS);
-    if (isTeacher && isTeacherSite) headers.splice(5, 0, {
-      title: "teacher_personal_textbook"
-    });
+    var headers = TEXTBOOK_HEADERS(isAdmin, isAdminSite, onAcademy);
     return headers;
-  }, [isTeacher, isTeacherSite]);
+  }, [isAdmin, isAdminSite, onAcademy]);
   return React__default.createElement(LayoutList, {
     title: t(TEXTBOOK_PAGE_TITLE)
   }, React__default.createElement(material.Grid, {
@@ -32557,7 +32603,7 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
   };
 };
 
-var styles$a = {"avatar":"_8niRT"};
+var styles$9 = {"avatar":"_8niRT"};
 
 var _excluded$f = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
@@ -32678,7 +32724,7 @@ var NotificationForm = function NotificationForm(_ref) {
     className: "fw-bold mb-2",
     htmlFor: "main-teacher"
   }, t('content')), React__default.createElement("div", {
-    className: "" + styles$a["teacher-selector-wrapper"]
+    className: "" + styles$9["teacher-selector-wrapper"]
   }, React__default.createElement(TinyEditor, {
     disabled: !isAdmin && (!!id && !(data !== null && data !== void 0 && data.isOwned) || isTeacherAdmin),
     initValue: formikProp.values.content,
@@ -32697,7 +32743,7 @@ var NotificationForm = function NotificationForm(_ref) {
   }, t('type'), " ", React__default.createElement("span", {
     className: "text-danger"
   }, "*")), React__default.createElement("div", {
-    className: "" + styles$a["teacher-selector-wrapper"]
+    className: "" + styles$9["teacher-selector-wrapper"]
   }, React__default.createElement(TypeSelector, {
     disabled: !isAdmin && (!!id && !(data !== null && data !== void 0 && data.isOwned) || isTeacherAdmin),
     optionTypeNotification: isAdmin ? optionTypeNotification : optionTypeNotification.filter(function (i) {
@@ -32717,7 +32763,7 @@ var NotificationForm = function NotificationForm(_ref) {
     className: "fw-bold mb-2",
     htmlFor: "main-teacher"
   }, t('classes')), React__default.createElement("div", {
-    className: "" + styles$a["teacher-selector-wrapper"]
+    className: "" + styles$9["teacher-selector-wrapper"]
   }, React__default.createElement(ClassSelector, {
     disabled: !isAdmin && (!!id && !(data !== null && data !== void 0 && data.isOwned) || isTeacherAdmin),
     value: classOptions,
@@ -32726,7 +32772,7 @@ var NotificationForm = function NotificationForm(_ref) {
     className: "fw-bold mb-2",
     htmlFor: "main-teacher"
   }, t('students')), React__default.createElement("div", {
-    className: "" + styles$a["teacher-selector-wrapper"]
+    className: "" + styles$9["teacher-selector-wrapper"]
   }, React__default.createElement(StudentSelector, {
     disabled: !isAdmin && (!!id && !(data !== null && data !== void 0 && data.isOwned) || isTeacherAdmin),
     value: studentOptions,
@@ -33120,25 +33166,25 @@ var NotificationList = function NotificationList(_ref) {
 
 var TEXTBOOK_URL$2 = BASE_URL + "/api/textbooks";
 var PREPARED_TEXTBOOK_URL$2 = BASE_URL + "/api/textbooks/prepared-textbooks";
-var SUPER_ADMIN_PREPARED_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook/prepared-textbooks";
+var SUPER_ADMIN_PREPARED_TEXTBOOK_URL$1 = SUPER_ADMIN_BASE_URL + "/api/textbook/prepared-textbooks";
 var FILE_URL = BASE_URL + "/api/file/images";
 var SUPER_FILE_URL = SUPER_ADMIN_BASE_URL + "/api/file/images";
 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$1 : TEXTBOOK_URL$2) + "/" + id);
 };
 var getTextbookListApi$3 = function getTextbookListApi(query, isAdmin) {
-  return api.get("" + (isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL$2), {
+  return api.get("" + (isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL$1 : PREPARED_TEXTBOOK_URL$2), {
     params: query
   });
 };
 var createTextbookApi$1 = function createTextbookApi(values, isAdmin) {
-  return api.post("" + (isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL$2), values);
+  return api.post("" + (isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL$1 : PREPARED_TEXTBOOK_URL$2), values);
 };
 var updateTextbookApi$1 = function updateTextbookApi(values, id, isAdmin) {
-  return api.put((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL$2) + "/" + id, values);
+  return api.put((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL$1 : PREPARED_TEXTBOOK_URL$2) + "/" + id, values);
 };
 var getCourseByTeacherAcademy = function getCourseByTeacherAcademy(email, academyId) {
   return api.get(TEXTBOOK_URL$2 + "/owner-teacher-course", {
@@ -33149,7 +33195,7 @@ var getCourseByTeacherAcademy = function getCourseByTeacherAcademy(email, academ
   });
 };
 var deleteTextbookApi$2 = 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$1 : TEXTBOOK_URL$2) + "/" + textbookId);
 };
 
 var useTextbookManagement = function useTextbookManagement(_ref) {
@@ -33189,10 +33235,10 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var isAdminSite = role === exports.Role.Admin;
   var onAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
   var isSuperAdminUser = !!user && user.isSuperAdmin;
-  var isEditable = !selectedTextbook || !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
+  var isEditable = !selectedTextbook || (!onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
     var _user$email, _user$email$trim;
     return i.email.trim().toUpperCase() === (user === null || user === void 0 ? void 0 : (_user$email = user.email) === null || _user$email === void 0 ? void 0 : (_user$email$trim = _user$email.trim()) === null || _user$email$trim === void 0 ? void 0 : _user$email$trim.toUpperCase()) && i.academyId === (academy === null || academy === void 0 ? void 0 : academy.id);
-  }));
+  }))) && selectedTextbook.totalUses <= 0;
   var disabledTextbookOwners = !selectedTextbook && isAdmin || selectedTextbook && (!isEditable || isTeacher && ((_selectedTextbook$cre2 = selectedTextbook.createdBy) === null || _selectedTextbook$cre2 === void 0 ? void 0 : _selectedTextbook$cre2.id) !== (user === null || user === void 0 ? void 0 : user.id) || isAdmin && !isSuperAdminUser);
   var handleOpenConfirmDeleteChapterDialog = function handleOpenConfirmDeleteChapterDialog(chapter) {
     setSelectedChapter(chapter);
@@ -34069,7 +34115,7 @@ var isEqual = function isEqual(prev, next) {
 };
 var ArticleBlock$1 = React.memo(ArticleBlock, isEqual);
 
-var styles$b = {"question":"_1_ONI","question-article":"_2FdrR","question-title":"_3mgRf","question-label":"_2h0kA","question-input":"_exAl-","question-btn":"_2ksp8"};
+var styles$a = {"question":"_1_ONI","question-article":"_2FdrR","question-title":"_3mgRf","question-label":"_2h0kA","question-input":"_exAl-","question-btn":"_2ksp8"};
 
 var labelStyle = {
   textOverflow: "ellipsis",
@@ -34095,7 +34141,7 @@ var QuestionCompareType = function QuestionCompareType(_ref) {
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "compare-type",
-    className: "" + styles$b["question-label"],
+    className: "" + styles$a["question-label"],
     sx: _extends({}, labelStyle, {
       width: "unset"
     })
@@ -34139,7 +34185,7 @@ var QuestionOrderName = function QuestionOrderName(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return React__default.createElement(material.Box, {
-    className: styles$b["question-title"] + " me-2 text-nowrap",
+    className: styles$a["question-title"] + " me-2 text-nowrap",
     sx: questionTitleStyle
   }, isMath ? t("problem_number_question", {
     number: questionOrder + 1
@@ -34364,7 +34410,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
           var _data$correctAnswers2;
           return React__default.createElement(material.FormControlLabel, {
             key: i,
-            className: styles$b["question-label"] + " w-fit",
+            className: styles$a["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
             disabled: disabled,
@@ -34398,7 +34444,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
           var _data$correctAnswers4;
           return React__default.createElement(material.FormControlLabel, {
             key: i,
-            className: styles$b["question-label"] + " w-fit",
+            className: styles$a["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
             onChange: function onChange(e) {
@@ -34464,7 +34510,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     direction: "row",
     gap: 2
   }, isTextAnswerType && React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
-    className: styles$b["question-label"] + " form-label",
+    className: styles$a["question-label"] + " form-label",
     sx: _extends({}, labelStyle, {
       visibility: "hidden"
     })
@@ -34499,7 +34545,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "score",
-    className: styles$b["question-label"] + " form-label",
+    className: styles$a["question-label"] + " form-label",
     sx: labelStyle
   }, t("score")), React__default.createElement(formik.Field, {
     name: path + ".score",
@@ -34519,7 +34565,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "type",
-    className: styles$b["question-label"] + " form-label",
+    className: styles$a["question-label"] + " form-label",
     sx: labelStyle
   }, t("type")), React__default.createElement(formik.Field, {
     name: path + ".questionTypeId",
@@ -34544,7 +34590,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     }
   }, React__default.createElement(material.FormLabel, {
     htmlFor: "question_answer_type",
-    className: styles$b["question-label"] + " form-label",
+    className: styles$a["question-label"] + " form-label",
     sx: labelStyle
   }, t("question_answer_type")), React__default.createElement(formik.Field, {
     name: path + ".questionAnswerType",
@@ -37180,7 +37226,7 @@ var useTextbookList$1 = function useTextbookList() {
   };
 };
 
-var styles$c = {"action-btn":"_2Kt_g","action-btn--pencil":"_3T_TG","btn-cancel":"_3j6Kd","btn-register":"_XA4vl"};
+var styles$b = {"action-btn":"_2Kt_g","action-btn--pencil":"_3T_TG","btn-cancel":"_3j6Kd","btn-register":"_XA4vl"};
 
 var DeleteTextbookDialog$1 = function DeleteTextbookDialog(_ref) {
   var t = _ref.t,
@@ -37244,7 +37290,7 @@ var DeleteTextbookDialog$1 = function DeleteTextbookDialog(_ref) {
       borderTop: "1px solid #CED2DA"
     }
   }, React__default.createElement(material.Button, {
-    className: styles$c["btn-cancel"],
+    className: styles$b["btn-cancel"],
     onClick: onClose
   }, React__default.createElement(material.Typography, {
     sx: {
@@ -37255,7 +37301,7 @@ var DeleteTextbookDialog$1 = function DeleteTextbookDialog(_ref) {
     lineHeight: "16.71px"
   }, t("cancel"))), React__default.createElement(material.Button, {
     variant: "contained",
-    className: styles$c["btn-register"],
+    className: styles$b["btn-register"],
     type: "submit",
     sx: {
       padding: "12px 47px"
@@ -37342,12 +37388,12 @@ var PreparedTextbookList = function PreparedTextbookList(_ref) {
       title: t("edit")
     }, React__default.createElement(material.IconButton, {
       color: "default",
-      className: styles$c["action-btn"] + " bg-warning text-white me-2",
+      className: styles$b["action-btn"] + " bg-warning text-white me-2",
       onClick: function onClick() {
         return onNavigateDetail(i);
       }
     }, React__default.createElement(hi.HiOutlinePencilAlt, {
-      className: styles$c["action-btn--pencil"],
+      className: styles$b["action-btn--pencil"],
       size: 16
     }))), React__default.createElement(material.Tooltip, {
       title: t("edit")
@@ -37356,7 +37402,7 @@ var PreparedTextbookList = function PreparedTextbookList(_ref) {
         return handleOpenConfirmDialog(i);
       },
       color: "default",
-      className: styles$c["action-btn"] + " bg-danger text-white",
+      className: styles$b["action-btn"] + " bg-danger text-white",
       title: t("delete")
     }, React__default.createElement(fa6.FaTrashCan, {
       size: 12
@@ -38539,7 +38585,6 @@ exports.ClassDetail = ClassDetail;
 exports.ClassList = ClassList;
 exports.ClassNoteDialog = ClassNoteDialog;
 exports.ClassSelector = ClassSelector;
-exports.CommonCreateNewQuestionDialog = CommonCreateNewQuestionDialog;
 exports.CommonDialog = CommonDialog;
 exports.ConfirmDeleteDialog = ConfirmDeleteDialog;
 exports.ConfirmDialog = ConfirmDialog;