mario-core 2.9.419-feedback → 2.9.421-feedback

package/dist/index.js

@@ -66,8 +66,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.";
@@ -124,8 +124,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";
@@ -715,9 +715,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";
@@ -757,7 +757,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";
@@ -773,7 +773,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.";
@@ -787,7 +787,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";
@@ -939,9 +939,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";
@@ -2191,6 +2191,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,
@@ -4115,7 +4118,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,
@@ -4397,7 +4400,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";
@@ -4427,8 +4433,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.";
@@ -4487,8 +4493,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";
@@ -5079,9 +5085,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";
@@ -5121,7 +5127,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";
@@ -5137,7 +5143,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.";
@@ -5151,7 +5157,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";
@@ -5303,9 +5309,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";
@@ -6551,6 +6557,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,
@@ -8475,7 +8484,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,
@@ -8754,7 +8763,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 = "لوحة المعلومات";
@@ -10938,6 +10950,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,
@@ -13173,7 +13188,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";
@@ -15357,6 +15375,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,
@@ -17592,7 +17613,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 = "仪表板";
@@ -19776,6 +19800,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,
@@ -22011,7 +22038,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";
@@ -41894,212 +41924,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() {
@@ -42157,258 +41981,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
 };
@@ -51789,6 +51361,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;
@@ -54812,6 +54412,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);
@@ -54845,6 +54471,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', {