touchstudy-core 0.1.163 → 0.1.165

package/dist/index.modern.js

@@ -13,7 +13,7 @@ export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 export { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, memo, createElement } from 'react';
-import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, Skeleton, Tabs, Tab, Divider, Drawer, tableCellClasses, Accordion, AccordionSummary, AccordionDetails, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Switch, CardMedia as CardMedia$1, MenuList } from '@mui/material';
+import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, Skeleton, Tabs, Tab, Divider, Drawer, tableCellClasses, Accordion, AccordionSummary, AccordionDetails, TableContainer, Switch, RadioGroup, Radio, FormControl, InputLabel, Chip, CardMedia as CardMedia$1, MenuList } from '@mui/material';
 import moment from 'moment';
 export { default as moment } from 'moment';
 import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlusCircle, FaCalendar, FaUser, FaBookOpen, FaPlus, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaCheckCircle, FaShare, FaExchangeAlt } from 'react-icons/fa';
@@ -1506,6 +1506,7 @@ var addedteachertoclass = "교사 수업 추가";
 var removedteacherfromclass = "교사 수업 제거";
 var addedstudenttoclass = "학생 수업 추가";
 var removedstudentfromclass = "학생 수업 제거";
+var hidden = "숨겨진";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2645,7 +2646,8 @@ var lang_ko = {
 	addedteachertoclass: addedteachertoclass,
 	removedteacherfromclass: removedteacherfromclass,
 	addedstudenttoclass: addedstudenttoclass,
-	removedstudentfromclass: removedstudentfromclass
+	removedstudentfromclass: removedstudentfromclass,
+	hidden: hidden
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3808,6 +3810,7 @@ var addedteachertoclass$1 = "Added teacher to class";
 var removedteacherfromclass$1 = "Removed teacher from class";
 var addedstudenttoclass$1 = "Added student to class";
 var removedstudentfromclass$1 = "Removed student from class";
+var hidden$1 = "Hidden";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4949,7 +4952,8 @@ var lang_en = {
 	addedteachertoclass: addedteachertoclass$1,
 	removedteacherfromclass: removedteacherfromclass$1,
 	addedstudenttoclass: addedstudenttoclass$1,
-	removedstudentfromclass: removedstudentfromclass$1
+	removedstudentfromclass: removedstudentfromclass$1,
+	hidden: hidden$1
 };
 
 i18n.use(initReactI18next).init({
@@ -11059,7 +11063,11 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
         });
       }, function (error) {
         var _error$response, _error$response2, _error$response2$data;
-        if ((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 500 && (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.title) === "PhoneNumberIsDuplicated") toast.error(t("duplicate_passcode_for_siblings_please_contact_admin_for_assistance"));else toast.error(getErrorMessage(t, error));
+        if ((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 500 && (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.title) === "PhoneNumberIsDuplicated") toast.error(t("duplicate_passcode_for_siblings_please_contact_admin_for_assistance"));else {
+          !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+          localStorage.removeItem(LEARNING_SPACE);
+          toast.error(getErrorMessage(t, error));
+        }
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -11588,7 +11596,8 @@ var useLogin$1 = function useLogin(_ref) {
         }();
         return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         toast.error(getErrorMessage(t, error, t("request_login_fail")));
       });
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
@@ -11684,6 +11693,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
     error = _useState8[0],
     setError = _useState8[1];
   var firstLoadRef = useRef(true);
+  var hasErrorRef = useRef(false);
   var onVerify = useCallback(function (token) {
     setTokenReCaptcha(token);
   }, []);
@@ -11699,7 +11709,8 @@ var useLogiQRCode = function useLogiQRCode(props) {
       if (!tokenReCaptcha) return Promise.resolve();
       resetData();
       setLoadingQR(true);
-      if (!academyDomain) localStorage.setItem(LEARNING_SPACE, "true");
+      if (!academyDomain || hasErrorRef.current) localStorage.setItem(LEARNING_SPACE, "true");
+      if (hasErrorRef.current) localStorage.removeItem(ACADEMY_DOMAIN);
       var _temp = _catch(function () {
         return Promise.resolve(generateQRCode(academyDomain, tokenReCaptcha)).then(function (response) {
           setQrCodeData(response.data);
@@ -11720,6 +11731,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
       setInfo(recievedData === null || recievedData === void 0 ? void 0 : recievedData.data);
       setStatus(QRCodeStatus.Scanned);
     } catch (error) {
+      hasErrorRef.current = true;
       setInvalid(true);
     }
   };
@@ -12025,7 +12037,8 @@ var useLoginWithEmail = function useLoginWithEmail(_ref) {
           }), token, redirectUrl);
         });
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         toast.error(getErrorMessage(t, error, t("request_login_fail")));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
@@ -12145,7 +12158,8 @@ var useLogin$2 = function useLogin(_ref) {
           }), token, redirectUrl);
         });
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         toast.error(getErrorMessage(t, error, t("request_login_fail")));
       }));
     } catch (e) {
@@ -14488,11 +14502,55 @@ var iconCloseDialog = function iconCloseDialog(_ref) {
   }));
 };
 
+var NoteTinyEditor = function NoteTinyEditor(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onChange = _ref.onChange,
+    initValue = _ref.initValue,
+    config = _ref.config;
+  var isFirstChange = useRef(true);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    if (window.tinymce) {
+      window.tinymce = tinymce;
+    }
+  }, []);
+  var options = {
+    height: 280,
+    menubar: false,
+    readonly: false,
+    external_plugins: {
+      tiny_mce_wiris: '/editor/wiris-for-tinymce.js'
+    },
+    plugins: ['anchor', 'autolink', 'charmap', 'codesample', 'emoticons', 'image', 'link', 'lists', 'media', 'searchreplace', 'table', 'textcolor', 'wordcount'],
+    toolbar: 'undo redo | blocks fontfamily fontsize forecolor backcolor | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat | tiny_mce_wiris_formulaEditor | tiny_mce_wiris_formulaEditorChemistry',
+    branding: false,
+    extended_valid_elements: '*[.*]',
+    placeholder: t("the_problem_is_difficult")
+  };
+  var handleChange = function handleChange(value, _) {
+    if (isFirstChange.current) {
+      isFirstChange.current = false;
+      return;
+    }
+    onChange(value);
+  };
+  return React__default.createElement(Editor, {
+    disabled: disabled,
+    init: config || options,
+    value: initValue,
+    onEditorChange: handleChange
+  });
+};
+
 var schema$1 = object().shape({
   content: string().required()
 });
 var ClassNoteDialog = function ClassNoteDialog(_ref) {
-  var open = _ref.open,
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "class-note-dialog" : _ref$id,
+    open = _ref.open,
     studentName = _ref.studentName,
     selectedNote = _ref.selectedNote,
     tip = _ref.tip,
@@ -14504,12 +14562,26 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
   var handleSaveNote = function handleSaveNote(content) {
     onSaveNote(content);
   };
+  useEffect(function () {
+    if (open) {
+      var _document$getElementB;
+      (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.setAttribute("inert", "true");
+    } else {
+      var _document$getElementB2;
+      (_document$getElementB2 = document.getElementById(id)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.removeAttribute("inert");
+    }
+    return function () {
+      var _document$getElementB3;
+      (_document$getElementB3 = document.getElementById(id)) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.removeAttribute("inert");
+    };
+  }, [open, id]);
   return React__default.createElement(Dialog, {
     onClose: onClose,
     open: open,
     maxWidth: "md",
     scroll: "body",
-    fullWidth: true
+    fullWidth: true,
+    id: id
   }, React__default.createElement(DialogTitle$1, {
     id: "customized-dialog-title"
   }, React__default.createElement(Typography$1, {
@@ -14538,7 +14610,8 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       handleSaveNote(values.content);
     }
   }, function (_ref2) {
-    var values = _ref2.values;
+    var values = _ref2.values,
+      setFieldValue = _ref2.setFieldValue;
     return React__default.createElement(Form, null, React__default.createElement(DialogContent$1, {
       sx: {
         padding: 0,
@@ -14567,17 +14640,22 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       flexDirection: "row",
       alignItems: "center"
     }, React__default.createElement(Field, {
-      as: "textarea",
-      rows: 3,
       id: "content-question",
       style: {
-        paddingRight: "40px",
-        minHeight: "96px",
         width: "100%"
       },
       name: "content",
       placeholder: t("the_problem_is_difficult"),
-      className: styles["form-control"]
+      className: styles["form-control"],
+      render: function render(_ref3) {
+        var field = _ref3.field;
+        return React__default.createElement(NoteTinyEditor, {
+          initValue: field.value,
+          onChange: function onChange(text) {
+            return setFieldValue("content", text);
+          }
+        });
+      }
     })), React__default.createElement(Box, {
       marginBottom: "4px"
     })))), React__default.createElement(DialogActions$1, {
@@ -15045,6 +15123,12 @@ var NoteItem = function NoteItem(_ref) {
   useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
   }, []);
+  useEffect(function () {
+    if (window.MathJax) {
+      var _window$MathJax;
+      (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
+    }
+  }, [data.content]);
   return React__default.createElement(Box, Object.assign({}, NoteItemStyles.root, {
     onClick: handleItemClick,
     sx: {
@@ -15067,7 +15151,18 @@ var NoteItem = function NoteItem(_ref) {
     number: (data.questionOrder || 0) + 1
   }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(Typography, Object.assign({
     className: "truncate"
-  }, NoteItemStyles.contentText), data.content)), React__default.createElement(Box, null, (isAdmin || data.isOwned) && React__default.createElement(ClickAwayListener, {
+  }, NoteItemStyles.contentText, {
+    sx: {
+      display: "-webkit-box",
+      lineClamp: 1,
+      WebkitLineClamp: 1,
+      WebkitBoxOrient: "vertical",
+      overflow: "hidden"
+    },
+    dangerouslySetInnerHTML: {
+      __html: data.content || ""
+    }
+  }))), React__default.createElement(Box, null, (isAdmin || data.isOwned) && React__default.createElement(ClickAwayListener, {
     onClickAway: onClose
   }, React__default.createElement(Box, null, React__default.createElement(CustomTooltip, {
     onClose: onClose,
@@ -15147,6 +15242,12 @@ var NoteDrawer = function NoteDrawer(props) {
     var _state$common2;
     return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.language;
   });
+  useEffect(function () {
+    if (window.MathJax) {
+      var _window$MathJax;
+      (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
+    }
+  }, [data === null || data === void 0 ? void 0 : data.content]);
   return React__default.createElement(Drawer, {
     anchor: anchor,
     open: open,
@@ -15267,8 +15368,11 @@ var NoteDrawer = function NoteDrawer(props) {
       fontSize: "14px",
       fontWeight: "300",
       color: "#414E62"
+    },
+    dangerouslySetInnerHTML: {
+      __html: (data === null || data === void 0 ? void 0 : data.content) || ""
     }
-  }, data === null || data === void 0 ? void 0 : data.content)));
+  })));
 };
 
 var useVirtualList = function useVirtualList(studentId, defaultFilter, getItemsApi) {
@@ -25565,6 +25669,12 @@ var updateClassApi = function updateClassApi(id, model) {
 var deleteClassApi = function deleteClassApi(id) {
   return api["delete"](CLASS_URL + "/" + id);
 };
+var hiddenClassesApi = function hiddenClassesApi(hidden, classId) {
+  return api.post(CLASS_URL + "/hidden", {
+    hidden: hidden,
+    courseIds: [classId]
+  });
+};
 var addStudentToClass = function addStudentToClass(id, studentIds) {
   return api.post(CLASS_URL + "/" + id + "/students", studentIds);
 };
@@ -27098,6 +27208,27 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
   var handleUpdateClass = function handleUpdateClass(value) {
     value.id && classUpdateUrl && pushTo(history, "" + classUpdateUrl.replace(":id", "" + value.id));
   };
+  var handleToggleHidden = function handleToggleHidden(e, classId) {
+    try {
+      var _temp5 = function _temp5() {
+        dispatch(setLoading(false));
+      };
+      var checked = e.target.checked;
+      dispatch(setLoading(true));
+      var _temp4 = _catch(function () {
+        return Promise.resolve(hiddenClassesApi(checked, classId)).then(function () {
+          return Promise.resolve(getClassList()).then(function () {
+            toast.success(t("update_data_successfully"));
+          });
+        });
+      }, function (error) {
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   var handleChangePage = function handleChangePage(_, page) {
     setClassFilter(_extends({}, classFilter, {
       currentPage: page
@@ -27123,7 +27254,8 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
     handleCreateClass: handleCreateClass,
     handleUpdateClass: handleUpdateClass,
     handleChangePage: handleChangePage,
-    handleDeleteClass: handleDeleteClass
+    handleDeleteClass: handleDeleteClass,
+    handleToggleHidden: handleToggleHidden
   };
 };
 
@@ -27136,7 +27268,15 @@ var ClassList = function ClassList(_ref) {
     var _state$common, _state$common$user;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.isSuperAdmin;
   });
-  var isAdmin = role === Role.Admin;
+  var isAdmin = useSelector(function (state) {
+    var _state$common2, _state$common2$user, _state$common2$user$r;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : (_state$common2$user$r = _state$common2$user.roles) === null || _state$common2$user$r === void 0 ? void 0 : _state$common2$user$r.includes(Role.Admin);
+  });
+  var isTeacher = useSelector(function (state) {
+    var _state$common3, _state$common3$user, _state$common3$user$r;
+    return state === null || state === void 0 ? void 0 : (_state$common3 = state.common) === null || _state$common3 === void 0 ? void 0 : (_state$common3$user = _state$common3.user) === null || _state$common3$user === void 0 ? void 0 : (_state$common3$user$r = _state$common3$user.roles) === null || _state$common3$user$r === void 0 ? void 0 : _state$common3$user$r.includes(Role.Teacher);
+  }) && !isAdmin;
+  var isAdminSite = role === Role.Admin;
   var _useClassList = useClassList(history, classCreateUrl, classUpdateUrl),
     t = _useClassList.t,
     paging = _useClassList.paging,
@@ -27151,7 +27291,11 @@ var ClassList = function ClassList(_ref) {
     handleCreateClass = _useClassList.handleCreateClass,
     handleUpdateClass = _useClassList.handleUpdateClass,
     handleChangePage = _useClassList.handleChangePage,
-    handleDeleteClass = _useClassList.handleDeleteClass;
+    handleDeleteClass = _useClassList.handleDeleteClass,
+    handleToggleHidden = _useClassList.handleToggleHidden;
+  var headers = !isTeacher ? CLASS_HEADERS : [].concat(CLASS_HEADERS.slice(0, -1), [{
+    title: "hidden"
+  }], CLASS_HEADERS.slice(-1));
   return React__default.createElement(Box, null, React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
@@ -27159,7 +27303,7 @@ var ClassList = function ClassList(_ref) {
     mb: 2
   }, React__default.createElement(Typography, {
     variant: "h4"
-  }, t("classes")), (isAdmin || isSuperAdmin) && React__default.createElement(MButton, {
+  }, t("classes")), (isAdminSite || isSuperAdmin) && React__default.createElement(MButton, {
     variant: "contained",
     color: "inherit",
     startIcon: React__default.createElement(FaPlus, {
@@ -27182,7 +27326,7 @@ var ClassList = function ClassList(_ref) {
   }), React__default.createElement(Grid, {
     item: true,
     xs: 12
-  }, React__default.createElement(TableContainer, null, React__default.createElement(Table$1, null, React__default.createElement(TableHead$1, null, React__default.createElement(TableRow$1, null, CLASS_HEADERS.map(function (i, index) {
+  }, React__default.createElement(TableContainer, null, React__default.createElement(Table$1, null, React__default.createElement(TableHead$1, null, React__default.createElement(TableRow$1, null, headers.map(function (i, index) {
     return React__default.createElement(TableCell$1, {
       key: index,
       onClick: !!i.sortKey ? function () {
@@ -27199,7 +27343,13 @@ var ClassList = function ClassList(_ref) {
       key: i.id
     }, React__default.createElement(TableCell$1, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell$1, {
       className: "text-nowrap"
-    }, i.name), React__default.createElement(TableCell$1, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell$1, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell$1, null, i.totalStudents), React__default.createElement(TableCell$1, null, i.totalTeachers), React__default.createElement(TableCell$1, null, i.totalLessons), React__default.createElement(TableCell$1, null, (isAdmin || isSuperAdmin) && React__default.createElement("div", {
+    }, i.name), React__default.createElement(TableCell$1, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell$1, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell$1, null, i.totalStudents), React__default.createElement(TableCell$1, null, i.totalTeachers), React__default.createElement(TableCell$1, null, i.totalLessons), isTeacher && React__default.createElement(TableCell$1, null, React__default.createElement(Switch, {
+      checked: i.hidden,
+      onChange: function onChange(e) {
+        var _i$id;
+        return handleToggleHidden(e, (_i$id = i.id) != null ? _i$id : 0);
+      }
+    })), React__default.createElement(TableCell$1, null, (isAdminSite || isSuperAdmin) && React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(IconButton, {
       color: "default",
@@ -27217,7 +27367,7 @@ var ClassList = function ClassList(_ref) {
       }
     }, React__default.createElement(FaTrashCan, {
       size: 12
-    }))), !(isAdmin || isSuperAdmin) && React__default.createElement(IconButton, {
+    }))), !(isAdminSite || isSuperAdmin) && React__default.createElement(IconButton, {
       color: "default",
       className: "bg-primary text-white me-1",
       onClick: function onClick() {
@@ -38319,6 +38469,7 @@ var Header = function Header(_ref) {
   }, [isTeacherSide, language]);
   return React__default.createElement(Stack, {
     width: "100%",
+    height: "78px",
     display: "flex",
     flexDirection: "row",
     gap: {