mario-education 2.4.306-layout → 2.4.308-layout

package/dist/index.js

@@ -15532,9 +15532,6 @@ var QuestionDetail = function QuestionDetail() {
   var header = !!id ? t(EDIT_QUESTION_HEADER) : t(CREATE_QUESTION_HEADER);
   var confirmText = !!id ? t("update") : t("create");
   var additionalFields = ["fromLabel", "toLabel", "numberOfStars"];
-  console.log({
-    textLanguage: questionDetail.text
-  });
   return React__default.createElement(React__default.Fragment, null, !!id && React__default.createElement(reactstrap.Nav, {
     tabs: true,
     className: "mb-3"
@@ -15648,7 +15645,11 @@ var QuestionDetail = function QuestionDetail() {
     }), (questionDetail.text || !id) && !!tinyMCEKey && React__default.createElement(tinymceReact.Editor, {
       apiKey: tinyMCEKey,
       value: questionDetail.text,
-      init: marioCore.editorConfig.question,
+      init: _extends({}, marioCore.editorConfig.question, {
+        paste_preprocess: function paste_preprocess(_plugin, args) {
+          args.content = args.content.replace(/<\/?(?!b\b|p\b)[^>]+>/g, "");
+        }
+      }),
       onEditorChange: function onEditorChange(content) {
         console.log(content);
         setFieldValue("text", content);
@@ -67627,6 +67628,10 @@ var AdminGeneralTip = function AdminGeneralTip(_ref) {
   var classBox = _ref.classBox,
       generalTips = _ref.generalTips;
   var classes = useStyles$a();
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(core$1.Card, {
     className: classBox.card
   }, React__default.createElement(core$1.CardContent, {
@@ -67635,7 +67640,7 @@ var AdminGeneralTip = function AdminGeneralTip(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "Admin General Tips"), React__default.createElement(core$1.Grid, {
+  }, t('admin_general_tips')), React__default.createElement(core$1.Grid, {
     container: true
   }, generalTips.map(function (item) {
     return React__default.createElement(core$1.Grid, {
@@ -67833,9 +67838,9 @@ var ViewStudent = function ViewStudent(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "View a Student"), React__default.createElement(core$1.Typography, {
+  }, t('view_a_student')), React__default.createElement(core$1.Typography, {
     className: classes.description
-  }, "Select a student to see their profile and learning plan")), React__default.createElement(core$1.Grid, {
+  }, t('select_a_student_to_see_their_profile_and_learning_plan'))), React__default.createElement(core$1.Grid, {
     item: true,
     xs: 5,
     className: classes.containerAddStd
@@ -68774,8 +68779,10 @@ var BorderLinearProgress = core$1.withStyles(function (theme) {
 
 var TotalCard$2 = function TotalCard(_ref) {
   var card = _ref.card;
-  var id = card.id,
-      title = card.title;
+  var id = card.id;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
 
   var renderIcon = function renderIcon(value) {
     switch (value) {
@@ -68823,7 +68830,7 @@ var TotalCard$2 = function TotalCard(_ref) {
     className: "d-flex align-items-center justify-content-between w-100"
   }, React__default.createElement("p", {
     className: "" + styles$7["title-card"]
-  }, title), renderIcon(id)), card.id === 'total_check_in' ? React__default.createElement(BorderLinearProgress, {
+  }, t(id)), renderIcon(id)), card.id === 'total_check_in' ? React__default.createElement(BorderLinearProgress, {
     variant: "determinate",
     value: 50
   }) : null, React__default.createElement("div", {
@@ -68835,7 +68842,7 @@ var TotalCard$2 = function TotalCard(_ref) {
       color: '#242424',
       opacity: 0.56
     }
-  }, " / ", card === null || card === void 0 ? void 0 : card.totalStudent, " students") : null), renderEqualValue(card)));
+  }, " / ", card === null || card === void 0 ? void 0 : card.totalStudent, " ", t('student')) : null), renderEqualValue(card)));
 };
 
 var useStyles$d = core$1.makeStyles(function () {
@@ -68855,6 +68862,10 @@ var SchoolUsage = function SchoolUsage(_ref) {
       totalCardData = _ref.totalCardData,
       schoolInfo = _ref.schoolInfo;
   var classes = useStyles$d();
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(core$1.Card, {
     className: classBox.card
   }, React__default.createElement(core$1.CardContent, {
@@ -68868,7 +68879,7 @@ var SchoolUsage = function SchoolUsage(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "School Usage"), totalCardData.map(function (item) {
+  }, t('school_usage')), totalCardData.map(function (item) {
     return React__default.createElement(TotalCard$2, {
       key: item.id,
       card: item
@@ -68939,6 +68950,10 @@ var GradeUsage = function GradeUsage(_ref) {
   var classBox = _ref.classBox,
       dataGradeUsage = _ref.dataGradeUsage;
   var classes = useStyles$e();
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(core$1.Card, {
     className: classBox.card + " " + classes.root
   }, React__default.createElement(core$1.CardContent, {
@@ -68947,7 +68962,7 @@ var GradeUsage = function GradeUsage(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "Grade Usage"), React__default.createElement(core$1.TableContainer, {
+  }, t('grade_usage')), React__default.createElement(core$1.TableContainer, {
     component: core$1.Paper,
     className: classes.tableContainerRoot
   }, React__default.createElement(core$1.Table, {
@@ -68955,15 +68970,15 @@ var GradeUsage = function GradeUsage(_ref) {
     "aria-label": "sticky table"
   }, React__default.createElement(core$1.TableHead, null, React__default.createElement(core$1.TableRow, null, React__default.createElement(StyledTableCell, {
     align: "center"
-  }, "Grade"), React__default.createElement(StyledTableCell, {
+  }, t('grade')), React__default.createElement(StyledTableCell, {
     align: "center"
-  }, "Total Check-ins"), React__default.createElement(StyledTableCell, {
+  }, t('total_check_in')), React__default.createElement(StyledTableCell, {
     align: "center"
-  }, "Total Conversations"), React__default.createElement(StyledTableCell, {
+  }, t('total_conversations')), React__default.createElement(StyledTableCell, {
     align: "center"
-  }, "Total Conferences"), React__default.createElement(StyledTableCell, {
+  }, t('total_conferences')), React__default.createElement(StyledTableCell, {
     align: "center"
-  }, "Total Reflections"))), React__default.createElement(core$1.TableBody, null, dataGradeUsage.map(function (row) {
+  }, t('total_reflections')))), React__default.createElement(core$1.TableBody, null, dataGradeUsage.map(function (row) {
     return React__default.createElement(StyledTableRow, {
       key: row.grade
     }, React__default.createElement(StyledTableCell, {
@@ -69123,10 +69138,6 @@ var apiGetLanguage = function apiGetLanguage() {
   return marioCore.api.get(marioCore.BASE_URL + "/api/language");
 };
 
-var apiUpdateLanguage = function apiUpdateLanguage(lang) {
-  return marioCore.api.put(marioCore.BASE_URL + "/api/language?lang=" + lang);
-};
-
 var LANGUAGE_SYSTEM = "LANGUAGE_SYSTEM";
 
 var useLanguages = function useLanguages() {
@@ -69138,7 +69149,7 @@ var useLanguages = function useLanguages() {
   var language = reactRedux.useSelector(function (state) {
     return state.common.language;
   });
-  var defaultLanguage = marioCore.getCookieValue(LANGUAGE_SYSTEM) != '' ? marioCore.getCookieValue(LANGUAGE_SYSTEM) : language;
+  var defaultLanguage = localStorage.getItem(LANGUAGE_SYSTEM) != null ? localStorage.getItem(LANGUAGE_SYSTEM) : language;
 
   var _useState = React.useState([]),
       languageList = _useState[0],
@@ -69160,28 +69171,11 @@ var useLanguages = function useLanguages() {
 
   var changeLanguageApp = function changeLanguageApp(lang) {
     try {
-      var _temp3 = function _temp3() {
-        dispatch(marioCore.setLoading(false));
-      };
-
-      dispatch(marioCore.setLoading(true));
-
-      var _temp4 = _catch(function () {
-        return Promise.resolve(apiUpdateLanguage(lang)).then(function () {
-          i18n.changeLanguage(lang);
-          setCurrentLang(lang);
-          dispatch(marioCore.setLanguage(lang));
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
-
-        dispatch(marioCore.setAlert({
-          type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
-        }));
-      });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      localStorage.setItem(LANGUAGE_SYSTEM, lang);
+      i18n.changeLanguage(lang);
+      setCurrentLang(lang);
+      dispatch(marioCore.setLanguage(lang));
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
@@ -69189,20 +69183,20 @@ var useLanguages = function useLanguages() {
 
   var getListLanguage = function getListLanguage() {
     try {
-      var _temp6 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(apiGetLanguage()).then(function (res) {
           setLanguageList(res.data);
         });
       }, function (err) {
-        var _err$response2, _err$response2$data;
+        var _err$response, _err$response$data;
 
         dispatch(marioCore.setAlert({
           type: "danger",
-          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
         }));
       });
 
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -69259,7 +69253,6 @@ var LanguageDropdown = function LanguageDropdown() {
       currentLang = _useLanguages.currentLang,
       changeLanguageApp = _useLanguages.changeLanguageApp;
 
-  console.log("admin language");
   var openChooseLanguage = Boolean(anchorLang);
 
   var handleLangClose = function handleLangClose() {
@@ -69313,7 +69306,7 @@ var LanguageDropdown = function LanguageDropdown() {
       className: classes.fontMedium
     }, React__default.createElement("img", {
       className: classes.icon_lang,
-      src: marioCore.getStaticFileUrl(lang.logo)
+      src: marioCore.getFileUrl(lang.logo)
     }), lang.name);
   })));
 };
@@ -70467,7 +70460,8 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
       openProfile = _useHeaderSideBar.openProfile,
       onChangeFont = _useHeaderSideBar.onChangeFont,
       handleClose = _useHeaderSideBar.handleClose,
-      renderNavigationItem = _useHeaderSideBar.renderNavigationItem;
+      renderNavigationItem = _useHeaderSideBar.renderNavigationItem,
+      t = _useHeaderSideBar.t;
 
   return React__default.createElement("div", null, React__default.createElement(AppBar, {
     position: "fixed",
@@ -70495,7 +70489,7 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     style: {
       fontSize: "1.1rem"
     }
-  }, "Hi, ", user === null || user === void 0 ? void 0 : user.firstName, " \uD83D\uDC4B"), React__default.createElement("div", {
+  }, t('hi'), ", ", user === null || user === void 0 ? void 0 : user.firstName, " \uD83D\uDC4B"), React__default.createElement("div", {
     className: classes.grow
   }), React__default.createElement("div", {
     className: classes.sectionDesktop
@@ -70540,19 +70534,19 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     },
     selected: defaultFont == defaultFontSmall,
     className: classes.fontSmall
-  }, "Small text"), React__default.createElement(core$1.MenuItem, {
+  }, t('small_text')), React__default.createElement(core$1.MenuItem, {
     onClick: function onClick() {
       return onChangeFont(defaultFontSize);
     },
     selected: defaultFont == defaultFontSize,
     className: classes.fontMedium
-  }, "Medium text"), React__default.createElement(core$1.MenuItem, {
+  }, t('medium_text')), React__default.createElement(core$1.MenuItem, {
     onClick: function onClick() {
       return onChangeFont(defaultFontLarge);
     },
     selected: defaultFont == defaultFontLarge,
     className: classes.fontLarge
-  }, "Large text")), React__default.createElement(core$1.Menu, {
+  }, t('large_text'))), React__default.createElement(core$1.Menu, {
     id: "menu-appbar",
     className: classes.dropdown,
     anchorEl: anchorEl,
@@ -70571,14 +70565,14 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     className: classes.menuItem
   }, React__default.createElement(LanguageDropdown, null)), !isReadOnly && React__default.createElement(core$1.MenuItem, {
     onClick: openProfile
-  }, "Profile"), ((_handleUserRole = handleUserRole((user === null || user === void 0 ? void 0 : user.userRoles) || [])) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.length) > 1 && !isReadOnly && React__default.createElement(core$1.MenuItem, {
+  }, t('profile')), ((_handleUserRole = handleUserRole((user === null || user === void 0 ? void 0 : user.userRoles) || [])) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.length) > 1 && !isReadOnly && React__default.createElement(core$1.MenuItem, {
     onClick: function onClick() {
       onToggleModel === null || onToggleModel === void 0 ? void 0 : onToggleModel();
       handleClose();
     }
-  }, "Role change"), React__default.createElement(core$1.MenuItem, {
+  }, t('role_change')), React__default.createElement(core$1.MenuItem, {
     onClick: signOut
-  }, "Log out")))), !isReadOnly && React__default.createElement(React__default.Fragment, null, isOpenSideBar && React__default.createElement("div", {
+  }, t('log_out'))))), !isReadOnly && React__default.createElement(React__default.Fragment, null, isOpenSideBar && React__default.createElement("div", {
     className: classes.positionBox
   }, React__default.createElement(core$1.Drawer, {
     id: "menu-sidebar",
@@ -70608,6 +70602,10 @@ var ModelSelectRole = function ModelSelectRole(_ref) {
   var open = _ref.open,
       onToggleModel = _ref.onToggleModel;
   var dispatch = reactRedux.useDispatch();
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var history = reactRouterDom.useHistory();
   var pathname = window.location.pathname;
   var user = reactRedux.useSelector(function (state) {
@@ -70643,7 +70641,7 @@ var ModelSelectRole = function ModelSelectRole(_ref) {
     className: "" + style$4["model-switch-roles"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + style$4["title"]
-  }, "Continue as:"), React__default.createElement("div", null, (_handleUserRole = handleUserRole(user === null || user === void 0 ? void 0 : user.userRoles)) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.map(function (r) {
+  }, t('continue_as')), React__default.createElement("div", null, (_handleUserRole = handleUserRole(user === null || user === void 0 ? void 0 : user.userRoles)) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.map(function (r) {
     return React__default.createElement("p", {
       key: r,
       className: style$4["item-select-role"] + " " + style$4[roles.includes("Teacher") && roles.includes("Assistant") && r === "Teacher/Assistant" || roles.includes(r) ? "item-role-active" : ""],
@@ -70750,8 +70748,6 @@ var getSchoolSettings = function getSchoolSettings() {
   return marioCore.api.get(SCHOOL_URL + "/settings");
 };
 
-var DATEDEFAULT = new Date("0001-1-1");
-
 var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
   var routes = _ref.routes,
       navigation = _ref.navigation;
@@ -70760,9 +70756,6 @@ var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
-  var amplitude = reactRedux.useSelector(function (state) {
-    return state.common.amplitude;
-  });
   var isSandboxMode = reactRedux.useSelector(function (state) {
     var _state$common;
 
@@ -70778,33 +70771,12 @@ var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
       isCheckDone = _useState2[0],
       setIsCheckDone = _useState2[1];
 
-  var _useState3 = React.useState(DATEDEFAULT),
-      curTime = _useState3[0],
-      setCurTime = _useState3[1];
-
-  var _useState4 = React.useState(""),
-      pathName = _useState4[0],
-      setPathName = _useState4[1];
-
   var location = reactRouterDom.useLocation();
   var authRoutes = React.useMemo(function () {
     return routes.filter(function (route) {
       return marioCore.canAccessRoute(user === null || user === void 0 ? void 0 : user.roles, route.roles);
     });
   }, [user]);
-
-  var handleReplacePathName = function handleReplacePathName(path) {
-    var edit = path.replace(/[0-9, "/"]/g, "").split(/(?=[A-Z])/);
-    var result = "";
-
-    for (var _iterator = _createForOfIteratorHelperLoose(edit), _step; !(_step = _iterator()).done;) {
-      var item = _step.value;
-      result += "-" + item.toLocaleLowerCase();
-    }
-
-    return result.replace("-", "");
-  };
-
   var authNavigations = React.useMemo(function () {
     return navigation.filter(function (nav) {
       return marioCore.canAccessRoute(user === null || user === void 0 ? void 0 : user.roles, nav.roles);
@@ -70846,27 +70818,9 @@ var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
   React.useEffect(function () {
     getInformationSetting();
   }, [location.pathname]);
-  React.useEffect(function () {
-  }, [amplitude === null || amplitude === void 0 ? void 0 : amplitude.event, amplitude === null || amplitude === void 0 ? void 0 : amplitude.last_page]);
-  React.useEffect(function () {
-    var newCurTime = new Date();
-
-    if (curTime != DATEDEFAULT && !!user) {
-      dispatch(marioCore.initAmplitude({
-        name: user.email,
-        event: "general: duration",
-        duration_since: newCurTime.getTime() - curTime.getTime(),
-        last_page: handleReplacePathName(pathName),
-        roles: user === null || user === void 0 ? void 0 : user.roles
-      }));
-    }
-
-    setPathName(location.pathname);
-    setCurTime(newCurTime);
-  }, [location.pathname]);
   React.useEffect(function () {
     checkAuthentication();
-  }, [isSandboxMode, localStorage.getItem('ACCESS_TOKEN')]);
+  }, [isSandboxMode]);
 
   var checkAuthentication = function checkAuthentication() {
     try {