mario-core 2.9.409-feedback → 2.9.411-feedback

package/dist/index.js

@@ -845,7 +845,7 @@ var email_notifications = "Email Notifications";
 var turn_on_all_emails = "Turn on all emails";
 var a_student_responds_to_a_1_1_readiness_to_learn_with_no = "A student responds to a 1-1 Readiness to Learn with “NO”";
 var a_student_reported_a_low_safety_score_on_a_check_in = "A student reported a low safety score on a check-in";
-var continue_as = "Continue as:";
+var continue_as = "Continue as";
 var admin = "Admin";
 var counselor = "Counselor";
 var support_teacher = "SupportTeacher";
@@ -2035,6 +2035,7 @@ var your_survey_was_sent_to_x_students_and_y_staff_members_you_can_keep_track_of
 var leave = "leave";
 var go_to_the_survey_dashboard = "Go to the Survey Dashboard";
 var my_dashboard = "My Dashboard";
+var nice_choice_what_area_of_category_would_you_like_to_work_on = "Nice choice! What area of {{category}} would you like to work on?";
 var nice_choice_what_area_of_academics_would_you_like_to_work_on = "Nice choice! What area of Academics would you like to work on?";
 var nice_choice_what_area_of_organization_would_you_like_to_work_on = "Nice choice! What area of Organization would you like to work on?";
 var nice_choice_what_area_of_focus_would_you_like_to_work_on = "Nice choice! What area of Focus would you like to work on?";
@@ -2183,6 +2184,10 @@ var type_the_main_focus_of_this_session = "Type the main focus of this session";
 var please_add_title_note = "Please add note title";
 var notes_and_logs = "Notes and Logs";
 var school_monthly_usage = "School Monthly Usage";
+var location$1 = "Location";
+var edit_my_profile = "Edit My Profile";
+var save_new_password = "Save new password";
+var teacher_code = "Teacher code";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -4221,6 +4226,7 @@ var lang_us = {
 	leave: leave,
 	go_to_the_survey_dashboard: go_to_the_survey_dashboard,
 	my_dashboard: my_dashboard,
+	nice_choice_what_area_of_category_would_you_like_to_work_on: nice_choice_what_area_of_category_would_you_like_to_work_on,
 	"nice_choice_what_area_of_well-being_would_you_like_to_work_on": "Nice choice! What area of Well-being would you like to work on?",
 	nice_choice_what_area_of_academics_would_you_like_to_work_on: nice_choice_what_area_of_academics_would_you_like_to_work_on,
 	nice_choice_what_area_of_organization_would_you_like_to_work_on: nice_choice_what_area_of_organization_would_you_like_to_work_on,
@@ -4381,7 +4387,11 @@ var lang_us = {
 	type_the_main_focus_of_this_session: type_the_main_focus_of_this_session,
 	please_add_title_note: please_add_title_note,
 	notes_and_logs: notes_and_logs,
-	school_monthly_usage: school_monthly_usage
+	school_monthly_usage: school_monthly_usage,
+	location: location$1,
+	edit_my_profile: edit_my_profile,
+	save_new_password: save_new_password,
+	teacher_code: teacher_code
 };
 
 var dashboard$1 = "Dashboard";
@@ -5193,7 +5203,7 @@ var email_notifications$1 = "Email Notifications";
 var turn_on_all_emails$1 = "Turn on all emails";
 var a_student_responds_to_a_1_1_readiness_to_learn_with_no$1 = "A student responds to a 1-1 Readiness to Learn with “NO”";
 var a_student_reported_a_low_safety_score_on_a_check_in$1 = "A student reported a low safety score on a check-in";
-var continue_as$1 = "Continue as:";
+var continue_as$1 = "Continue as";
 var admin$1 = "Admin";
 var counselor$1 = "Counselor";
 var support_teacher$1 = "SupportTeacher";
@@ -6382,6 +6392,7 @@ var your_survey_was_sent_to_x_students_and_y_staff_members_you_can_keep_track_of
 var leave$1 = "leave";
 var go_to_the_survey_dashboard$1 = "Go to the Survey Dashboard";
 var my_dashboard$1 = "My Dashboard";
+var nice_choice_what_area_of_category_would_you_like_to_work_on$1 = "Nice choice! What area of {{category}} would you like to work on?";
 var nice_choice_what_area_of_academics_would_you_like_to_work_on$1 = "Nice choice! What area of Academics would you like to work on?";
 var nice_choice_what_area_of_organization_would_you_like_to_work_on$1 = "Nice choice! What area of Organization would you like to work on?";
 var nice_choice_what_area_of_focus_would_you_like_to_work_on$1 = "Nice choice! What area of Focus would you like to work on?";
@@ -6528,6 +6539,10 @@ var type_the_main_focus_of_this_session$1 = "Type the main focus of this session
 var please_add_title_note$1 = "Please add note title";
 var notes_and_logs$1 = "Notes and Logs";
 var school_monthly_usage$1 = "School Monthly Usage";
+var location$2 = "Location";
+var edit_my_profile$1 = "Edit My Profile";
+var save_new_password$1 = "Save new password";
+var teacher_code$1 = "Teacher code";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -8566,6 +8581,7 @@ var lang_uk = {
 	leave: leave$1,
 	go_to_the_survey_dashboard: go_to_the_survey_dashboard$1,
 	my_dashboard: my_dashboard$1,
+	nice_choice_what_area_of_category_would_you_like_to_work_on: nice_choice_what_area_of_category_would_you_like_to_work_on$1,
 	"nice_choice_what_area_of_well-being_would_you_like_to_work_on": "Nice choice! What area of Well-being would you like to work on?",
 	nice_choice_what_area_of_academics_would_you_like_to_work_on: nice_choice_what_area_of_academics_would_you_like_to_work_on$1,
 	nice_choice_what_area_of_organization_would_you_like_to_work_on: nice_choice_what_area_of_organization_would_you_like_to_work_on$1,
@@ -8724,7 +8740,11 @@ var lang_uk = {
 	type_the_main_focus_of_this_session: type_the_main_focus_of_this_session$1,
 	please_add_title_note: please_add_title_note$1,
 	notes_and_logs: notes_and_logs$1,
-	school_monthly_usage: school_monthly_usage$1
+	school_monthly_usage: school_monthly_usage$1,
+	location: location$2,
+	edit_my_profile: edit_my_profile$1,
+	save_new_password: save_new_password$1,
+	teacher_code: teacher_code$1
 };
 
 var dashboard$2 = "لوحة المعلومات";
@@ -9533,7 +9553,7 @@ var email_notifications$2 = "إشعارات البريد الإلكتروني";
 var turn_on_all_emails$2 = "تشغيل جميع عناوين البريد الإلكتروني";
 var a_student_responds_to_a_1_1_readiness_to_learn_with_no$2 = "استجابة طالب للاستعداد للتعلم في المحادثة الفردية بـ \"لا\"";
 var a_student_reported_a_low_safety_score_on_a_check_in$2 = "إبلاغ طالب عن انخفاض درجة السلامة عند تسجيل حضوره";
-var continue_as$2 = "الاستمرار كـ:";
+var continue_as$2 = "الاستمرار كـ";
 var admin$2 = "المدير";
 var counselor$2 = "المستشار";
 var support_teacher$2 = "معلِّم الدعم";
@@ -10757,6 +10777,7 @@ var your_survey_was_sent_to_x_students_and_y_staff_members_you_can_keep_track_of
 var leave$2 = "يترك";
 var go_to_the_survey_dashboard$2 = "انتقل إلى لوحة معلومات الاستطلاع";
 var my_dashboard$2 = "لوحة التحكم الخاصة بي";
+var nice_choice_what_area_of_category_would_you_like_to_work_on$2 = "اختيار جميل! ما هو مجال {{category}} الذي ترغب في العمل عليه؟";
 var nice_choice_what_area_of_academics_would_you_like_to_work_on$2 = "اختيار جميل! ما هو المجال الأكاديمي الذي ترغب بالعمل فيه؟";
 var nice_choice_what_area_of_organization_would_you_like_to_work_on$2 = "اختيار جميل! في أي مجال من مجالات المنظمة تود العمل؟";
 var nice_choice_what_area_of_focus_would_you_like_to_work_on$2 = "اختيار جميل! ما هو مجال التركيز الذي ترغب في العمل عليه؟";
@@ -10901,6 +10922,10 @@ var type_the_main_focus_of_this_session$2 = "Type the main focus of this session
 var please_add_title_note$2 = "Please add note title";
 var notes_and_logs$2 = "Notes and Logs";
 var school_monthly_usage$2 = "School Monthly Usage";
+var location$3 = "Location";
+var edit_my_profile$2 = "Edit My Profile";
+var save_new_password$2 = "Save new password";
+var teacher_code$2 = "Teacher code";
 var lang_ar = {
 	dashboard: dashboard$2,
 	user: user$2,
@@ -12973,6 +12998,7 @@ var lang_ar = {
 	leave: leave$2,
 	go_to_the_survey_dashboard: go_to_the_survey_dashboard$2,
 	my_dashboard: my_dashboard$2,
+	nice_choice_what_area_of_category_would_you_like_to_work_on: nice_choice_what_area_of_category_would_you_like_to_work_on$2,
 	"nice_choice_what_area_of_well-being_would_you_like_to_work_on": "اختيار جميل! ما هو مجال الصحة والرفاهية الذي ترغب في العمل فيه؟",
 	nice_choice_what_area_of_academics_would_you_like_to_work_on: nice_choice_what_area_of_academics_would_you_like_to_work_on$2,
 	nice_choice_what_area_of_organization_would_you_like_to_work_on: nice_choice_what_area_of_organization_would_you_like_to_work_on$2,
@@ -13129,7 +13155,11 @@ var lang_ar = {
 	type_the_main_focus_of_this_session: type_the_main_focus_of_this_session$2,
 	please_add_title_note: please_add_title_note$2,
 	notes_and_logs: notes_and_logs$2,
-	school_monthly_usage: school_monthly_usage$2
+	school_monthly_usage: school_monthly_usage$2,
+	location: location$3,
+	edit_my_profile: edit_my_profile$2,
+	save_new_password: save_new_password$2,
+	teacher_code: teacher_code$2
 };
 
 var dashboard$3 = "Cuadro de mandos";
@@ -13938,7 +13968,7 @@ var email_notifications$3 = "Notificaciones por correo electrónico";
 var turn_on_all_emails$3 = "Active todos los correos electrónicos";
 var a_student_responds_to_a_1_1_readiness_to_learn_with_no$3 = "Un estudiante responde a un 1-1 Preparación para aprender con un No";
 var a_student_reported_a_low_safety_score_on_a_check_in$3 = "Un estudiante informó de una puntuación de seguridad baja en un registro";
-var continue_as$3 = "Continuar como:";
+var continue_as$3 = "Continuar como";
 var admin$3 = "Administrador";
 var counselor$3 = "Consejero";
 var support_teacher$3 = "Profesor de apoyo";
@@ -15162,6 +15192,7 @@ var your_survey_was_sent_to_x_students_and_y_staff_members_you_can_keep_track_of
 var leave$3 = "dejar";
 var go_to_the_survey_dashboard$3 = "Ir al panel de encuestas";
 var my_dashboard$3 = "Mi panel de control";
+var nice_choice_what_area_of_category_would_you_like_to_work_on$3 = "¡Buena elección! ¿En qué área de {{category}} te gustaría trabajar?";
 var nice_choice_what_area_of_academics_would_you_like_to_work_on$3 = "¡Chica Nick! Y veo si tienes estudios académicos y un hijo tuyo, Taher, ¿tienes algún trabajo?";
 var nice_choice_what_area_of_organization_would_you_like_to_work_on$3 = "¡Chica Nick! Y a ver si ya estás arreglando y tienes un hijo, tienes un papel?";
 var nice_choice_what_area_of_focus_would_you_like_to_work_on$3 = "¡Chica Nick! Y a ver si Fox y su hijo son como tú, Taher, ¿qué pasa?";
@@ -15306,6 +15337,10 @@ var type_the_main_focus_of_this_session$3 = "Type the main focus of this session
 var please_add_title_note$3 = "Please add note title";
 var notes_and_logs$3 = "Notes and Logs";
 var school_monthly_usage$3 = "School Monthly Usage";
+var location$4 = "Location";
+var edit_my_profile$3 = "Edit My Profile";
+var save_new_password$3 = "Save new password";
+var teacher_code$3 = "Teacher code";
 var lang_es = {
 	dashboard: dashboard$3,
 	user: user$3,
@@ -17378,6 +17413,7 @@ var lang_es = {
 	leave: leave$3,
 	go_to_the_survey_dashboard: go_to_the_survey_dashboard$3,
 	my_dashboard: my_dashboard$3,
+	nice_choice_what_area_of_category_would_you_like_to_work_on: nice_choice_what_area_of_category_would_you_like_to_work_on$3,
 	"nice_choice_what_area_of_well-being_would_you_like_to_work_on": "¡Buena elección! ¿En qué área del bienestar te gustaría trabajar?",
 	nice_choice_what_area_of_academics_would_you_like_to_work_on: nice_choice_what_area_of_academics_would_you_like_to_work_on$3,
 	nice_choice_what_area_of_organization_would_you_like_to_work_on: nice_choice_what_area_of_organization_would_you_like_to_work_on$3,
@@ -17534,7 +17570,11 @@ var lang_es = {
 	type_the_main_focus_of_this_session: type_the_main_focus_of_this_session$3,
 	please_add_title_note: please_add_title_note$3,
 	notes_and_logs: notes_and_logs$3,
-	school_monthly_usage: school_monthly_usage$3
+	school_monthly_usage: school_monthly_usage$3,
+	location: location$4,
+	edit_my_profile: edit_my_profile$3,
+	save_new_password: save_new_password$3,
+	teacher_code: teacher_code$3
 };
 
 var dashboard$4 = "仪表板";
@@ -18343,7 +18383,7 @@ var email_notifications$4 = "电子邮件通知";
 var turn_on_all_emails$4 = "打开所有电子邮件";
 var a_student_responds_to_a_1_1_readiness_to_learn_with_no$4 = "学生对 1-1 学习准备度的回复为“否”";
 var a_student_reported_a_low_safety_score_on_a_check_in$4 = "学生在签到时报告安全分数低";
-var continue_as$4 = "继续担任：";
+var continue_as$4 = "继续担任";
 var admin$4 = "管理员";
 var counselor$4 = "辅导员";
 var support_teacher$4 = "支持老师";
@@ -19567,6 +19607,7 @@ var your_survey_was_sent_to_x_students_and_y_staff_members_you_can_keep_track_of
 var leave$4 = "离开";
 var go_to_the_survey_dashboard$4 = "前往调查仪表板";
 var my_dashboard$4 = "我的仪表板";
+var nice_choice_what_area_of_category_would_you_like_to_work_on$4 = "不错的选择！您想在哪个{{category}}领域开展工作？";
 var nice_choice_what_area_of_academics_would_you_like_to_work_on$4 = "尼克·奇克！我看到如果你有学者和你的儿子塔希尔，你有论文吗？";
 var nice_choice_what_area_of_organization_would_you_like_to_work_on$4 = "尼克·奇克！让我看看，如果您正在安排，并且您有一个儿子，您有文件吗？";
 var nice_choice_what_area_of_focus_would_you_like_to_work_on$4 = "不错的选择！您希望在哪个重点领域开展工作？";
@@ -19711,6 +19752,10 @@ var type_the_main_focus_of_this_session$4 = "Type the main focus of this session
 var please_add_title_note$4 = "Please add note title";
 var notes_and_logs$4 = "Notes and Logs";
 var school_monthly_usage$4 = "School Monthly Usage";
+var location$5 = "Location";
+var edit_my_profile$4 = "Edit My Profile";
+var save_new_password$4 = "Save new password";
+var teacher_code$4 = "Teacher code";
 var lang_zh = {
 	dashboard: dashboard$4,
 	user: user$4,
@@ -21783,6 +21828,7 @@ var lang_zh = {
 	leave: leave$4,
 	go_to_the_survey_dashboard: go_to_the_survey_dashboard$4,
 	my_dashboard: my_dashboard$4,
+	nice_choice_what_area_of_category_would_you_like_to_work_on: nice_choice_what_area_of_category_would_you_like_to_work_on$4,
 	"nice_choice_what_area_of_well-being_would_you_like_to_work_on": "不错的选择！您想在哪个幸福健康领域开展工作？",
 	nice_choice_what_area_of_academics_would_you_like_to_work_on: nice_choice_what_area_of_academics_would_you_like_to_work_on$4,
 	nice_choice_what_area_of_organization_would_you_like_to_work_on: nice_choice_what_area_of_organization_would_you_like_to_work_on$4,
@@ -21939,7 +21985,11 @@ var lang_zh = {
 	type_the_main_focus_of_this_session: type_the_main_focus_of_this_session$4,
 	please_add_title_note: please_add_title_note$4,
 	notes_and_logs: notes_and_logs$4,
-	school_monthly_usage: school_monthly_usage$4
+	school_monthly_usage: school_monthly_usage$4,
+	location: location$5,
+	edit_my_profile: edit_my_profile$4,
+	save_new_password: save_new_password$4,
+	teacher_code: teacher_code$4
 };
 
 var TINY_MCE_API_KEY = "htqausuofrnali3nh9ivmlpq6v415o0tv2qikpg39bqf4pnk";
@@ -41807,212 +41857,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 = reactRedux.useDispatch();
-
-  var _useTranslation = reactI18next.useTranslation(),
-      i18n = _useTranslation.i18n;
-
-  var language = reactRedux.useSelector(function (state) {
-    return state.common.language;
-  });
-  var defaultLanguage = getCookieValue(LANGUAGE_SYSTEM) != null ? getCookieValue(LANGUAGE_SYSTEM) : DEFAULT_LANGUAGE_CODE;
-
-  var _useState = React.useState([]),
-      languageList = _useState[0],
-      setLanguageList = _useState[1];
-
-  var _useState2 = React.useState(false),
-      dropdownOpen = _useState2[0],
-      setDropdownOpen = _useState2[1];
-
-  var _useState3 = React.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);
-    }
-  };
-
-  React.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 = React.useMemo(function () {
-    var current = languageList.find(function (i) {
-      return i.code === currentLang;
-    });
-    if (!current) return null;
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("img", {
-      className: "mr-2 " + styles['dropdown-menu-flag'],
-      src: "" + getStaticFileUrl(current.image)
-    }), " ", current.name);
-  }, [currentLang, languageList]);
-  return React__default.createElement(reactstrap.Dropdown, {
-    isOpen: dropdownOpen,
-    toggle: toggle,
-    className: "" + styles["dropdown-menu"]
-  }, React__default.createElement(reactstrap.DropdownToggle, {
-    className: styles["header-avatar"] + " d-flex align-items-center"
-  }, React__default.createElement("span", {
-    style: {
-      color: "#000",
-      textTransform: "capitalize",
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, currentLanguage, React__default.createElement(bs.BsChevronDown, {
-    className: "ml-2",
-    style: {
-      fontSize: '10px'
-    }
-  }))), React__default.createElement(reactstrap.DropdownMenu, {
-    className: styles["dropdown-content-language"]
-  }, !!languageList && languageList.length > 0 && languageList.map(function (lang, index) {
-    return React__default.createElement(reactstrap.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__default.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__default.createElement("span", {
-      className: "mr-2 d-flex hover-opacity"
-    }, React__default.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 = reactRedux.useDispatch();
-  var sidebarShow = reactRedux.useSelector(function (state) {
-    return state.common.sidebarShow;
-  });
-
-  var _useTranslation = reactI18next.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__default.createElement(react.CHeader, {
-    withSubheader: true,
-    className: "d-flex align-items-center justify-content-end"
-  }, React__default.createElement(react.CToggler, {
-    inHeader: true,
-    className: "ml-md-3 d-lg-none",
-    onClick: toggleSidebarMobile
-  }), React__default.createElement(react.CHeaderBrand, {
-    className: "mx-auto flex-grow-1 d-lg-none",
-    to: "/"
-  }, React__default.createElement("img", {
-    src: getStaticFileUrl(Images.LOGO_HEADER),
-    className: styles["header-logo"]
-  })), React__default.createElement(react.CHeaderNav, {
-    className: "pr-3"
-  }, React__default.createElement(TheLanguageDropdown, null), React__default.createElement("a", {
-    className: "mr-3",
-    style: {
-      color: '#000'
-    },
-    href: '/privacy-policy',
-    target: "blank"
-  }, t("privacy_policy")), !isDistrict && React__default.createElement(NotificationButton, null), React__default.createElement(TheHeaderDropdown, {
-    onToggleModel: onToggleModel
-  })));
-};
-
 var TITLE$3 = "Not found";
 
 var NotFound = function NotFound() {
@@ -42070,258 +41914,6 @@ var TheContent = function TheContent(_ref) {
 
 var TheContent$1 = React__default.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 = reactRedux.useSelector(function (state) {
-    return state.common.isLoading;
-  });
-  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
-  return isLoading ? React__default.createElement("div", {
-    style: loadingStyle
-  }, React__default.createElement("div", {
-    className: "spinner-border text-secondary",
-    role: "status"
-  }, React__default.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 = reactRedux.useDispatch();
-
-  var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
-
-  var history = reactRouterDom.useHistory();
-  var pathname = window.location.pathname;
-  var user = reactRedux.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__default.createElement(reactstrap.Modal, {
-    isOpen: open,
-    toggle: function toggle() {
-      return onToggleModel();
-    },
-    className: "" + styles["model-switch-roles"],
-    centered: true
-  }, React__default.createElement("p", {
-    className: "" + styles["title"]
-  }, t("continue_as")), React__default.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__default.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 = reactRouterDom.useHistory();
-  var dispatch = reactRedux.useDispatch();
-  var user = reactRedux.useSelector(function (state) {
-    return state.common.user;
-  });
-  var language = reactRedux.useSelector(function (state) {
-    return state.common.language;
-  });
-
-  var _useState = React.useState(false),
-      openModelSelectRole = _useState[0],
-      setOpenModelSelectRole = _useState[1];
-
-  var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
-
-  var location = reactRouterDom.useLocation();
-  var isNotification = location.pathname.includes("notifications");
-  var isDistrict = window.location.host.includes("-district");
-
-  var handleToggleModel = function handleToggleModel() {
-    setOpenModelSelectRole(!openModelSelectRole);
-  };
-
-  var authRoutes = React.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 = React.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);
-    }
-  };
-
-  React.useEffect(function () {
-    checkAuthentication();
-  }, []);
-  React.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__default.createElement(Loading, null);
-  }
-
-  return React__default.createElement("div", {
-    className: "c-app c-default-layout"
-  }, !isNotification && React__default.createElement(TheSidebar, {
-    navigation: authNavigations
-  }), React__default.createElement("div", {
-    className: "c-wrapper"
-  }, !isNotification && React__default.createElement(TheHeader, {
-    onToggleModel: handleToggleModel
-  }), React__default.createElement("div", {
-    className: "c-body bg-white"
-  }, React__default.createElement(TheContent$1, {
-    routes: authRoutes
-  }))), React__default.createElement(ModelSelectRole, {
-    open: openModelSelectRole,
-    onToggleModel: handleToggleModel
-  }));
-};
-
 var buttonTextStyle = {
   fontWeight: 500
 };
@@ -51670,6 +51262,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 = reactRedux.useSelector(function (state) {
+    return state.common.isLoading;
+  });
+  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
+  return isLoading ? React__default.createElement("div", {
+    style: loadingStyle
+  }, React__default.createElement("div", {
+    className: "spinner-border text-secondary",
+    role: "status"
+  }, React__default.createElement("span", {
+    className: "sr-only"
+  }, "Loading..."))) : null;
+};
+
 var ScrollToTop = function ScrollToTop() {
   var _useLocation = reactRouterDom.useLocation(),
       pathname = _useLocation.pathname;
@@ -54693,6 +54313,32 @@ var store = toolkit.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);
@@ -54726,6 +54372,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 = reactRedux.useDispatch();
+
+  var _useTranslation = reactI18next.useTranslation(),
+      i18n = _useTranslation.i18n;
+
+  var language = reactRedux.useSelector(function (state) {
+    return state.common.language;
+  });
+  var defaultLanguage = getCookieValue(LANGUAGE_SYSTEM) != null ? getCookieValue(LANGUAGE_SYSTEM) : DEFAULT_LANGUAGE_CODE;
+
+  var _useState = React.useState([]),
+      languageList = _useState[0],
+      setLanguageList = _useState[1];
+
+  var _useState2 = React.useState(false),
+      dropdownOpen = _useState2[0],
+      setDropdownOpen = _useState2[1];
+
+  var _useState3 = React.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);
+    }
+  };
+
+  React.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 = React.useMemo(function () {
+    var current = languageList.find(function (i) {
+      return i.code === currentLang;
+    });
+    if (!current) return null;
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("img", {
+      className: "mr-2 " + styles['dropdown-menu-flag'],
+      src: "" + getStaticFileUrl(current.image)
+    }), " ", current.name);
+  }, [currentLang, languageList]);
+  return React__default.createElement(reactstrap.Dropdown, {
+    isOpen: dropdownOpen,
+    toggle: toggle,
+    className: "" + styles["dropdown-menu"]
+  }, React__default.createElement(reactstrap.DropdownToggle, {
+    className: styles["header-avatar"] + " d-flex align-items-center"
+  }, React__default.createElement("span", {
+    style: {
+      color: "#000",
+      textTransform: "capitalize",
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, currentLanguage, React__default.createElement(bs.BsChevronDown, {
+    className: "ml-2",
+    style: {
+      fontSize: '10px'
+    }
+  }))), React__default.createElement(reactstrap.DropdownMenu, {
+    className: styles["dropdown-content-language"]
+  }, !!languageList && languageList.length > 0 && languageList.map(function (lang, index) {
+    return React__default.createElement(reactstrap.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__default.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__default.createElement("span", {
+      className: "mr-2 d-flex hover-opacity"
+    }, React__default.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 = reactRedux.useDispatch();
+  var sidebarShow = reactRedux.useSelector(function (state) {
+    return state.common.sidebarShow;
+  });
+
+  var _useTranslation = reactI18next.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__default.createElement(react.CHeader, {
+    withSubheader: true,
+    className: "d-flex align-items-center justify-content-end"
+  }, React__default.createElement(react.CToggler, {
+    inHeader: true,
+    className: "ml-md-3 d-lg-none",
+    onClick: toggleSidebarMobile
+  }), React__default.createElement(react.CHeaderBrand, {
+    className: "mx-auto flex-grow-1 d-lg-none",
+    to: "/"
+  }, React__default.createElement("img", {
+    src: getStaticFileUrl(Images.LOGO_HEADER),
+    className: styles["header-logo"]
+  })), React__default.createElement(react.CHeaderNav, {
+    className: "pr-3"
+  }, React__default.createElement(TheLanguageDropdown, null), React__default.createElement("a", {
+    className: "mr-3",
+    style: {
+      color: '#000'
+    },
+    href: '/privacy-policy',
+    target: "blank"
+  }, t("privacy_policy")), !isDistrict && React__default.createElement(NotificationButton, null), React__default.createElement(TheHeaderDropdown, {
+    onToggleModel: onToggleModel
+  })));
+};
+
+var ModelSelectRole = function ModelSelectRole(_ref) {
+  var _handleUserRole;
+
+  var open = _ref.open,
+      onToggleModel = _ref.onToggleModel;
+  var dispatch = reactRedux.useDispatch();
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var history = reactRouterDom.useHistory();
+  var pathname = window.location.pathname;
+  var user = reactRedux.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__default.createElement(reactstrap.Modal, {
+    isOpen: open,
+    toggle: function toggle() {
+      return onToggleModel();
+    },
+    className: "" + styles["model-switch-roles"],
+    centered: true
+  }, React__default.createElement("p", {
+    className: "" + styles["title"]
+  }, t("continue_as")), React__default.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__default.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 = reactRouterDom.useHistory();
+  var dispatch = reactRedux.useDispatch();
+  var user = reactRedux.useSelector(function (state) {
+    return state.common.user;
+  });
+  var language = reactRedux.useSelector(function (state) {
+    return state.common.language;
+  });
+
+  var _useState = React.useState(false),
+      openModelSelectRole = _useState[0],
+      setOpenModelSelectRole = _useState[1];
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var location = reactRouterDom.useLocation();
+  var isNotification = location.pathname.includes("notifications");
+  var isDistrict = window.location.host.includes("-district");
+
+  var handleToggleModel = function handleToggleModel() {
+    setOpenModelSelectRole(!openModelSelectRole);
+  };
+
+  var authRoutes = React.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 = React.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);
+    }
+  };
+
+  React.useEffect(function () {
+    checkAuthentication();
+  }, []);
+  React.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__default.createElement(Loading, null);
+  }
+
+  return React__default.createElement("div", {
+    className: "c-app c-default-layout"
+  }, !isNotification && React__default.createElement(TheSidebar, {
+    navigation: authNavigations
+  }), React__default.createElement("div", {
+    className: "c-wrapper"
+  }, !isNotification && React__default.createElement(TheHeader, {
+    onToggleModel: handleToggleModel
+  }), React__default.createElement("div", {
+    className: "c-body bg-white"
+  }, React__default.createElement(TheContent$1, {
+    routes: authRoutes
+  }))), React__default.createElement(ModelSelectRole, {
+    open: openModelSelectRole,
+    onToggleModel: handleToggleModel
+  }));
+};
+
 var amplitudeClient = amplitude;
 
 Object.defineProperty(exports, 'I18nextProvider', {