mario-core 2.9.419-feedback → 2.9.421-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';
@@ -65,8 +65,8 @@ var gender = "Gender";
 var grade = "Grade";
 var grades = "Grades";
 var current_grade = "Current Grade";
-var student_name = "Student name";
-var teacher_name = "Teacher name";
+var student_name = "Student Name";
+var teacher_name = "Teacher Name";
 var start_date = "Start Date";
 var end_date = "End Date";
 var tooltip_content_readiness_to_learn_chart = "The represenation of individual student responses to their own feelings of Energy, Focus, Happiness, Safety, and Stress at the time administered. Note that scores are set on a 1-100 scale with the exception of Stress which optimum stress is set at '0' to get a sense of High Stress vs Low Stress.";
@@ -123,8 +123,8 @@ var default_question_for_students_or_teachers = "Default question for students o
 var is_default_question_general_class = "Is default question general class";
 var default_question_general_for_students_or_teachers = "Default question general for students or teachers";
 var before_session = "Before session";
-var edit_custom_alert = "Edit custom alert";
-var create_custom_alert = "Create custom alert";
+var edit_custom_alert = "Edit Custom Alert";
+var create_custom_alert = "Create Custom Alert";
 var total_of_custom_alert = "Total Custom Alerts";
 var number_of_sessions = "Number of sessions";
 var number_of_students = "Number of students";
@@ -714,9 +714,9 @@ var students_missing_a_weekly_check_in = "Students missing a weekly check in";
 var student_stress_by_zone = "Student Stress by Zone";
 var student_distribution = "Student Distribution";
 var surveys_flags = "Survey's flags";
-var yellow_flags = "Yellow flags";
-var green_flags = "Green flags";
-var red_flags = "Red flags";
+var yellow_flags = "Yellow Flags";
+var green_flags = "Green Flags";
+var red_flags = "Red Flags";
 var show_by = "Show by";
 var survey_overview = "Survey Overview";
 var share_note = "Share Note";
@@ -756,7 +756,7 @@ var you_can_only_select_number_kpis_at_a_time = "You can only select {{number}}
 var you_can_only_select_number_kpis_at_a_time_To_select_a_new_one_please_switch_off_one_of_the_previous_ones = "You can only select {{number}} KPIs at a time. To select a new one, please switch off one of the previous ones.";
 var last_check__in = "Last Check in";
 var how_many_times_a_strategy_has_been_chosen = "How many times a strategy has been chosen";
-var these_metrics_come_from_students_check_ins_filter_above_to_change_the_data_set = "These metrics come from students' check ins. Filter above to change the data set";
+var these_metrics_come_from_students_check_ins_filter_above_to_change_the_data_set = "These metrics come from student check-ins. Filter above to change the data set";
 var not_yet_started = "Not yet started";
 var in_progress = "In progress";
 var export_check_ins_to_csv = "Export Check Ins to CSV";
@@ -772,7 +772,7 @@ var image_is_a_required = "Image is a required";
 var old_iep = "Old IEP";
 var create_next_years_iep = "Create Next Year's IEP";
 var write_something_optional = "Write something (Optional)";
-var the_effectiveness_of_learning_strategies_by_students_feedback = "The Effectiveness of Learning Strategies by Student's feedback";
+var the_effectiveness_of_learning_strategies_by_students_feedback = "The effectiveness of learning strategies as rated by students";
 var perceived_usefulness = "Perceived Usefulness";
 var performance$1 = "Performance";
 var not_enough_challenge_leading_to_boredom_and_lack_of_interest = "Not enough challenge, leading to boredom and lack of interest.";
@@ -786,7 +786,7 @@ var select_or_input_class_type = "Select or input class type";
 var send_request = "Send Request";
 var start_reflection = "Start Reflection";
 var customize_reflection = "Customize Reflection";
-var include_section_you_want_to_appear = "Include section you want to appear";
+var include_section_you_want_to_appear = "Include sections you want to appear";
 var time_of_day = "Time of Day";
 var iep_template = "IEP Template";
 var one_roster = "OneRoster";
@@ -938,9 +938,9 @@ var completed_classwork = "Completed classwork";
 var asked_for_help_when_needed = "Asked for help when needed";
 var clear = "Clear ";
 var missing_reflections = "Missing Reflections";
-var total_students_missing_late_assignments = "Total students missing/late assignments";
+var total_students_missing_late_assignments = "Total Students Missing/Late Assignments";
 var subject_class = "Subject class";
-var chart_type = "Chart type";
+var chart_type = "Chart Type";
 var request_from = "Request from";
 var are_you_sure_you_want_to_delete_this_item = "Are you sure you want to delete this item?";
 var yes_delete = "Yes, delete";
@@ -2190,6 +2190,9 @@ 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 search_for_a_student = "Search for a student";
+var survey_resulting_in_scheduled_sessions = "Survey resulting in scheduled sessions";
+var current_class_grade = "Current Class Grade";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -4114,7 +4117,7 @@ var lang_us = {
 	financial_planning: financial_planning,
 	"you_haven't_added_any_plans_yet": "You haven't added any plans yet",
 	add_new_plan: add_new_plan,
-	"students_shaded_red_have_an_incomplete_check-_in": "Students shaded red have an incomplete check- in",
+	"students_shaded_red_have_an_incomplete_check-_in": "Students shaded red have an incomplete check-in",
 	rows_per_page: rows_per_page,
 	anonymous_link: anonymous_link,
 	select_ratings_of_questions: select_ratings_of_questions,
@@ -4396,7 +4399,10 @@ var lang_us = {
 	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,
-	check_in: check_in
+	check_in: check_in,
+	search_for_a_student: search_for_a_student,
+	survey_resulting_in_scheduled_sessions: survey_resulting_in_scheduled_sessions,
+	current_class_grade: current_class_grade
 };
 
 var dashboard$1 = "Dashboard";
@@ -4426,8 +4432,8 @@ var gender$1 = "Gender";
 var grade$1 = "Grade";
 var grades$1 = "Grades";
 var current_grade$1 = "Current Grade";
-var student_name$1 = "Student name";
-var teacher_name$1 = "Teacher name";
+var student_name$1 = "Student Name";
+var teacher_name$1 = "Teacher Name";
 var start_date$1 = "Start Date";
 var end_date$1 = "End Date";
 var tooltip_content_readiness_to_learn_chart$1 = "The represenation of individual student responses to their own feelings of Energy, Focus, Happiness, Safety, and Stress at the time administered. Note that scores are set on a 1-100 scale with the exception of Stress which optimum stress is set at '0' to get a sense of High Stress vs Low Stress.";
@@ -4486,8 +4492,8 @@ var default_question_for_students_or_teachers$1 = "Default question for students
 var is_default_question_general_class$1 = "Is default question general class";
 var default_question_general_for_students_or_teachers$1 = "Default question general for students or teachers";
 var before_session$1 = "Before session";
-var edit_custom_alert$1 = "Edit custom alert";
-var create_custom_alert$1 = "Create custom alert";
+var edit_custom_alert$1 = "Edit Custom Alert";
+var create_custom_alert$1 = "Create Custom Alert";
 var total_of_custom_alert$1 = "Total Custom Alerts";
 var number_of_sessions$1 = "Number of sessions";
 var number_of_students$1 = "Number of students";
@@ -5078,9 +5084,9 @@ var students_missing_a_weekly_check_in$1 = "Students missing a weekly check in";
 var student_stress_by_zone$1 = "Student Stress by Zone";
 var student_distribution$1 = "Student Distribution";
 var surveys_flags$1 = "Survey's flags";
-var yellow_flags$1 = "Yellow flags";
-var green_flags$1 = "Green flags";
-var red_flags$1 = "Red flags";
+var yellow_flags$1 = "Yellow Flags";
+var green_flags$1 = "Green Flags";
+var red_flags$1 = "Red Flags";
 var show_by$1 = "Show by";
 var survey_overview$1 = "Survey Overview";
 var share_note$1 = "Share Note";
@@ -5120,7 +5126,7 @@ var you_can_only_select_number_kpis_at_a_time$1 = "You can only select {{number}
 var you_can_only_select_number_kpis_at_a_time_To_select_a_new_one_please_switch_off_one_of_the_previous_ones$1 = "You can only select {{number}} KPIs at a time. To select a new one, please switch off one of the previous ones.";
 var last_check__in$1 = "Last Check in";
 var how_many_times_a_strategy_has_been_chosen$1 = "How many times a strategy has been chosen";
-var these_metrics_come_from_students_check_ins_filter_above_to_change_the_data_set$1 = "These metrics come from students' check ins. Filter above to change the data set";
+var these_metrics_come_from_students_check_ins_filter_above_to_change_the_data_set$1 = "These metrics come from student check-ins. Filter above to change the data set";
 var not_yet_started$1 = "Not yet started";
 var in_progress$1 = "In progress";
 var export_check_ins_to_csv$1 = "Export Check Ins to CSV";
@@ -5136,7 +5142,7 @@ var image_is_a_required$1 = "Image is a required";
 var old_iep$1 = "Old IEP";
 var create_next_years_iep$1 = "Create Next Year's IEP";
 var write_something_optional$1 = "Write something (Optional)";
-var the_effectiveness_of_learning_strategies_by_students_feedback$1 = "The Effectiveness of Learning Strategies by Student's feedback";
+var the_effectiveness_of_learning_strategies_by_students_feedback$1 = "The effectiveness of learning strategies as rated by students";
 var perceived_usefulness$1 = "Perceived Usefulness";
 var performance$2 = "Performance";
 var not_enough_challenge_leading_to_boredom_and_lack_of_interest$1 = "Not enough challenge, leading to boredom and lack of interest.";
@@ -5150,7 +5156,7 @@ var select_or_input_class_type$1 = "Select or input class type";
 var send_request$1 = "Send Request";
 var start_reflection$1 = "Start Reflection";
 var customize_reflection$1 = "Customize Reflection";
-var include_section_you_want_to_appear$1 = "Include section you want to appear";
+var include_section_you_want_to_appear$1 = "Include sections you want to appear";
 var time_of_day$1 = "Time of Day";
 var iep_template$1 = "IEP Template";
 var one_roster$1 = "OneRoster";
@@ -5302,9 +5308,9 @@ var completed_classwork$1 = "Completed classwork";
 var asked_for_help_when_needed$1 = "Asked for help when needed";
 var clear$1 = "Clear ";
 var missing_reflections$1 = "Missing Reflections";
-var total_students_missing_late_assignments$1 = "Total students missing/late assignments";
+var total_students_missing_late_assignments$1 = "Total Students Missing/Late Assignments";
 var subject_class$1 = "Subject class";
-var chart_type$1 = "Chart type";
+var chart_type$1 = "Chart Type";
 var request_from$1 = "Request from";
 var are_you_sure_you_want_to_delete_this_item$1 = "Are you sure you want to delete this item?";
 var yes_delete$1 = "Yes, delete";
@@ -6550,6 +6556,9 @@ var save_new_password$1 = "Save new password";
 var teacher_code$1 = "Teacher code";
 var number_of_conversations$1 = "Number of conversations";
 var number_of_expected_conversations_based_on_the_goal$1 = "Number of expected conversations based on the goal";
+var search_for_a_student$1 = "Search for a student";
+var survey_resulting_in_scheduled_sessions$1 = "Survey resulting in scheduled sessions";
+var current_class_grade$1 = "Current Class Grade";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -8474,7 +8483,7 @@ var lang_uk = {
 	financial_planning: financial_planning$1,
 	"you_haven't_added_any_plans_yet": "You haven't added any plans yet",
 	add_new_plan: add_new_plan$1,
-	"students_shaded_red_have_an_incomplete_check-_in": "Students shaded red have an incomplete check- in",
+	"students_shaded_red_have_an_incomplete_check-_in": "Students shaded red have an incomplete check-in",
 	rows_per_page: rows_per_page$1,
 	anonymous_link: anonymous_link$1,
 	select_ratings_of_questions: select_ratings_of_questions$1,
@@ -8753,7 +8762,10 @@ var lang_uk = {
 	save_new_password: save_new_password$1,
 	teacher_code: teacher_code$1,
 	number_of_conversations: number_of_conversations$1,
-	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$1
+	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$1,
+	search_for_a_student: search_for_a_student$1,
+	survey_resulting_in_scheduled_sessions: survey_resulting_in_scheduled_sessions$1,
+	current_class_grade: current_class_grade$1
 };
 
 var dashboard$2 = "لوحة المعلومات";
@@ -10937,6 +10949,9 @@ var save_new_password$2 = "Save new password";
 var teacher_code$2 = "Teacher code";
 var number_of_conversations$2 = "Number of conversations";
 var number_of_expected_conversations_based_on_the_goal$2 = "Number of expected conversations based on the goal";
+var search_for_a_student$2 = "Search for a student";
+var survey_resulting_in_scheduled_sessions$2 = "Survey resulting in scheduled sessions";
+var current_class_grade$2 = "Current Class Grade";
 var lang_ar = {
 	dashboard: dashboard$2,
 	user: user$2,
@@ -13172,7 +13187,10 @@ var lang_ar = {
 	save_new_password: save_new_password$2,
 	teacher_code: teacher_code$2,
 	number_of_conversations: number_of_conversations$2,
-	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$2
+	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$2,
+	search_for_a_student: search_for_a_student$2,
+	survey_resulting_in_scheduled_sessions: survey_resulting_in_scheduled_sessions$2,
+	current_class_grade: current_class_grade$2
 };
 
 var dashboard$3 = "Cuadro de mandos";
@@ -15356,6 +15374,9 @@ var save_new_password$3 = "Save new password";
 var teacher_code$3 = "Teacher code";
 var number_of_conversations$3 = "Number of conversations";
 var number_of_expected_conversations_based_on_the_goal$3 = "Number of expected conversations based on the goal";
+var search_for_a_student$3 = "Search for a student";
+var survey_resulting_in_scheduled_sessions$3 = "Survey resulting in scheduled sessions";
+var current_class_grade$3 = "Current Class Grade";
 var lang_es = {
 	dashboard: dashboard$3,
 	user: user$3,
@@ -17591,7 +17612,10 @@ var lang_es = {
 	save_new_password: save_new_password$3,
 	teacher_code: teacher_code$3,
 	number_of_conversations: number_of_conversations$3,
-	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$3
+	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$3,
+	search_for_a_student: search_for_a_student$3,
+	survey_resulting_in_scheduled_sessions: survey_resulting_in_scheduled_sessions$3,
+	current_class_grade: current_class_grade$3
 };
 
 var dashboard$4 = "仪表板";
@@ -19775,6 +19799,9 @@ var save_new_password$4 = "Save new password";
 var teacher_code$4 = "Teacher code";
 var number_of_conversations$4 = "Number of conversations";
 var number_of_expected_conversations_based_on_the_goal$4 = "Number of expected conversations based on the goal";
+var search_for_a_student$4 = "Search for a student";
+var survey_resulting_in_scheduled_sessions$4 = "Survey resulting in scheduled sessions";
+var current_class_grade$4 = "Current Class Grade";
 var lang_zh = {
 	dashboard: dashboard$4,
 	user: user$4,
@@ -22010,7 +22037,10 @@ var lang_zh = {
 	save_new_password: save_new_password$4,
 	teacher_code: teacher_code$4,
 	number_of_conversations: number_of_conversations$4,
-	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$4
+	number_of_expected_conversations_based_on_the_goal: number_of_expected_conversations_based_on_the_goal$4,
+	search_for_a_student: search_for_a_student$4,
+	survey_resulting_in_scheduled_sessions: survey_resulting_in_scheduled_sessions$4,
+	current_class_grade: current_class_grade$4
 };
 
 var TINY_MCE_API_KEY = "htqausuofrnali3nh9ivmlpq6v415o0tv2qikpg39bqf4pnk";
@@ -41893,212 +41923,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() {
@@ -42156,258 +41980,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
 };
@@ -51788,6 +51360,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;
@@ -54811,6 +54411,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);
@@ -54844,6 +54470,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 };