mario-education 2.4.306-layout → 2.4.308-layout

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { api, BASE_URL, useTranslation as useTranslation$1, setAlert, CustomSelector, LinkEditButton, DeleteButtonIcon, EmptyDataAlert, CommonModal, RequiredLabel, ErrorHandler, useFilters, setLoading, setClassList, setModal, QuitPrompt, AddButton, CustomPagination, setConferenceRubricList, SearchBoxContainer, getTextFromHTML, DEFAULT_LANGUAGE_CODE, generateRandomString, SuggestionCategorySelector, CreatableSelector, setSuggestionList, setStrategyList, UploadFileButton, systemStudentBadge, setBadgeList, getFileUrl, setGoalExampleList, setSubjectList, setLearningSupportCategoryList, apiUpload, utcToLocalTime, setBandScoreList, EditButtonIcon, DATE_FORMAT, setSchoolBlankDayList, SearchBox, CustomTab, SkillList, QUESTION_TYPES, EMOTIONS, QUESTION_TYPES_OPTIONS, setQuestionList, QuestionCategorySelector, setQuestionByCategory, setSelectQuestion, setResetQuestionList, setMoveItemQuestion, setEditItemQuesion, DEFAULT_FILTER as DEFAULT_FILTER$2, setReflectionList, setReflectionResultList, DATE_RESULT, StarRatingSelector, QuestionTypeSelector, CategorySelector as CategorySelector$1, editorConfig, DetailActionButtons, setAssessmentList, FULL_DATE_RESULT, setFeedbackList, TINY_MCE_API_KEY, setTutorialScreenList, setQuestionCateList, setAssignmentList, setSessionTemplateList, setSessionTemplateGeneralClassList, setCustomAlertList, systemCertificateUpload, setCertificateList, getStaticFileUrl, ACCESS_TOKEN, reset, NOTIFICATION_ALERT_KEY, setUser, setSandboxMode, getCookieValue, setLanguage, showMenuBar, showFontSize, NOTIFICATION_CHANNEL, setEnableIEP, setConversationOneToOne, setEnableSurvey, canAccessRoute, initAmplitude, firstCheckToken, getInfo, Loading as Loading$1, Dashboard as Dashboard$1, TheContent, LICENSE_AGGRID } from 'mario-core';
+import { api, BASE_URL, useTranslation as useTranslation$1, setAlert, CustomSelector, LinkEditButton, DeleteButtonIcon, EmptyDataAlert, CommonModal, RequiredLabel, ErrorHandler, useFilters, setLoading, setClassList, setModal, QuitPrompt, AddButton, CustomPagination, setConferenceRubricList, SearchBoxContainer, getTextFromHTML, DEFAULT_LANGUAGE_CODE, generateRandomString, SuggestionCategorySelector, CreatableSelector, setSuggestionList, setStrategyList, UploadFileButton, systemStudentBadge, setBadgeList, getFileUrl, setGoalExampleList, setSubjectList, setLearningSupportCategoryList, apiUpload, utcToLocalTime, setBandScoreList, EditButtonIcon, DATE_FORMAT, setSchoolBlankDayList, SearchBox, CustomTab, SkillList, QUESTION_TYPES, EMOTIONS, QUESTION_TYPES_OPTIONS, setQuestionList, QuestionCategorySelector, setQuestionByCategory, setSelectQuestion, setResetQuestionList, setMoveItemQuestion, setEditItemQuesion, DEFAULT_FILTER as DEFAULT_FILTER$2, setReflectionList, setReflectionResultList, DATE_RESULT, StarRatingSelector, QuestionTypeSelector, CategorySelector as CategorySelector$1, editorConfig, DetailActionButtons, setAssessmentList, FULL_DATE_RESULT, setFeedbackList, TINY_MCE_API_KEY, setTutorialScreenList, setQuestionCateList, setAssignmentList, setSessionTemplateList, setSessionTemplateGeneralClassList, setCustomAlertList, systemCertificateUpload, setCertificateList, getStaticFileUrl, ACCESS_TOKEN, reset, NOTIFICATION_ALERT_KEY, setUser, setSandboxMode, setLanguage, showMenuBar, showFontSize, NOTIFICATION_CHANNEL, setEnableIEP, setConversationOneToOne, setEnableSurvey, canAccessRoute, firstCheckToken, getInfo, Loading as Loading$1, Dashboard as Dashboard$1, TheContent, LICENSE_AGGRID } from 'mario-core';
 import { LicenseManager } from '@ag-grid-enterprise/core';
 import * as React from 'react';
 import React__default, { useState, useRef, useCallback, useEffect, forwardRef, useMemo, Fragment as Fragment$1, memo, useLayoutEffect, useContext, createContext, createElement, Component } from 'react';
@@ -15530,9 +15530,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(Nav, {
     tabs: true,
     className: "mb-3"
@@ -15646,7 +15643,11 @@ var QuestionDetail = function QuestionDetail() {
     }), (questionDetail.text || !id) && !!tinyMCEKey && React__default.createElement(Editor, {
       apiKey: tinyMCEKey,
       value: questionDetail.text,
-      init: editorConfig.question,
+      init: _extends({}, 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);
@@ -67625,6 +67626,10 @@ var AdminGeneralTip = function AdminGeneralTip(_ref) {
   var classBox = _ref.classBox,
       generalTips = _ref.generalTips;
   var classes = useStyles$a();
+
+  var _useTranslation = useTranslation$1(),
+      t = _useTranslation.t;
+
   return React__default.createElement(Card$1, {
     className: classBox.card
   }, React__default.createElement(CardContent, {
@@ -67633,7 +67638,7 @@ var AdminGeneralTip = function AdminGeneralTip(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "Admin General Tips"), React__default.createElement(Grid, {
+  }, t('admin_general_tips')), React__default.createElement(Grid, {
     container: true
   }, generalTips.map(function (item) {
     return React__default.createElement(Grid, {
@@ -67831,9 +67836,9 @@ var ViewStudent = function ViewStudent(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "View a Student"), React__default.createElement(Typography, {
+  }, t('view_a_student')), React__default.createElement(Typography, {
     className: classes.description
-  }, "Select a student to see their profile and learning plan")), React__default.createElement(Grid, {
+  }, t('select_a_student_to_see_their_profile_and_learning_plan'))), React__default.createElement(Grid, {
     item: true,
     xs: 5,
     className: classes.containerAddStd
@@ -68772,8 +68777,10 @@ var BorderLinearProgress = withStyles$1(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 = useTranslation$1(),
+      t = _useTranslation.t;
 
   var renderIcon = function renderIcon(value) {
     switch (value) {
@@ -68821,7 +68828,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", {
@@ -68833,7 +68840,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 = makeStyles(function () {
@@ -68853,6 +68860,10 @@ var SchoolUsage = function SchoolUsage(_ref) {
       totalCardData = _ref.totalCardData,
       schoolInfo = _ref.schoolInfo;
   var classes = useStyles$d();
+
+  var _useTranslation = useTranslation$1(),
+      t = _useTranslation.t;
+
   return React__default.createElement(Card$1, {
     className: classBox.card
   }, React__default.createElement(CardContent, {
@@ -68866,7 +68877,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
@@ -68937,6 +68948,10 @@ var GradeUsage = function GradeUsage(_ref) {
   var classBox = _ref.classBox,
       dataGradeUsage = _ref.dataGradeUsage;
   var classes = useStyles$e();
+
+  var _useTranslation = useTranslation$1(),
+      t = _useTranslation.t;
+
   return React__default.createElement(Card$1, {
     className: classBox.card + " " + classes.root
   }, React__default.createElement(CardContent, {
@@ -68945,7 +68960,7 @@ var GradeUsage = function GradeUsage(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.title
-  }, "Grade Usage"), React__default.createElement(TableContainer, {
+  }, t('grade_usage')), React__default.createElement(TableContainer, {
     component: Paper,
     className: classes.tableContainerRoot
   }, React__default.createElement(Table$1, {
@@ -68953,15 +68968,15 @@ var GradeUsage = function GradeUsage(_ref) {
     "aria-label": "sticky table"
   }, React__default.createElement(TableHead, null, React__default.createElement(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(TableBody, null, dataGradeUsage.map(function (row) {
+  }, t('total_reflections')))), React__default.createElement(TableBody, null, dataGradeUsage.map(function (row) {
     return React__default.createElement(StyledTableRow, {
       key: row.grade
     }, React__default.createElement(StyledTableCell, {
@@ -69121,10 +69136,6 @@ var apiGetLanguage = function apiGetLanguage() {
   return api.get(BASE_URL + "/api/language");
 };
 
-var apiUpdateLanguage = function apiUpdateLanguage(lang) {
-  return api.put(BASE_URL + "/api/language?lang=" + lang);
-};
-
 var LANGUAGE_SYSTEM = "LANGUAGE_SYSTEM";
 
 var useLanguages = function useLanguages() {
@@ -69136,7 +69147,7 @@ var useLanguages = function useLanguages() {
   var language = useSelector(function (state) {
     return state.common.language;
   });
-  var defaultLanguage = getCookieValue(LANGUAGE_SYSTEM) != '' ? getCookieValue(LANGUAGE_SYSTEM) : language;
+  var defaultLanguage = localStorage.getItem(LANGUAGE_SYSTEM) != null ? localStorage.getItem(LANGUAGE_SYSTEM) : language;
 
   var _useState = useState([]),
       languageList = _useState[0],
@@ -69158,28 +69169,11 @@ var useLanguages = function useLanguages() {
 
   var changeLanguageApp = function changeLanguageApp(lang) {
     try {
-      var _temp3 = function _temp3() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
-
-      var _temp4 = _catch(function () {
-        return Promise.resolve(apiUpdateLanguage(lang)).then(function () {
-          i18n.changeLanguage(lang);
-          setCurrentLang(lang);
-          dispatch(setLanguage(lang));
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
-
-        dispatch(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(setLanguage(lang));
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
@@ -69187,20 +69181,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(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);
     }
@@ -69257,7 +69251,6 @@ var LanguageDropdown = function LanguageDropdown() {
       currentLang = _useLanguages.currentLang,
       changeLanguageApp = _useLanguages.changeLanguageApp;
 
-  console.log("admin language");
   var openChooseLanguage = Boolean(anchorLang);
 
   var handleLangClose = function handleLangClose() {
@@ -69311,7 +69304,7 @@ var LanguageDropdown = function LanguageDropdown() {
       className: classes.fontMedium
     }, React__default.createElement("img", {
       className: classes.icon_lang,
-      src: getStaticFileUrl(lang.logo)
+      src: getFileUrl(lang.logo)
     }), lang.name);
   })));
 };
@@ -70465,7 +70458,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",
@@ -70493,7 +70487,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
@@ -70538,19 +70532,19 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     },
     selected: defaultFont == defaultFontSmall,
     className: classes.fontSmall
-  }, "Small text"), React__default.createElement(MenuItem, {
+  }, t('small_text')), React__default.createElement(MenuItem, {
     onClick: function onClick() {
       return onChangeFont(defaultFontSize);
     },
     selected: defaultFont == defaultFontSize,
     className: classes.fontMedium
-  }, "Medium text"), React__default.createElement(MenuItem, {
+  }, t('medium_text')), React__default.createElement(MenuItem, {
     onClick: function onClick() {
       return onChangeFont(defaultFontLarge);
     },
     selected: defaultFont == defaultFontLarge,
     className: classes.fontLarge
-  }, "Large text")), React__default.createElement(Menu$1, {
+  }, t('large_text'))), React__default.createElement(Menu$1, {
     id: "menu-appbar",
     className: classes.dropdown,
     anchorEl: anchorEl,
@@ -70569,14 +70563,14 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     className: classes.menuItem
   }, React__default.createElement(LanguageDropdown, null)), !isReadOnly && React__default.createElement(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(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(MenuItem, {
     onClick: function onClick() {
       onToggleModel === null || onToggleModel === void 0 ? void 0 : onToggleModel();
       handleClose();
     }
-  }, "Role change"), React__default.createElement(MenuItem, {
+  }, t('role_change')), React__default.createElement(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(Drawer, {
     id: "menu-sidebar",
@@ -70606,6 +70600,10 @@ var ModelSelectRole = function ModelSelectRole(_ref) {
   var open = _ref.open,
       onToggleModel = _ref.onToggleModel;
   var dispatch = useDispatch();
+
+  var _useTranslation = useTranslation$1(),
+      t = _useTranslation.t;
+
   var history = useHistory();
   var pathname = window.location.pathname;
   var user = useSelector(function (state) {
@@ -70641,7 +70639,7 @@ var ModelSelectRole = function ModelSelectRole(_ref) {
     className: "" + style$4["model-switch-roles"]
   }, React__default.createElement(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" : ""],
@@ -70748,8 +70746,6 @@ var getSchoolSettings = function getSchoolSettings() {
   return api.get(SCHOOL_URL + "/settings");
 };
 
-var DATEDEFAULT = new Date("0001-1-1");
-
 var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
   var routes = _ref.routes,
       navigation = _ref.navigation;
@@ -70758,9 +70754,6 @@ var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
   var user = useSelector(function (state) {
     return state.common.user;
   });
-  var amplitude = useSelector(function (state) {
-    return state.common.amplitude;
-  });
   var isSandboxMode = useSelector(function (state) {
     var _state$common;
 
@@ -70776,33 +70769,12 @@ var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
       isCheckDone = _useState2[0],
       setIsCheckDone = _useState2[1];
 
-  var _useState3 = useState(DATEDEFAULT),
-      curTime = _useState3[0],
-      setCurTime = _useState3[1];
-
-  var _useState4 = useState(""),
-      pathName = _useState4[0],
-      setPathName = _useState4[1];
-
   var location = useLocation();
   var authRoutes = useMemo(function () {
     return routes.filter(function (route) {
       return 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 = useMemo(function () {
     return navigation.filter(function (nav) {
       return canAccessRoute(user === null || user === void 0 ? void 0 : user.roles, nav.roles);
@@ -70844,27 +70816,9 @@ var MainLayoutAdmin = function MainLayoutAdmin(_ref) {
   useEffect(function () {
     getInformationSetting();
   }, [location.pathname]);
-  useEffect(function () {
-  }, [amplitude === null || amplitude === void 0 ? void 0 : amplitude.event, amplitude === null || amplitude === void 0 ? void 0 : amplitude.last_page]);
-  useEffect(function () {
-    var newCurTime = new Date();
-
-    if (curTime != DATEDEFAULT && !!user) {
-      dispatch(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]);
   useEffect(function () {
     checkAuthentication();
-  }, [isSandboxMode, localStorage.getItem('ACCESS_TOKEN')]);
+  }, [isSandboxMode]);
 
   var checkAuthentication = function checkAuthentication() {
     try {