mario-core 2.9.415-feedback → 2.9.417-feedback

package/dist/index.modern.js

@@ -2,8 +2,8 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import i18n from 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
-import React, { useCallback, useState, useEffect, useRef, useMemo, Suspense, memo, Fragment, forwardRef, useImperativeHandle } from 'react';
-import { Input, Form, FormGroup, Row, Col, Navbar, NavbarBrand, Collapse, Nav, NavItem, NavLink, Dropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, Button, Alert, Pagination, PaginationItem, PaginationLink, Table, Label, ModalHeader, ModalBody, ModalFooter, Popover, PopoverBody, TabContent, TabPane, Card, CardBody, CardText, Tooltip, CustomInput, CardImg, CardTitle, CardHeader } from 'reactstrap';
+import React, { useCallback, useState, useEffect, useRef, Suspense, memo, Fragment, forwardRef, useImperativeHandle, useMemo } from 'react';
+import { Input, Form, FormGroup, Row, Col, Navbar, NavbarBrand, Collapse, Nav, NavItem, NavLink, Dropdown, DropdownToggle, DropdownMenu, DropdownItem, Button, Alert, Pagination, PaginationItem, PaginationLink, Table, Label, Modal, ModalHeader, ModalBody, ModalFooter, Popover, PopoverBody, TabContent, TabPane, Card, CardBody, CardText, Tooltip, CustomInput, CardImg, CardTitle, CardHeader } from 'reactstrap';
 import { Link, useLocation, useHistory, Switch, Route, Prompt, useParams } from 'react-router-dom';
 import { useDispatch, useSelector } from 'react-redux';
 import { Formik } from 'formik';
@@ -17,7 +17,7 @@ import { track, setSessionId, init, Identify, identify } from '@amplitude/analyt
 import moment from 'moment';
 import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
 import { GiHamburgerMenu } from 'react-icons/gi';
-import { CSidebar, CSidebarBrand, CSidebarNav, CCreateElement, CSidebarNavDivider, CSidebarNavDropdown, CSidebarNavItem, CSidebarNavTitle, CSidebarFooter, CHeader, CToggler, CHeaderBrand, CHeaderNav, CContainer } from '@coreui/react';
+import { CSidebar, CSidebarBrand, CSidebarNav, CCreateElement, CSidebarNavDivider, CSidebarNavDropdown, CSidebarNavItem, CSidebarNavTitle, CSidebarFooter, CContainer, CHeader, CToggler, CHeaderBrand, CHeaderNav } from '@coreui/react';
 import { CgMenuRight } from 'react-icons/cg';
 import { RiLogoutBoxRLine } from 'react-icons/ri';
 import Pusher from 'pusher-js/with-encryption';
@@ -2189,6 +2189,7 @@ var save_new_password = "Save new password";
 var teacher_code = "Teacher code";
 var number_of_conversations = "Number of conversations";
 var number_of_expected_conversations_based_on_the_goal = "Number of expected conversations based on the goal";
+var check_in = "Check-in";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -4394,7 +4395,8 @@ var lang_us = {
 	save_new_password: save_new_password,
 	teacher_code: teacher_code,
 	number_of_conversations: number_of_conversations,
-	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal
+	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal,
+	check_in: check_in
 };
 
 var dashboard$1 = "Dashboard";
@@ -4412,7 +4414,7 @@ var cancel$1 = "Cancel";
 var hey$1 = "Hey";
 var readiness_to_learn$1 = "Readiness to Learn";
 var high_impact_learning_strategies$1 = "High Impact Learning Strategies";
-var check_in = "Check In";
+var check_in$1 = "Check In";
 var check_ins$1 = "Check Ins";
 var reflection$1 = "Reflection";
 var conferences$1 = "Conferences";
@@ -6565,7 +6567,7 @@ var lang_uk = {
 	readiness_to_learn: readiness_to_learn$1,
 	high_impact_learning_strategies: high_impact_learning_strategies$1,
 	"1_to_1": "1 to 1",
-	check_in: check_in,
+	check_in: check_in$1,
 	check_ins: check_ins$1,
 	reflection: reflection$1,
 	conferences: conferences$1,
@@ -8769,7 +8771,7 @@ var cancel$2 = "إلغاء";
 var hey$2 = "مرحبًا";
 var readiness_to_learn$2 = "الاستعداد للتعلم";
 var high_impact_learning_strategies$2 = "استراتيجيات التعلم عالية التأثير";
-var check_in$1 = "تسجيل الحضور";
+var check_in$2 = "تسجيل الحضور";
 var check_ins$2 = "عمليات تسجيل الحضور";
 var reflection$2 = "التفكير";
 var conferences$2 = "اللقاءات";
@@ -10952,7 +10954,7 @@ var lang_ar = {
 	readiness_to_learn: readiness_to_learn$2,
 	high_impact_learning_strategies: high_impact_learning_strategies$2,
 	"1_to_1": "1 إلى 1",
-	check_in: check_in$1,
+	check_in: check_in$2,
 	check_ins: check_ins$2,
 	reflection: reflection$2,
 	conferences: conferences$2,
@@ -13188,7 +13190,7 @@ var cancel$3 = "Cancelar";
 var hey$3 = "Hola";
 var readiness_to_learn$3 = "Preparación para el aprendizaje";
 var high_impact_learning_strategies$3 = "Estrategias de aprendizaje de alto impacto";
-var check_in$2 = "Registro";
+var check_in$3 = "Registro";
 var check_ins$3 = "Registro de entrada";
 var reflection$3 = "Reflexión";
 var conferences$3 = "Conferencias";
@@ -15371,7 +15373,7 @@ var lang_es = {
 	readiness_to_learn: readiness_to_learn$3,
 	high_impact_learning_strategies: high_impact_learning_strategies$3,
 	"1_to_1": "1 a 1",
-	check_in: check_in$2,
+	check_in: check_in$3,
 	check_ins: check_ins$3,
 	reflection: reflection$3,
 	conferences: conferences$3,
@@ -17607,7 +17609,7 @@ var cancel$4 = "取消";
 var hey$4 = "您好";
 var readiness_to_learn$4 = "准备学习";
 var high_impact_learning_strategies$4 = "高效学习策略";
-var check_in$3 = "签到";
+var check_in$4 = "签到";
 var check_ins$4 = "签到";
 var reflection$4 = "反思";
 var conferences$4 = "讨论会";
@@ -19790,7 +19792,7 @@ var lang_zh = {
 	readiness_to_learn: readiness_to_learn$4,
 	high_impact_learning_strategies: high_impact_learning_strategies$4,
 	"1_to_1": "一对一",
-	check_in: check_in$3,
+	check_in: check_in$4,
 	check_ins: check_ins$4,
 	reflection: reflection$4,
 	conferences: conferences$4,
@@ -22166,6 +22168,12 @@ var LANGUAGES = [{
 var DEFAULT_LANGUAGE_CODE = "en-US";
 var SUPPORTED_LANGUAGES_CODE = ["en-US", "en-GB", "ar", "es", "zh"];
 var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+var CsvImportType;
+
+(function (CsvImportType) {
+  CsvImportType[CsvImportType["Teacher"] = 0] = "Teacher";
+  CsvImportType[CsvImportType["Admin"] = 1] = "Admin";
+})(CsvImportType || (CsvImportType = {}));
 
 var resources$5 = {
   "en-US": {
@@ -41879,212 +41887,6 @@ var TheHeaderDropdown = function TheHeaderDropdown(_ref) {
   })), t("log_out")))));
 };
 
-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() {
-  var dispatch = useDispatch();
-
-  var _useTranslation = useTranslation(),
-      i18n = _useTranslation.i18n;
-
-  var language = useSelector(function (state) {
-    return state.common.language;
-  });
-  var defaultLanguage = getCookieValue(LANGUAGE_SYSTEM) != null ? getCookieValue(LANGUAGE_SYSTEM) : DEFAULT_LANGUAGE_CODE;
-
-  var _useState = useState([]),
-      languageList = _useState[0],
-      setLanguageList = _useState[1];
-
-  var _useState2 = useState(false),
-      dropdownOpen = _useState2[0],
-      setDropdownOpen = _useState2[1];
-
-  var _useState3 = useState(defaultLanguage),
-      currentLang = _useState3[0],
-      setCurrentLang = _useState3[1];
-
-  var toggle = function toggle() {
-    return setDropdownOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-
-  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));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var getListLanguage = function getListLanguage() {
-    try {
-      var _temp6 = _catch(function () {
-        return Promise.resolve(apiGetLanguage()).then(function (res) {
-          setLanguageList(res.data);
-        });
-      }, function (err) {
-        var _err$response2, _err$response2$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
-        }));
-      });
-
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  useEffect(function () {
-    defaultLanguage != language && changeLanguageApp(defaultLanguage);
-    getListLanguage();
-  }, []);
-  return {
-    languageList: languageList,
-    toggle: toggle,
-    dropdownOpen: dropdownOpen,
-    currentLang: currentLang,
-    changeLanguageApp: changeLanguageApp,
-    setCurrentLang: setCurrentLang
-  };
-};
-
-var TheLanguageDropdown = function TheLanguageDropdown() {
-  var _useLanguages = useLanguages(),
-      languageList = _useLanguages.languageList,
-      toggle = _useLanguages.toggle,
-      dropdownOpen = _useLanguages.dropdownOpen,
-      currentLang = _useLanguages.currentLang,
-      changeLanguageApp = _useLanguages.changeLanguageApp;
-
-  var currentLanguage = useMemo(function () {
-    var current = languageList.find(function (i) {
-      return i.code === currentLang;
-    });
-    if (!current) return null;
-    return React.createElement(React.Fragment, null, React.createElement("img", {
-      className: "mr-2 " + styles['dropdown-menu-flag'],
-      src: "" + getStaticFileUrl(current.image)
-    }), " ", current.name);
-  }, [currentLang, languageList]);
-  return React.createElement(Dropdown, {
-    isOpen: dropdownOpen,
-    toggle: toggle,
-    className: "" + styles["dropdown-menu"]
-  }, React.createElement(DropdownToggle, {
-    className: styles["header-avatar"] + " d-flex align-items-center"
-  }, React.createElement("span", {
-    style: {
-      color: "#000",
-      textTransform: "capitalize",
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, currentLanguage, React.createElement(BsChevronDown, {
-    className: "ml-2",
-    style: {
-      fontSize: '10px'
-    }
-  }))), React.createElement(DropdownMenu, {
-    className: styles["dropdown-content-language"]
-  }, !!languageList && languageList.length > 0 && languageList.map(function (lang, index) {
-    return React.createElement(DropdownItem, {
-      key: lang.code,
-      className: styles["dropdown-change"] + " px-0 py-0 " + (index === languageList.length - 1 ? "pb-2" : "pt-2"),
-      onClick: function onClick() {
-        return changeLanguageApp(lang.code);
-      }
-    }, React.createElement("div", {
-      className: styles["dropdown-item-language"] + " " + styles["item-logout"] + " " + (currentLang == lang.code ? styles['dropdown-item-language-active'] : "") + " d-flex align-items-center w-100"
-    }, React.createElement("span", {
-      className: "mr-2 d-flex hover-opacity"
-    }, React.createElement("img", {
-      style: {
-        width: "30px",
-        height: "25px",
-        borderRadius: "5px"
-      },
-      src: getStaticFileUrl(lang.image)
-    })), lang.name));
-  })));
-};
-
-var TheHeader = function TheHeader(_ref) {
-  var onToggleModel = _ref.onToggleModel;
-  var dispatch = useDispatch();
-  var sidebarShow = useSelector(function (state) {
-    return state.common.sidebarShow;
-  });
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var toggleSidebarMobile = function toggleSidebarMobile() {
-    var val = [false, "responsive"].includes(sidebarShow) ? true : "responsive";
-    dispatch(setSidebar(val));
-  };
-
-  var isDistrict = window.location.host.includes("-district");
-  return React.createElement(CHeader, {
-    withSubheader: true,
-    className: "d-flex align-items-center justify-content-end"
-  }, React.createElement(CToggler, {
-    inHeader: true,
-    className: "ml-md-3 d-lg-none",
-    onClick: toggleSidebarMobile
-  }), React.createElement(CHeaderBrand, {
-    className: "mx-auto flex-grow-1 d-lg-none",
-    to: "/"
-  }, React.createElement("img", {
-    src: getStaticFileUrl(Images.LOGO_HEADER),
-    className: styles["header-logo"]
-  })), React.createElement(CHeaderNav, {
-    className: "pr-3"
-  }, React.createElement(TheLanguageDropdown, null), React.createElement("a", {
-    className: "mr-3",
-    style: {
-      color: '#000'
-    },
-    href: '/privacy-policy',
-    target: "blank"
-  }, t("privacy_policy")), !isDistrict && React.createElement(NotificationButton, null), React.createElement(TheHeaderDropdown, {
-    onToggleModel: onToggleModel
-  })));
-};
-
 var TITLE$3 = "Not found";
 
 var NotFound = function NotFound() {
@@ -42142,258 +41944,6 @@ var TheContent = function TheContent(_ref) {
 
 var TheContent$1 = React.memo(TheContent);
 
-var loadingStyle = {
-  minWidth: "100vw",
-  minHeight: "100vh",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  zIndex: 999999999,
-  backgroundColor: "rgba(0, 0, 0, 0.4)",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-};
-
-var Loading = function Loading() {
-  var isLoading = useSelector(function (state) {
-    return state.common.isLoading;
-  });
-  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
-  return isLoading ? React.createElement("div", {
-    style: loadingStyle
-  }, React.createElement("div", {
-    className: "spinner-border text-secondary",
-    role: "status"
-  }, React.createElement("span", {
-    className: "sr-only"
-  }, "Loading..."))) : null;
-};
-
-var firstCheckToken = function firstCheckToken() {
-  return Promise.resolve(_catch(function () {
-    var token = getAccessToken();
-    return token ? Promise.resolve(checkToken(token)).then(function (tokenStatus) {
-      return tokenStatus.data ? true : false;
-    }) : false;
-  }, function () {
-    return false;
-  }));
-};
-
-var canAccess = function canAccess(userRoles, componentRoles) {
-  if (!Array.isArray(userRoles)) {
-    return false;
-  }
-
-  if (Array.isArray(componentRoles)) {
-    var intersects = userRoles.filter(function (i) {
-      return componentRoles.includes(i);
-    });
-    return intersects.length > 0;
-  }
-
-  return true;
-};
-
-var ModelSelectRole = function ModelSelectRole(_ref) {
-  var _handleUserRole;
-
-  var open = _ref.open,
-      onToggleModel = _ref.onToggleModel;
-  var dispatch = useDispatch();
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var history = useHistory();
-  var pathname = window.location.pathname;
-  var user = useSelector(function (state) {
-    return state.common.user;
-  });
-  var roles = user === null || user === void 0 ? void 0 : user.roles;
-
-  var handleSelectUserRoles = function handleSelectUserRoles(roles) {
-    dispatch(setLoading(true));
-    var roleSelect = roles.includes("Teacher/Assistant") ? ["Teacher", "Assistant"] : roles;
-    dispatch(setUser(_extends({}, user, {
-      roles: roleSelect
-    })));
-    localStorage.setItem("ROLES", roleSelect.toString());
-    onToggleModel();
-
-    if (roles.includes("Parent")) {
-      history.push("/parent");
-    } else if (roles.includes("Admin")) {
-      history.push("/admin/home");
-    } else {
-      pathname !== "/home" ? history.push("/home") : window.location.reload();
-    }
-  };
-
-  return React.createElement(Modal, {
-    isOpen: open,
-    toggle: function toggle() {
-      return onToggleModel();
-    },
-    className: "" + styles["model-switch-roles"],
-    centered: true
-  }, React.createElement("p", {
-    className: "" + styles["title"]
-  }, t("continue_as")), React.createElement("div", null, (_handleUserRole = handleUserRole(user === null || user === void 0 ? void 0 : user.roles)) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.map(function (r) {
-    return React.createElement("p", {
-      key: r,
-      className: styles["item-select-role"] + " " + styles[roles.includes("Teacher") && roles.includes("Assistant") && r === "Teacher/Assistant" && !roles.includes("Admin") || roles.includes("Admin") && r === "Admin" || roles.includes(r) && !roles.includes("Admin") ? "item-role-active" : ""],
-      onClick: function onClick() {
-        return handleSelectUserRoles([r]);
-      }
-    }, r == "SecondaryTeacher" ? "Support Teacher" : r);
-  })));
-};
-
-var TheLayout = function TheLayout(_ref) {
-  var routes = _ref.routes,
-      navigation = _ref.navigation;
-  var history = useHistory();
-  var dispatch = useDispatch();
-  var user = useSelector(function (state) {
-    return state.common.user;
-  });
-  var language = useSelector(function (state) {
-    return state.common.language;
-  });
-
-  var _useState = useState(false),
-      openModelSelectRole = _useState[0],
-      setOpenModelSelectRole = _useState[1];
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var location = useLocation();
-  var isNotification = location.pathname.includes("notifications");
-  var isDistrict = window.location.host.includes("-district");
-
-  var handleToggleModel = function handleToggleModel() {
-    setOpenModelSelectRole(!openModelSelectRole);
-  };
-
-  var authRoutes = useMemo(function () {
-    return routes.filter(function (route) {
-      return canAccess(user === null || user === void 0 ? void 0 : user.roles, route.roles);
-    }).filter(function (route) {
-      return !!route.isDistrict === isDistrict;
-    });
-  }, [user, language]);
-  var authNavigations = useMemo(function () {
-    return navigation.map(function (item) {
-      var _item$_children, _item$_children2;
-
-      return _extends({}, item, {
-        name: t(item.name),
-        _children: item !== null && item !== void 0 && (_item$_children = item._children) !== null && _item$_children !== void 0 && _item$_children.length ? item === null || item === void 0 ? void 0 : (_item$_children2 = item._children) === null || _item$_children2 === void 0 ? void 0 : _item$_children2.map(function (x) {
-          return _extends({}, x, {
-            name: t(x.name)
-          });
-        }) : undefined
-      });
-    }).filter(function (nav) {
-      return canAccess(user === null || user === void 0 ? void 0 : user.roles, nav.roles);
-    }).filter(function (nav) {
-      return !!nav.isDistrict === isDistrict;
-    });
-  }, [user, language]);
-
-  var getInformationSetting = function getInformationSetting() {
-    try {
-      var _temp2 = _catch(function () {
-        return Promise.resolve(getSchoolSettings()).then(function (res) {
-          dispatch(setSandboxMode(res.data.isSandboxMode));
-        });
-      }, function (err) {
-        console.error(err);
-      });
-
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  useEffect(function () {
-    checkAuthentication();
-  }, []);
-  useEffect(function () {
-    getInformationSetting();
-  }, [location.pathname]);
-
-  var checkAuthentication = function checkAuthentication() {
-    try {
-      var _temp4 = _catch(function () {
-        return Promise.resolve(firstCheckToken()).then(function (tokenStatus) {
-          tokenStatus ? loadInfo() : resetAuth();
-        });
-      }, function () {
-        resetAuth();
-      });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var loadInfo = function loadInfo() {
-    try {
-      var _temp6 = _catch(function () {
-        return Promise.resolve(getInfo()).then(function (info) {
-          var _info$data, _info$data$roles;
-
-          if (!info || !(info !== null && info !== void 0 && (_info$data = info.data) !== null && _info$data !== void 0 && (_info$data$roles = _info$data.roles) !== null && _info$data$roles !== void 0 && _info$data$roles.includes("Admin"))) {
-            resetAuth();
-          }
-
-          dispatch(setUser(info.data));
-        });
-      }, function () {
-        resetAuth();
-      });
-
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var resetAuth = function resetAuth() {
-    localStorage.removeItem(ACCESS_TOKEN);
-    sessionStorage.removeItem(ACCESS_TOKEN);
-    localStorage.removeItem("ROLES");
-    history.push("/");
-  };
-
-  if (!user) {
-    return React.createElement(Loading, null);
-  }
-
-  return React.createElement("div", {
-    className: "c-app c-default-layout"
-  }, !isNotification && React.createElement(TheSidebar, {
-    navigation: authNavigations
-  }), React.createElement("div", {
-    className: "c-wrapper"
-  }, !isNotification && React.createElement(TheHeader, {
-    onToggleModel: handleToggleModel
-  }), React.createElement("div", {
-    className: "c-body bg-white"
-  }, React.createElement(TheContent$1, {
-    routes: authRoutes
-  }))), React.createElement(ModelSelectRole, {
-    open: openModelSelectRole,
-    onToggleModel: handleToggleModel
-  }));
-};
-
 var buttonTextStyle = {
   fontWeight: 500
 };
@@ -46298,6 +45848,9 @@ var importUsersCSV = function importUsersCSV(formData) {
 var downloadTemplateFileUser = function downloadTemplateFileUser() {
   return api.get(CSV_FILE_TEACHER + "/download-template-file-user");
 };
+var validateCsvApi = function validateCsvApi(formData, type) {
+  return api.post(CSV_FILE_TEACHER + "/validate-csv-template-student/" + type, formData);
+};
 
 var CSVType;
 
@@ -50094,7 +49647,7 @@ var style$2 = {
   color: "#fff",
   fontWeight: 500,
   fontSize: "14px",
-  height: "100%",
+  height: "56px",
   justifyContent: "center"
 };
 
@@ -50193,15 +49746,19 @@ var useCSVImportTab = function useCSVImportTab() {
       studentDataFile = _useState5[0],
       setStudentDataFile = _useState5[1];
 
+  var _useState6 = useState([]),
+      errorsValidate = _useState6[0],
+      setErrorsValidate = _useState6[1];
+
   var isCheckDomainIBS = true;
 
-  var _useState6 = useState(0),
-      defaultTeacher = _useState6[0],
-      setDefaultTeacher = _useState6[1];
+  var _useState7 = useState(0),
+      defaultTeacher = _useState7[0],
+      setDefaultTeacher = _useState7[1];
 
-  var _useState7 = useState(""),
-      fileName = _useState7[0],
-      setFileName = _useState7[1];
+  var _useState8 = useState(""),
+      fileName = _useState8[0],
+      setFileName = _useState8[1];
 
   useEffect(function () {
     document.title = title$5;
@@ -50246,10 +49803,10 @@ var useCSVImportTab = function useCSVImportTab() {
 
   var upload = useCallback(function (file) {
     try {
-      var _exit2 = false;
+      var _exit3 = false;
 
-      var _temp12 = function _temp12(_result2) {
-        if (_exit2) return _result2;
+      var _temp12 = function _temp12(_result) {
+        if (_exit3) return _result;
         dispatch(setLoading(false));
         var inputId = document.getElementById(id$1);
         var input = document.getElementById('import-student');
@@ -50263,103 +49820,114 @@ var useCSVImportTab = function useCSVImportTab() {
       dispatch(setLoading(true));
 
       var _temp13 = _catch(function () {
-        function _temp9(_result) {
-          if (_exit2) return _result;
-          dispatch(setAlert({
-            type: "success",
-            message: "Import CSV successfully"
-          }));
-        }
-
         var formData = new FormData();
         formData.append("file", file, file.name);
+        var typeOfCsv = type === CSVType$1.AllUser ? CsvImportType.Admin : CsvImportType.Teacher;
+        return Promise.resolve(validateCsvApi(formData, typeOfCsv)).then(function (res) {
+          var _exit2 = false;
 
-        var _temp8 = function () {
-          if (type == CSVType$1.AllUser) {
-            return Promise.resolve(file.text()).then(function (fileTextRaw) {
-              var fileText = fileTextRaw.trim();
-              var rows = fileText.split("\n").map(function (row) {
-                return row.trim();
-              });
-              var headerIndex = rows.findIndex(function (row) {
-                return row.split(",").includes("First Name");
-              });
-
-              if (headerIndex === 0) {
-                throw new Error("Invalid CSV: Missing header row.");
-              }
+          function _temp9(_result2) {
+            if (_exit2) return _result2;
+            dispatch(setAlert({
+              type: "success",
+              message: "Import CSV successfully"
+            }));
+          }
 
-              fileText = rows.slice(headerIndex).join("\n");
-              var parsedData = Papa.parse(fileText, {
-                header: true,
-                skipEmptyLines: true
-              });
-              var header = parsedData.meta.fields;
-              var dataRows = parsedData.data;
+          if (res.data && res.data.length > 0) {
+            setErrorsValidate(res.data);
+            dispatch(setLoading(false));
+            _exit3 = true;
+            return;
+          }
 
-              if (!!!dataRows.length) {
-                dispatch(setLoading(false));
-                dispatch(setAlert({
-                  type: "danger",
-                  message: 'The file has no data or some column names are misformed.'
-                }));
-                _exit2 = true;
-                return;
-              }
+          var _temp8 = function () {
+            if (type == CSVType$1.AllUser) {
+              return Promise.resolve(file.text()).then(function (fileTextRaw) {
+                var fileText = fileTextRaw.trim();
+                var rows = fileText.split("\n").map(function (row) {
+                  return row.trim();
+                });
+                var headerIndex = rows.findIndex(function (row) {
+                  return row.split(",").includes("First Name");
+                });
 
-              var chunkSize = 10;
-              var chunks = [];
+                if (headerIndex === 0) {
+                  throw new Error("Invalid CSV: Missing header row.");
+                }
 
-              for (var _i = 0; _i < dataRows.length; _i += chunkSize) {
-                var chunkData = dataRows.slice(_i, _i + chunkSize);
-                var valuesOnly = chunkData.map(function (row) {
-                  return Object.values(row).map(function (v) {
-                    return (v != null ? v : "").toString().trim();
-                  });
+                fileText = rows.slice(headerIndex).join("\n");
+                var parsedData = Papa.parse(fileText, {
+                  header: true,
+                  skipEmptyLines: true
                 });
+                var header = parsedData.meta.fields;
+                var dataRows = parsedData.data;
 
-                if (header) {
-                  valuesOnly.unshift(header);
+                if (!!!dataRows.length) {
+                  dispatch(setLoading(false));
+                  dispatch(setAlert({
+                    type: "danger",
+                    message: 'The file has no data or some column names are misformed.'
+                  }));
+                  _exit3 = true;
+                  return;
                 }
 
-                console.log({
-                  valuesOnly: valuesOnly
-                });
-                chunks.push(valuesOnly);
-              }
+                var chunkSize = 10;
+                var chunks = [];
 
-              var _temp5 = _forTo(chunks, function (i) {
-                return Promise.resolve(importChunkFileUsers({
-                  chunks: chunks[i]
-                })).then(function () {
-                  return Promise.resolve(new Promise(function (res) {
-                    return setTimeout(res, 500);
-                  })).then(function () {});
-                });
-              });
+                for (var _i = 0; _i < dataRows.length; _i += chunkSize) {
+                  var chunkData = dataRows.slice(_i, _i + chunkSize);
+                  var valuesOnly = chunkData.map(function (row) {
+                    return Object.values(row).map(function (v) {
+                      return (v != null ? v : "").toString().trim();
+                    });
+                  });
 
-              if (_temp5 && _temp5.then) return _temp5.then(function () {});
-            });
-          } else {
-            var _temp14 = function () {
-              if (isCheckDomainIBS) {
-                var _temp15 = function () {
-                  if (type == CSVType$1.ClassReflection) {
-                    return Promise.resolve(importClassReflectionCSV$1(formData)).then(function () {});
+                  if (header) {
+                    valuesOnly.unshift(header);
                   }
-                }();
 
-                if (_temp15 && _temp15.then) return _temp15.then(function () {});
-              } else {
-                return Promise.resolve(importCSV$1(formData, type.toString())).then(function () {});
-              }
-            }();
+                  console.log({
+                    valuesOnly: valuesOnly
+                  });
+                  chunks.push(valuesOnly);
+                }
 
-            if (_temp14 && _temp14.then) return _temp14.then(function () {});
-          }
-        }();
+                var _temp5 = _forTo(chunks, function (i) {
+                  return Promise.resolve(importChunkFileUsers({
+                    chunks: chunks[i]
+                  })).then(function () {
+                    return Promise.resolve(new Promise(function (res) {
+                      return setTimeout(res, 500);
+                    })).then(function () {});
+                  });
+                });
 
-        return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
+                if (_temp5 && _temp5.then) return _temp5.then(function () {});
+              });
+            } else {
+              var _temp14 = function () {
+                if (isCheckDomainIBS) {
+                  var _temp15 = function () {
+                    if (type == CSVType$1.ClassReflection) {
+                      return Promise.resolve(importClassReflectionCSV$1(formData)).then(function () {});
+                    }
+                  }();
+
+                  if (_temp15 && _temp15.then) return _temp15.then(function () {});
+                } else {
+                  return Promise.resolve(importCSV$1(formData, type.toString())).then(function () {});
+                }
+              }();
+
+              if (_temp14 && _temp14.then) return _temp14.then(function () {});
+            }
+          }();
+
+          return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
+        });
       }, function (err) {
         var _err$response, _err$response$data;
 
@@ -50514,7 +50082,9 @@ var useCSVImportTab = function useCSVImportTab() {
     defaultTeacher: defaultTeacher,
     fileName: fileName,
     onStudentSubmit: onStudentSubmit,
-    downloadTemplateUser: downloadTemplateUser
+    downloadTemplateUser: downloadTemplateUser,
+    errorsValidate: errorsValidate,
+    setErrorsValidate: setErrorsValidate
   };
 };
 
@@ -50541,7 +50111,8 @@ var CSVImport = function CSVImport() {
       setArrStudent = _useCSVImportTab.setArrStudent,
       buttons = _useCSVImportTab.buttons,
       upload = _useCSVImportTab.upload,
-      downloadTemplateUser = _useCSVImportTab.downloadTemplateUser;
+      downloadTemplateUser = _useCSVImportTab.downloadTemplateUser,
+      errorsValidate = _useCSVImportTab.errorsValidate;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -50594,9 +50165,9 @@ var CSVImport = function CSVImport() {
       accept: "text/csv"
     }), React.createElement(Col, {
       md: 6,
-      className: "mb-2 d-flex align-items-end"
+      className: "mb-2 d-flex mt-5"
     }, React.createElement(Row, {
-      className: "w-100"
+      className: "w-100 flex-column"
     }, React.createElement(Col, {
       md: 12,
       className: ""
@@ -50625,7 +50196,9 @@ var CSVImport = function CSVImport() {
     })))), React.createElement(Col, {
       md: 6,
       className: "mb-2"
-    }, React.createElement(Row, null, React.createElement(Col, {
+    }, React.createElement(Row, {
+      className: "flex-column"
+    }, React.createElement(Col, {
       md: 12,
       className: "mb-2 text-right"
     }, React.createElement(Button, {
@@ -50655,7 +50228,12 @@ var CSVImport = function CSVImport() {
           return setType(button.type);
         }
       });
-    })))));
+    })), (errorsValidate === null || errorsValidate === void 0 ? void 0 : errorsValidate.length) > 0 && errorsValidate.map(function (error, index) {
+      return React.createElement(ErrorHandler, {
+        key: index,
+        text: error
+      });
+    }))));
   }))) );
 };
 
@@ -51740,6 +51318,34 @@ var UserDetail = function UserDetail() {
   });
 };
 
+var loadingStyle = {
+  minWidth: "100vw",
+  minHeight: "100vh",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  zIndex: 999999999,
+  backgroundColor: "rgba(0, 0, 0, 0.4)",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+};
+
+var Loading = function Loading() {
+  var isLoading = useSelector(function (state) {
+    return state.common.isLoading;
+  });
+  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
+  return isLoading ? React.createElement("div", {
+    style: loadingStyle
+  }, React.createElement("div", {
+    className: "spinner-border text-secondary",
+    role: "status"
+  }, React.createElement("span", {
+    className: "sr-only"
+  }, "Loading..."))) : null;
+};
+
 var ScrollToTop = function ScrollToTop() {
   var _useLocation = useLocation(),
       pathname = _useLocation.pathname;
@@ -54763,6 +54369,32 @@ var store = configureStore({
   }
 });
 
+var firstCheckToken = function firstCheckToken() {
+  return Promise.resolve(_catch(function () {
+    var token = getAccessToken();
+    return token ? Promise.resolve(checkToken(token)).then(function (tokenStatus) {
+      return tokenStatus.data ? true : false;
+    }) : false;
+  }, function () {
+    return false;
+  }));
+};
+
+var canAccess = function canAccess(userRoles, componentRoles) {
+  if (!Array.isArray(userRoles)) {
+    return false;
+  }
+
+  if (Array.isArray(componentRoles)) {
+    var intersects = userRoles.filter(function (i) {
+      return componentRoles.includes(i);
+    });
+    return intersects.length > 0;
+  }
+
+  return true;
+};
+
 var isInViewport = function isInViewport(el) {
   var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
   return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
@@ -54796,6 +54428,410 @@ var generateRandomString = (function () {
   return (Math.random() + 1).toString(36).substring(7);
 });
 
+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() {
+  var dispatch = useDispatch();
+
+  var _useTranslation = useTranslation(),
+      i18n = _useTranslation.i18n;
+
+  var language = useSelector(function (state) {
+    return state.common.language;
+  });
+  var defaultLanguage = getCookieValue(LANGUAGE_SYSTEM) != null ? getCookieValue(LANGUAGE_SYSTEM) : DEFAULT_LANGUAGE_CODE;
+
+  var _useState = useState([]),
+      languageList = _useState[0],
+      setLanguageList = _useState[1];
+
+  var _useState2 = useState(false),
+      dropdownOpen = _useState2[0],
+      setDropdownOpen = _useState2[1];
+
+  var _useState3 = useState(defaultLanguage),
+      currentLang = _useState3[0],
+      setCurrentLang = _useState3[1];
+
+  var toggle = function toggle() {
+    return setDropdownOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+
+  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));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var getListLanguage = function getListLanguage() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(apiGetLanguage()).then(function (res) {
+          setLanguageList(res.data);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$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
+        }));
+      });
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  useEffect(function () {
+    defaultLanguage != language && changeLanguageApp(defaultLanguage);
+    getListLanguage();
+  }, []);
+  return {
+    languageList: languageList,
+    toggle: toggle,
+    dropdownOpen: dropdownOpen,
+    currentLang: currentLang,
+    changeLanguageApp: changeLanguageApp,
+    setCurrentLang: setCurrentLang
+  };
+};
+
+var TheLanguageDropdown = function TheLanguageDropdown() {
+  var _useLanguages = useLanguages(),
+      languageList = _useLanguages.languageList,
+      toggle = _useLanguages.toggle,
+      dropdownOpen = _useLanguages.dropdownOpen,
+      currentLang = _useLanguages.currentLang,
+      changeLanguageApp = _useLanguages.changeLanguageApp;
+
+  var currentLanguage = useMemo(function () {
+    var current = languageList.find(function (i) {
+      return i.code === currentLang;
+    });
+    if (!current) return null;
+    return React.createElement(React.Fragment, null, React.createElement("img", {
+      className: "mr-2 " + styles['dropdown-menu-flag'],
+      src: "" + getStaticFileUrl(current.image)
+    }), " ", current.name);
+  }, [currentLang, languageList]);
+  return React.createElement(Dropdown, {
+    isOpen: dropdownOpen,
+    toggle: toggle,
+    className: "" + styles["dropdown-menu"]
+  }, React.createElement(DropdownToggle, {
+    className: styles["header-avatar"] + " d-flex align-items-center"
+  }, React.createElement("span", {
+    style: {
+      color: "#000",
+      textTransform: "capitalize",
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, currentLanguage, React.createElement(BsChevronDown, {
+    className: "ml-2",
+    style: {
+      fontSize: '10px'
+    }
+  }))), React.createElement(DropdownMenu, {
+    className: styles["dropdown-content-language"]
+  }, !!languageList && languageList.length > 0 && languageList.map(function (lang, index) {
+    return React.createElement(DropdownItem, {
+      key: lang.code,
+      className: styles["dropdown-change"] + " px-0 py-0 " + (index === languageList.length - 1 ? "pb-2" : "pt-2"),
+      onClick: function onClick() {
+        return changeLanguageApp(lang.code);
+      }
+    }, React.createElement("div", {
+      className: styles["dropdown-item-language"] + " " + styles["item-logout"] + " " + (currentLang == lang.code ? styles['dropdown-item-language-active'] : "") + " d-flex align-items-center w-100"
+    }, React.createElement("span", {
+      className: "mr-2 d-flex hover-opacity"
+    }, React.createElement("img", {
+      style: {
+        width: "30px",
+        height: "25px",
+        borderRadius: "5px"
+      },
+      src: getStaticFileUrl(lang.image)
+    })), lang.name));
+  })));
+};
+
+var TheHeader = function TheHeader(_ref) {
+  var onToggleModel = _ref.onToggleModel;
+  var dispatch = useDispatch();
+  var sidebarShow = useSelector(function (state) {
+    return state.common.sidebarShow;
+  });
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var toggleSidebarMobile = function toggleSidebarMobile() {
+    var val = [false, "responsive"].includes(sidebarShow) ? true : "responsive";
+    dispatch(setSidebar(val));
+  };
+
+  var isDistrict = window.location.host.includes("-district");
+  return React.createElement(CHeader, {
+    withSubheader: true,
+    className: "d-flex align-items-center justify-content-end"
+  }, React.createElement(CToggler, {
+    inHeader: true,
+    className: "ml-md-3 d-lg-none",
+    onClick: toggleSidebarMobile
+  }), React.createElement(CHeaderBrand, {
+    className: "mx-auto flex-grow-1 d-lg-none",
+    to: "/"
+  }, React.createElement("img", {
+    src: getStaticFileUrl(Images.LOGO_HEADER),
+    className: styles["header-logo"]
+  })), React.createElement(CHeaderNav, {
+    className: "pr-3"
+  }, React.createElement(TheLanguageDropdown, null), React.createElement("a", {
+    className: "mr-3",
+    style: {
+      color: '#000'
+    },
+    href: '/privacy-policy',
+    target: "blank"
+  }, t("privacy_policy")), !isDistrict && React.createElement(NotificationButton, null), React.createElement(TheHeaderDropdown, {
+    onToggleModel: onToggleModel
+  })));
+};
+
+var ModelSelectRole = function ModelSelectRole(_ref) {
+  var _handleUserRole;
+
+  var open = _ref.open,
+      onToggleModel = _ref.onToggleModel;
+  var dispatch = useDispatch();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var history = useHistory();
+  var pathname = window.location.pathname;
+  var user = useSelector(function (state) {
+    return state.common.user;
+  });
+  var roles = user === null || user === void 0 ? void 0 : user.roles;
+
+  var handleSelectUserRoles = function handleSelectUserRoles(roles) {
+    dispatch(setLoading(true));
+    var roleSelect = roles.includes("Teacher/Assistant") ? ["Teacher", "Assistant"] : roles;
+    dispatch(setUser(_extends({}, user, {
+      roles: roleSelect
+    })));
+    localStorage.setItem("ROLES", roleSelect.toString());
+    onToggleModel();
+
+    if (roles.includes("Parent")) {
+      history.push("/parent");
+    } else if (roles.includes("Admin")) {
+      history.push("/admin/home");
+    } else {
+      pathname !== "/home" ? history.push("/home") : window.location.reload();
+    }
+  };
+
+  return React.createElement(Modal, {
+    isOpen: open,
+    toggle: function toggle() {
+      return onToggleModel();
+    },
+    className: "" + styles["model-switch-roles"],
+    centered: true
+  }, React.createElement("p", {
+    className: "" + styles["title"]
+  }, t("continue_as")), React.createElement("div", null, (_handleUserRole = handleUserRole(user === null || user === void 0 ? void 0 : user.roles)) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.map(function (r) {
+    return React.createElement("p", {
+      key: r,
+      className: styles["item-select-role"] + " " + styles[roles.includes("Teacher") && roles.includes("Assistant") && r === "Teacher/Assistant" && !roles.includes("Admin") || roles.includes("Admin") && r === "Admin" || roles.includes(r) && !roles.includes("Admin") ? "item-role-active" : ""],
+      onClick: function onClick() {
+        return handleSelectUserRoles([r]);
+      }
+    }, r == "SecondaryTeacher" ? "Support Teacher" : r);
+  })));
+};
+
+var TheLayout = function TheLayout(_ref) {
+  var routes = _ref.routes,
+      navigation = _ref.navigation;
+  var history = useHistory();
+  var dispatch = useDispatch();
+  var user = useSelector(function (state) {
+    return state.common.user;
+  });
+  var language = useSelector(function (state) {
+    return state.common.language;
+  });
+
+  var _useState = useState(false),
+      openModelSelectRole = _useState[0],
+      setOpenModelSelectRole = _useState[1];
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var location = useLocation();
+  var isNotification = location.pathname.includes("notifications");
+  var isDistrict = window.location.host.includes("-district");
+
+  var handleToggleModel = function handleToggleModel() {
+    setOpenModelSelectRole(!openModelSelectRole);
+  };
+
+  var authRoutes = useMemo(function () {
+    return routes.filter(function (route) {
+      return canAccess(user === null || user === void 0 ? void 0 : user.roles, route.roles);
+    }).filter(function (route) {
+      return !!route.isDistrict === isDistrict;
+    });
+  }, [user, language]);
+  var authNavigations = useMemo(function () {
+    return navigation.map(function (item) {
+      var _item$_children, _item$_children2;
+
+      return _extends({}, item, {
+        name: t(item.name),
+        _children: item !== null && item !== void 0 && (_item$_children = item._children) !== null && _item$_children !== void 0 && _item$_children.length ? item === null || item === void 0 ? void 0 : (_item$_children2 = item._children) === null || _item$_children2 === void 0 ? void 0 : _item$_children2.map(function (x) {
+          return _extends({}, x, {
+            name: t(x.name)
+          });
+        }) : undefined
+      });
+    }).filter(function (nav) {
+      return canAccess(user === null || user === void 0 ? void 0 : user.roles, nav.roles);
+    }).filter(function (nav) {
+      return !!nav.isDistrict === isDistrict;
+    });
+  }, [user, language]);
+
+  var getInformationSetting = function getInformationSetting() {
+    try {
+      var _temp2 = _catch(function () {
+        return Promise.resolve(getSchoolSettings()).then(function (res) {
+          dispatch(setSandboxMode(res.data.isSandboxMode));
+        });
+      }, function (err) {
+        console.error(err);
+      });
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  useEffect(function () {
+    checkAuthentication();
+  }, []);
+  useEffect(function () {
+    getInformationSetting();
+  }, [location.pathname]);
+
+  var checkAuthentication = function checkAuthentication() {
+    try {
+      var _temp4 = _catch(function () {
+        return Promise.resolve(firstCheckToken()).then(function (tokenStatus) {
+          tokenStatus ? loadInfo() : resetAuth();
+        });
+      }, function () {
+        resetAuth();
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var loadInfo = function loadInfo() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(getInfo()).then(function (info) {
+          var _info$data, _info$data$roles;
+
+          if (!info || !(info !== null && info !== void 0 && (_info$data = info.data) !== null && _info$data !== void 0 && (_info$data$roles = _info$data.roles) !== null && _info$data$roles !== void 0 && _info$data$roles.includes("Admin"))) {
+            resetAuth();
+          }
+
+          dispatch(setUser(info.data));
+        });
+      }, function () {
+        resetAuth();
+      });
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var resetAuth = function resetAuth() {
+    localStorage.removeItem(ACCESS_TOKEN);
+    sessionStorage.removeItem(ACCESS_TOKEN);
+    localStorage.removeItem("ROLES");
+    history.push("/");
+  };
+
+  if (!user) {
+    return React.createElement(Loading, null);
+  }
+
+  return React.createElement("div", {
+    className: "c-app c-default-layout"
+  }, !isNotification && React.createElement(TheSidebar, {
+    navigation: authNavigations
+  }), React.createElement("div", {
+    className: "c-wrapper"
+  }, !isNotification && React.createElement(TheHeader, {
+    onToggleModel: handleToggleModel
+  }), React.createElement("div", {
+    className: "c-body bg-white"
+  }, React.createElement(TheContent$1, {
+    routes: authRoutes
+  }))), React.createElement(ModelSelectRole, {
+    open: openModelSelectRole,
+    onToggleModel: handleToggleModel
+  }));
+};
+
 var amplitudeClient = amplitude;
 
 export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CategorySelector, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, DEFAULT_LANGUAGE_CODE, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, IS_USER_SESSION_BROWSER, Images, LANGUAGES, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationLogoutModal, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SANDBOX_NOTIFICATION, SUPPORTED_LANGUAGES_CODE, SandboxAlert, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserContainer, UserDetail, UserList, addTab, amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getCookieValue, getFileUrl, getInfo, getStaticFileUrl, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableMarioAi, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setOpenModelCongratulation, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSandboxMode, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, setWeeklyQuestList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };