mario-core 2.9.127-admin → 2.9.129-all

package/dist/index.modern.js

@@ -21,7 +21,7 @@ import { CgMenuRight } from 'react-icons/cg';
 import { RiLogoutBoxRLine } from 'react-icons/ri';
 import Pusher from 'pusher-js/with-encryption';
 import { BsChevronDown } from 'react-icons/bs';
-import { FaPlus, FaTrashAlt, FaRegEdit, FaArrowLeft, FaDownload, FaTrash, FaEdit, FaFolderPlus, FaFileUpload, FaUsersCog } from 'react-icons/fa';
+import { FaPlus, FaTrashAlt, FaUsersCog, FaRegEdit, FaArrowLeft, FaDownload, FaTrash, FaEdit, FaFolderPlus, FaFileUpload } from 'react-icons/fa';
 import { format } from 'date-fns';
 import { Editor } from '@tinymce/tinymce-react';
 import differenceInCalendarYears from 'date-fns/differenceInCalendarYears';
@@ -49,7 +49,7 @@ var cancel = "Cancel";
 var hey = "Hey";
 var readiness_to_learn = "Readiness to Learn";
 var high_impact_learning_strategies = "High Impact Learning Strategies";
-var check_in = "Check In";
+var check_in = "Check-in";
 var reflection = "Reflection";
 var conferences = "Conferences";
 var safety = "Safety";
@@ -72,7 +72,7 @@ var tooltip_content_safety_chart = "The visual represenation of all the response
 var tooltip_content_student_by_age_chart = "The specific representation of students by gender and grade level at your school.";
 var tooltip_content_students_by_designation = "The composite representation of students by individual grades in your school with specific designations.";
 var total_1_to_1 = "Total 1-to-1";
-var total_check_in = "Total Check In";
+var total_check_in = "Total Check-in";
 var total_1_to_1_time = "Total 1-to-1 Time";
 var total_conferences = "Total Conferences";
 var total_conferences_time = "Total Conferences Time";
@@ -110,6 +110,7 @@ var edit_question = "Edit question";
 var question_type = "Question Type";
 var category = "Category";
 var sub_category = "Sub Category";
+var text = "Text";
 var is_default_question_for_one_to_one = "Is default question for one-to-one";
 var default_question_for_students_or_teachers = "Default question for students or teachers";
 var is_default_question_general_class = "Is default question general class";
@@ -221,7 +222,7 @@ var edit_designation = "Edit Designation";
 var confirm = "Confirm";
 var hello = "Hello";
 var todays_1_1 = "Today’s 1-1";
-var todays_check_in = "Today’s Check In";
+var todays_check_in = "Today’s Check-in";
 var todays_Conferences = "Today’s Conferences";
 var next_meeting = "Next Meeting";
 var next_conference = "Next Conference";
@@ -250,7 +251,7 @@ var import_csv = "Import CSV";
 var add_new = "Add New";
 var show_only_work_as_assistant = "Show only work as assistant";
 var last_1_to_1 = "Last 1-TO-1";
-var last_check_in = "Last Check In";
+var last_check_in = "Last Check-in";
 var last_conference = "Last conference";
 var total_time = "Total time";
 var assistant_name = "Assistant Name";
@@ -270,7 +271,7 @@ var change_date = "Change date";
 var change_time = "Change time";
 var apply = "Apply";
 var new_1_to_1 = "New 1-to-1";
-var new_check_in = "New Check In";
+var new_check_in = "New Check-in";
 var do_you_want_to_talk_with_teacher = "Do you want to talk with teacher";
 var start_now = "Start now";
 var book_for_later = "Book for later";
@@ -280,7 +281,7 @@ var no_question = "No question";
 var select_question = "Select question";
 var select_student = "Select student";
 var select_teacher = "Select teacher";
-var do_you_want_to_talk_with = "Do you want to talk with";
+var do_you_want_to_talk_with = "Who would you like to check-in with?";
 var please_select_a_student = "Please select a student";
 var please_select_a_teacher = "Please select a teacher";
 var please_provide_a_valid_student = "Please provide a valid student";
@@ -290,7 +291,7 @@ var you_have_no_teacher = "You have no teacher";
 var search_teacher = "Search teacher";
 var select_date_time = "Select Date & Time";
 var book_1_to_1 = "Book 1-to-1";
-var book_new_check_in = "Book new Check In";
+var book_new_check_in = "Book new Check-in";
 var schedule = "Schedule";
 var sessions_are_booked_as_10_minute_slots = "Sessions are booked as 10 minute slots";
 var does_not_reoccur = "Does not reoccur";
@@ -306,7 +307,7 @@ var no_data = "No Data";
 var schedule_detail = "Schedule Detail";
 var are_you_sure_you_want_to_cancel_this_schedule = "Are you sure you want to Cancel this schedule?";
 var completed_1_to_1 = "Completed 1-1 Conversation";
-var completed_check_in = "Completed Check In";
+var completed_check_in = "Completed Check-in";
 var done = "Done";
 var what_do_you_want_to_talk_about = "What do you want to talk about?";
 var session_type = "Session Type";
@@ -321,7 +322,7 @@ var how_much_did_you_learn_from_this_session = "How much did you learn from this
 var what_is_the_most_important_thing_you_learned_from_this_session = "What is the most important thing you learned from this session?";
 var your_next_meeting = "Your next meeting";
 var today_at = "Today at";
-var choose_if_you_want_to_do_it_now_or_if_you_would_like_to_book_for_later = "Choose if you want to do it now or if you would like to book for later";
+var choose_if_you_want_to_do_it_now_or_if_you_would_like_to_book_for_later = "Choose if you want to start the check-in now or book a time with your teacher or counselor for later.";
 var edit = "Edit";
 var phone_number = "Phone number";
 var second_phone_number = "Second phone number";
@@ -332,7 +333,7 @@ var note = "Note";
 var no_schedule = "No Schedule";
 var my_notes = "My Notes";
 var private_note = "Private Note";
-var goal_process = "Goal Process";
+var goal_process = "Goal Progress";
 var view_all_goals = "View all goals";
 var completed = "Completed";
 var student_information = "Student Information";
@@ -428,7 +429,7 @@ var student_request = "Student Request";
 var overview = "Overview";
 var plp = "PLP";
 var my_student_1_to_1 = "My Student 1-to-1";
-var my_student_check_in = "My Student Check In";
+var my_student_check_in = "My Student Check-in";
 var my_student_conference = "My Student Conference";
 var received_date = "Received Date";
 var class_impact_score = "Class Impact Score";
@@ -631,6 +632,7 @@ var learning_process = "Learning Process";
 var survey_dashboard = "Survey Dashboard";
 var response_rate = "Response Rate";
 var top_5_most_survey_used = "Top 5 Survey's Used";
+var question_intervention = "Question Intervention";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -711,6 +713,7 @@ var lang_us = {
 	category: category,
 	sub_category: sub_category,
 	"Question text": "Question text",
+	text: text,
 	is_default_question_for_one_to_one: is_default_question_for_one_to_one,
 	default_question_for_students_or_teachers: default_question_for_students_or_teachers,
 	is_default_question_general_class: is_default_question_general_class,
@@ -1236,7 +1239,8 @@ var lang_us = {
 	learning_process: learning_process,
 	survey_dashboard: survey_dashboard,
 	response_rate: response_rate,
-	top_5_most_survey_used: top_5_most_survey_used
+	top_5_most_survey_used: top_5_most_survey_used,
+	question_intervention: question_intervention
 };
 
 var dashboard$1 = "Dashboard";
@@ -1254,7 +1258,7 @@ var cancel$1 = "Cancel";
 var hey$1 = "Hey";
 var readiness_to_learn$1 = "Readiness to Learn";
 var high_impact_learning_strategies$1 = "High Impact Learning Strategies";
-var check_in$1 = "Check In";
+var check_in$1 = "Check-in";
 var reflection$1 = "Reflection";
 var conferences$1 = "Conferences";
 var safety$1 = "Safety";
@@ -1277,7 +1281,7 @@ var tooltip_content_safety_chart$1 = "The visual represenation of all the respon
 var tooltip_content_student_by_age_chart$1 = "The specific representation of students by gender and grade level at your school.";
 var tooltip_content_students_by_designation$1 = "The composite representation of students by individual grades in your school with specific designations.";
 var total_1_to_1$1 = "Total 1-to-1";
-var total_check_in$1 = "Total Check In";
+var total_check_in$1 = "Total Check-in";
 var total_1_to_1_time$1 = "Total 1-to-1 Time";
 var total_conferences$1 = "Total Conferences";
 var total_conferences_time$1 = "Total Conferences Time";
@@ -1317,6 +1321,7 @@ var question_type$1 = "Question Type";
 var category$1 = "Category";
 var sub_category$1 = "Sub Category";
 var question_text = "Question text";
+var text$1 = "Text";
 var is_default_question_for_one_to_one$1 = "Is default question for one-to-one";
 var default_question_for_students_or_teachers$1 = "Default question for students or teachers";
 var is_default_question_general_class$1 = "Is default question general class";
@@ -1428,7 +1433,7 @@ var edit_designation$1 = "Edit Designation";
 var confirm$1 = "Confirm";
 var hello$1 = "Hello";
 var todays_1_1$1 = "Today’s 1-1";
-var todays_check_in$1 = "Today’s Check In";
+var todays_check_in$1 = "Today’s Check-in";
 var todays_Conferences$1 = "Today’s Conferences";
 var next_meeting$1 = "Next Meeting";
 var next_conference$1 = "Next Conference";
@@ -1457,7 +1462,7 @@ var import_csv$1 = "Import CSV";
 var add_new$1 = "Add New";
 var show_only_work_as_assistant$1 = "Show only work as assistant";
 var last_1_to_1$1 = "Last 1-TO-1";
-var last_check_in$1 = "Last Check In";
+var last_check_in$1 = "Last Check-in";
 var last_conference$1 = "Last conference";
 var total_time$1 = "Total time";
 var assistant_name$1 = "Assistant Name";
@@ -1477,7 +1482,7 @@ var change_date$1 = "Change date";
 var change_time$1 = "Change time";
 var apply$1 = "Apply";
 var new_1_to_1$1 = "New 1-to-1";
-var new_check_in$1 = "New Check In";
+var new_check_in$1 = "New Check-in";
 var do_you_want_to_talk_with_teacher$1 = "Do you want to talk with teacher";
 var start_now$1 = "Start now";
 var book_for_later$1 = "Book for later";
@@ -1487,7 +1492,7 @@ var no_question$1 = "No question";
 var select_question$1 = "Select question";
 var select_student$1 = "Select student";
 var select_teacher$1 = "Select teacher";
-var do_you_want_to_talk_with$1 = "Do you want to talk with";
+var do_you_want_to_talk_with$1 = "Who would you like to check-in with?";
 var please_select_a_student$1 = "Please select a student";
 var please_select_a_teacher$1 = "Please select a teacher";
 var please_provide_a_valid_student$1 = "Please provide a valid student";
@@ -1497,7 +1502,7 @@ var you_have_no_teacher$1 = "You have no teacher";
 var search_teacher$1 = "Search teacher";
 var select_date_time$1 = "Select Date & Time";
 var book_1_to_1$1 = "Book 1-to-1";
-var book_new_check_in$1 = "Book new Check In";
+var book_new_check_in$1 = "Book new Check-in";
 var schedule$1 = "Schedule";
 var sessions_are_booked_as_10_minute_slots$1 = "Sessions are booked as 10 minute slots";
 var does_not_reoccur$1 = "Does not reoccur";
@@ -1513,7 +1518,7 @@ var no_data$1 = "No Data";
 var schedule_detail$1 = "Schedule Detail";
 var are_you_sure_you_want_to_cancel_this_schedule$1 = "Are you sure you want to Cancel this schedule?";
 var completed_1_to_1$1 = "Completed 1-1 Conversation";
-var completed_check_in$1 = "Completed Check In";
+var completed_check_in$1 = "Completed Check-in";
 var done$1 = "Done";
 var what_do_you_want_to_talk_about$1 = "What do you want to talk about?";
 var session_type$1 = "Session Type";
@@ -1528,7 +1533,7 @@ var how_much_did_you_learn_from_this_session$1 = "How much did you learn from th
 var what_is_the_most_important_thing_you_learned_from_this_session$1 = "What is the most important thing you learned from this session?";
 var your_next_meeting$1 = "Your next meeting";
 var today_at$1 = "Today at";
-var choose_if_you_want_to_do_it_now_or_if_you_would_like_to_book_for_later$1 = "Choose if you want to do it now or if you would like to book for later";
+var choose_if_you_want_to_do_it_now_or_if_you_would_like_to_book_for_later$1 = "Choose if you want to start the check-in now or book a time with your teacher or counselor for later.";
 var edit$1 = "Edit";
 var phone_number$1 = "Phone number";
 var second_phone_number$1 = "Second phone number";
@@ -1539,7 +1544,7 @@ var note$1 = "Note";
 var no_schedule$1 = "No Schedule";
 var my_notes$1 = "My Notes";
 var private_note$1 = "Private Note";
-var goal_process$1 = "Goal Process";
+var goal_process$1 = "Goal Progress";
 var view_all_goals$1 = "View all goals";
 var completed$1 = "Completed";
 var student_information$1 = "Student Information";
@@ -1635,7 +1640,7 @@ var student_request$1 = "Student Request";
 var overview$1 = "Overview";
 var plp$1 = "PLP";
 var my_student_1_to_1$1 = "My Student 1-to-1";
-var my_student_check_in$1 = "My Student Check In";
+var my_student_check_in$1 = "My Student Check-in";
 var my_student_conference$1 = "My Student Conference";
 var received_date$1 = "Received Date";
 var class_impact_score$1 = "Class Impact Score";
@@ -1838,6 +1843,7 @@ var learning_process$1 = "Learning Process";
 var survey_dashboard$1 = "Survey Dashboard";
 var response_rate$1 = "Response Rate";
 var top_5_most_survey_used$1 = "Top 5 Survey's Used";
+var question_intervention$1 = "Question Intervention";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -1918,6 +1924,7 @@ var lang_uk = {
 	category: category$1,
 	sub_category: sub_category$1,
 	question_text: question_text,
+	text: text$1,
 	is_default_question_for_one_to_one: is_default_question_for_one_to_one$1,
 	default_question_for_students_or_teachers: default_question_for_students_or_teachers$1,
 	is_default_question_general_class: is_default_question_general_class$1,
@@ -2443,7 +2450,8 @@ var lang_uk = {
 	learning_process: learning_process$1,
 	survey_dashboard: survey_dashboard$1,
 	response_rate: response_rate$1,
-	top_5_most_survey_used: top_5_most_survey_used$1
+	top_5_most_survey_used: top_5_most_survey_used$1,
+	question_intervention: question_intervention$1
 };
 
 var DEFAULT_LANGUAGE = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "uk";
@@ -6872,89 +6880,8 @@ var SkillList = function SkillList() {
   }))));
 };
 
-var MAX_FILE_SIZE = 20097152;
-
-var UploadFileButton = function UploadFileButton(_ref) {
-  var fileName = _ref.fileName,
-      maxWidth = _ref.maxWidth,
-      maxHeight = _ref.maxHeight,
-      setFile = _ref.setFile,
-      canDelete = _ref.canDelete,
-      onDelete = _ref.onDelete,
-      isCheckFeedBack = _ref.isCheckFeedBack,
-      onAddImage = _ref.onAddImage;
-  var dispatch = useDispatch();
-
-  var _useState = useState(""),
-      imagePreviewUrl = _useState[0],
-      setImagePreviewUrl = _useState[1];
-
-  var imageStyle = {
-    maxWidth: maxWidth || "100%",
-    maxHeight: maxHeight || "100%"
-  };
-  var imageSrc = imagePreviewUrl || getFileUrl(fileName);
-
-  var handleImageChange = function handleImageChange(e) {
-    e.preventDefault();
-    var reader = new FileReader();
-    var newFile = e.target.files[0];
-
-    if (newFile.size > MAX_FILE_SIZE) {
-      dispatch(setAlert({
-        type: "danger",
-        message: "File can't be larger than 2MB"
-      }));
-      return;
-    }
-
-    reader.onloadend = function () {
-      setFile(newFile);
-      setImagePreviewUrl(reader.result);
-    };
-
-    if (newFile) {
-      reader.readAsDataURL(newFile);
-    }
-
-    !!onAddImage && onAddImage();
-  };
-
-  var imagePreviewContainer = imagePreviewUrl || fileName ? React.createElement("img", {
-    style: imageStyle,
-    src: imageSrc,
-    alt: "image"
-  }) : null;
-  return React.createElement("div", {
-    className: "mb-2"
-  }, React.createElement(Form, {
-    className: "mb-2"
-  }, React.createElement(Input, {
-    className: "d-none",
-    type: "file",
-    id: "uploadFile",
-    onChange: handleImageChange,
-    accept: "image/*"
-  }), React.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React.createElement(Label, {
-    htmlFor: "uploadFile",
-    role: "button",
-    tabIndex: 0,
-    className: styles["input-file-label"]
-  }, isCheckFeedBack == true ? React.createElement(MdAttachFile, null) : React.createElement(React.Fragment, null, React.createElement("i", {
-    className: "fa fa-paperclip mr-1",
-    "aria-hidden": "true"
-  }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React.createElement(Button, {
-    size: "sm",
-    color: "danger",
-    className: styles["delete-avatar-button"] + " ml-2 d-flex align-items-center justify-content-center",
-    onClick: function onClick() {
-      setImagePreviewUrl(null);
-      onDelete && onDelete();
-    }
-  }, React.createElement(FaTrashAlt, null)))), imagePreviewContainer);
-};
+var setUserList = createAction("users/setUserList");
+var setStudentList = createAction("users/setStudentList");
 
 var USER_URL$1 = BASE_URL + "/api/user";
 var CHANGE_PASSWORD = BASE_URL + "/api/Account/changePassword";
@@ -6987,58 +6914,38 @@ var switchAccountUser = function switchAccountUser(id) {
   return api.post(EDU_USER_URL + "/switch-user/" + id);
 };
 
-var initValue$3 = {
-  id: "",
-  firstName: "",
-  lastName: "",
-  email: "",
-  dateOfBirth: "",
-  roles: [],
-  isActive: true,
-  profileImageFileName: ""
-};
-var USER_LIST_URL = "/admin/user";
-var TITLE$7 = "User detail";
+var USER_URL$2 = "/admin/user";
+var CREATE_USER_URL = "/admin/create-user";
+var TITLE$7 = "User list";
+var HOMEPAGE_TEACHER$1 = "/home";
+var HOMEPAGE_STUDENT$1 = "/home";
+var HOMEPAGE_ADMIN$1 = "/admin/dashboard";
+var HOMEPAGE_PARENT$1 = "/parent";
+var HOMEPAGE_DISTRICT$1 = "/admin/schools";
+var HOMEPAGE_EDU_TEACHER$1 = "/list-student";
 
-var useUserDetail = function useUserDetail(id) {
-  var dispatch = useDispatch();
+var useUserList = function useUserList() {
   var history = useHistory();
+  var query = new URLSearchParams(location.search);
+  var queryName = query.get("query");
+  var userList = useSelector(function (state) {
+    return state.users.userList;
+  });
+  var totalItems = useSelector(function (state) {
+    return state.users.totalItems;
+  });
 
-  var _useState = useState(initValue$3),
-      userDetail = _useState[0],
-      setUserDetail = _useState[1];
-
-  var _useState2 = useState(null),
-      file = _useState2[0],
-      setFile = _useState2[1];
-
-  var _useState3 = useState(false),
-      edited = _useState3[0],
-      setEdited = _useState3[1];
-
-  var setEditedTrue = function setEditedTrue() {
-    try {
-      localStorage.setItem(window.location.href, "true");
-      setEdited(true);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
+  var _useFilters = useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
 
-  var _useState4 = useState([]),
-      currentRoles = _useState4[0],
-      setCurrentRoles = _useState4[1];
+  var _useState = useState(!!queryName ? queryName : ""),
+      fullName = _useState[0],
+      setFullName = _useState[1];
 
-  useEffect(function () {
-    document.title = TITLE$7;
-    setEdited(false);
-    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
-  }, []);
-  useEffect(function () {
-    !!id && getData();
-  }, [id]);
-  var getData = useCallback(function () {
+  var isDistrict = window.location.host.includes("-district");
+  var dispatch = useDispatch();
+  var getData = useCallback(function (fullName) {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -7047,15 +6954,22 @@ var useUserDetail = function useUserDetail(id) {
       dispatch(setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(getById$3(id)).then(function (res) {
-          var _res$data$roles, _res$data, _res$data2;
+        return Promise.resolve(fullName ? get$5(_extends({}, filters, {
+          searchString: fullName
+        })) : get$5(filters)).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
 
-          setUserDetail(_extends({}, res.data, {
-            dateOfBirth: format(new Date(res.data.dateOfBirth), DATE_FORMAT),
-            roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles
+          for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
+            var user = _step.value;
+            user.roles = user.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : user.roles;
+          }
+
+          dispatch(setUserList({
+            userList: items,
+            totalItems: totalItems
           }));
-          setCurrentRoles((_res$data$roles = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.roles) != null ? _res$data$roles : []);
-          document.title = (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.fullName;
         });
       }, function (err) {
         var _err$response, _err$response$data;
@@ -7070,191 +6984,713 @@ var useUserDetail = function useUserDetail(id) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [id]);
-  var backToList = useCallback(function (user) {
-    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
+  }, [dispatch, filters]);
+  useEffect(function () {
+    document.title = TITLE$7;
   }, []);
-  var confirmData = useCallback(function (data) {
-    try {
-      var _temp9 = function _temp9() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
+  useEffect(function () {
+    if (!!fullName) {
+      getData(fullName);
+      setFullName(null);
+    } else {
+      getData();
+    }
+  }, [filters]);
+  var removeData = useCallback(function (id) {
+    dispatch(setLoading(true));
 
-      var _temp10 = _catch(function () {
-        function _temp6() {
-          var next = !!id ? update$5 : create$5;
-          !id && delete data.id;
-          return Promise.resolve(next(data)).then(function (result) {
-            if (!!result) {
-              getById$3(result.data.id).then(function (e) {
-                backToList(e.data.fullName);
+    try {
+      dispatch(setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to remove this user?",
+        onConfirm: function () {
+          try {
+            return Promise.resolve(remove$3(id)).then(function () {
+              dispatch(setAlert({
+                type: "success",
+                message: "Remove user successfully"
+              }));
+              changeFilters({
+                currentPage: 1
               });
-            }
-
-            if (!id) {
-              alert("Password of " + result.data.email + " is " + ("\"" + result.data.password + "\""));
-            }
-
-            dispatch(setAlert({
-              type: "success",
-              message: (!!id ? "Update" : "Create") + " user successfully"
-            }));
-          });
-        }
-
-        var _temp5 = function () {
-          if (!!file) {
-            var formData = new FormData();
-            var name = file.name;
-            formData.append("file", file, name);
-            return Promise.resolve(systemProfileUpload(formData)).then(function (res) {
-              var _res$data3;
-
-              var imageUrl = res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.key;
-              data.profileImageFileName = imageUrl;
             });
+          } catch (e) {
+            return Promise.reject(e);
           }
-        }();
+        }
+      }));
+    } catch (err) {
+      var _err$response2, _err$response2$data;
 
-        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
-      }, 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(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
-    } catch (e) {
-      return Promise.reject(e);
+      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
+      }));
     }
-  }, [id, file]);
-
-  var handleDisableRoles = function handleDisableRoles(currentRoles) {
-    return ["Student", "Parent", "EduTeacher"].includes(currentRoles);
-  };
-
-  var confirmChangePassword = function confirmChangePassword(data) {
-    try {
-      var _temp13 = function _temp13() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
 
-      var _temp14 = _catch(function () {
-        return Promise.resolve(changePassword(data)).then(function () {
-          dispatch(setAlert({
-            type: "success",
-            message: "Change password successfully"
-          }));
-        });
-      }, function (e) {
-        var _e$response, _e$response$data;
+    dispatch(setLoading(false));
+  }, [filters]);
 
-        dispatch(setAlert({
-          type: "danger",
-          message: ((_e$response = e.response) === null || _e$response === void 0 ? void 0 : (_e$response$data = _e$response.data) === null || _e$response$data === void 0 ? void 0 : _e$response$data.title) || e.message
-        }));
-      });
+  var redirectLoginUser = function redirectLoginUser(res) {
+    var _res$data2 = res.data,
+        token = _res$data2.token,
+        id = _res$data2.id,
+        firstName = _res$data2.firstName,
+        lastName = _res$data2.lastName,
+        roles = _res$data2.roles,
+        email = _res$data2.email,
+        profileImageFileName = _res$data2.profileImageFileName;
+    localStorage.setItem(ACCESS_TOKEN, token);
+    localStorage.removeItem(NOTIFICATION_ALERT_KEY);
+    dispatch(setUser({
+      id: id,
+      firstName: firstName,
+      lastName: lastName,
+      roles: roles,
+      email: email,
+      profileImageFileName: profileImageFileName
+    }));
 
-      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp13) : _temp13(_temp14));
-    } catch (e) {
-      return Promise.reject(e);
+    if (isDistrict) {
+      history.push(HOMEPAGE_DISTRICT$1);
+    } else if (roles.includes("Admin")) {
+      history.push(HOMEPAGE_ADMIN$1);
+    } else if (roles.includes("Teacher") || roles.includes("Assistant")) {
+      history.push(HOMEPAGE_TEACHER$1);
+    } else if (roles.includes("Student")) {
+      history.push(HOMEPAGE_STUDENT$1);
+    } else if (roles.includes("Parent")) {
+      history.push(HOMEPAGE_PARENT$1);
+    } else if (roles.includes("EduTeacher")) {
+      history.push(HOMEPAGE_EDU_TEACHER$1);
+    } else if (roles.includes("Counselor") || roles.includes("SecondaryTeacher")) {
+      history.push(HOMEPAGE_TEACHER$1);
     }
   };
 
-  var forgotPasswordRequest = useCallback(function (data) {
+  var swicthUser = useCallback(function (id) {
     try {
-      var _temp17 = function _temp17() {
-        dispatch(setLoading(false));
-      };
+      var _temp6 = _catch(function () {
+        return Promise.resolve(switchAccountUser(id)).then(function (res) {
+          var data = res.data;
+          dispatch(setModal({
+            isOpen: true,
+            type: "warning",
+            message: "Do you want to impersonate this user?",
+            onConfirm: function () {
+              try {
+                var _temp9 = function _temp9() {
+                  dispatch(setLoading(false));
+                };
 
-      dispatch(setLoading(true));
+                dispatch(setLoading(true));
 
-      var _temp18 = _catch(function () {
-        return Promise.resolve(forgotChangePassword(data)).then(function () {
-          dispatch(setAlert({
-            type: "success",
-            message: "Send forgot password link successfully"
+                var _temp10 = _catch(function () {
+                  var req = {
+                    email: data.email,
+                    password: "default",
+                    accessToken: data.token
+                  };
+                  return Promise.resolve(logIn(req)).then(function (res) {
+                    localStorage.clear();
+                    redirectLoginUser(res);
+                  });
+                }, function (err) {
+                  var _err$response3, _err$response3$data;
+
+                  setAlert({
+                    type: "danger",
+                    message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message
+                  });
+                });
+
+                return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+              } catch (e) {
+                return Promise.reject(e);
+              }
+            }
           }));
         });
       }, function (err) {
-        var _err$response3, _err$response3$data;
+        var _err$response4, _err$response4$data;
 
         dispatch(setAlert({
           type: "danger",
-          message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message || "Error occured"
+          message: ((_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.title) || err.message
         }));
       });
 
-      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp17) : _temp17(_temp18));
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
-  }, []);
+  }, [filters]);
+
+  var reDirectDetailPage = function reDirectDetailPage(id) {
+    var url = !!id ? USER_URL$2 + "/" + id : CREATE_USER_URL;
+    history.push(url);
+  };
+
   return {
-    userDetail: userDetail,
-    backToList: backToList,
-    confirmData: confirmData,
-    file: file,
-    setFile: setFile,
-    edited: edited,
-    setEdited: setEdited,
-    setEditedTrue: setEditedTrue,
-    confirmChangePassword: confirmChangePassword,
-    forgotPasswordRequest: forgotPasswordRequest,
-    currentRoles: currentRoles,
-    handleDisableRoles: handleDisableRoles
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    queryName: queryName,
+    getData: getData,
+    removeData: removeData,
+    changeFilters: changeFilters,
+    reDirectDetailPage: reDirectDetailPage,
+    swicthUser: swicthUser
   };
 };
 
-var userSchema = object({
-  firstName: string().required("First name is required"),
-  lastName: string().required("Last name is required"),
-  dateOfBirth: string().required("Date of birth is required"),
-  email: string().email("Email is invalid").required("Email is required"),
-  roles: array().of(string()).min(1, "Role is required")
-});
+var SearchBox = function SearchBox(_ref) {
+  var initValue = _ref.initValue,
+      onSearch = _ref.onSearch,
+      placeholder = _ref.placeholder,
+      className = _ref.className,
+      style = _ref.style;
 
-var changePasswordSchema = object({
-  oldPassword: string().required("Current password is required"),
-  newPassword: string().required("New password is required"),
-  confirmedNewPassword: string().required("Confirm password is required")
-});
+  var _useState = useState(initValue),
+      searchString = _useState[0],
+      setSearchString = _useState[1];
 
-var CREATE_USER = "create_user";
-var EDIT_USER_HEADER = "edit_user";
-var CHANGE_PASSWORD$1 = "change_password";
+  useEffect(function () {
+    setSearchString(initValue);
+  }, [initValue]);
+  var onKeyUp = useCallback(function (e) {
+    e.key === "Enter" && onSearch(searchString);
+  }, [searchString, onSearch]);
+  return React.createElement(Input, {
+    placeholder: placeholder,
+    value: searchString,
+    onChange: function onChange(e) {
+      return setSearchString(e.target.value);
+    },
+    onKeyUp: onKeyUp,
+    className: className,
+    style: style
+  });
+};
 
-var UserDetail = function UserDetail() {
-  var _useParams = useParams(),
-      id = _useParams.id;
+SearchBox.defaultProps = {
+  placeholder: "Type something to search",
+  className: "",
+  style: {}
+};
+var SearchBox$1 = memo(SearchBox);
 
-  var user = useSelector(function (state) {
-    return state.common.user;
-  });
+var searchInputStyle = {
+  height: 38
+};
 
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
+var SearchBoxContainer = function SearchBoxContainer(_ref) {
+  var text = _ref.text,
+      initValue = _ref.initValue,
+      onClick = _ref.onClick,
+      onSearch = _ref.onSearch,
+      placeholder = _ref.placeholder;
+  return React.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React.createElement("div", null, React.createElement(AddButton, {
+    text: text,
+    onClick: onClick
+  })), React.createElement("div", {
+    className: "flex-grow-1 ml-2"
+  }, React.createElement(SearchBox$1, {
+    initValue: initValue,
+    onSearch: onSearch,
+    placeholder: placeholder,
+    style: searchInputStyle
+  })));
+};
 
-  var _useUserDetail = useUserDetail(id),
-      userDetail = _useUserDetail.userDetail,
-      backToList = _useUserDetail.backToList,
-      confirmData = _useUserDetail.confirmData,
-      file = _useUserDetail.file,
-      setFile = _useUserDetail.setFile,
-      edited = _useUserDetail.edited,
-      setEdited = _useUserDetail.setEdited,
-      setEditedTrue = _useUserDetail.setEditedTrue,
-      confirmChangePassword = _useUserDetail.confirmChangePassword,
-      forgotPasswordRequest = _useUserDetail.forgotPasswordRequest,
-      currentRoles = _useUserDetail.currentRoles,
-      handleDisableRoles = _useUserDetail.handleDisableRoles;
+SearchBoxContainer.defaultProps = {
+  placeholder: "Type something to search"
+};
+
+var utcToLocalTime = (function (time, FORMAT) {
+  if (time === DATE_MIN_VALUE) return "";
+
+  try {
+    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+});
+
+var header$2 = "User";
+
+var UserList = function UserList() {
+  var _useUserList = useUserList(),
+      queryName = _useUserList.queryName,
+      userList = _useUserList.userList,
+      totalItems = _useUserList.totalItems,
+      filters = _useUserList.filters,
+      removeData = _useUserList.removeData,
+      changeFilters = _useUserList.changeFilters,
+      reDirectDetailPage = _useUserList.reDirectDetailPage,
+      swicthUser = _useUserList.swicthUser;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return React.createElement("div", {
+    className: "fadeIn animated"
+  }, React.createElement("h5", {
+    className: "mb-2"
+  }, t("" + header$2)), React.createElement(Row, {
+    className: "my-2"
+  }, React.createElement(Col, {
+    md: 8
+  }, React.createElement(SearchBoxContainer, {
+    text: t("create_user"),
+    onClick: function onClick() {
+      return reDirectDetailPage();
+    },
+    initValue: !!queryName ? queryName : "",
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: t("type_something_to_search_by_user_name")
+  })), React.createElement(Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, t("total_of_users"), " : ", totalItems)), React.createElement(Row, {
+    className: "mb-2"
+  }, React.createElement(Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React.createElement("div", null, React.createElement(Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+    className: "align-top"
+  }, t("name")), React.createElement("th", {
+    className: "align-top"
+  }, t("email")), React.createElement("th", {
+    className: "align-top"
+  }, t("age")), React.createElement("th", {
+    className: "align-top"
+  }, t("role")), React.createElement("th", {
+    className: "align-top"
+  }, t("active_status")), React.createElement("th", {
+    className: "align-top"
+  }, t("created_time")), React.createElement("th", {
+    className: "text-center"
+  }, t("action")))), React.createElement("tbody", null, userList.map(function (record) {
+    return React.createElement("tr", {
+      key: record.id
+    }, React.createElement("td", {
+      className: "align-middle"
+    }, React.createElement(LinkEditButton, {
+      label: "" + record.fullName,
+      onClick: function onClick() {
+        return reDirectDetailPage(record.id);
+      }
+    })), React.createElement("td", {
+      className: "align-middle"
+    }, record.email), React.createElement("td", {
+      className: "align-middle"
+    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React.createElement("td", {
+      className: "align-middle"
+    }, !!record.roles && record.roles.join(", ")), React.createElement("td", {
+      className: "align-middle"
+    }, record.isActive ? t("active") : t("inactive")), React.createElement("td", {
+      className: "align-middle"
+    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React.createElement("td", {
+      className: "text-center align-middle"
+    }, React.createElement(FaUsersCog, {
+      style: {
+        fontSize: "18px",
+        marginRight: "10px",
+        cursor: "pointer"
+      },
+      onClick: function onClick() {
+        return swicthUser(record.id);
+      }
+    }), React.createElement(DeleteButtonIcon, {
+      onClick: function onClick() {
+        return removeData(record.id);
+      }
+    })));
+  })))) : React.createElement(EmptyDataAlert, {
+    label: t("user")
+  })), React.createElement(Col, {
+    md: 12
+  }, React.createElement(CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))));
+};
+
+var MAX_FILE_SIZE = 20097152;
+
+var UploadFileButton = function UploadFileButton(_ref) {
+  var fileName = _ref.fileName,
+      maxWidth = _ref.maxWidth,
+      maxHeight = _ref.maxHeight,
+      setFile = _ref.setFile,
+      canDelete = _ref.canDelete,
+      onDelete = _ref.onDelete,
+      isCheckFeedBack = _ref.isCheckFeedBack,
+      onAddImage = _ref.onAddImage;
+  var dispatch = useDispatch();
+
+  var _useState = useState(""),
+      imagePreviewUrl = _useState[0],
+      setImagePreviewUrl = _useState[1];
+
+  var imageStyle = {
+    maxWidth: maxWidth || "100%",
+    maxHeight: maxHeight || "100%"
+  };
+  var imageSrc = imagePreviewUrl || getFileUrl(fileName);
+
+  var handleImageChange = function handleImageChange(e) {
+    e.preventDefault();
+    var reader = new FileReader();
+    var newFile = e.target.files[0];
+
+    if (newFile.size > MAX_FILE_SIZE) {
+      dispatch(setAlert({
+        type: "danger",
+        message: "File can't be larger than 2MB"
+      }));
+      return;
+    }
+
+    reader.onloadend = function () {
+      setFile(newFile);
+      setImagePreviewUrl(reader.result);
+    };
+
+    if (newFile) {
+      reader.readAsDataURL(newFile);
+    }
+
+    !!onAddImage && onAddImage();
+  };
+
+  var imagePreviewContainer = imagePreviewUrl || fileName ? React.createElement("img", {
+    style: imageStyle,
+    src: imageSrc,
+    alt: "image"
+  }) : null;
+  return React.createElement("div", {
+    className: "mb-2"
+  }, React.createElement(Form, {
+    className: "mb-2"
+  }, React.createElement(Input, {
+    className: "d-none",
+    type: "file",
+    id: "uploadFile",
+    onChange: handleImageChange,
+    accept: "image/*"
+  }), React.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React.createElement(Label, {
+    htmlFor: "uploadFile",
+    role: "button",
+    tabIndex: 0,
+    className: styles["input-file-label"]
+  }, isCheckFeedBack == true ? React.createElement(MdAttachFile, null) : React.createElement(React.Fragment, null, React.createElement("i", {
+    className: "fa fa-paperclip mr-1",
+    "aria-hidden": "true"
+  }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React.createElement(Button, {
+    size: "sm",
+    color: "danger",
+    className: styles["delete-avatar-button"] + " ml-2 d-flex align-items-center justify-content-center",
+    onClick: function onClick() {
+      setImagePreviewUrl(null);
+      onDelete && onDelete();
+    }
+  }, React.createElement(FaTrashAlt, null)))), imagePreviewContainer);
+};
+
+var initValue$3 = {
+  id: "",
+  firstName: "",
+  lastName: "",
+  email: "",
+  dateOfBirth: "",
+  roles: [],
+  isActive: true,
+  profileImageFileName: ""
+};
+var USER_LIST_URL = "/admin/user";
+var TITLE$8 = "User detail";
+
+var useUserDetail = function useUserDetail(id) {
+  var dispatch = useDispatch();
+  var history = useHistory();
+
+  var _useState = useState(initValue$3),
+      userDetail = _useState[0],
+      setUserDetail = _useState[1];
+
+  var _useState2 = useState(null),
+      file = _useState2[0],
+      setFile = _useState2[1];
+
+  var _useState3 = useState(false),
+      edited = _useState3[0],
+      setEdited = _useState3[1];
+
+  var setEditedTrue = function setEditedTrue() {
+    try {
+      localStorage.setItem(window.location.href, "true");
+      setEdited(true);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var _useState4 = useState([]),
+      currentRoles = _useState4[0],
+      setCurrentRoles = _useState4[1];
+
+  useEffect(function () {
+    document.title = TITLE$8;
+    setEdited(false);
+    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
+  }, []);
+  useEffect(function () {
+    !!id && getData();
+  }, [id]);
+  var getData = useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getById$3(id)).then(function (res) {
+          var _res$data$roles, _res$data, _res$data2;
+
+          setUserDetail(_extends({}, res.data, {
+            dateOfBirth: format(new Date(res.data.dateOfBirth), DATE_FORMAT),
+            roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles
+          }));
+          setCurrentRoles((_res$data$roles = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.roles) != null ? _res$data$roles : []);
+          document.title = (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.fullName;
+        });
+      }, 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);
+    }
+  }, [id]);
+  var backToList = useCallback(function (user) {
+    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
+  }, []);
+  var confirmData = useCallback(function (data) {
+    try {
+      var _temp9 = function _temp9() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp10 = _catch(function () {
+        function _temp6() {
+          var next = !!id ? update$5 : create$5;
+          !id && delete data.id;
+          return Promise.resolve(next(data)).then(function (result) {
+            if (!!result) {
+              getById$3(result.data.id).then(function (e) {
+                backToList(e.data.fullName);
+              });
+            }
+
+            if (!id) {
+              alert("Password of " + result.data.email + " is " + ("\"" + result.data.password + "\""));
+            }
+
+            dispatch(setAlert({
+              type: "success",
+              message: (!!id ? "Update" : "Create") + " user successfully"
+            }));
+          });
+        }
+
+        var _temp5 = function () {
+          if (!!file) {
+            var formData = new FormData();
+            var name = file.name;
+            formData.append("file", file, name);
+            return Promise.resolve(systemProfileUpload(formData)).then(function (res) {
+              var _res$data3;
+
+              var imageUrl = res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.key;
+              data.profileImageFileName = imageUrl;
+            });
+          }
+        }();
+
+        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+      }, 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(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [id, file]);
+
+  var handleDisableRoles = function handleDisableRoles(currentRoles) {
+    return ["Student", "Parent", "EduTeacher"].includes(currentRoles);
+  };
+
+  var confirmChangePassword = function confirmChangePassword(data) {
+    try {
+      var _temp13 = function _temp13() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp14 = _catch(function () {
+        return Promise.resolve(changePassword(data)).then(function () {
+          dispatch(setAlert({
+            type: "success",
+            message: "Change password successfully"
+          }));
+        });
+      }, function (e) {
+        var _e$response, _e$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_e$response = e.response) === null || _e$response === void 0 ? void 0 : (_e$response$data = _e$response.data) === null || _e$response$data === void 0 ? void 0 : _e$response$data.title) || e.message
+        }));
+      });
+
+      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp13) : _temp13(_temp14));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var forgotPasswordRequest = useCallback(function (data) {
+    try {
+      var _temp17 = function _temp17() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp18 = _catch(function () {
+        return Promise.resolve(forgotChangePassword(data)).then(function () {
+          dispatch(setAlert({
+            type: "success",
+            message: "Send forgot password link successfully"
+          }));
+        });
+      }, function (err) {
+        var _err$response3, _err$response3$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message || "Error occured"
+        }));
+      });
+
+      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp17) : _temp17(_temp18));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
+  return {
+    userDetail: userDetail,
+    backToList: backToList,
+    confirmData: confirmData,
+    file: file,
+    setFile: setFile,
+    edited: edited,
+    setEdited: setEdited,
+    setEditedTrue: setEditedTrue,
+    confirmChangePassword: confirmChangePassword,
+    forgotPasswordRequest: forgotPasswordRequest,
+    currentRoles: currentRoles,
+    handleDisableRoles: handleDisableRoles
+  };
+};
+
+var userSchema = object({
+  firstName: string().required("First name is required"),
+  lastName: string().required("Last name is required"),
+  dateOfBirth: string().required("Date of birth is required"),
+  email: string().email("Email is invalid").required("Email is required"),
+  roles: array().of(string()).min(1, "Role is required")
+});
+
+var changePasswordSchema = object({
+  oldPassword: string().required("Current password is required"),
+  newPassword: string().required("New password is required"),
+  confirmedNewPassword: string().required("Confirm password is required")
+});
+
+var CREATE_USER = "create_user";
+var EDIT_USER_HEADER = "edit_user";
+var CHANGE_PASSWORD$1 = "change_password";
+
+var UserDetail = function UserDetail() {
+  var _useParams = useParams(),
+      id = _useParams.id;
+
+  var user = useSelector(function (state) {
+    return state.common.user;
+  });
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useUserDetail = useUserDetail(id),
+      userDetail = _useUserDetail.userDetail,
+      backToList = _useUserDetail.backToList,
+      confirmData = _useUserDetail.confirmData,
+      file = _useUserDetail.file,
+      setFile = _useUserDetail.setFile,
+      edited = _useUserDetail.edited,
+      setEdited = _useUserDetail.setEdited,
+      setEditedTrue = _useUserDetail.setEditedTrue,
+      confirmChangePassword = _useUserDetail.confirmChangePassword,
+      forgotPasswordRequest = _useUserDetail.forgotPasswordRequest,
+      currentRoles = _useUserDetail.currentRoles,
+      handleDisableRoles = _useUserDetail.handleDisableRoles;
 
   var initialValueForm = {
     oldPassword: "",
@@ -7672,16 +8108,6 @@ var CommonHeader = function CommonHeader(_ref) {
   }, header))));
 };
 
-var utcToLocalTime = (function (time, FORMAT) {
-  if (time === DATE_MIN_VALUE) return "";
-
-  try {
-    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
-  } catch (_unused) {
-    return "";
-  }
-});
-
 var NotificationLogoutModal = function NotificationLogoutModal() {
   var _useState = useState(false),
       isOpen = _useState[0],
@@ -7778,42 +8204,6 @@ var CreatableSelector = function CreatableSelector(props) {
   });
 };
 
-var SearchBox = function SearchBox(_ref) {
-  var initValue = _ref.initValue,
-      onSearch = _ref.onSearch,
-      placeholder = _ref.placeholder,
-      className = _ref.className,
-      style = _ref.style;
-
-  var _useState = useState(initValue),
-      searchString = _useState[0],
-      setSearchString = _useState[1];
-
-  useEffect(function () {
-    setSearchString(initValue);
-  }, [initValue]);
-  var onKeyUp = useCallback(function (e) {
-    e.key === "Enter" && onSearch(searchString);
-  }, [searchString, onSearch]);
-  return React.createElement(Input, {
-    placeholder: placeholder,
-    value: searchString,
-    onChange: function onChange(e) {
-      return setSearchString(e.target.value);
-    },
-    onKeyUp: onKeyUp,
-    className: className,
-    style: style
-  });
-};
-
-SearchBox.defaultProps = {
-  placeholder: "Type something to search",
-  className: "",
-  style: {}
-};
-var SearchBox$1 = memo(SearchBox);
-
 var QuestionTypeSelector = function QuestionTypeSelector(props) {
   var id = props.id;
   var initValue = !!id ? QUESTION_TYPES_OPTIONS.find(function (option) {
@@ -8175,7 +8565,7 @@ var defaultFilters = {
   searchString: "",
   isRead: false
 };
-var TITLE$8 = "Notification list";
+var TITLE$9 = "Notification list";
 var NOTIFICATION_CHANNEL$1 = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION$1 = "NEW_NOTIFICATION";
 
@@ -8305,7 +8695,7 @@ var useNotificationList = function useNotificationList() {
     }
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$8;
+    document.title = TITLE$9;
   }, []);
   useEffect(function () {
     getData();
@@ -8390,7 +8780,7 @@ var useNotificationList = function useNotificationList() {
   };
 };
 
-var header$2 = "Notification list";
+var header$3 = "Notification list";
 var ICON_SIZE = 20;
 
 var NotificationList = function NotificationList() {
@@ -8411,7 +8801,7 @@ var NotificationList = function NotificationList() {
     }
   }, React.createElement("h5", {
     className: "mb-2"
-  }, header$2), React.createElement(Row, {
+  }, header$3), React.createElement(Row, {
     className: "my-2"
   }, React.createElement(Col, {
     md: 8
@@ -8501,43 +8891,14 @@ var NotificationList = function NotificationList() {
     changePageSize: function changePageSize(pageSize) {
       return changeFilters({
         pageSize: pageSize
-      });
-    },
-    changePage: function changePage(currentPage) {
-      return changeFilters({
-        currentPage: currentPage
-      });
-    }
-  }))));
-};
-
-var searchInputStyle = {
-  height: 38
-};
-
-var SearchBoxContainer = function SearchBoxContainer(_ref) {
-  var text = _ref.text,
-      initValue = _ref.initValue,
-      onClick = _ref.onClick,
-      onSearch = _ref.onSearch,
-      placeholder = _ref.placeholder;
-  return React.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React.createElement("div", null, React.createElement(AddButton, {
-    text: text,
-    onClick: onClick
-  })), React.createElement("div", {
-    className: "flex-grow-1 ml-2"
-  }, React.createElement(SearchBox$1, {
-    initValue: initValue,
-    onSearch: onSearch,
-    placeholder: placeholder,
-    style: searchInputStyle
-  })));
-};
-
-SearchBoxContainer.defaultProps = {
-  placeholder: "Type something to search"
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))));
 };
 
 var CustomTabs = function CustomTabs(props) {
@@ -8944,7 +9305,7 @@ var get$8 = function get(filter) {
   });
 };
 
-var TITLE$9 = "Gallery";
+var TITLE$a = "Gallery";
 var defaultFilter = {
   searchString: ""
 };
@@ -9181,7 +9542,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
     }
   }, [dispatch, filters]);
   useEffect(function () {
-    document.title = TITLE$9;
+    document.title = TITLE$a;
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
@@ -9373,7 +9734,7 @@ var MediaDetail = function MediaDetail(_ref) {
 
 var MediaDetail$1 = React.memo(MediaDetail);
 
-var header$3 = "Gallery";
+var header$4 = "Gallery";
 
 var GalleryList = function GalleryList(_ref) {
   var isLibrary = _ref.isLibrary;
@@ -9384,7 +9745,7 @@ var GalleryList = function GalleryList(_ref) {
     className: "fadeIn animated"
   }, !isLibrary && React.createElement("h5", {
     className: "mb-2"
-  }, header$3), React.createElement(Row, {
+  }, header$4), React.createElement(Row, {
     className: "mb-2"
   }, React.createElement(Col, {
     md: 8
@@ -9974,9 +10335,6 @@ var commonReducer$8 = createReducer(initialState$e, function (builder) {
   });
 });
 
-var setUserList = createAction("users/setUserList");
-var setStudentList = createAction("users/setStudentList");
-
 var initialState$f = {
   userList: [],
   totalItems: 0,
@@ -10450,591 +10808,239 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
         questionId: questionId,
         text: text
       });
-    } else {
-      existedResponse.text = text;
-    }
-
-    return _extends({}, state, {
-      results: state.results.map(function (result) {
-        return result.isTeacherResult === isTeacherResult ? resultCloner : result;
-      })
-    });
-  }).addCase(setStartTime, function (state, action) {
-    var startTime = action.payload;
-    if (!startTime) return state;
-    state.startTime = startTime;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$u;
-  });
-});
-
-var setDataPlayer = createAction("dataPlayer/setDataPlayer");
-var answerQuestionDataPlayer = createAction("dataPlayer/answerQuestionDataPlayer");
-
-var initialState$v = {
-  id: 0,
-  questions: [{
-    id: 0,
-    text: "",
-    type: "",
-    subQuestions: [],
-    answers: []
-  }],
-  questionResponse: []
-};
-var dataPlayer = createReducer(initialState$v, function (builder) {
-  builder.addCase(setDataPlayer, function (_state, action) {
-    return action.payload;
-  }).addCase(answerQuestionDataPlayer, function (state, action) {
-    var _action$payload = action.payload,
-        questionId = _action$payload.questionId,
-        text = _action$payload.text;
-    var questionResponse = state.questionResponse;
-    if (!questionResponse) return state;
-    var questionResponseCloner = JSON.parse(JSON.stringify(questionResponse));
-    var existedResponse = questionResponseCloner.find(function (response) {
-      return response.questionId === questionId;
-    });
-
-    if (!existedResponse) {
-      questionResponseCloner.push({
-        questionId: questionId,
-        text: text
-      });
-    } else {
-      existedResponse.text = text;
-    }
-
-    return _extends({}, state, {
-      questionResponse: questionResponseCloner
-    });
-  }).addCase(reset, function (_state, _action) {
-    return initialState$v;
-  });
-});
-
-var setCertificateList = createAction("certificates/setCertificateList");
-
-var initialState$w = {
-  certificateList: [],
-  totalItems: 0
-};
-var commonReducer$f = createReducer(initialState$w, function (builder) {
-  builder.addCase(setCertificateList, function (state, action) {
-    state.certificateList = action.payload.certificateList;
-    state.totalItems = action.payload.totalItems;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$w;
-  });
-});
-
-var setImproveMyClass = createAction("improveMyClass/setImproveMyClass");
-
-var initialState$x = {
-  improveMyClassList: []
-};
-var commonReducer$g = createReducer(initialState$x, function (builder) {
-  builder.addCase(setImproveMyClass, function (state, action) {
-    state.improveMyClassList = action.payload;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$x;
-  });
-});
-
-var setFilterWidget = createAction("setFilterWidget");
-
-var initialState$y = {
-  filterWidget: "Year"
-};
-var widgetReducer = createReducer(initialState$y, function (builder) {
-  builder.addCase(setFilterWidget, function (state, action) {
-    state.filterWidget = action.payload.filterWidget;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$y;
-  });
-});
-
-var setBandScoreList = createAction("bandScores/setBandScoreList");
-
-var initialState$z = {
-  bandScoreList: [],
-  totalItems: 0
-};
-var commonReducer$h = createReducer(initialState$z, function (builder) {
-  builder.addCase(setBandScoreList, function (state, action) {
-    state.bandScoreList = action.payload.bandScoreList;
-    state.totalItems = action.payload.totalItems;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$z;
-  });
-});
-
-var setSchoolBlankDayList = createAction("schoolBlankDays/setSchoolBlankDayList");
-
-var initialState$A = {
-  schoolBlankDayList: [],
-  totalItems: 0
-};
-var commonReducer$i = createReducer(initialState$A, function (builder) {
-  builder.addCase(setSchoolBlankDayList, function (state, action) {
-    state.schoolBlankDayList = action.payload.schoolBlankDayList;
-    state.totalItems = action.payload.totalItems;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$A;
-  });
-});
-
-var setStudentIdSelectedByTeacher = createAction("navMobile/setStudentIdSelectedByTeacher");
-
-var initialState$B = {
-  studentIdSelectedByTeacher: 0
-};
-var navMobileReducer = createReducer(initialState$B, function (builder) {
-  builder.addCase(setStudentIdSelectedByTeacher, function (state, action) {
-    state.studentIdSelectedByTeacher = action.payload;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$B;
-  });
-});
-
-var rootReducer = combineReducers({
-  common: commonReducer,
-  classes: classReducer,
-  conferenceRubrics: conferenceRubricReducer,
-  faqs: commonReducer$1,
-  skills: commonReducer$2,
-  emailTemplate: emailTemplateReducer,
-  suggestionBank: suggestionBankReducer,
-  learningStrategy: learningStrategyReducer,
-  subjects: commonReducer$3,
-  learningSupportCategories: commonReducer$4,
-  questionBank: questionBankReducer,
-  badges: commonReducer$5,
-  semester: commonReducer$6,
-  goalExamples: commonReducer$8,
-  users: commonReducer$9,
-  reflections: reflectionReducer,
-  reflectionResults: reflectionReducer$1,
-  feedbacks: commonReducer$a,
-  assessments: commonReducer$b,
-  questionByCategory: questionCategoryReducer,
-  mailCategory: questionBankReducer$1,
-  questionCate: questionCateReducer,
-  notification: questionBankReducer$2,
-  myStudent: commonReducer$c,
-  assignments: commonReducer$7,
-  assistants: assistantReducer,
-  sesstionTemplates: sessionTemplateReducer,
-  sessionTemplateGeneralClasses: sessionTemplateGeneralClassReducer,
-  tutorialScreens: tutorialScreenReducer,
-  customAlerts: commonReducer$d,
-  gallery: commonReducer$e,
-  dashboard: dashboardReducer,
-  sessionPlayer: sessionPlayerReducer,
-  dataPlayer: dataPlayer,
-  certificate: commonReducer$f,
-  improveMyClass: commonReducer$g,
-  widget: widgetReducer,
-  bandScores: commonReducer$h,
-  schoolBlankDays: commonReducer$i,
-  navMobileReducer: navMobileReducer
-});
-
-var store = configureStore({
-  reducer: rootReducer,
-  middleware: function middleware(getDefaultMiddleware) {
-    return getDefaultMiddleware({
-      serializableCheck: false
-    }).concat(logger);
-  }
-});
-
-var isInViewport = function isInViewport(el) {
-  var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
-  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
-};
-
-var debounce = function debounce(callback, wait) {
-  var timeout = null;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var next = function next() {
-      return callback.apply(void 0, args);
-    };
-
-    clearTimeout(timeout);
-    timeout = setTimeout(next, wait);
-  };
-};
-
-var getTextFromHTML = function getTextFromHTML(htmlString) {
-  var p = document.createElement("p");
-  p.innerHTML = htmlString;
-  var text = p.innerText;
-  p.remove();
-  return text;
-};
-
-var generateRandomString = (function () {
-  return (Math.random() + 1).toString(36).substring(7);
-});
-
-var amplitudeClient = amplitude.getInstance();
-
-var USER_URL$2 = "/admin/user";
-var CREATE_USER_URL = "/admin/create-user";
-var TITLE$a = "User list";
-var HOMEPAGE_TEACHER$1 = "/home";
-var HOMEPAGE_STUDENT$1 = "/home";
-var HOMEPAGE_ADMIN$1 = "/admin/dashboard";
-var HOMEPAGE_PARENT$1 = "/parent";
-var HOMEPAGE_DISTRICT$1 = "/admin/schools";
-var HOMEPAGE_EDU_TEACHER$1 = "/list-student";
+    } else {
+      existedResponse.text = text;
+    }
 
-var useUserList = function useUserList() {
-  var history = useHistory();
-  var query = new URLSearchParams(location.search);
-  var queryName = query.get("query");
-  var userList = useSelector(function (state) {
-    return state.users.userList;
-  });
-  var totalItems = useSelector(function (state) {
-    return state.users.totalItems;
+    return _extends({}, state, {
+      results: state.results.map(function (result) {
+        return result.isTeacherResult === isTeacherResult ? resultCloner : result;
+      })
+    });
+  }).addCase(setStartTime, function (state, action) {
+    var startTime = action.payload;
+    if (!startTime) return state;
+    state.startTime = startTime;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$u;
   });
+});
 
-  var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
-
-  var _useState = useState(!!queryName ? queryName : ""),
-      fullName = _useState[0],
-      setFullName = _useState[1];
+var setDataPlayer = createAction("dataPlayer/setDataPlayer");
+var answerQuestionDataPlayer = createAction("dataPlayer/answerQuestionDataPlayer");
 
-  var isDistrict = window.location.host.includes("-district");
-  var dispatch = useDispatch();
-  var getData = useCallback(function (fullName) {
-    try {
-      var _temp3 = function _temp3() {
-        dispatch(setLoading(false));
-      };
+var initialState$v = {
+  id: 0,
+  questions: [{
+    id: 0,
+    text: "",
+    type: "",
+    subQuestions: [],
+    answers: []
+  }],
+  questionResponse: []
+};
+var dataPlayer = createReducer(initialState$v, function (builder) {
+  builder.addCase(setDataPlayer, function (_state, action) {
+    return action.payload;
+  }).addCase(answerQuestionDataPlayer, function (state, action) {
+    var _action$payload = action.payload,
+        questionId = _action$payload.questionId,
+        text = _action$payload.text;
+    var questionResponse = state.questionResponse;
+    if (!questionResponse) return state;
+    var questionResponseCloner = JSON.parse(JSON.stringify(questionResponse));
+    var existedResponse = questionResponseCloner.find(function (response) {
+      return response.questionId === questionId;
+    });
 
-      dispatch(setLoading(true));
+    if (!existedResponse) {
+      questionResponseCloner.push({
+        questionId: questionId,
+        text: text
+      });
+    } else {
+      existedResponse.text = text;
+    }
 
-      var _temp4 = _catch(function () {
-        return Promise.resolve(fullName ? get$5(_extends({}, filters, {
-          searchString: fullName
-        })) : get$5(filters)).then(function (res) {
-          var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
+    return _extends({}, state, {
+      questionResponse: questionResponseCloner
+    });
+  }).addCase(reset, function (_state, _action) {
+    return initialState$v;
+  });
+});
 
-          for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
-            var user = _step.value;
-            user.roles = user.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : user.roles;
-          }
+var setCertificateList = createAction("certificates/setCertificateList");
 
-          dispatch(setUserList({
-            userList: items,
-            totalItems: totalItems
-          }));
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
+var initialState$w = {
+  certificateList: [],
+  totalItems: 0
+};
+var commonReducer$f = createReducer(initialState$w, function (builder) {
+  builder.addCase(setCertificateList, function (state, action) {
+    state.certificateList = action.payload.certificateList;
+    state.totalItems = action.payload.totalItems;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$w;
+  });
+});
 
-        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
-        }));
-      });
+var setImproveMyClass = createAction("improveMyClass/setImproveMyClass");
 
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [dispatch, filters]);
-  useEffect(function () {
-    document.title = TITLE$a;
-  }, []);
-  useEffect(function () {
-    if (!!fullName) {
-      getData(fullName);
-      setFullName(null);
-    } else {
-      getData();
-    }
-  }, [filters]);
-  var removeData = useCallback(function (id) {
-    dispatch(setLoading(true));
+var initialState$x = {
+  improveMyClassList: []
+};
+var commonReducer$g = createReducer(initialState$x, function (builder) {
+  builder.addCase(setImproveMyClass, function (state, action) {
+    state.improveMyClassList = action.payload;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$x;
+  });
+});
 
-    try {
-      dispatch(setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this user?",
-        onConfirm: function () {
-          try {
-            return Promise.resolve(remove$3(id)).then(function () {
-              dispatch(setAlert({
-                type: "success",
-                message: "Remove user successfully"
-              }));
-              changeFilters({
-                currentPage: 1
-              });
-            });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response2, _err$response2$data;
+var setFilterWidget = createAction("setFilterWidget");
 
-      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
-      }));
-    }
+var initialState$y = {
+  filterWidget: "Year"
+};
+var widgetReducer = createReducer(initialState$y, function (builder) {
+  builder.addCase(setFilterWidget, function (state, action) {
+    state.filterWidget = action.payload.filterWidget;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$y;
+  });
+});
 
-    dispatch(setLoading(false));
-  }, [filters]);
+var setBandScoreList = createAction("bandScores/setBandScoreList");
 
-  var redirectLoginUser = function redirectLoginUser(res) {
-    var _res$data2 = res.data,
-        token = _res$data2.token,
-        id = _res$data2.id,
-        firstName = _res$data2.firstName,
-        lastName = _res$data2.lastName,
-        roles = _res$data2.roles,
-        email = _res$data2.email,
-        profileImageFileName = _res$data2.profileImageFileName;
-    localStorage.setItem(ACCESS_TOKEN, token);
-    localStorage.removeItem(NOTIFICATION_ALERT_KEY);
-    dispatch(setUser({
-      id: id,
-      firstName: firstName,
-      lastName: lastName,
-      roles: roles,
-      email: email,
-      profileImageFileName: profileImageFileName
-    }));
+var initialState$z = {
+  bandScoreList: [],
+  totalItems: 0
+};
+var commonReducer$h = createReducer(initialState$z, function (builder) {
+  builder.addCase(setBandScoreList, function (state, action) {
+    state.bandScoreList = action.payload.bandScoreList;
+    state.totalItems = action.payload.totalItems;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$z;
+  });
+});
 
-    if (isDistrict) {
-      history.push(HOMEPAGE_DISTRICT$1);
-    } else if (roles.includes("Admin")) {
-      history.push(HOMEPAGE_ADMIN$1);
-    } else if (roles.includes("Teacher") || roles.includes("Assistant")) {
-      history.push(HOMEPAGE_TEACHER$1);
-    } else if (roles.includes("Student")) {
-      history.push(HOMEPAGE_STUDENT$1);
-    } else if (roles.includes("Parent")) {
-      history.push(HOMEPAGE_PARENT$1);
-    } else if (roles.includes("EduTeacher")) {
-      history.push(HOMEPAGE_EDU_TEACHER$1);
-    } else if (roles.includes("Counselor") || roles.includes("SecondaryTeacher")) {
-      history.push(HOMEPAGE_TEACHER$1);
-    }
-  };
+var setSchoolBlankDayList = createAction("schoolBlankDays/setSchoolBlankDayList");
 
-  var swicthUser = useCallback(function (id) {
-    try {
-      var _temp6 = _catch(function () {
-        return Promise.resolve(switchAccountUser(id)).then(function (res) {
-          var data = res.data;
-          dispatch(setModal({
-            isOpen: true,
-            type: "warning",
-            message: "Do you want to impersonate this user?",
-            onConfirm: function () {
-              try {
-                var _temp9 = function _temp9() {
-                  dispatch(setLoading(false));
-                };
+var initialState$A = {
+  schoolBlankDayList: [],
+  totalItems: 0
+};
+var commonReducer$i = createReducer(initialState$A, function (builder) {
+  builder.addCase(setSchoolBlankDayList, function (state, action) {
+    state.schoolBlankDayList = action.payload.schoolBlankDayList;
+    state.totalItems = action.payload.totalItems;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$A;
+  });
+});
 
-                dispatch(setLoading(true));
+var setStudentIdSelectedByTeacher = createAction("navMobile/setStudentIdSelectedByTeacher");
 
-                var _temp10 = _catch(function () {
-                  var req = {
-                    email: data.email,
-                    password: "default",
-                    accessToken: data.token
-                  };
-                  return Promise.resolve(logIn(req)).then(function (res) {
-                    localStorage.clear();
-                    redirectLoginUser(res);
-                  });
-                }, function (err) {
-                  var _err$response3, _err$response3$data;
+var initialState$B = {
+  studentIdSelectedByTeacher: 0
+};
+var navMobileReducer = createReducer(initialState$B, function (builder) {
+  builder.addCase(setStudentIdSelectedByTeacher, function (state, action) {
+    state.studentIdSelectedByTeacher = action.payload;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$B;
+  });
+});
 
-                  setAlert({
-                    type: "danger",
-                    message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message
-                  });
-                });
+var rootReducer = combineReducers({
+  common: commonReducer,
+  classes: classReducer,
+  conferenceRubrics: conferenceRubricReducer,
+  faqs: commonReducer$1,
+  skills: commonReducer$2,
+  emailTemplate: emailTemplateReducer,
+  suggestionBank: suggestionBankReducer,
+  learningStrategy: learningStrategyReducer,
+  subjects: commonReducer$3,
+  learningSupportCategories: commonReducer$4,
+  questionBank: questionBankReducer,
+  badges: commonReducer$5,
+  semester: commonReducer$6,
+  goalExamples: commonReducer$8,
+  users: commonReducer$9,
+  reflections: reflectionReducer,
+  reflectionResults: reflectionReducer$1,
+  feedbacks: commonReducer$a,
+  assessments: commonReducer$b,
+  questionByCategory: questionCategoryReducer,
+  mailCategory: questionBankReducer$1,
+  questionCate: questionCateReducer,
+  notification: questionBankReducer$2,
+  myStudent: commonReducer$c,
+  assignments: commonReducer$7,
+  assistants: assistantReducer,
+  sesstionTemplates: sessionTemplateReducer,
+  sessionTemplateGeneralClasses: sessionTemplateGeneralClassReducer,
+  tutorialScreens: tutorialScreenReducer,
+  customAlerts: commonReducer$d,
+  gallery: commonReducer$e,
+  dashboard: dashboardReducer,
+  sessionPlayer: sessionPlayerReducer,
+  dataPlayer: dataPlayer,
+  certificate: commonReducer$f,
+  improveMyClass: commonReducer$g,
+  widget: widgetReducer,
+  bandScores: commonReducer$h,
+  schoolBlankDays: commonReducer$i,
+  navMobileReducer: navMobileReducer
+});
 
-                return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
-              } catch (e) {
-                return Promise.reject(e);
-              }
-            }
-          }));
-        });
-      }, function (err) {
-        var _err$response4, _err$response4$data;
+var store = configureStore({
+  reducer: rootReducer,
+  middleware: function middleware(getDefaultMiddleware) {
+    return getDefaultMiddleware({
+      serializableCheck: false
+    }).concat(logger);
+  }
+});
 
-        dispatch(setAlert({
-          type: "danger",
-          message: ((_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.title) || err.message
-        }));
-      });
+var isInViewport = function isInViewport(el) {
+  var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
+  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+};
 
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
+var debounce = function debounce(callback, wait) {
+  var timeout = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  }, [filters]);
 
-  var reDirectDetailPage = function reDirectDetailPage(id) {
-    var url = !!id ? USER_URL$2 + "/" + id : CREATE_USER_URL;
-    history.push(url);
-  };
+    var next = function next() {
+      return callback.apply(void 0, args);
+    };
 
-  return {
-    userList: userList,
-    totalItems: totalItems,
-    filters: filters,
-    queryName: queryName,
-    getData: getData,
-    removeData: removeData,
-    changeFilters: changeFilters,
-    reDirectDetailPage: reDirectDetailPage,
-    swicthUser: swicthUser
+    clearTimeout(timeout);
+    timeout = setTimeout(next, wait);
   };
 };
 
-var header$4 = "User";
-
-var UserList = function UserList() {
-  var _useUserList = useUserList(),
-      queryName = _useUserList.queryName,
-      userList = _useUserList.userList,
-      totalItems = _useUserList.totalItems,
-      filters = _useUserList.filters,
-      removeData = _useUserList.removeData,
-      changeFilters = _useUserList.changeFilters,
-      reDirectDetailPage = _useUserList.reDirectDetailPage,
-      swicthUser = _useUserList.swicthUser;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return React.createElement("div", {
-    className: "fadeIn animated"
-  }, React.createElement("h5", {
-    className: "mb-2"
-  }, t("" + header$4)), React.createElement(Row, {
-    className: "my-2"
-  }, React.createElement(Col, {
-    md: 8
-  }, React.createElement(SearchBoxContainer, {
-    text: t("create_user"),
-    onClick: function onClick() {
-      return reDirectDetailPage();
-    },
-    initValue: !!queryName ? queryName : "",
-    onSearch: function onSearch(searchString) {
-      return changeFilters({
-        searchString: searchString
-      });
-    },
-    placeholder: t("type_something_to_search_by_user_name")
-  })), React.createElement(Col, {
-    md: 4,
-    className: "d-flex justify-content-end align-items-center"
-  }, t("total_of_users"), " : ", totalItems)), React.createElement(Row, {
-    className: "mb-2"
-  }, React.createElement(Col, {
-    md: 12
-  }, userList && userList.length > 0 ? React.createElement("div", null, React.createElement(Table, {
-    bordered: true,
-    hover: true,
-    striped: true,
-    responsive: true,
-    size: "sm"
-  }, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
-    className: "align-top"
-  }, t("name")), React.createElement("th", {
-    className: "align-top"
-  }, t("email")), React.createElement("th", {
-    className: "align-top"
-  }, t("age")), React.createElement("th", {
-    className: "align-top"
-  }, t("role")), React.createElement("th", {
-    className: "align-top"
-  }, t("active_status")), React.createElement("th", {
-    className: "align-top"
-  }, t("created_time")), React.createElement("th", {
-    className: "text-center"
-  }, t("action")))), React.createElement("tbody", null, userList.map(function (record) {
-    return React.createElement("tr", {
-      key: record.id
-    }, React.createElement("td", {
-      className: "align-middle"
-    }, React.createElement(LinkEditButton, {
-      label: "" + record.fullName,
-      onClick: function onClick() {
-        return reDirectDetailPage(record.id);
-      }
-    })), React.createElement("td", {
-      className: "align-middle"
-    }, record.email), React.createElement("td", {
-      className: "align-middle"
-    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React.createElement("td", {
-      className: "align-middle"
-    }, !!record.roles && record.roles.join(", ")), React.createElement("td", {
-      className: "align-middle"
-    }, record.isActive ? t("active") : t("inactive")), React.createElement("td", {
-      className: "align-middle"
-    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React.createElement("td", {
-      className: "text-center align-middle"
-    }, React.createElement(FaUsersCog, {
-      style: {
-        fontSize: "18px",
-        marginRight: "10px",
-        cursor: "pointer"
-      },
-      onClick: function onClick() {
-        return swicthUser(record.id);
-      }
-    }), React.createElement(DeleteButtonIcon, {
-      onClick: function onClick() {
-        return removeData(record.id);
-      }
-    })));
-  })))) : React.createElement(EmptyDataAlert, {
-    label: t("user")
-  })), React.createElement(Col, {
-    md: 12
-  }, React.createElement(CustomPagination, {
-    filters: filters,
-    totalRecordCount: totalItems,
-    changePageSize: function changePageSize(pageSize) {
-      return changeFilters({
-        pageSize: pageSize
-      });
-    },
-    changePage: function changePage(currentPage) {
-      return changeFilters({
-        currentPage: currentPage
-      });
-    }
-  }))));
+var getTextFromHTML = function getTextFromHTML(htmlString) {
+  var p = document.createElement("p");
+  p.innerHTML = htmlString;
+  var text = p.innerText;
+  p.remove();
+  return text;
 };
 
-var amplitudeClient$1 = amplitude.getInstance();
+var generateRandomString = (function () {
+  return (Math.random() + 1).toString(36).substring(7);
+});
+
+var amplitudeClient = amplitude.getInstance();
 
-export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CategorySelector, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationLogoutModal, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserDetail, UserList, addTab, amplitudeClient$1 as amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };
+export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CategorySelector, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationLogoutModal, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserDetail, UserList, addTab, amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map