mario-education 2.4.307-layout → 2.4.308-layout

package/dist/index.js

@@ -15645,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);
@@ -67624,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, {
@@ -67632,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, {
@@ -67830,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
@@ -68771,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) {
@@ -68820,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", {
@@ -68832,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 () {
@@ -68852,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, {
@@ -68865,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
@@ -68936,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, {
@@ -68944,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, {
@@ -68952,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, {
@@ -69288,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);
   })));
 };
@@ -70442,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",
@@ -70470,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
@@ -70515,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,
@@ -70546,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",
@@ -70583,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) {
@@ -70618,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" : ""],
@@ -70725,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;
@@ -70735,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;
 
@@ -70753,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);
@@ -70821,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 {