mario-core 1.2.3-es-prod → 1.2.3-es-release

package/dist/index.js

@@ -2137,6 +2137,31 @@ var please_select_date_1_1_conversation = "Please select date 1-1 conversation!"
 var please_write_something_to_this_1_1_conversation = "Please write something to this 1-1 conversation!";
 var data_1_1_conversation_cannot_exceed_300_characters = "Data 1-1 conversation cannot exceed 300 characters!";
 var check_in_session_title = "Check-in Session";
+var i_have_nothing_to_add = "I have nothing to add.";
+var check_in_session_finished = "Check-in Session Finished";
+var is_question_for_grade_1_2 = "Is question for grade 1 and 2";
+var type_your_answer_here_e_g_i_met_my_friend = "Type your answer here, e.g., \"I met my friend\"";
+var type_your_answer_here_e_g_my_best_friend_didnt_come_to_school = "Type your answer here, e.g., \"My best friend didn't come to school\"";
+var save_1_1_log_note = "Save 1-1 log Note";
+var no_need_for_it = "No need for it";
+var conversation_saved = "Conversation saved!";
+var yes_view_student_goals = "Yes, view student goals";
+var what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal = "What did you and the student choose as an action step?<br/>Would you like to add it as a Goal?";
+var here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has = "Here you can find all the notes and 1-1 conversations logs the student has.";
+var back_to_notes_and_logs = "Back to Notes and Logs";
+var students_review = "Student's Review";
+var other_note = "Other note";
+var students_perceived_usefulness = "Student's Perceived<br/>Usefulness";
+var student_feedback = "Student Feedback";
+var note_category = "Note Category";
+var select_note_category = "Select Note Category";
+var save_note = "Save note";
+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 other_notes_from_the_conversation = "Other notes from the conversation (optional)";
+var share_your_thoughts = "Share your thoughts...";
+var make_this_a_private_note = "Make this a private note";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -4277,7 +4302,33 @@ var lang_us = {
 	please_select_date_1_1_conversation: please_select_date_1_1_conversation,
 	please_write_something_to_this_1_1_conversation: please_write_something_to_this_1_1_conversation,
 	data_1_1_conversation_cannot_exceed_300_characters: data_1_1_conversation_cannot_exceed_300_characters,
-	check_in_session_title: check_in_session_title
+	check_in_session_title: check_in_session_title,
+	i_have_nothing_to_add: i_have_nothing_to_add,
+	check_in_session_finished: check_in_session_finished,
+	is_question_for_grade_1_2: is_question_for_grade_1_2,
+	"1_1_session": "1-1 Session",
+	type_your_answer_here_e_g_i_met_my_friend: type_your_answer_here_e_g_i_met_my_friend,
+	type_your_answer_here_e_g_my_best_friend_didnt_come_to_school: type_your_answer_here_e_g_my_best_friend_didnt_come_to_school,
+	save_1_1_log_note: save_1_1_log_note,
+	no_need_for_it: no_need_for_it,
+	conversation_saved: conversation_saved,
+	yes_view_student_goals: yes_view_student_goals,
+	what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal: what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal,
+	here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has: here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has,
+	back_to_notes_and_logs: back_to_notes_and_logs,
+	students_review: students_review,
+	other_note: other_note,
+	students_perceived_usefulness: students_perceived_usefulness,
+	student_feedback: student_feedback,
+	note_category: note_category,
+	select_note_category: select_note_category,
+	save_note: save_note,
+	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,
+	other_notes_from_the_conversation: other_notes_from_the_conversation,
+	share_your_thoughts: share_your_thoughts,
+	make_this_a_private_note: make_this_a_private_note
 };
 
 var dashboard$1 = "Dashboard";
@@ -6380,6 +6431,31 @@ var please_select_date_1_1_conversation$1 = "Please select date 1-1 conversation
 var please_write_something_to_this_1_1_conversation$1 = "Please write something to this 1-1 conversation!";
 var data_1_1_conversation_cannot_exceed_300_characters$1 = "Data 1-1 conversation cannot exceed 300 characters!";
 var check_in_session_title$1 = "Check-in Session";
+var i_have_nothing_to_add$1 = "I have nothing to add.";
+var check_in_session_finished$1 = "Check-in Session Finished";
+var is_question_for_grade_1_2$1 = "Is question for grade 1 and 2";
+var type_your_answer_here_e_g_i_met_my_friend$1 = "Type your answer here, e.g., \"I met my friend\"";
+var type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$1 = "Type your answer here, e.g., \"My best friend didn't come to school\"";
+var save_1_1_log_note$1 = "Save 1-1 log Note";
+var no_need_for_it$1 = "No need for it";
+var conversation_saved$1 = "Conversation saved!";
+var yes_view_student_goals$1 = "Yes, view student goals";
+var what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$1 = "What did you and the student choose as an action step?<br/>Would you like to add it as a Goal?";
+var here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$1 = "Here you can find all the notes and 1-1 conversations logs the student has.";
+var back_to_notes_and_logs$1 = "Back to Notes and Logs";
+var students_review$1 = "Student's Review";
+var other_note$1 = "Other note";
+var students_perceived_usefulness$1 = "Student's Perceived<br/>Usefulness";
+var student_feedback$1 = "Student Feedback";
+var note_category$1 = "Note Category";
+var select_note_category$1 = "Select Note Category";
+var save_note$1 = "Save note";
+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 other_notes_from_the_conversation$1 = "Other notes from the conversation (optional)";
+var share_your_thoughts$1 = "Share your thoughts...";
+var make_this_a_private_note$1 = "Make this a private note";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -8520,7 +8596,33 @@ var lang_uk = {
 	please_select_date_1_1_conversation: please_select_date_1_1_conversation$1,
 	please_write_something_to_this_1_1_conversation: please_write_something_to_this_1_1_conversation$1,
 	data_1_1_conversation_cannot_exceed_300_characters: data_1_1_conversation_cannot_exceed_300_characters$1,
-	check_in_session_title: check_in_session_title$1
+	check_in_session_title: check_in_session_title$1,
+	i_have_nothing_to_add: i_have_nothing_to_add$1,
+	check_in_session_finished: check_in_session_finished$1,
+	is_question_for_grade_1_2: is_question_for_grade_1_2$1,
+	"1_1_session": "1-1 Session",
+	type_your_answer_here_e_g_i_met_my_friend: type_your_answer_here_e_g_i_met_my_friend$1,
+	type_your_answer_here_e_g_my_best_friend_didnt_come_to_school: type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$1,
+	save_1_1_log_note: save_1_1_log_note$1,
+	no_need_for_it: no_need_for_it$1,
+	conversation_saved: conversation_saved$1,
+	yes_view_student_goals: yes_view_student_goals$1,
+	what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal: what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$1,
+	here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has: here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$1,
+	back_to_notes_and_logs: back_to_notes_and_logs$1,
+	students_review: students_review$1,
+	other_note: other_note$1,
+	students_perceived_usefulness: students_perceived_usefulness$1,
+	student_feedback: student_feedback$1,
+	note_category: note_category$1,
+	select_note_category: select_note_category$1,
+	save_note: save_note$1,
+	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,
+	other_notes_from_the_conversation: other_notes_from_the_conversation$1,
+	share_your_thoughts: share_your_thoughts$1,
+	make_this_a_private_note: make_this_a_private_note$1
 };
 
 var dashboard$2 = "لوحة المعلومات";
@@ -10655,6 +10757,31 @@ var please_select_date_1_1_conversation$2 = "الرجاء تحديد تاريخ
 var please_write_something_to_this_1_1_conversation$2 = "من فضلك اكتب شيئا لهذه المحادثة 1-1!";
 var data_1_1_conversation_cannot_exceed_300_characters$2 = "لا يمكن أن تتجاوز بيانات المحادثة 1-1 300 حرف!";
 var check_in_session_title$2 = "جلسة تسجيل الوصول";
+var i_have_nothing_to_add$2 = "ليس لدي ما أضيفه.";
+var check_in_session_finished$2 = "انتهت جلسة تسجيل الوصول";
+var is_question_for_grade_1_2$2 = "سؤال للصف الأول والثاني";
+var type_your_answer_here_e_g_i_met_my_friend$2 = "اكتب إجابتك هنا، على سبيل المثال، لقد قابلت صديقي";
+var type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$2 = "اكتب إجابتك هنا، على سبيل المثال، لم يأتِ صديقي المقرب إلى المدرسة";
+var save_1_1_log_note$2 = "حفظ سجل 1-1 ملاحظة";
+var no_need_for_it$2 = "لا حاجة لذلك";
+var conversation_saved$2 = "تم حفظ المحادثة!";
+var yes_view_student_goals$2 = "نعم، عرض أهداف الطالب";
+var what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$2 = "ما هي الخطوة التي اخترتها أنت والطالب كخطوة عمل؟<br/>هل ترغب في إضافتها كهدف؟";
+var here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$2 = "Here you can find all the notes and 1-1 conversations logs the student has.";
+var back_to_notes_and_logs$2 = "Back to Notes and Logs";
+var students_review$2 = "Student's Review";
+var other_note$2 = "Other note";
+var students_perceived_usefulness$2 = "Student's Perceived<br/>Usefulness";
+var student_feedback$2 = "Student Feedback";
+var note_category$2 = "Note Category";
+var select_note_category$2 = "Select Note Category";
+var save_note$2 = "Save note";
+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 other_notes_from_the_conversation$2 = "Other notes from the conversation (optional)";
+var share_your_thoughts$2 = "Share your thoughts...";
+var make_this_a_private_note$2 = "Make this a private note";
 var lang_ar = {
 	dashboard: dashboard$2,
 	user: user$2,
@@ -12829,7 +12956,33 @@ var lang_ar = {
 	please_select_date_1_1_conversation: please_select_date_1_1_conversation$2,
 	please_write_something_to_this_1_1_conversation: please_write_something_to_this_1_1_conversation$2,
 	data_1_1_conversation_cannot_exceed_300_characters: data_1_1_conversation_cannot_exceed_300_characters$2,
-	check_in_session_title: check_in_session_title$2
+	check_in_session_title: check_in_session_title$2,
+	i_have_nothing_to_add: i_have_nothing_to_add$2,
+	check_in_session_finished: check_in_session_finished$2,
+	is_question_for_grade_1_2: is_question_for_grade_1_2$2,
+	"1_1_session": "جلسة 1-1",
+	type_your_answer_here_e_g_i_met_my_friend: type_your_answer_here_e_g_i_met_my_friend$2,
+	type_your_answer_here_e_g_my_best_friend_didnt_come_to_school: type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$2,
+	save_1_1_log_note: save_1_1_log_note$2,
+	no_need_for_it: no_need_for_it$2,
+	conversation_saved: conversation_saved$2,
+	yes_view_student_goals: yes_view_student_goals$2,
+	what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal: what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$2,
+	here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has: here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$2,
+	back_to_notes_and_logs: back_to_notes_and_logs$2,
+	students_review: students_review$2,
+	other_note: other_note$2,
+	students_perceived_usefulness: students_perceived_usefulness$2,
+	student_feedback: student_feedback$2,
+	note_category: note_category$2,
+	select_note_category: select_note_category$2,
+	save_note: save_note$2,
+	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,
+	other_notes_from_the_conversation: other_notes_from_the_conversation$2,
+	share_your_thoughts: share_your_thoughts$2,
+	make_this_a_private_note: make_this_a_private_note$2
 };
 
 var dashboard$3 = "Cuadro de mandos";
@@ -14964,6 +15117,31 @@ var please_select_date_1_1_conversation$3 = "¡Por favor seleccione fecha para c
 var please_write_something_to_this_1_1_conversation$3 = "¡Por favor escribe algo en esta conversación 1-1!";
 var data_1_1_conversation_cannot_exceed_300_characters$3 = "¡Los datos de conversación 1-1 no pueden exceder los 300 caracteres!";
 var check_in_session_title$3 = "Sesión de registro";
+var i_have_nothing_to_add$3 = "No tengo nada que añadir.";
+var check_in_session_finished$3 = "Sesión de check-in finalizada";
+var is_question_for_grade_1_2$3 = "¿Es una pregunta para 1º y 2º grado?";
+var type_your_answer_here_e_g_i_met_my_friend$3 = "Escribe tu respuesta aquí, p. ej., \"Conocí a mi amigo\".";
+var type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$3 = "Escribe tu respuesta aquí, por ejemplo: \"Mi mejor amigo no vino a la escuela\".";
+var save_1_1_log_note$3 = "Guardar 1-1 registro Nota";
+var no_need_for_it$3 = "No es necesario";
+var conversation_saved$3 = "¡Conversación guardada!";
+var yes_view_student_goals$3 = "Sí, ver los objetivos de los estudiantes";
+var what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$3 = "¿Qué eligieron usted y el estudiante como paso de acción?<br/>¿Le gustaría agregarlo como objetivo?";
+var here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$3 = "Here you can find all the notes and 1-1 conversations logs the student has.";
+var back_to_notes_and_logs$3 = "Back to Notes and Logs";
+var students_review$3 = "Student's Review";
+var other_note$3 = "Other note";
+var students_perceived_usefulness$3 = "Student's Perceived<br/>Usefulness";
+var student_feedback$3 = "Student Feedback";
+var note_category$3 = "Note Category";
+var select_note_category$3 = "Select Note Category";
+var save_note$3 = "Save note";
+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 other_notes_from_the_conversation$3 = "Other notes from the conversation (optional)";
+var share_your_thoughts$3 = "Share your thoughts...";
+var make_this_a_private_note$3 = "Make this a private note";
 var lang_es = {
 	dashboard: dashboard$3,
 	user: user$3,
@@ -17138,7 +17316,33 @@ var lang_es = {
 	please_select_date_1_1_conversation: please_select_date_1_1_conversation$3,
 	please_write_something_to_this_1_1_conversation: please_write_something_to_this_1_1_conversation$3,
 	data_1_1_conversation_cannot_exceed_300_characters: data_1_1_conversation_cannot_exceed_300_characters$3,
-	check_in_session_title: check_in_session_title$3
+	check_in_session_title: check_in_session_title$3,
+	i_have_nothing_to_add: i_have_nothing_to_add$3,
+	check_in_session_finished: check_in_session_finished$3,
+	is_question_for_grade_1_2: is_question_for_grade_1_2$3,
+	"1_1_session": "Sesión 1-1",
+	type_your_answer_here_e_g_i_met_my_friend: type_your_answer_here_e_g_i_met_my_friend$3,
+	type_your_answer_here_e_g_my_best_friend_didnt_come_to_school: type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$3,
+	save_1_1_log_note: save_1_1_log_note$3,
+	no_need_for_it: no_need_for_it$3,
+	conversation_saved: conversation_saved$3,
+	yes_view_student_goals: yes_view_student_goals$3,
+	what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal: what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$3,
+	here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has: here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$3,
+	back_to_notes_and_logs: back_to_notes_and_logs$3,
+	students_review: students_review$3,
+	other_note: other_note$3,
+	students_perceived_usefulness: students_perceived_usefulness$3,
+	student_feedback: student_feedback$3,
+	note_category: note_category$3,
+	select_note_category: select_note_category$3,
+	save_note: save_note$3,
+	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,
+	other_notes_from_the_conversation: other_notes_from_the_conversation$3,
+	share_your_thoughts: share_your_thoughts$3,
+	make_this_a_private_note: make_this_a_private_note$3
 };
 
 var dashboard$4 = "仪表板";
@@ -19273,6 +19477,31 @@ var please_select_date_1_1_conversation$4 = "请选择日期1-1对话!";
 var please_write_something_to_this_1_1_conversation$4 = "请为这场一对一对话写点内容！";
 var data_1_1_conversation_cannot_exceed_300_characters$4 = "数据1对1对话不能超过300个字符!";
 var check_in_session_title$4 = "签到环节";
+var i_have_nothing_to_add$4 = "我没有什么可补充的。";
+var check_in_session_finished$4 = "签到环节结束";
+var is_question_for_grade_1_2$4 = "这是针对一二年级的问题";
+var type_your_answer_here_e_g_i_met_my_friend$4 = "在这里输入你的答案，例如“我遇到了我的朋友”";
+var type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$4 = "在这里输入你的答案，例如“我最好的朋友没来上学”";
+var save_1_1_log_note$4 = "保存1-1日志注释";
+var no_need_for_it$4 = "没必要";
+var conversation_saved$4 = "对话已保存！";
+var yes_view_student_goals$4 = "是的，查看学生目标";
+var what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$4 = "您和学生选择了什么作为行动步骤？<br/>您想将其添加为目标吗？";
+var here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$4 = "Here you can find all the notes and 1-1 conversations logs the student has.";
+var back_to_notes_and_logs$4 = "Back to Notes and Logs";
+var students_review$4 = "Student's Review";
+var other_note$4 = "Other note";
+var students_perceived_usefulness$4 = "Student's Perceived<br/>Usefulness";
+var student_feedback$4 = "Student Feedback";
+var note_category$4 = "Note Category";
+var select_note_category$4 = "Select Note Category";
+var save_note$4 = "Save note";
+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 other_notes_from_the_conversation$4 = "Other notes from the conversation (optional)";
+var share_your_thoughts$4 = "Share your thoughts...";
+var make_this_a_private_note$4 = "Make this a private note";
 var lang_zh = {
 	dashboard: dashboard$4,
 	user: user$4,
@@ -21447,7 +21676,33 @@ var lang_zh = {
 	please_select_date_1_1_conversation: please_select_date_1_1_conversation$4,
 	please_write_something_to_this_1_1_conversation: please_write_something_to_this_1_1_conversation$4,
 	data_1_1_conversation_cannot_exceed_300_characters: data_1_1_conversation_cannot_exceed_300_characters$4,
-	check_in_session_title: check_in_session_title$4
+	check_in_session_title: check_in_session_title$4,
+	i_have_nothing_to_add: i_have_nothing_to_add$4,
+	check_in_session_finished: check_in_session_finished$4,
+	is_question_for_grade_1_2: is_question_for_grade_1_2$4,
+	"1_1_session": "一对一课程",
+	type_your_answer_here_e_g_i_met_my_friend: type_your_answer_here_e_g_i_met_my_friend$4,
+	type_your_answer_here_e_g_my_best_friend_didnt_come_to_school: type_your_answer_here_e_g_my_best_friend_didnt_come_to_school$4,
+	save_1_1_log_note: save_1_1_log_note$4,
+	no_need_for_it: no_need_for_it$4,
+	conversation_saved: conversation_saved$4,
+	yes_view_student_goals: yes_view_student_goals$4,
+	what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal: what_did_you_and_the_student_choose_as_an_action_step_would_you_like_to_add_it_as_a_goal$4,
+	here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has: here_you_can_find_all_the_notes_and_1_1_conversations_logs_the_student_has$4,
+	back_to_notes_and_logs: back_to_notes_and_logs$4,
+	students_review: students_review$4,
+	other_note: other_note$4,
+	students_perceived_usefulness: students_perceived_usefulness$4,
+	student_feedback: student_feedback$4,
+	note_category: note_category$4,
+	select_note_category: select_note_category$4,
+	save_note: save_note$4,
+	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,
+	other_notes_from_the_conversation: other_notes_from_the_conversation$4,
+	share_your_thoughts: share_your_thoughts$4,
+	make_this_a_private_note: make_this_a_private_note$4
 };
 
 var TINY_MCE_API_KEY = "htqausuofrnali3nh9ivmlpq6v415o0tv2qikpg39bqf4pnk";
@@ -21645,7 +21900,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"btn-login-with-sso":"_DrSlA","icon":"_20YJX","btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","school-icon":"_2OUwW","school-name":"_2Owso","login-description":"_fx-kA","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","privacy-policy":"_I4SVu","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","digital-privacy-icon":"_141p1","nav-home":"_1TT1q","box-introduction":"_32V6L","checkbox-keep-login":"_1AiX0","label-keep-login":"_2uNvW","option-text":"_pqn4y","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","version-prod":"_OqRPX","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","hide-in-mobile":"_1INnO","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","font-large":"_3Sup6","custom-title-font-size":"_2aaqy","modal-title":"_13Gcm","custom-font-size":"_VzIb0","font-small":"_2JnMg"};
+var customStyles = {"btn-login-with-sso":"_DrSlA","icon":"_20YJX","btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","school-icon":"_2OUwW","school-name":"_2Owso","login-description":"_fx-kA","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","privacy-policy":"_I4SVu","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","digital-privacy-icon":"_141p1","nav-home":"_1TT1q","box-introduction":"_32V6L","checkbox-keep-login":"_1AiX0","label-keep-login":"_2uNvW","option-text":"_pqn4y","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","version-prod":"_OqRPX","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","hide-in-mobile":"_1INnO","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","font-large":"_3Sup6","custom-title-font-size":"_2aaqy","modal-title":"_13Gcm","custom-font-size":"_VzIb0","font-small":"_2JnMg"};
 
 var style = {
   fontSize: "0.85rem"
@@ -22661,25 +22916,25 @@ var BlockLogin = function BlockLogin(_ref) {
     var emailError = touched.email && errors.email;
     var passwordError = touched.password && errors.password;
     return React__default.createElement("div", {
-      className: styles["box-login"] + " w-100"
+      className: customStyles["box-login"] + " w-100"
     }, React__default.createElement(reactstrap.Form, {
-      className: "" + styles["block-login"],
+      className: "" + customStyles["block-login"],
       onSubmit: handleSubmit
     }, React__default.createElement("div", {
-      className: "" + styles["block-form"]
+      className: "" + customStyles["block-form"]
     }, React__default.createElement("div", {
       className: "d-flex align-items-center mb-4"
     }, React__default.createElement("img", {
       src: school.schoolLogo ? getFileUrl("" + school.schoolLogo) : "" + getStaticFileUrl("/images/mario-logo.png"),
-      className: styles["school-icon"] + " mr-3"
+      className: customStyles["school-icon"] + " mr-3"
     }), React__default.createElement("p", {
-      className: styles["school-name"] + " mb-0"
+      className: customStyles["school-name"] + " mb-0"
     }, school.schoolName)), React__default.createElement("p", {
-      className: "" + styles["title-login"]
+      className: "" + customStyles["title-login"]
     }, "Welcome Back!"), React__default.createElement("p", {
-      className: styles["login-description"] + " mb-5"
+      className: customStyles["login-description"] + " mb-5"
     }, "Please enter your MARIO Education account details"), React__default.createElement(reactstrap.FormGroup, {
-      className: "" + styles["form-user-name"]
+      className: "" + customStyles["form-user-name"]
     }, React__default.createElement(reactstrap.Input, {
       type: "text",
       name: "email",
@@ -22709,20 +22964,20 @@ var BlockLogin = function BlockLogin(_ref) {
     }, React__default.createElement("input", {
       type: "checkbox",
       checked: !values.isSessionUserBrowser,
-      className: "" + styles["checkbox-keep-login"],
+      className: "" + customStyles["checkbox-keep-login"],
       onChange: function onChange() {
         return setFieldValue("isSessionUserBrowser", !values.isSessionUserBrowser);
       }
     }), React__default.createElement("p", {
-      className: styles["label-keep-login"] + " mb-0 ml-2"
+      className: customStyles["label-keep-login"] + " mb-0 ml-2"
     }, "Keep me logged in")), React__default.createElement(reactRouterDom.Link, {
       to: "/forgot-password",
-      className: "" + styles["link-to-login"]
+      className: "" + customStyles["link-to-login"]
     }, "Forgot password?")), React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-5",
+      className: customStyles["btn-login"] + " mt-5",
       type: "submit"
     }, "LOG IN"), React__default.createElement("p", {
-      className: styles["option-text"] + " my-3 text-center"
+      className: customStyles["option-text"] + " my-3 text-center"
     }, "OR"), React__default.createElement(reactstrap.Row, {
       className: "mb-4"
     }, React__default.createElement(reactstrap.Col, {
@@ -22735,14 +22990,14 @@ var BlockLogin = function BlockLogin(_ref) {
       buttonText: "GOOGLE",
       onSuccess: onSuccessGoogle,
       cookiePolicy: "single_host_origin",
-      className: styles["btn-login-google"] + " p-0 mb-4 mb-md-0"
+      className: customStyles["btn-login-google"] + " p-0 mb-4 mb-md-0"
     })), React__default.createElement(reactstrap.Col, {
       lg: 6,
       md: 6,
       xs: 12,
-      className: styles["btn-login-sso"] + " pl-md-2"
+      className: customStyles["btn-login-sso"] + " pl-md-2"
     }, React__default.createElement("div", {
-      className: styles["btn-login-with-sso"],
+      className: customStyles["btn-login-with-sso"],
       onClick: function onClick() {
         return fnLoginSSO(clickHandler);
       }
@@ -22951,22 +23206,22 @@ var BlockForgetPassword = function BlockForgetPassword(_ref) {
         touched = formikProps.touched,
         errors = formikProps.errors;
     return React__default.createElement("div", {
-      className: "" + styles["box-login"]
+      className: "" + customStyles["box-login"]
     }, React__default.createElement("div", {
-      className: "" + styles["block-login"]
+      className: "" + customStyles["block-login"]
     }, React__default.createElement("div", {
-      className: "" + styles["block-form"]
+      className: "" + customStyles["block-form"]
     }, React__default.createElement("div", {
       className: "d-flex align-items-center mb-4"
     }, React__default.createElement("img", {
       src: "" + getStaticFileUrl("/images/mario-logo.png"),
-      className: styles["school-icon"] + " mr-3"
+      className: customStyles["school-icon"] + " mr-3"
     }), React__default.createElement("p", {
-      className: styles["school-name"] + " mb-0"
+      className: customStyles["school-name"] + " mb-0"
     }, school.schoolName)), React__default.createElement("p", {
-      className: styles["title-login"] + " "
+      className: customStyles["title-login"] + " "
     }, "Forgot password"), React__default.createElement("p", {
-      className: styles["recover-account"] + " mb-5"
+      className: customStyles["recover-account"] + " mb-5"
     }, "Enter email to recover your account"), React__default.createElement("div", {
       className: "w-100"
     }, React__default.createElement(reactstrap.Input, {
@@ -22980,14 +23235,14 @@ var BlockForgetPassword = function BlockForgetPassword(_ref) {
       text: errors.email
     })), React__default.createElement(reactRouterDom.Link, {
       to: "/login",
-      className: styles["link-to-login"] + " mt-2"
+      className: customStyles["link-to-login"] + " mt-2"
     }, "Return to login"), React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
       action: "forgetPass",
       onVerify: handleVerify
     }), React__default.createElement(reactstrap.Col, {
       className: "p-0"
     }, React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-5",
+      className: customStyles["btn-login"] + " mt-5",
       onClick: function onClick() {
         return handleSubmit();
       }
@@ -23039,15 +23294,15 @@ var BlockResetPassword = function BlockResetPassword() {
       setFieldValue("token", token);
     }, []);
     return React__default.createElement(reactstrap.Row, {
-      className: "" + styles["box-login"]
+      className: "" + customStyles["box-login"]
     }, React__default.createElement(reactstrap.Col, {
       className: "p-0"
     }, React__default.createElement("div", {
-      className: "" + styles["block-login"]
+      className: "" + customStyles["block-login"]
     }, React__default.createElement("div", {
-      className: "" + styles["block-form"]
+      className: "" + customStyles["block-form"]
     }, React__default.createElement("p", {
-      className: "" + styles["title-login"]
+      className: "" + customStyles["title-login"]
     }, "Reset Password"), React__default.createElement("div", {
       className: "w-100"
     }, validLink ? React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.Label, {
@@ -23077,13 +23332,13 @@ var BlockResetPassword = function BlockResetPassword() {
     }), touched.reEnterPassword && errors.reEnterPassword && React__default.createElement(ErrorHandler, {
       text: errors.reEnterPassword
     })) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
-      className: styles["recover-account"] + " mb-5"
+      className: customStyles["recover-account"] + " mb-5"
     }, "Invalid reset password link"), React__default.createElement("p", {
       className: "w-100"
     }, "It may have been accessed before or expired or you have just tried to reset another account's password"))), validLink && React__default.createElement(reactstrap.Col, {
       className: "p-0"
     }, React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-4",
+      className: customStyles["btn-login"] + " mt-4",
       onClick: function onClick() {
         return handleSubmit();
       }
@@ -23091,18 +23346,18 @@ var BlockResetPassword = function BlockResetPassword() {
       className: "d-flex justify-content-between"
     }, React__default.createElement(reactRouterDom.Link, {
       to: "/login",
-      className: "" + styles["link-to-login"]
+      className: "" + customStyles["link-to-login"]
     }, "Return to login"), React__default.createElement("a", {
       href: "/privacy-policy/",
       target: "blank",
-      className: "" + styles["link-to-login"]
+      className: "" + customStyles["link-to-login"]
     }, "Privacy Policy"))))), React__default.createElement(reactstrap.Col, {
       lg: 4,
       md: 4,
-      className: "" + styles["img-box"]
+      className: "" + customStyles["img-box"]
     }, React__default.createElement("img", {
       src: getStaticFileUrl("/images/img-login.jpg"),
-      className: "" + styles["img-login"]
+      className: "" + customStyles["img-login"]
     })));
   });
 };
@@ -23128,7 +23383,7 @@ var Login = function Login(props) {
     isResetPassword && (document.title = RESET_PASSWORD_TITLE);
   }, [isLogin, isForgotPassword, isResetPassword]);
   return React__default.createElement("div", {
-    className: styles["login"] + " container-fluid font-family-lato"
+    className: customStyles["login"] + " container-fluid font-family-lato"
   }, React__default.createElement(reactstrap.Row, {
     className: "h-100"
   }, React__default.createElement(reactstrap.Col, {
@@ -23153,7 +23408,7 @@ var Login = function Login(props) {
   })), isResetPassword && React__default.createElement(BlockResetPassword, null), React__default.createElement("a", {
     href: "/privacy-policy/",
     target: "blank",
-    className: "" + styles["privacy-policy"]
+    className: "" + customStyles["privacy-policy"]
   }, "Privacy Policy")), React__default.createElement(reactstrap.Col, {
     className: "p-3 mh-100 d-flex justify-content-end",
     lg: 4,
@@ -23161,17 +23416,17 @@ var Login = function Login(props) {
     xs: 12
   }, React__default.createElement("img", {
     src: "" + getStaticFileUrl(window.innerWidth > 992 ? "/images/img-login.png" : "/images/img-login-tablet.png"),
-    className: "" + styles["img-login"]
+    className: "" + customStyles["img-login"]
   }))));
 };
 
 var QuoteContent = function QuoteContent() {
   return React__default.createElement("div", {
-    className: "" + styles["content-quote"]
+    className: "" + customStyles["content-quote"]
   }, React__default.createElement("div", {
-    className: styles["title-quote"] + " d-block"
+    className: customStyles["title-quote"] + " d-block"
   }, React__default.createElement("p", null, "Powerful"), React__default.createElement("p", null, "Personalized"), React__default.createElement("p", null, "Learning")), React__default.createElement("div", {
-    className: styles["descriptions-quote"] + " d-block"
+    className: customStyles["descriptions-quote"] + " d-block"
   }, React__default.createElement("p", null, "Focus on what matters most to you and"), React__default.createElement("p", null, "make learning meaningful.")));
 };
 
@@ -23180,14 +23435,14 @@ var IconContent = function IconContent(_ref) {
       content = _ref.content;
   return React__default.createElement("div", {
     key: content,
-    className: "" + styles["content-icon"]
+    className: "" + customStyles["content-icon"]
   }, React__default.createElement("div", {
-    className: "" + styles["title-icon"]
+    className: "" + customStyles["title-icon"]
   }, React__default.createElement("img", {
     src: getStaticFileUrl(srcIcon),
     alt: "icon"
   })), React__default.createElement("div", {
-    className: "" + styles["descriptions-icon"],
+    className: "" + customStyles["descriptions-icon"],
     dangerouslySetInnerHTML: {
       __html: content
     }
@@ -23209,12 +23464,12 @@ var ContentHomePage = function ContentHomePage(_ref) {
   _objectDestructuringEmpty(_ref);
 
   return React__default.createElement(reactstrap.Row, {
-    className: "" + styles["page-not-login"]
+    className: "" + customStyles["page-not-login"]
   }, React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(QuoteContent, null)), React__default.createElement(reactstrap.Col, {
     md: 12,
-    className: styles["box-content-home-page"] + " d-flex align-items-center"
+    className: customStyles["box-content-home-page"] + " d-flex align-items-center"
   }, contents.map(function (content) {
     return React__default.createElement(IconContent, {
       key: content.content,
@@ -23237,10 +23492,10 @@ var BlockBackground = function BlockBackground(_ref) {
 
   var ref = React.useRef();
   var getActiveClass = React.useCallback(function (index) {
-    return index === activeImage ? styles["active"] + " " + styles["show"] : '';
+    return index === activeImage ? customStyles["active"] + " " + customStyles["show"] : '';
   }, [activeImage]);
   var getBehindClass = React.useCallback(function (index) {
-    return activeImage === 0 && index === data.length - 1 || index === activeImage - 1 ? styles["behind"] : '';
+    return activeImage === 0 && index === data.length - 1 || index === activeImage - 1 ? customStyles["behind"] : '';
   }, [activeImage, data.length]);
   var animate = React.useCallback(function () {
     ref && ref.current && clearInterval(ref.current);
@@ -23257,7 +23512,7 @@ var BlockBackground = function BlockBackground(_ref) {
     };
   }, [data.length, duration]);
   return React__default.createElement("div", {
-    className: styles["bg-animate"] + " position-absolute"
+    className: customStyles["bg-animate"] + " position-absolute"
   }, data.map(function (img, index) {
     return React__default.createElement("img", {
       key: index,
@@ -23293,55 +23548,55 @@ var Dashboard = function Dashboard(_ref) {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
   return React__default.createElement("div", {
-    className: styles["login"] + " " + styles["red-background"] + " position-relative"
+    className: customStyles["login"] + " " + customStyles["red-background"] + " position-relative"
   }, React__default.createElement("span", {
-    className: "" + styles["version-prod"]
+    className: "" + customStyles["version-prod"]
   }, "v " + version), React__default.createElement(BlockBackground, {
     data: BG_IMAGES
   }), React__default.createElement("div", {
-    className: "" + styles["login-content"]
+    className: "" + customStyles["login-content"]
   }, React__default.createElement(reactstrap.Navbar, {
     light: true,
     expand: "md"
   }, React__default.createElement(reactstrap.NavbarBrand, {
     href: "/",
-    className: "" + styles["logo-home"]
+    className: "" + customStyles["logo-home"]
   }, React__default.createElement("img", {
     src: getStaticFileUrl("/images/logo-white.svg"),
     alt: "mario"
   })), React__default.createElement(gi.GiHamburgerMenu, {
     onClick: toggle,
-    className: styles["hide-in-desktop"] + " " + styles["hamburger-menu"]
+    className: customStyles["hide-in-desktop"] + " " + customStyles["hamburger-menu"]
   }), React__default.createElement(reactstrap.Collapse, {
     isOpen: isOpen,
     navbar: true,
-    className: "" + styles["collapse-box"]
+    className: "" + customStyles["collapse-box"]
   }, React__default.createElement(reactstrap.Nav, {
-    className: styles["nav-home"] + " d-md-flex w-100 justify-content-center mr-auto",
+    className: customStyles["nav-home"] + " d-md-flex w-100 justify-content-center mr-auto",
     navbar: true
   }, React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactstrap.NavLink, {
-    className: styles["learn-more"] + " align-self-md-center",
+    className: customStyles["learn-more"] + " align-self-md-center",
     href: "https://marioframework.com/software",
     target: "blank"
   }, "Learn More")), React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactRouterDom.Link, {
-    className: styles["contact"] + " align-self-md-center",
+    className: customStyles["contact"] + " align-self-md-center",
     to: "/contact"
   }, "Contact")), React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactstrap.NavLink, {
-    className: styles["learn-more"] + " align-self-md-center",
+    className: customStyles["learn-more"] + " align-self-md-center",
     href: "/privacy-policy",
     target: "blank"
   }, "Privacy Policy"))), React__default.createElement("div", {
-    className: styles["hide-in-mobile"] + " d-flex justify-content-end"
+    className: customStyles["hide-in-mobile"] + " d-flex justify-content-end"
   }, user ? React__default.createElement(reactRouterDom.Link, {
     to: user.roles.includes("Admin") ? HOME_ADMIN : user.roles.includes("Teacher") ? HOME_TEACHER : HOME_STUDENT,
-    className: "" + styles["btn-trans-border"]
+    className: "" + customStyles["btn-trans-border"]
   }, "Dashboard") : React__default.createElement(reactRouterDom.Link, {
     to: "/login",
-    className: "" + styles["btn-trans-border"]
+    className: "" + customStyles["btn-trans-border"]
   }, "Login")))), React__default.createElement("div", {
     className: ""
   }, React__default.createElement(ContentHomePage, null)), React__default.createElement("div", {
-    className: "" + styles["digital-privacy-icon"]
+    className: "" + customStyles["digital-privacy-icon"]
   }, React__default.createElement("a", {
     href: "https://cert.privo.com/#/companies/marioFrameworkLlc",
     target: "blank"
@@ -23389,25 +23644,25 @@ var TheSidebar = function TheSidebar(_ref) {
       return dispatch(setSidebar(val));
     },
     minimize: toggleMinimize,
-    className: "" + styles["box-sidebar"]
+    className: "" + customStyles["box-sidebar"]
   }, React__default.createElement(react.CSidebarBrand, {
-    className: styles["box-sidebar-header"] + " d-md-down-none justify-content-around"
+    className: customStyles["box-sidebar-header"] + " d-md-down-none justify-content-around"
   }, React__default.createElement("div", null, React__default.createElement("img", {
     src: Images.LOGO,
-    className: styles["sidebar-logo"] + " c-sidebar-brand-full"
+    className: customStyles["sidebar-logo"] + " c-sidebar-brand-full"
   }), React__default.createElement("img", {
     src: Images.LOGO_MINIMIZED,
-    className: styles["sidebar-logo"] + " " + styles["sidebar-btn-minimized"] + " c-sidebar-brand-minimized",
+    className: customStyles["sidebar-logo"] + " " + customStyles["sidebar-btn-minimized"] + " c-sidebar-brand-minimized",
     onClick: function onClick() {
       return setToggleMinimize(false);
     }
   })), React__default.createElement(cg.CgMenuRight, {
-    className: styles["sidebar-btn-minimized"] + " c-sidebar-brand-full",
+    className: customStyles["sidebar-btn-minimized"] + " c-sidebar-brand-full",
     onClick: function onClick() {
       return setToggleMinimize(true);
     }
   })), React__default.createElement(react.CSidebarNav, {
-    className: styles["sidebar-nav-links"] + " " + (toggleMinimize && styles["sidebar-nav-links-hover"])
+    className: customStyles["sidebar-nav-links"] + " " + (toggleMinimize && customStyles["sidebar-nav-links-hover"])
   }, React__default.createElement(react.CCreateElement, {
     items: navigation,
     components: {
@@ -23418,10 +23673,10 @@ var TheSidebar = function TheSidebar(_ref) {
     }
   })), React__default.createElement(react.CSidebarFooter, {
     onClick: signOut,
-    className: styles["box-logout"] + " p-3 d-flex align-items-center cursor-point"
+    className: customStyles["box-logout"] + " p-3 d-flex align-items-center cursor-point"
   }, React__default.createElement(ri.RiLogoutBoxRLine, {
     onClick: signOut,
-    className: "" + styles["sidebar-logout"]
+    className: "" + customStyles["sidebar-logout"]
   }), React__default.createElement("p", {
     onClick: signOut
   }, "Log out")));
@@ -23538,7 +23793,7 @@ var NotificationButton = function NotificationButton(_ref) {
       fontSize: "20px"
     }
   }), !!unReadNotification && React__default.createElement("div", {
-    className: styles["notification-count"] + " position-absolute text-small"
+    className: customStyles["notification-count"] + " position-absolute text-small"
   }, unReadNotification)));
 };
 
@@ -23587,23 +23842,23 @@ var TheHeaderDropdown = function TheHeaderDropdown(_ref) {
   return React__default.createElement(reactstrap.Dropdown, {
     isOpen: dropdownOpen,
     toggle: toggle,
-    className: "" + styles["dropdown-menu"]
+    className: "" + customStyles["dropdown-menu"]
   }, React__default.createElement(reactstrap.DropdownToggle, {
-    className: styles["header-avatar"] + " "
+    className: customStyles["header-avatar"] + " "
   }, React__default.createElement("img", {
     src: avatarUrl,
     alt: "avatar"
   })), React__default.createElement(reactstrap.DropdownMenu, {
-    className: styles["dropdown-content"]
+    className: customStyles["dropdown-content"]
   }, React__default.createElement("div", {
-    className: styles["item-contact"] + " d-flex"
+    className: customStyles["item-contact"] + " d-flex"
   }, React__default.createElement("div", {
-    className: styles["img-avatar"] + " d-flex align-items-center"
+    className: customStyles["img-avatar"] + " d-flex align-items-center"
   }, React__default.createElement("img", {
     src: avatarUrl,
     alt: "admin@bootstrapmaster.com"
   })), React__default.createElement("div", {
-    className: styles["content-text"]
+    className: customStyles["content-text"]
   }, React__default.createElement("h5", null, user.firstName + " " + user.lastName), React__default.createElement("span", {
     className: "block"
   }, email), !isDistrict && React__default.createElement(reactstrap.NavLink, null, (isAdmin || isTeacher) && React__default.createElement(reactRouterDom.Link, {
@@ -23612,18 +23867,18 @@ var TheHeaderDropdown = function TheHeaderDropdown(_ref) {
     onClick: function onClick() {
       onToggleModel === null || onToggleModel === void 0 ? void 0 : onToggleModel();
     },
-    className: styles["dropdown-change"] + " px-0"
+    className: customStyles["dropdown-change"] + " px-0"
   }, React__default.createElement("div", {
-    className: styles["item-address"] + " d-flex align-items-center w-100 text-uppercase mb-2"
+    className: customStyles["item-address"] + " d-flex align-items-center w-100 text-uppercase mb-2"
   }, React__default.createElement("span", {
     className: "mr-2"
   }, React__default.createElement("i", {
     className: "fas fa-cogs h6 mb-0"
   })), "Role change")), React__default.createElement(reactstrap.DropdownItem, {
     onClick: signOut,
-    className: styles["dropdown-change"] + " px-0"
+    className: customStyles["dropdown-change"] + " px-0"
   }, React__default.createElement("div", {
-    className: styles["item-address"] + " " + styles["item-logout"] + " d-flex align-items-center w-100"
+    className: customStyles["item-address"] + " " + customStyles["item-logout"] + " d-flex align-items-center w-100"
   }, React__default.createElement("span", {
     className: "mr-2 d-flex hover-opacity"
   }, React__default.createElement("i", {
@@ -23631,6 +23886,195 @@ var TheHeaderDropdown = function TheHeaderDropdown(_ref) {
   })), "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 " + customStyles['dropdown-menu-flag'],
+      src: "" + getStaticFileUrl(current.image)
+    }), " ", current.name);
+  }, [currentLang, languageList]);
+  return React__default.createElement(reactstrap.Dropdown, {
+    isOpen: dropdownOpen,
+    toggle: toggle,
+    className: "" + customStyles["dropdown-menu"]
+  }, React__default.createElement(reactstrap.DropdownToggle, {
+    className: customStyles["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: customStyles["dropdown-content-language"]
+  }, !!languageList && languageList.length > 0 && languageList.map(function (lang, index) {
+    return React__default.createElement(reactstrap.DropdownItem, {
+      key: lang.code,
+      className: customStyles["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: customStyles["dropdown-item-language"] + " " + customStyles["item-logout"] + " " + (currentLang == lang.code ? customStyles['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 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.CHeaderBrand, {
+    className: "mx-auto flex-grow-1 d-lg-none",
+    to: "/"
+  }, React__default.createElement("img", {
+    src: Images.LOGO_HEADER,
+    className: customStyles["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"
+  }, "Privacy Policy"), !isDistrict && React__default.createElement(NotificationButton, null), React__default.createElement(TheHeaderDropdown, {
+    onToggleModel: onToggleModel
+  })));
+};
+
 var TITLE$2 = "Not found";
 
 var NotFound = function NotFound() {
@@ -23691,51 +24135,270 @@ var TheContent = function TheContent(_ref) {
 
 var TheContent$1 = React__default.memo(TheContent);
 
-var buttonTextStyle = {
-  fontWeight: 500
-};
-var buttonStyle = {
-  height: 38
+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 AddButton = function AddButton(_ref) {
-  var text = _ref.text,
-      onClick = _ref.onClick,
-      className = _ref.className;
-  return React__default.createElement(reactstrap.Button, {
-    onClick: onClick,
-    color: 'success',
-    style: buttonStyle,
-    className: 'd-flex align-items-center'
-  }, React__default.createElement(fa.FaPlus, null), React__default.createElement("span", {
-    className: "ml-2 " + className,
-    style: buttonTextStyle
-  }, text));
+var Loading = function Loading() {
+  var isLoading = reactRedux.useSelector(function (state) {
+    return state.common.isLoading;
+  });
+  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 DeleteButtonIcon = function DeleteButtonIcon(_ref) {
-  var onClick = _ref.onClick;
-  return React__default.createElement("div", {
-    className: "d-inline text-center cursor-pointer hover-opacity",
-    title: "Delete",
-    onClick: onClick
-  }, React__default.createElement(fa.FaTrashAlt, 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 LinkEditButton = function LinkEditButton(_ref) {
-  var label = _ref.label,
-      onClick = _ref.onClick,
-      className = _ref.className;
-  return React__default.createElement(reactstrap.Button, {
-    className: "text-left py-0 " + className,
-    color: "link",
-    onClick: onClick
-  }, label);
-};
+var canAccess = function canAccess(userRoles, componentRoles) {
+  if (!Array.isArray(userRoles)) {
+    return false;
+  }
 
-var EmptyDataAlert = function EmptyDataAlert(_ref) {
-  var label = _ref.label,
-      className = _ref.className,
+  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 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) {
+    if (roles.includes("Admin")) {
+      dispatch(setLoading(true));
+      return history.push("/admin/home");
+    }
+
+    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 {
+      pathname !== "/home" ? history.push("/home") : window.location.reload();
+    }
+  };
+
+  return React__default.createElement(reactstrap.Modal, {
+    isOpen: open,
+    toggle: function toggle() {
+      return onToggleModel();
+    },
+    className: "" + customStyles["model-switch-roles"],
+    centered: true
+  }, React__default.createElement("p", {
+    className: "" + customStyles["title"]
+  }, "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: customStyles["item-select-role"] + " " + customStyles[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) {
+      return _extends({}, item, {
+        name: t(item.name)
+      });
+    }).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]);
+  React.useEffect(function () {
+    checkAuthentication();
+  }, []);
+
+  var checkAuthentication = function checkAuthentication() {
+    try {
+      var _temp2 = _catch(function () {
+        return Promise.resolve(firstCheckToken()).then(function (tokenStatus) {
+          tokenStatus ? loadInfo() : resetAuth();
+        });
+      }, function () {
+        resetAuth();
+      });
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var loadInfo = function loadInfo() {
+    try {
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getInfo()).then(function (info) {
+          if (!info) {
+            resetAuth();
+          }
+
+          dispatch(setUser(info.data));
+        });
+      }, function () {
+        resetAuth();
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var resetAuth = function resetAuth() {
+    localStorage.removeItem(ACCESS_TOKEN);
+    sessionStorage.removeItem(ACCESS_TOKEN);
+    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
+};
+var buttonStyle = {
+  height: 38
+};
+
+var AddButton = function AddButton(_ref) {
+  var text = _ref.text,
+      onClick = _ref.onClick,
+      className = _ref.className;
+  return React__default.createElement(reactstrap.Button, {
+    onClick: onClick,
+    color: 'success',
+    style: buttonStyle,
+    className: 'd-flex align-items-center'
+  }, React__default.createElement(fa.FaPlus, null), React__default.createElement("span", {
+    className: "ml-2 " + className,
+    style: buttonTextStyle
+  }, text));
+};
+
+var DeleteButtonIcon = function DeleteButtonIcon(_ref) {
+  var onClick = _ref.onClick;
+  return React__default.createElement("div", {
+    className: "d-inline text-center cursor-pointer hover-opacity",
+    title: "Delete",
+    onClick: onClick
+  }, React__default.createElement(fa.FaTrashAlt, null));
+};
+
+var LinkEditButton = function LinkEditButton(_ref) {
+  var label = _ref.label,
+      onClick = _ref.onClick,
+      className = _ref.className;
+  return React__default.createElement(reactstrap.Button, {
+    className: "text-left py-0 " + className,
+    color: "link",
+    onClick: onClick
+  }, label);
+};
+
+var EmptyDataAlert = function EmptyDataAlert(_ref) {
+  var label = _ref.label,
+      className = _ref.className,
       style = _ref.style;
 
   var _useTranslation = reactI18next.useTranslation(),
@@ -24047,9 +24710,9 @@ var EmailTemplateList = function EmailTemplateList() {
   };
 
   return React__default.createElement("div", {
-    className: "fadeIn animated " + styles[classFontSize]
+    className: "fadeIn animated " + customStyles[classFontSize]
   }, React__default.createElement("h5", {
-    className: "mb-2 " + styles['custom-title-font-size']
+    className: "mb-2 " + customStyles['custom-title-font-size']
   }, t(header)), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -24059,10 +24722,10 @@ var EmailTemplateList = function EmailTemplateList() {
     onClick: function onClick() {
       return goToDetail();
     },
-    className: " " + styles['custom-font-size']
+    className: " " + customStyles['custom-font-size']
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
-    className: "d-flex justify-content-end align-items-center " + styles['custom-font-size']
+    className: "d-flex justify-content-end align-items-center " + customStyles['custom-font-size']
   }, t('total_of_templates'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -24074,13 +24737,13 @@ var EmailTemplateList = function EmailTemplateList() {
     responsive: true,
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top " + styles['custom-font-size']
+    className: "align-top " + customStyles['custom-font-size']
   }, t('template_name')), React__default.createElement("th", {
-    className: "align-top " + styles['custom-font-size']
+    className: "align-top " + customStyles['custom-font-size']
   }, t('category_name')), React__default.createElement("th", {
-    className: "align-top " + styles['custom-font-size']
+    className: "align-top " + customStyles['custom-font-size']
   }, t('created_date')), React__default.createElement("th", {
-    className: "text-center " + styles['custom-font-size']
+    className: "text-center " + customStyles['custom-font-size']
   }, t('action')))), React__default.createElement("tbody", null, emailTemplateList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
@@ -24091,11 +24754,11 @@ var EmailTemplateList = function EmailTemplateList() {
       onClick: function onClick() {
         return goToDetail(record.id);
       },
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     })), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, record.category.name), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, dateFns.format(new Date(record.createdAt), DATE_RESULT)), React__default.createElement("td", {
       className: "text-center align-middle"
     }, React__default.createElement(DeleteButtonIcon, {
@@ -24131,12 +24794,12 @@ var EmailTemplateList = function EmailTemplateList() {
     responsive: true,
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top " + styles['custom-font-size']
+    className: "align-top " + customStyles['custom-font-size']
   }, t('category_name')))), React__default.createElement("tbody", null, mailCategoryList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, record.name));
   }))))));
 };
@@ -24842,18 +25505,18 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         handleBlur = formikProps.handleBlur,
         handleSubmit = formikProps.handleSubmit;
     return React__default.createElement("div", {
-      className: "animated fadeIn detail-buttons-padding " + styles[classFontSize],
+      className: "animated fadeIn detail-buttons-padding " + customStyles[classFontSize],
       id: "email-detail"
     }, React__default.createElement(QuitPrompt, {
       when: edited
     }), React__default.createElement("h5", {
-      className: "mb-2 " + styles['custom-title-font-size']
+      className: "mb-2 " + customStyles['custom-title-font-size']
     }, t(header)), React__default.createElement(reactstrap.Row, {
       className: "my-2"
     }, React__default.createElement(reactstrap.Col, {
       md: 8
     }, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('mail_subject')
     }), React__default.createElement(reactstrap.Input, {
       placeholder: t('mail_subject_nm'),
@@ -24864,13 +25527,13 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         setEditedTrue();
       },
       onBlur: handleBlur("subject"),
-      className: "selector-input " + styles['custom-font-size']
+      className: "selector-input " + customStyles['custom-font-size']
     }), touched.subject && errors.subject && React__default.createElement(ErrorHandler, {
       text: errors.subject
     })), React__default.createElement(reactstrap.Col, {
       md: 4
     }, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t("category")
     }), React__default.createElement(MailCategorySelector, {
       onChange: function onChange(e) {
@@ -24878,7 +25541,7 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         setEditedTrue();
       },
       id: values.categoryId,
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), touched.categoryId && errors.categoryId && React__default.createElement(ErrorHandler, {
       text: errors.categoryId
     }))), React__default.createElement(reactstrap.Row, {
@@ -24889,7 +25552,7 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('mail_body')
     }), (emailTemplateDetail.body || !id) && React__default.createElement(tinymceReact.Editor, {
       ref: function ref(node) {
@@ -24912,7 +25575,7 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
       color: "link",
       size: "sm",
       onClick: onAttachFile,
-      className: "pl-0 " + styles['custom-font-size']
+      className: "pl-0 " + customStyles['custom-font-size']
     }, t('add_attachment'))), React__default.createElement(reactstrap.Col, {
       md: 12
     }, React__default.createElement(reactstrap.Row, null, values.attachments.map(function (attachment) {
@@ -24926,7 +25589,7 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
             return a.name !== attachment.name;
           }));
         },
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }));
     }), fileUpload.map(function (file, index) {
       return React__default.createElement(reactstrap.Col, {
@@ -24938,12 +25601,12 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         onRemove: function onRemove() {
           return removeAttachment(file.inputId, file.name);
         },
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }));
     }))))))), React__default.createElement(reactstrap.Col, {
       md: 4
     }, React__default.createElement(reactstrap.Label, {
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }, t('mail_params')), React__default.createElement(MailSubject, {
       onClick: function onClick(param) {
         return addParams(param);
@@ -24951,12 +25614,12 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
       isResetPasswordTemplate: values.categoryId == (mailCategoryList && mailCategoryList.length > 0 && mailCategoryList.filter(function (c) {
         return c.name == "Reset password";
       })[0].id),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }))), React__default.createElement(DetailActionButtons, {
       confirmText: confirmText,
       onConfirm: handleSubmit,
       onCancel: backToList,
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }));
   });
 };
@@ -25042,9 +25705,9 @@ var CommonModal = function CommonModal(props, ref) {
       return _toggle(!!edited);
     },
     size: size,
-    className: styles[className]
+    className: customStyles[className]
   }, React__default.createElement(reactstrap.ModalHeader, {
-    className: "" + styles['custom-title-font-size'],
+    className: "" + customStyles['custom-title-font-size'],
     toggle: function toggle() {
       return _toggle(!!edited);
     }
@@ -25053,10 +25716,10 @@ var CommonModal = function CommonModal(props, ref) {
   }, onConfirm && React__default.createElement(reactstrap.Button, {
     color: "primary",
     onClick: onConfirm,
-    className: " " + styles['custom-font-size']
+    className: " " + customStyles['custom-font-size']
   }, confirmText || t('confirm')), React__default.createElement(reactstrap.Button, {
     onClick: cancel,
-    className: " " + styles['custom-font-size']
+    className: " " + customStyles['custom-font-size']
   }, cancelText || t("cancel"))));
 };
 
@@ -25630,7 +26293,7 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(RequiredLabel$1, {
-      className: "" + styles['custom-font-size'],
+      className: "" + customStyles['custom-font-size'],
       text: t('name')
     }), React__default.createElement(reactstrap.Input, {
       name: "name",
@@ -25641,14 +26304,14 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
         setEditedTrue();
       },
       onBlur: handleBlur("name"),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), touched.name && errors.name && React__default.createElement(ErrorHandler, {
       text: errors.name
     })), React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(reactstrap.Label, {
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }, t('description')), React__default.createElement(reactstrap.Input, {
       type: "textarea",
       rows: 5,
@@ -25660,12 +26323,12 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
         setEditedTrue();
       },
       onBlur: handleBlur("description"),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     })), React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(reactstrap.Label, {
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }, t('parent_category')), React__default.createElement(SkillSelector, {
       isDisabled: isDisabled,
       onChange: function onChange(e) {
@@ -25673,7 +26336,7 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
         setEditedTrue();
       },
       id: values.parentSkillId,
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }))));
   });
 };
@@ -25984,7 +26647,7 @@ var SkillList = function SkillList() {
   };
 
   return React__default.createElement("div", {
-    className: "fadeIn animated " + styles[classFontSize]
+    className: "fadeIn animated " + customStyles[classFontSize]
   }, React__default.createElement(SkillDetailModal$1, {
     ref: modal,
     header: t(!!id ? "edit_skill" : "create_skill"),
@@ -26009,10 +26672,10 @@ var SkillList = function SkillList() {
     onClick: function onClick() {
       return openModal();
     },
-    className: " " + styles['custom-font-size']
+    className: " " + customStyles['custom-font-size']
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
-    className: "d-flex justify-content-end align-items-center " + styles['custom-font-size']
+    className: "d-flex justify-content-end align-items-center " + customStyles['custom-font-size']
   }, t('total_of_skills'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -26024,28 +26687,28 @@ var SkillList = function SkillList() {
     responsive: true,
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top " + styles['custom-font-size']
+    className: "align-top " + customStyles['custom-font-size']
   }, t('name')), React__default.createElement("th", {
-    className: "align-top " + styles['custom-font-size']
+    className: "align-top " + customStyles['custom-font-size']
   }, t('description')), React__default.createElement("th", {
-    className: "text-center " + styles['custom-font-size']
+    className: "text-center " + customStyles['custom-font-size']
   }, t('action')))), React__default.createElement("tbody", null, skillList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, React__default.createElement(LinkEditButton, {
       label: record.name,
       onClick: function onClick() {
         return openModal(record.id);
       },
-      className: "" + styles['custom-font-size']
+      className: "" + customStyles['custom-font-size']
     }), !!record.path && React__default.createElement("p", {
       className: "mb-0 pl-3"
     }, React__default.createElement("i", null, record.path))), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, record.description), React__default.createElement("td", {
-      className: "text-center align-middle " + styles['custom-font-size']
+      className: "text-center align-middle " + customStyles['custom-font-size']
     }, React__default.createElement(DeleteButtonIcon, {
       onClick: function onClick() {
         return onRemove(record.id);
@@ -26069,7 +26732,7 @@ var SkillList = function SkillList() {
         currentPage: currentPage
       });
     },
-    className: "" + styles['custom-font-size']
+    className: "" + customStyles['custom-font-size']
   }))));
 };
 
@@ -26118,7 +26781,7 @@ var CustomTabs = function CustomTabs(props) {
     }
 
     return React__default.createElement(reactstrap.Row, {
-      className: styles[classFontSize]
+      className: customStyles[classFontSize]
     }, React__default.createElement(reactstrap.Col, {
       md: 12
     }, React__default.createElement("h5", null, t(title))), React__default.createElement(reactstrap.Col, {
@@ -26129,7 +26792,7 @@ var CustomTabs = function CustomTabs(props) {
       return React__default.createElement(reactstrap.NavItem, {
         key: i.path
       }, React__default.createElement(reactstrap.NavLink, {
-        className: (i.path === pathname ? "active" : "") + " " + styles['custom-font-size'] + " cursor-pointer",
+        className: (i.path === pathname ? "active" : "") + " " + customStyles['custom-font-size'] + " cursor-pointer",
         onClick: function onClick() {
           toggle(i.path);
         }
@@ -26667,7 +27330,7 @@ var SearchBoxContainer = function SearchBoxContainer(_ref) {
   return React__default.createElement("div", {
     className: "d-flex align-items-center"
   }, React__default.createElement("div", null, React__default.createElement(AddButton, {
-    className: "" + styles['custom-font-size'],
+    className: "" + customStyles['custom-font-size'],
     text: text,
     onClick: onClick
   })), React__default.createElement("div", {
@@ -26677,7 +27340,7 @@ var SearchBoxContainer = function SearchBoxContainer(_ref) {
     onSearch: onSearch,
     placeholder: placeholder,
     style: searchInputStyle,
-    className: "" + styles['custom-font-size']
+    className: "" + customStyles['custom-font-size']
   })));
 };
 
@@ -26852,18 +27515,18 @@ var FilterPopover = function FilterPopover(props) {
     className: "pb-3"
   }, React__default.createElement("div", {
     ref: ref,
-    className: styles["popover"]
+    className: customStyles["popover"]
   }, React__default.createElement("div", {
-    className: "d-flex flex-column " + styles["popover__sort"]
+    className: "d-flex flex-column " + customStyles["popover__sort"]
   }, React__default.createElement(reactstrap.Label, {
     className: "font-weight-bold"
   }, "Sort"), React__default.createElement("div", {
-    className: "px-1 " + styles["popover__sort__item"] + " " + (isAscending && styles["popover__sort__item--active"]),
+    className: "px-1 " + customStyles["popover__sort__item"] + " " + (isAscending && customStyles["popover__sort__item--active"]),
     onClick: handleSortAsc
   }, React__default.createElement(ai.AiOutlineSortAscending, {
     className: "mr-1"
   }), "Ascending"), React__default.createElement("div", {
-    className: "px-1 mt-1 " + styles["popover__sort__item"] + " " + (isDescending && styles["popover__sort__item--active"]),
+    className: "px-1 mt-1 " + customStyles["popover__sort__item"] + " " + (isDescending && customStyles["popover__sort__item--active"]),
     onClick: handleSortDesc
   }, React__default.createElement(ai.AiOutlineSortDescending, {
     className: "mr-1"
@@ -26874,16 +27537,16 @@ var FilterPopover = function FilterPopover(props) {
   }, React__default.createElement(reactstrap.Label, {
     className: "font-weight-bold"
   }, "Filter"), React__default.createElement("div", {
-    className: "position-relative px-1 " + styles["popover__search"]
+    className: "position-relative px-1 " + customStyles["popover__search"]
   }, React__default.createElement(bi.BiSearchAlt2, {
-    className: "position-absolute " + styles["popover__search__icon"]
+    className: "position-absolute " + customStyles["popover__search__icon"]
   }), React__default.createElement(reactstrap.Input, {
     ref: inputRef,
-    className: styles["popover__search__input"],
+    className: customStyles["popover__search__input"],
     value: searchKey,
     onChange: handleChangeSearchKey
   })), React__default.createElement("div", {
-    className: "mx-1 mt-2 p-2 bg-light " + styles["popover__options"]
+    className: "mx-1 mt-2 p-2 bg-light " + customStyles["popover__options"]
   }, React__default.createElement(reactstrap.FormGroup, {
     className: "d-flex align-items-center",
     check: true
@@ -26973,7 +27636,7 @@ var HeaderCell = function HeaderCell(_ref) {
   return React__default.createElement("th", {
     className: data.className
   }, !!id && data.sortBy !== undefined ? React__default.createElement("div", {
-    className: "w-100 d-flex justify-content-between align-items-center " + styles["table-filter-icon"]
+    className: "w-100 d-flex justify-content-between align-items-center " + customStyles["table-filter-icon"]
   }, t(data.name), React__default.createElement("div", {
     className: "ml-2 p-1",
     id: id,
@@ -27146,11 +27809,11 @@ var UserList = function UserList() {
       t = _useTranslation.t;
 
   return React__default.createElement("div", {
-    className: "fadeIn animated h-100 pt-3 " + styles[classFontSize]
+    className: "fadeIn animated h-100 pt-3 " + customStyles[classFontSize]
   }, React__default.createElement("h5", {
-    className: "mb-2 " + styles['custom-title-font-size']
+    className: "mb-2 " + customStyles['custom-title-font-size']
   }, t('user')), React__default.createElement(reactstrap.Row, {
-    className: "my-2 " + styles['custom-font-size']
+    className: "my-2 " + customStyles['custom-font-size']
   }, React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(SearchBoxContainer, {
@@ -27167,7 +27830,7 @@ var UserList = function UserList() {
     placeholder: t('type_something_to_search_by_user_name')
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
-    className: "d-flex justify-content-end align-items-center " + styles['custom-font-size']
+    className: "d-flex justify-content-end align-items-center " + customStyles['custom-font-size']
   }, t('total_of_users'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -27187,26 +27850,26 @@ var UserList = function UserList() {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, React__default.createElement(LinkEditButton, {
       label: "" + record.fullName,
       onClick: function onClick() {
         return reDirectDetailPage(record.id);
       }
     })), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, record.email), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, record.dateOfBirth !== DATE_MIN_VALUE && differenceInCalendarYears(new Date(), moment.utc(record.dateOfBirth).local().toDate())), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, !!record.roles && record.roles.map(function (role) {
       return role === "SecondaryTeacher" ? "SupportTeacher" : role;
     }).join(", ")), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, t(record.isActive ? "active" : "inactive")), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React__default.createElement("td", {
-      className: "align-middle text-center " + styles['custom-font-size']
+      className: "align-middle text-center " + customStyles['custom-font-size']
     }, React__default.createElement(fa.FaUsersCog, {
       style: {
         fontSize: "18px",
@@ -27242,7 +27905,7 @@ var UserList = function UserList() {
         currentPage: currentPage
       });
     },
-    className: "" + styles['custom-font-size']
+    className: "" + customStyles['custom-font-size']
   }))));
 };
 
@@ -27821,9 +28484,9 @@ var AssignStudentList = function AssignStudentList() {
       handleAssignMultiStudent = _useAssignStudent.handleAssignMultiStudent;
 
   return React__default.createElement("div", {
-    className: "fadeIn animated " + styles[classFontSize]
+    className: "fadeIn animated " + customStyles[classFontSize]
   }, React__default.createElement("h5", {
-    className: "mt-4 mb-2 " + styles['custom-title-font-size']
+    className: "mt-4 mb-2 " + customStyles['custom-title-font-size']
   }, t("assign_student")), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -27836,10 +28499,10 @@ var AssignStudentList = function AssignStudentList() {
       });
     },
     placeholder: t('type_something_to_search_students'),
-    className: styles['custom-font-size']
+    className: customStyles['custom-font-size']
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
-    className: "d-flex justify-content-end align-items-center " + styles['custom-font-size']
+    className: "d-flex justify-content-end align-items-center " + customStyles['custom-font-size']
   }, t("total_of_users"), ": ", totalItem)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, null, React__default.createElement(reactstrap.Button, {
@@ -27847,7 +28510,7 @@ var AssignStudentList = function AssignStudentList() {
       return handleAssignMultiStudent(isCheck);
     },
     color: "primary",
-    className: styles['custom-font-size']
+    className: customStyles['custom-font-size']
   }, t("assign_for_selected_students")))), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -27864,7 +28527,7 @@ var AssignStudentList = function AssignStudentList() {
     onChange: handleSelectAll,
     checked: isCheckAll
   })), React__default.createElement("th", {
-    className: "align-top " + styles["pointer"] + " text-capitalize",
+    className: "align-top " + customStyles["pointer"] + " text-capitalize",
     onClick: function onClick() {
       return handelSort(UserOrder.Name);
     }
@@ -27873,7 +28536,7 @@ var AssignStudentList = function AssignStudentList() {
   }) : React__default.createElement(ai.AiOutlineSortAscending, {
     className: "ml-1"
   }))), React__default.createElement("th", {
-    className: "align-top " + styles["pointer"],
+    className: "align-top " + customStyles["pointer"],
     onClick: function onClick() {
       return handelSort(UserOrder.Email);
     }
@@ -27899,22 +28562,22 @@ var AssignStudentList = function AssignStudentList() {
     return React__default.createElement("tr", {
       key: item.id
     }, React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size'] + " text-center"
+      className: "align-middle " + customStyles['custom-font-size'] + " text-center"
     }, React__default.createElement("input", {
       id: item.id,
       type: "checkbox",
       onChange: handleClickCheck,
       checked: isCheck.includes(item.id)
     })), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, item.fullName), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, item.email), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, !!item.mainTeacherEmail ? React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
-      className: "mb-0 " + styles['custom-font-size']
+      className: "mb-0 " + customStyles['custom-font-size']
     }, item.mainTeacherEmail), React__default.createElement("p", {
-      className: "mb-0 " + styles['custom-font-size']
+      className: "mb-0 " + customStyles['custom-font-size']
     }, item.mainTeacherName)) : React__default.createElement(TeacherSelector, {
       value: selectedTeachers === null || selectedTeachers === void 0 ? void 0 : selectedTeachers[item.id],
       options: teacherOptions,
@@ -27925,13 +28588,13 @@ var AssignStudentList = function AssignStudentList() {
         return handleCreateTeacherOption(value, item.id);
       },
       placeholder: t("select_teacher"),
-      className: "flex-grow-1 mr-2 " + styles['custom-font-size']
+      className: "flex-grow-1 mr-2 " + customStyles['custom-font-size']
     })), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, !!item.assistantEmail ? React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
-      className: "mb-0 " + styles['custom-font-size']
+      className: "mb-0 " + customStyles['custom-font-size']
     }, item.assistantEmail), React__default.createElement("p", {
-      className: "mb-0 " + styles['custom-font-size']
+      className: "mb-0 " + customStyles['custom-font-size']
     }, item.assistantName)) : React__default.createElement(TeacherSelector, {
       value: selectedAssistants === null || selectedAssistants === void 0 ? void 0 : selectedAssistants[item.id],
       options: assistantOptions,
@@ -27942,13 +28605,13 @@ var AssignStudentList = function AssignStudentList() {
         return handleCreateAssistantOption(value, item.id);
       },
       placeholder: t("select_assistant"),
-      className: "flex-grow-1 mr-2 " + styles['custom-font-size']
+      className: "flex-grow-1 mr-2 " + customStyles['custom-font-size']
     })), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, !!item.counselorEmail ? React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
-      className: "mb-0 " + styles['custom-font-size']
+      className: "mb-0 " + customStyles['custom-font-size']
     }, item.counselorEmail), React__default.createElement("p", {
-      className: "mb-0 " + styles['custom-font-size']
+      className: "mb-0 " + customStyles['custom-font-size']
     }, item.counselorName)) : React__default.createElement(TeacherSelector, {
       value: selectedCounselors === null || selectedCounselors === void 0 ? void 0 : selectedCounselors[item.id],
       options: counselorOptions,
@@ -27959,9 +28622,9 @@ var AssignStudentList = function AssignStudentList() {
         return handleCreateCounselorOption(value, item.id);
       },
       placeholder: t("select_counselor"),
-      className: "flex-grow-1 mr-2 " + styles['custom-font-size']
+      className: "flex-grow-1 mr-2 " + customStyles['custom-font-size']
     })), React__default.createElement("td", {
-      className: "align-middle " + styles['custom-font-size']
+      className: "align-middle " + customStyles['custom-font-size']
     }, React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(LinkEditButton, {
@@ -27969,7 +28632,7 @@ var AssignStudentList = function AssignStudentList() {
       onClick: function onClick() {
         return handleAssignSingleStudent(item.id);
       },
-      className: styles['custom-font-size']
+      className: customStyles['custom-font-size']
     }))));
   })))) : React__default.createElement(EmptyDataAlert, {
     label: "student"
@@ -27988,7 +28651,7 @@ var AssignStudentList = function AssignStudentList() {
         currentPage: currentPage
       });
     },
-    className: styles['custom-font-size']
+    className: customStyles['custom-font-size']
   }))));
 };
 
@@ -28077,14 +28740,14 @@ var UploadFileButton = function UploadFileButton(_ref) {
     htmlFor: "uploadFile",
     role: "button",
     tabIndex: 0,
-    className: styles["input-file-label"]
+    className: customStyles["input-file-label"]
   }, isCheckFeedBack == true ? React__default.createElement(md.MdAttachFile, null) : React__default.createElement(React__default.Fragment, null, React__default.createElement("i", {
     className: "fa fa-paperclip mr-1",
     "aria-hidden": "true"
   }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React__default.createElement(reactstrap.Button, {
     size: "sm",
     color: "danger",
-    className: styles["delete-avatar-button"] + " ml-2 d-flex align-items-center justify-content-center",
+    className: customStyles["delete-avatar-button"] + " ml-2 d-flex align-items-center justify-content-center",
     onClick: function onClick() {
       setImagePreviewUrl(null);
       onDelete && onDelete();
@@ -28498,19 +29161,19 @@ var UserDetail = function UserDetail() {
       setFieldValue("roles", [].concat(values.roles, [role]));
     }, [values.roles]);
     return React__default.createElement("div", {
-      className: "animated fadeIn detail-buttons-padding " + styles[classFontSize]
+      className: "animated fadeIn detail-buttons-padding " + customStyles[classFontSize]
     }, React__default.createElement(QuitPrompt, {
       when: edited
     }), React__default.createElement("h5", {
-      className: "mb-2 " + styles['custom-title-font-size']
+      className: "mb-2 " + customStyles['custom-title-font-size']
     }, t(header)), React__default.createElement(reactstrap.Row, {
-      className: "pt-2 " + styles['custom-font-size']
+      className: "pt-2 " + customStyles['custom-font-size']
     }, React__default.createElement(reactstrap.Col, {
       md: 8
     }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('first_name')
     }), React__default.createElement(reactstrap.Input, {
       name: "firstName",
@@ -28521,13 +29184,13 @@ var UserDetail = function UserDetail() {
       },
       onBlur: handleBlur("subject"),
       placeholder: t('first_name'),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), touched.firstName && errors.firstName && React__default.createElement(ErrorHandler, {
       text: errors.firstName
     }))), React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('date_of_birth')
     }), React__default.createElement("div", null, React__default.createElement(DatePicker, {
       value: values.dateOfBirth,
@@ -28548,14 +29211,14 @@ var UserDetail = function UserDetail() {
           width: "maxContent"
         },
         placeholder: t('date_of_birth'),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       })
     })), touched.dateOfBirth && errors.dateOfBirth && React__default.createElement(ErrorHandler, {
       text: errors.dateOfBirth
     })))), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('last_name')
     }), React__default.createElement(reactstrap.Input, {
       name: "lastName",
@@ -28566,13 +29229,13 @@ var UserDetail = function UserDetail() {
       },
       onBlur: handleBlur("lastName"),
       placeholder: t('last_name'),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), touched.lastName && errors.lastName && React__default.createElement(ErrorHandler, {
       text: errors.lastName
     }))), React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('roles')
     }), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 12,
@@ -28591,14 +29254,14 @@ var UserDetail = function UserDetail() {
           setEditedTrue();
         },
         disabled: !!id ? currentRoles.concat(["Student", "Parent", "General ED teacher"]).includes(role) || currentRoles.every(handleDisableRoles) : ["Parent"].includes(role),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }));
     }))), touched.roles && errors.roles && React__default.createElement(ErrorHandler, {
       text: errors.roles
     })))), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
-      className: " " + styles['custom-font-size'],
+      className: " " + customStyles['custom-font-size'],
       text: t('email')
     }), React__default.createElement(reactstrap.Input, {
       name: "email",
@@ -28609,14 +29272,14 @@ var UserDetail = function UserDetail() {
       },
       onBlur: handleBlur("email"),
       placeholder: t('email'),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), touched.email && errors.email && React__default.createElement(ErrorHandler, {
       text: errors.email
     }))), React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
       text: t('status'),
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 3
     }, React__default.createElement(reactstrap.CustomInput, {
@@ -28629,7 +29292,7 @@ var UserDetail = function UserDetail() {
         setFieldValue("isActive", true);
         setEditedTrue();
       },
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     })), React__default.createElement(reactstrap.Col, {
       md: 3
     }, React__default.createElement(reactstrap.CustomInput, {
@@ -28641,19 +29304,19 @@ var UserDetail = function UserDetail() {
       onChange: function onChange() {
         return setFieldValue("isActive", false);
       },
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     })))))), !!id && React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 6
     }), React__default.createElement(reactstrap.Col, {
       md: 6
     }, React__default.createElement(reactstrap.Button, {
       color: "primary",
-      className: "w-100 " + styles['custom-font-size'],
+      className: "w-100 " + customStyles['custom-font-size'],
       onClick: function onClick() {
         onResetPw(values.email || "");
       }
     }, t('send_forgot_password_link')), React__default.createElement(reactstrap.Button, {
-      className: "w-100 mt-3 " + styles['custom-font-size'],
+      className: "w-100 mt-3 " + customStyles['custom-font-size'],
       color: "success",
       onClick: function onClick() {
         getFile();
@@ -28697,7 +29360,7 @@ var UserDetail = function UserDetail() {
       }, React__default.createElement(reactstrap.Col, {
         md: 7
       }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
-        className: " " + styles['custom-font-size'],
+        className: " " + customStyles['custom-font-size'],
         text: t('current_password')
       }), React__default.createElement(reactstrap.Input, {
         name: "oldPassword",
@@ -28709,14 +29372,14 @@ var UserDetail = function UserDetail() {
         },
         onBlur: handleBlur("subject"),
         placeholder: t('current_password'),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }), touched.oldPassword && errors.oldPassword && React__default.createElement(ErrorHandler, {
         text: errors.oldPassword
       }))), React__default.createElement(reactstrap.Col, {
         md: 7
       }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
         text: t('new_password'),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }), React__default.createElement(reactstrap.Input, {
         name: "newPassword",
         type: "password",
@@ -28727,14 +29390,14 @@ var UserDetail = function UserDetail() {
         },
         onBlur: handleBlur("subject"),
         placeholder: t('new_password'),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }), touched.newPassword && errors.newPassword && React__default.createElement(ErrorHandler, {
         text: errors.newPassword
       }))), React__default.createElement(reactstrap.Col, {
         md: 7
       }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(RequiredLabel$1, {
         text: t('confirm_password'),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }), React__default.createElement(reactstrap.Input, {
         name: "confirmedNewPassword",
         type: "password",
@@ -28745,7 +29408,7 @@ var UserDetail = function UserDetail() {
         },
         onBlur: handleBlur("subject"),
         placeholder: t('confirm_password'),
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       }), touched.confirmedNewPassword && errors.confirmedNewPassword && React__default.createElement(ErrorHandler, {
         text: errors.confirmedNewPassword
       }))), React__default.createElement(reactstrap.Col, {
@@ -28753,7 +29416,7 @@ var UserDetail = function UserDetail() {
       }, React__default.createElement(reactstrap.Button, {
         color: "primary",
         size: "sm",
-        className: "px-4 pl-1 mr-2 ml-3 " + styles['custom-font-size'],
+        className: "px-4 pl-1 mr-2 ml-3 " + customStyles['custom-font-size'],
         onClick: function onClick() {
           return handleSubmit();
         }
@@ -28762,7 +29425,7 @@ var UserDetail = function UserDetail() {
       confirmText: confirmText,
       onConfirm: values.roles.includes(ROLES.STUDENT) && !id ? handleToggleModel : handleSubmit,
       onCancel: backToList,
-      className: " " + styles['custom-font-size']
+      className: " " + customStyles['custom-font-size']
     }), React__default.createElement(reactstrap.Modal, {
       centered: true,
       isOpen: openModel,
@@ -28797,33 +29460,6 @@ 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;
-  });
-  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;
@@ -29452,7 +30088,7 @@ var NotificationList = function NotificationList() {
     }, record.text), React__default.createElement("td", {
       className: "align-middle"
     }, utcToLocalTime(record.time, "yyyy-MM-DD HH:mm")), React__default.createElement("td", {
-      className: styles["control-input"] + " text-center align-middle"
+      className: customStyles["control-input"] + " text-center align-middle"
     }, React__default.createElement(reactstrap.CustomInput, {
       type: "checkbox",
       id: "status-checkbox-" + record.id,
@@ -29490,7 +30126,7 @@ var NotificationList = function NotificationList() {
   }))));
 };
 
-var styles$1 = {"app-alert":"_3XSJu","app-alert--success":"_2W87y"};
+var styles = {"app-alert":"_3XSJu","app-alert--success":"_2W87y"};
 
 var IconSuccess = function IconSuccess(_ref) {
   var _ref$className = _ref.className,
@@ -29550,7 +30186,7 @@ var CommonAlert = function CommonAlert() {
   }, [alert]);
   var isBold = !window.location.pathname.startsWith("/admin");
   return ((_alert$message2 = alert.message) === null || _alert$message2 === void 0 ? void 0 : _alert$message2.length) > 0 ? React__default.createElement("div", {
-    className: "app-alert " + (isBold ? styles$1["app-alert"] + " " + styles$1["app-alert--" + alert.type] : '')
+    className: "app-alert " + (isBold ? styles["app-alert"] + " " + styles["app-alert--" + alert.type] : '')
   }, React__default.createElement(reactstrap.Alert, {
     color: alert.type,
     isOpen: alert.message.length > 0,
@@ -29738,7 +30374,7 @@ var MediaNav = function MediaNav(_ref) {
 
 var MediaNav$1 = React__default.memo(MediaNav);
 
-var styles$2 = {"gallery-image":"_297lu","media-wrapper":"_fAgyT","media-image":"_174lZ","media-image-selected":"_27ch0","media-title":"_2KvRR","filter-media-file":"_1thMc","date-time-input":"_1Yddg"};
+var styles$1 = {"gallery-image":"_297lu","media-wrapper":"_fAgyT","media-image":"_174lZ","media-image-selected":"_27ch0","media-title":"_2KvRR","filter-media-file":"_1thMc","date-time-input":"_1Yddg"};
 
 var MediaType;
 
@@ -29793,9 +30429,9 @@ var Media = function Media(_ref) {
       className = _ref.className;
   var thumbnail = getMediaThumbnail(media);
   return React__default.createElement(reactstrap.Card, {
-    className: (isTarget ? styles$2["media-image-selected"] : '') + " border-0 "
+    className: (isTarget ? styles$1["media-image-selected"] : '') + " border-0 "
   }, React__default.createElement(reactstrap.CardImg, {
-    className: styles$2["media-image"] + " p-1",
+    className: styles$1["media-image"] + " p-1",
     top: true,
     width: "90%",
     src: thumbnail,
@@ -29807,7 +30443,7 @@ var Media = function Media(_ref) {
     }
   }, React__default.createElement(reactstrap.CardTitle, {
     tag: "h6",
-    className: styles$2["media-title"] + " " + className
+    className: styles$1["media-title"] + " " + className
   }, media.name)));
 };
 
@@ -29838,7 +30474,7 @@ var Filter = function Filter(_ref) {
     label: t('videos')
   }];
   return React__default.createElement(reactstrap.Row, {
-    className: "" + styles$2["filter-media-file"]
+    className: "" + styles$1["filter-media-file"]
   }, React__default.createElement(reactstrap.Col, {
     sm: 8
   }, React__default.createElement(SearchBox$1, {
@@ -30242,19 +30878,19 @@ var MediaList = function MediaList(_ref) {
         onClick: function onClick() {
           return handleSelectMedia(media);
         },
-        className: styles$2["media-wrapper"]
+        className: styles$1["media-wrapper"]
       }, React__default.createElement(Media$1, {
         media: media,
         isTarget: isTarget,
-        className: " " + styles['custom-font-size']
+        className: " " + customStyles['custom-font-size']
       })));
     });
   };
 
   return React__default.createElement(reactstrap.Card, {
-    className: styles[classFontSize]
+    className: customStyles[classFontSize]
   }, React__default.createElement(reactstrap.CardHeader, null, React__default.createElement(Filter, {
-    className: "" + styles['custom-font-size'],
+    className: "" + customStyles['custom-font-size'],
     changeFilters: changeFilters,
     filters: filters
   }), React__default.createElement(MediaNav$1, {
@@ -30270,7 +30906,7 @@ var MediaList = function MediaList(_ref) {
     handleDeleteMediaOrFolder: handleDeleteMediaOrFolder,
     handleGoBack: handleGoBack,
     showErrorAlert: showErrorAlert,
-    className: " " + styles['custom-font-size']
+    className: " " + customStyles['custom-font-size']
   })), React__default.createElement(reactstrap.CardBody, {
     style: {
       minHeight: height
@@ -31605,34 +32241,8 @@ 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 getLanguage = function getLanguage() {
-  return api.get(BASE_URL + "/api/language");
+var getLanguage = function getLanguage() {
+  return api.get(BASE_URL + "/api/language");
 };
 
 var isInViewport = function isInViewport(el) {
@@ -31668,361 +32278,6 @@ 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 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.CHeaderBrand, {
-    className: "mx-auto flex-grow-1 d-lg-none",
-    to: "/"
-  }, React__default.createElement("img", {
-    src: 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"
-  }, "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 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) {
-    if (roles.includes("Admin")) {
-      dispatch(setLoading(true));
-      return history.push("/admin/home");
-    }
-
-    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 {
-      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"]
-  }, "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) {
-      return _extends({}, item, {
-        name: t(item.name)
-      });
-    }).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]);
-  React.useEffect(function () {
-    checkAuthentication();
-  }, []);
-
-  var checkAuthentication = function checkAuthentication() {
-    try {
-      var _temp2 = _catch(function () {
-        return Promise.resolve(firstCheckToken()).then(function (tokenStatus) {
-          tokenStatus ? loadInfo() : resetAuth();
-        });
-      }, function () {
-        resetAuth();
-      });
-
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var loadInfo = function loadInfo() {
-    try {
-      var _temp4 = _catch(function () {
-        return Promise.resolve(getInfo()).then(function (info) {
-          if (!info) {
-            resetAuth();
-          }
-
-          dispatch(setUser(info.data));
-        });
-      }, function () {
-        resetAuth();
-      });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var resetAuth = function resetAuth() {
-    localStorage.removeItem(ACCESS_TOKEN);
-    sessionStorage.removeItem(ACCESS_TOKEN);
-    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
-  }));
-};
-
 Object.defineProperty(exports, 'I18nextProvider', {
     enumerable: true,
     get: function () {