touchstudy-core 0.1.176 → 0.1.178

package/dist/index.modern.js

@@ -6062,6 +6062,7 @@ var customStyles = {
 
 var _excluded = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
+  var _value$;
   var isDefault = _ref.isDefault,
     options = _ref.options,
     isDisabled = _ref.isDisabled,
@@ -6069,7 +6070,8 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
     value = _ref.value,
     isMulti = _ref.isMulti,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+  var isOptionValue = (value === null || value === void 0 ? void 0 : value.value) || (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.value);
+  var initialValues = isOptionValue ? value : Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options.filter(function (i) {
     return i.value == value;
@@ -13225,7 +13227,7 @@ var DefaultLessonFilter = {
 };
 var DefaultTeacherFilter = {
   currentPage: 1,
-  pageSize: 50,
+  pageSize: 100,
   sortColumnDirection: OrderBy$2.DESC,
   sortColumnName: TeacherSortBy.Name,
   textSearch: ""
@@ -13381,16 +13383,18 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$3 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
-    value = _ref.value;
+    value = _ref.value,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
       value: i.id
     };
   });
-  return React__default.createElement(CustomAsyncSelect, {
+  return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: teacherOptions,
     value: value,
     menuPlacement: "bottom",
@@ -13403,7 +13407,7 @@ var TeacherSelector = function TeacherSelector(_ref) {
     },
     menuPortalTarget: document.body,
     isClearable: true
-  });
+  }, rest));
 };
 
 var ErrorHandler = function ErrorHandler(_ref) {
@@ -13488,6 +13492,7 @@ var ClassForm = function ClassForm(_ref) {
   };
   var handleChangeTeacher = function handleChangeTeacher(val) {
     formikProp.setFieldValue("mainTeacherId", val === null || val === void 0 ? void 0 : val.value);
+    formikProp.setFieldValue("mainTeacher", val);
   };
   var handleChangeWeeklyDayTime = function handleChangeWeeklyDayTime(key, newValue, currentValue) {
     var _extends2;
@@ -13653,7 +13658,7 @@ var ClassForm = function ClassForm(_ref) {
   }, "*")), React__default.createElement("div", {
     className: "" + styles$3["teacher-selector-wrapper"]
   }, React__default.createElement(TeacherSelector, {
-    value: formikProp.values.mainTeacherId,
+    value: formikProp.values.mainTeacher,
     teachers: teachers,
     onInputChange: onSearchTeachers,
     onChange: handleChangeTeacher,
@@ -16043,14 +16048,15 @@ var getNoteType = function getNoteType(t, type) {
 };
 
 var NoteItemList = function NoteItemList(_ref) {
-  var _data$reciever, _data$reciever2, _data$recievers;
+  var _data$reciever, _data$recievers;
   var data = _ref.data,
     index = _ref.index,
     role = _ref.role,
     calcOrderNumber = _ref.calcOrderNumber,
     onDelete = _ref.onDelete,
     onUpdate = _ref.onUpdate,
-    onView = _ref.onView;
+    onView = _ref.onView,
+    onViewStudentInfo = _ref.onViewStudentInfo;
   var isAdminUser = useSelector(function (state) {
     var _state$common, _state$common$user, _state$common$user$ro;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : (_state$common$user$ro = _state$common$user.roles) === null || _state$common$user$ro === void 0 ? void 0 : _state$common$user$ro.includes(Role.Admin);
@@ -16073,6 +16079,9 @@ var NoteItemList = function NoteItemList(_ref) {
   var handleView = function handleView() {
     onView(data);
   };
+  var handleViewStudentInfo = function handleViewStudentInfo() {
+    onViewStudentInfo(data);
+  };
   var disabled = !data.isOwned && (!isAdminUser || data.type == undefined || data.type == NoteType.TeacherToAllAdmin || data.type == NoteType.TeacherToTeachers);
   var cleanedRichText = useMemo(function () {
     return cleanRichText(data.content);
@@ -16094,10 +16103,15 @@ var NoteItemList = function NoteItemList(_ref) {
     display: "inline-block",
     color: grey$1[600],
     fontWeight: 600
-  }, "(", " " + t("me"), ")")), React__default.createElement(Typography, null, data.sender.email))), data.type === NoteType.ToAcademy || data.type === NoteType.ToStudent ? React__default.createElement(TableCell$1, null, React__default.createElement(Typography, {
-    color: blue[700],
-    fontWeight: 600
-  }, (_data$reciever = data.reciever) === null || _data$reciever === void 0 ? void 0 : _data$reciever.fullName), React__default.createElement(Typography, null, (_data$reciever2 = data.reciever) === null || _data$reciever2 === void 0 ? void 0 : _data$reciever2.email)) : data.type === NoteType.TeacherToTeachers ? React__default.createElement(TableCell$1, null, React__default.createElement(Stack, {
+  }, "(", " " + t("me"), ")")), React__default.createElement(Typography, null, data.sender.email))), data.type === NoteType.ToAcademy || data.type === NoteType.ToStudent ? React__default.createElement(TableCell$1, null, React__default.createElement(Button, {
+    variant: "text",
+    color: "success",
+    sx: {
+      color: blue[700],
+      fontWeight: 600
+    },
+    onClick: handleViewStudentInfo
+  }, (_data$reciever = data.reciever) === null || _data$reciever === void 0 ? void 0 : _data$reciever.fullName)) : data.type === NoteType.TeacherToTeachers ? React__default.createElement(TableCell$1, null, React__default.createElement(Stack, {
     direction: "column"
   }, (_data$recievers = data.recievers) === null || _data$recievers === void 0 ? void 0 : _data$recievers.slice(0, 2).map(function (i) {
     return React__default.createElement(Typography, null, i.fullName, " - ", i.email);
@@ -16735,10 +16749,12 @@ var GeneralNoteDialog = function GeneralNoteDialog(_ref) {
 };
 
 var NoteList = function NoteList(_ref) {
+  var _selectedStudentNote$;
   var defaultFilter = _ref.defaultFilter,
     role = _ref.role,
     headers = _ref.headers,
-    isAdmin = _ref.isAdmin;
+    isAdmin = _ref.isAdmin,
+    onViewQA = _ref.onViewQA;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useList = useList(function (filter) {
@@ -16772,6 +16788,16 @@ var NoteList = function NoteList(_ref) {
   var _useState5 = useState(false),
     openDeleteNoteDialog = _useState5[0],
     setOpenDeleteNoteDialog = _useState5[1];
+  var _useState6 = useState(),
+    selectedStudentNote = _useState6[0],
+    setSelectedStudentNote = _useState6[1];
+  var handleChangeSelectedStudentNote = function handleChangeSelectedStudentNote(note) {
+    if (note.type !== NoteType.ToAcademy && note.type !== NoteType.ToStudent) return;
+    setSelectedStudentNote(note);
+  };
+  var handleCloseStudentInfo = function handleCloseStudentInfo() {
+    setSelectedStudentNote(undefined);
+  };
   var handleOpenCreateNoteDialog = function handleOpenCreateNoteDialog() {
     var _defaultFilter$types;
     if (((_defaultFilter$types = defaultFilter.types) === null || _defaultFilter$types === void 0 ? void 0 : _defaultFilter$types.length) === 1) setOpenNoteDialog(defaultFilter.types[0]);else if (defaultFilter.types && defaultFilter.types.length > 1) {
@@ -16925,7 +16951,8 @@ var NoteList = function NoteList(_ref) {
         role: role,
         onDelete: handleOpenDeleteNoteDialog,
         onUpdate: handleOpenNoteDialog,
-        onView: handleOpenNoteDrawer
+        onView: handleOpenNoteDrawer,
+        onViewStudentInfo: handleChangeSelectedStudentNote
       });
     }
   }), !data.length && !isLoading && React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
@@ -16973,6 +17000,16 @@ var NoteList = function NoteList(_ref) {
     title: t("delete_note"),
     okText: t("delete_note"),
     cancelText: t("cancel")
+  }), React__default.createElement(StudentInfoDrawer, {
+    role: role,
+    open: !!selectedStudentNote,
+    studentId: (selectedStudentNote === null || selectedStudentNote === void 0 ? void 0 : (_selectedStudentNote$ = selectedStudentNote.reciever) === null || _selectedStudentNote$ === void 0 ? void 0 : _selectedStudentNote$.id) || 0,
+    onClose: handleCloseStudentInfo,
+    anchor: "right",
+    width: "80dvw",
+    history: history,
+    inert: true,
+    onViewQA: onViewQA
   }));
 };
 
@@ -17081,7 +17118,8 @@ var TEACHER_NOTE_FILTER = {
 };
 
 var NoteTabs = function NoteTabs(_ref) {
-  var role = _ref.role;
+  var role = _ref.role,
+    onViewQA = _ref.onViewQA;
   var roles = useSelector(function (state) {
     var _state$common$user$ro, _state$common, _state$common$user;
     return (_state$common$user$ro = state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.roles) != null ? _state$common$user$ro : [];
@@ -17128,7 +17166,8 @@ var NoteTabs = function NoteTabs(_ref) {
     role: role,
     isAdmin: isAdmin,
     defaultFilter: ACADEMY_NOTE_FILTER,
-    headers: NOTE_STUDENT_HEADERS
+    headers: NOTE_STUDENT_HEADERS,
+    onViewQA: onViewQA
   })), React__default.createElement(NotetabPanel, {
     value: value,
     index: 1
@@ -17136,7 +17175,8 @@ var NoteTabs = function NoteTabs(_ref) {
     role: role,
     isAdmin: isAdmin,
     defaultFilter: STUDENT_PARENTS_NOTE_FILTER,
-    headers: NOTE_STUDENT_HEADERS
+    headers: NOTE_STUDENT_HEADERS,
+    onViewQA: onViewQA
   })), React__default.createElement(NotetabPanel, {
     value: value,
     index: 2
@@ -20371,12 +20411,12 @@ function CreateNewQuestionDialog(_ref) {
   });
 }
 
-var _excluded$7 = ["children", "value", "index"];
+var _excluded$8 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$7);
+    other = _objectWithoutPropertiesLoose(props, _excluded$8);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -24433,7 +24473,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$8 = ["onChange"];
+var _excluded$9 = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -24499,7 +24539,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$8);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$9);
         return React__default.createElement(CustomSelectOption, Object.assign({
           maxMenuHeight: 150,
           menuPosition: "fixed",
@@ -26131,10 +26171,10 @@ var DrawerTextbookResultTab = function DrawerTextbookResultTab(_ref) {
 };
 
 var _styled$1;
-var _excluded$9 = ["className"];
+var _excluded$a = ["className"];
 var CustomTooltip$1 = styled(function (_ref) {
   var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   return React__default.createElement(Tooltip, Object.assign({}, props, {
     classes: {
       popper: className
@@ -27615,7 +27655,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$a = ["getStudents"],
+var _excluded$b = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -27666,7 +27706,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$a);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$b);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -27726,7 +27766,11 @@ var useClassDetail = function useClassDetail(_ref) {
           startTime: timeSpanToLocalMoment(i.startTime, course.startDate),
           endTime: timeSpanToLocalMoment(i.endTime, course.startDate)
         });
-      })
+      }),
+      mainTeacher: course.mainTeacherId ? {
+        label: course.mainTeacherName + "/" + course.mainTeacherEmail,
+        value: course.mainTeacherId
+      } : null
     });
   }, [JSON.stringify(course)]);
   var convertToRequestBody = function convertToRequestBody(request) {
@@ -28112,6 +28156,7 @@ var LessonFormBody = function LessonFormBody(_ref) {
     setOpenPicker = _useState[1];
   var handleChangeTeacher = function handleChangeTeacher(val) {
     formikProp.setFieldValue("mainTeacherId", val === null || val === void 0 ? void 0 : val.value);
+    formikProp.setFieldValue("mainTeacher", val);
   };
   useEffect(function () {
     if (open && data) formikProp.setValues(data);else formikProp.setValues(DEFAULT_LESSON_REQUEST);
@@ -28155,7 +28200,7 @@ var LessonFormBody = function LessonFormBody(_ref) {
   }, "*")), React__default.createElement("div", {
     className: "" + styles$3["teacher-selector-wrapper"]
   }, React__default.createElement(TeacherSelector, {
-    value: formikProp.values.mainTeacherId,
+    value: formikProp.values.mainTeacher,
     teachers: teachers,
     onInputChange: onSearchTeachers,
     onChange: handleChangeTeacher
@@ -28263,7 +28308,11 @@ var LessonFormDialog = function LessonFormDialog(_ref) {
     return _extends({}, data, {
       date: moment.utc(data.date).local(),
       startTime: timeSpanToLocalMoment(data.startTime, data.date),
-      endTime: timeSpanToLocalMoment(data.endTime, data.date)
+      endTime: timeSpanToLocalMoment(data.endTime, data.date),
+      mainTeacher: data.mainTeacherId ? {
+        label: data.mainTeacherName + "/" + data.mainTeacherEmail,
+        value: data.mainTeacherId
+      } : null
     });
   };
   var lessonRequest = useMemo(convertLessonRequest, [JSON.stringify(data)]);
@@ -29054,14 +29103,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$8 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$b = ["text", "isRequired", "className"];
+var _excluded$c = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return React__default.createElement(FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -29115,7 +29164,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL$1 + "/delete/" + id);
 };
 
-var _excluded$c = ["ref"],
+var _excluded$d = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -29145,7 +29194,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$c);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$d);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -33216,12 +33265,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$a = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$d = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$e = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$d);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$e);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -34374,12 +34423,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$b = {"avatar":"_8niRT"};
 
-var _excluded$e = ["value", "disabled", "optionTypeNotification"];
+var _excluded$f = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -34772,11 +34821,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$f = ["value", "optionTypeNotification"];
+var _excluded$g = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -36053,7 +36102,7 @@ var isEqual$1 = function isEqual(prev, next) {
 };
 var QuestionShortInput$1 = memo(QuestionShortInput, isEqual$1);
 
-var _excluded$g = ["onChange"];
+var _excluded$h = ["onChange"];
 var _$2 = _$8;
 var BpIcon$1 = styled("span")(function (_ref) {
   var theme = _ref.theme;
@@ -36364,7 +36413,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$g);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$h);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
         isDisabled: disabled,
         value: data.questionType,
@@ -36413,7 +36462,7 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = memo(QuestionBlock, isEqual$2);
 
-var _excluded$h = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$i = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$3 = _$8;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate, _questions$2;
@@ -36434,7 +36483,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var errors = formikProps.errors;
   var startOrderRef = useRef(null);
   var articles = data.articles,
@@ -36577,7 +36626,7 @@ var isEqual$3 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = memo(QuestionGroupBlockBody, isEqual$3);
 
-var _excluded$i = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$j = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$4 = _$8;
 var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2, _data$articles$4, _data$articles$4$cate, _data$articles$4$cate2;
@@ -36602,7 +36651,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = useTranslation(),
@@ -37065,7 +37114,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$j = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$k = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -37085,7 +37134,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -37264,7 +37313,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$k = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+var _excluded$l = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
 var _$5 = _$8;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
@@ -37287,7 +37336,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var errors = formikProps.errors;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -37978,7 +38027,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$l = ["value"];
+var _excluded$m = ["value"];
 var VisuallyHiddenInput = styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -38146,7 +38195,7 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     render: function render(_ref4) {
       var _ref4$field = _ref4.field,
         value = _ref4$field.value,
-        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$l);
+        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$m);
       return React__default.createElement(LocalizationProvider$1, {
         dateAdapter: AdapterMoment
       }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -38620,7 +38669,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _excluded$m = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "selectedTextbook", "handleSaveData", "onChangeTab", "onUploadImage"];
+var _excluded$n = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "selectedTextbook", "handleSaveData", "onChangeTab", "onUploadImage"];
 var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
   var _valuesTextbook$curre;
   var isCreatedByAdmin = _ref.isCreatedByAdmin,
@@ -38636,7 +38685,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     handleSaveData = _ref.handleSaveData,
     onChangeTab = _ref.onChangeTab,
     onUploadImage = _ref.onUploadImage,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   var values = formikProps.values,
     errors = formikProps.errors,
     dirty = formikProps.dirty,
@@ -38859,7 +38908,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
   }, t$1("math"))))), React__default.createElement(Stack, {
     flexDirection: "row",
     gap: "8px"
-  }, React__default.createElement(Stack, {
+  }, !!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id) && React__default.createElement(Stack, {
     padding: "6px 12px",
     sx: {
       transition: "opacity 0.3s ease",
@@ -38894,7 +38943,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
         }
       }
     }
-  }, saveStatus === PrintStatus.Saving && t$1("saving"), saveStatus === PrintStatus.Saved && isSaved && t$1("all_changes_saved"), saveStatus !== PrintStatus.Saving && (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.id) && !isSaved && t$1("all_changes_are_not_saved_yet"))), React__default.createElement(Button, {
+  }, saveStatus === PrintStatus.Saving && t$1("saving"), saveStatus === PrintStatus.Saved && isSaved && t$1("all_changes_saved"), saveStatus !== PrintStatus.Saving && !isSaved && t$1("all_changes_are_not_saved_yet"))), React__default.createElement(Button, {
     type: "submit",
     sx: {
       width: "fit-content"