mario-core 2.9.127-admin → 2.9.129-all

package/dist/index.js

@@ -51,7 +51,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";
@@ -74,7 +74,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";
@@ -112,6 +112,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";
@@ -223,7 +224,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";
@@ -252,7 +253,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";
@@ -272,7 +273,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";
@@ -282,7 +283,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";
@@ -292,7 +293,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";
@@ -308,7 +309,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";
@@ -323,7 +324,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";
@@ -334,7 +335,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";
@@ -430,7 +431,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";
@@ -633,6 +634,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,
@@ -713,6 +715,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,
@@ -1238,7 +1241,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";
@@ -1256,7 +1260,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";
@@ -1279,7 +1283,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";
@@ -1319,6 +1323,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";
@@ -1430,7 +1435,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";
@@ -1459,7 +1464,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";
@@ -1479,7 +1484,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";
@@ -1489,7 +1494,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";
@@ -1499,7 +1504,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";
@@ -1515,7 +1520,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";
@@ -1530,7 +1535,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";
@@ -1541,7 +1546,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";
@@ -1637,7 +1642,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";
@@ -1840,6 +1845,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,
@@ -1920,6 +1926,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,
@@ -2445,7 +2452,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";
@@ -6874,89 +6882,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 = reactRedux.useDispatch();
-
-  var _useState = React.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__default.createElement("img", {
-    style: imageStyle,
-    src: imageSrc,
-    alt: "image"
-  }) : null;
-  return React__default.createElement("div", {
-    className: "mb-2"
-  }, React__default.createElement(reactstrap.Form, {
-    className: "mb-2"
-  }, React__default.createElement(reactstrap.Input, {
-    className: "d-none",
-    type: "file",
-    id: "uploadFile",
-    onChange: handleImageChange,
-    accept: "image/*"
-  }), React__default.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React__default.createElement(reactstrap.Label, {
-    htmlFor: "uploadFile",
-    role: "button",
-    tabIndex: 0,
-    className: styles["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",
-    onClick: function onClick() {
-      setImagePreviewUrl(null);
-      onDelete && onDelete();
-    }
-  }, React__default.createElement(fa.FaTrashAlt, null)))), imagePreviewContainer);
-};
+var setUserList = toolkit.createAction("users/setUserList");
+var setStudentList = toolkit.createAction("users/setStudentList");
 
 var USER_URL$1 = BASE_URL + "/api/user";
 var CHANGE_PASSWORD = BASE_URL + "/api/Account/changePassword";
@@ -6989,58 +6916,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 = reactRedux.useDispatch();
+var useUserList = function useUserList() {
   var history = reactRouterDom.useHistory();
+  var query = new URLSearchParams(location.search);
+  var queryName = query.get("query");
+  var userList = reactRedux.useSelector(function (state) {
+    return state.users.userList;
+  });
+  var totalItems = reactRedux.useSelector(function (state) {
+    return state.users.totalItems;
+  });
 
-  var _useState = React.useState(initValue$3),
-      userDetail = _useState[0],
-      setUserDetail = _useState[1];
-
-  var _useState2 = React.useState(null),
-      file = _useState2[0],
-      setFile = _useState2[1];
-
-  var _useState3 = React.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 = React.useState([]),
-      currentRoles = _useState4[0],
-      setCurrentRoles = _useState4[1];
+  var _useState = React.useState(!!queryName ? queryName : ""),
+      fullName = _useState[0],
+      setFullName = _useState[1];
 
-  React.useEffect(function () {
-    document.title = TITLE$7;
-    setEdited(false);
-    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
-  }, []);
-  React.useEffect(function () {
-    !!id && getData();
-  }, [id]);
-  var getData = React.useCallback(function () {
+  var isDistrict = window.location.host.includes("-district");
+  var dispatch = reactRedux.useDispatch();
+  var getData = React.useCallback(function (fullName) {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -7049,15 +6956,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: dateFns.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;
@@ -7072,191 +6986,713 @@ var useUserDetail = function useUserDetail(id) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [id]);
-  var backToList = React.useCallback(function (user) {
-    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
+  }, [dispatch, filters]);
+  React.useEffect(function () {
+    document.title = TITLE$7;
   }, []);
-  var confirmData = React.useCallback(function (data) {
-    try {
-      var _temp9 = function _temp9() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
+  React.useEffect(function () {
+    if (!!fullName) {
+      getData(fullName);
+      setFullName(null);
+    } else {
+      getData();
+    }
+  }, [filters]);
+  var removeData = React.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 = React.useCallback(function (data) {
+  var swicthUser = React.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 = yup.object({
-  firstName: yup.string().required("First name is required"),
-  lastName: yup.string().required("Last name is required"),
-  dateOfBirth: yup.string().required("Date of birth is required"),
-  email: yup.string().email("Email is invalid").required("Email is required"),
-  roles: yup.array().of(yup.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 = yup.object({
-  oldPassword: yup.string().required("Current password is required"),
-  newPassword: yup.string().required("New password is required"),
-  confirmedNewPassword: yup.string().required("Confirm password is required")
-});
+  var _useState = React.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";
+  React.useEffect(function () {
+    setSearchString(initValue);
+  }, [initValue]);
+  var onKeyUp = React.useCallback(function (e) {
+    e.key === "Enter" && onSearch(searchString);
+  }, [searchString, onSearch]);
+  return React__default.createElement(reactstrap.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 = reactRouterDom.useParams(),
-      id = _useParams.id;
+SearchBox.defaultProps = {
+  placeholder: "Type something to search",
+  className: "",
+  style: {}
+};
+var SearchBox$1 = React.memo(SearchBox);
 
-  var user = reactRedux.useSelector(function (state) {
-    return state.common.user;
-  });
+var searchInputStyle = {
+  height: 38
+};
 
-  var _useTranslation = reactI18next.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__default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React__default.createElement("div", null, React__default.createElement(AddButton, {
+    text: text,
+    onClick: onClick
+  })), React__default.createElement("div", {
+    className: "flex-grow-1 ml-2"
+  }, React__default.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 = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mb-2"
+  }, t("" + header$2)), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.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__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, t("total_of_users"), " : ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: "align-top"
+  }, t("name")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("email")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("age")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("role")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("active_status")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("created_time")), React__default.createElement("th", {
+    className: "text-center"
+  }, t("action")))), React__default.createElement("tbody", null, userList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(LinkEditButton, {
+      label: "" + record.fullName,
+      onClick: function onClick() {
+        return reDirectDetailPage(record.id);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.email), React__default.createElement("td", {
+      className: "align-middle"
+    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React__default.createElement("td", {
+      className: "align-middle"
+    }, !!record.roles && record.roles.join(", ")), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.isActive ? t("active") : t("inactive")), React__default.createElement("td", {
+      className: "align-middle"
+    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React__default.createElement("td", {
+      className: "text-center align-middle"
+    }, React__default.createElement(fa.FaUsersCog, {
+      style: {
+        fontSize: "18px",
+        marginRight: "10px",
+        cursor: "pointer"
+      },
+      onClick: function onClick() {
+        return swicthUser(record.id);
+      }
+    }), React__default.createElement(DeleteButtonIcon, {
+      onClick: function onClick() {
+        return removeData(record.id);
+      }
+    })));
+  })))) : React__default.createElement(EmptyDataAlert, {
+    label: t("user")
+  })), React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.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 = reactRedux.useDispatch();
+
+  var _useState = React.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__default.createElement("img", {
+    style: imageStyle,
+    src: imageSrc,
+    alt: "image"
+  }) : null;
+  return React__default.createElement("div", {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Form, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Input, {
+    className: "d-none",
+    type: "file",
+    id: "uploadFile",
+    onChange: handleImageChange,
+    accept: "image/*"
+  }), React__default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React__default.createElement(reactstrap.Label, {
+    htmlFor: "uploadFile",
+    role: "button",
+    tabIndex: 0,
+    className: styles["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",
+    onClick: function onClick() {
+      setImagePreviewUrl(null);
+      onDelete && onDelete();
+    }
+  }, React__default.createElement(fa.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 = reactRedux.useDispatch();
+  var history = reactRouterDom.useHistory();
+
+  var _useState = React.useState(initValue$3),
+      userDetail = _useState[0],
+      setUserDetail = _useState[1];
+
+  var _useState2 = React.useState(null),
+      file = _useState2[0],
+      setFile = _useState2[1];
+
+  var _useState3 = React.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 = React.useState([]),
+      currentRoles = _useState4[0],
+      setCurrentRoles = _useState4[1];
+
+  React.useEffect(function () {
+    document.title = TITLE$8;
+    setEdited(false);
+    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
+  }, []);
+  React.useEffect(function () {
+    !!id && getData();
+  }, [id]);
+  var getData = React.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: dateFns.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 = React.useCallback(function (user) {
+    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
+  }, []);
+  var confirmData = React.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 = React.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 = yup.object({
+  firstName: yup.string().required("First name is required"),
+  lastName: yup.string().required("Last name is required"),
+  dateOfBirth: yup.string().required("Date of birth is required"),
+  email: yup.string().email("Email is invalid").required("Email is required"),
+  roles: yup.array().of(yup.string()).min(1, "Role is required")
+});
+
+var changePasswordSchema = yup.object({
+  oldPassword: yup.string().required("Current password is required"),
+  newPassword: yup.string().required("New password is required"),
+  confirmedNewPassword: yup.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 = reactRouterDom.useParams(),
+      id = _useParams.id;
+
+  var user = reactRedux.useSelector(function (state) {
+    return state.common.user;
+  });
+
+  var _useTranslation = reactI18next.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: "",
@@ -7674,16 +8110,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 = React.useState(false),
       isOpen = _useState[0],
@@ -7780,42 +8206,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 = React.useState(initValue),
-      searchString = _useState[0],
-      setSearchString = _useState[1];
-
-  React.useEffect(function () {
-    setSearchString(initValue);
-  }, [initValue]);
-  var onKeyUp = React.useCallback(function (e) {
-    e.key === "Enter" && onSearch(searchString);
-  }, [searchString, onSearch]);
-  return React__default.createElement(reactstrap.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 = React.memo(SearchBox);
-
 var QuestionTypeSelector = function QuestionTypeSelector(props) {
   var id = props.id;
   var initValue = !!id ? QUESTION_TYPES_OPTIONS.find(function (option) {
@@ -8177,7 +8567,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";
 
@@ -8307,7 +8697,7 @@ var useNotificationList = function useNotificationList() {
     }
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$8;
+    document.title = TITLE$9;
   }, []);
   React.useEffect(function () {
     getData();
@@ -8392,7 +8782,7 @@ var useNotificationList = function useNotificationList() {
   };
 };
 
-var header$2 = "Notification list";
+var header$3 = "Notification list";
 var ICON_SIZE = 20;
 
 var NotificationList = function NotificationList() {
@@ -8413,7 +8803,7 @@ var NotificationList = function NotificationList() {
     }
   }, React__default.createElement("h5", {
     className: "mb-2"
-  }, header$2), React__default.createElement(reactstrap.Row, {
+  }, header$3), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -8503,43 +8893,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__default.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React__default.createElement("div", null, React__default.createElement(AddButton, {
-    text: text,
-    onClick: onClick
-  })), React__default.createElement("div", {
-    className: "flex-grow-1 ml-2"
-  }, React__default.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) {
@@ -8946,7 +9307,7 @@ var get$8 = function get(filter) {
   });
 };
 
-var TITLE$9 = "Gallery";
+var TITLE$a = "Gallery";
 var defaultFilter = {
   searchString: ""
 };
@@ -9183,7 +9544,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
     }
   }, [dispatch, filters]);
   React.useEffect(function () {
-    document.title = TITLE$9;
+    document.title = TITLE$a;
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
@@ -9375,7 +9736,7 @@ var MediaDetail = function MediaDetail(_ref) {
 
 var MediaDetail$1 = React__default.memo(MediaDetail);
 
-var header$3 = "Gallery";
+var header$4 = "Gallery";
 
 var GalleryList = function GalleryList(_ref) {
   var isLibrary = _ref.isLibrary;
@@ -9386,7 +9747,7 @@ var GalleryList = function GalleryList(_ref) {
     className: "fadeIn animated"
   }, !isLibrary && React__default.createElement("h5", {
     className: "mb-2"
-  }, header$3), React__default.createElement(reactstrap.Row, {
+  }, header$4), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -9976,9 +10337,6 @@ var commonReducer$8 = toolkit.createReducer(initialState$e, function (builder) {
   });
 });
 
-var setUserList = toolkit.createAction("users/setUserList");
-var setStudentList = toolkit.createAction("users/setStudentList");
-
 var initialState$f = {
   userList: [],
   totalItems: 0,
@@ -10452,591 +10810,239 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
         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 = toolkit.createAction("dataPlayer/setDataPlayer");
-var answerQuestionDataPlayer = toolkit.createAction("dataPlayer/answerQuestionDataPlayer");
-
-var initialState$v = {
-  id: 0,
-  questions: [{
-    id: 0,
-    text: "",
-    type: "",
-    subQuestions: [],
-    answers: []
-  }],
-  questionResponse: []
-};
-var dataPlayer = toolkit.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 = toolkit.createAction("certificates/setCertificateList");
-
-var initialState$w = {
-  certificateList: [],
-  totalItems: 0
-};
-var commonReducer$f = toolkit.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 = toolkit.createAction("improveMyClass/setImproveMyClass");
-
-var initialState$x = {
-  improveMyClassList: []
-};
-var commonReducer$g = toolkit.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 = toolkit.createAction("setFilterWidget");
-
-var initialState$y = {
-  filterWidget: "Year"
-};
-var widgetReducer = toolkit.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 = toolkit.createAction("bandScores/setBandScoreList");
-
-var initialState$z = {
-  bandScoreList: [],
-  totalItems: 0
-};
-var commonReducer$h = toolkit.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 = toolkit.createAction("schoolBlankDays/setSchoolBlankDayList");
-
-var initialState$A = {
-  schoolBlankDayList: [],
-  totalItems: 0
-};
-var commonReducer$i = toolkit.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 = toolkit.createAction("navMobile/setStudentIdSelectedByTeacher");
-
-var initialState$B = {
-  studentIdSelectedByTeacher: 0
-};
-var navMobileReducer = toolkit.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 = toolkit.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 = reactRouterDom.useHistory();
-  var query = new URLSearchParams(location.search);
-  var queryName = query.get("query");
-  var userList = reactRedux.useSelector(function (state) {
-    return state.users.userList;
-  });
-  var totalItems = reactRedux.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 = React.useState(!!queryName ? queryName : ""),
-      fullName = _useState[0],
-      setFullName = _useState[1];
+var setDataPlayer = toolkit.createAction("dataPlayer/setDataPlayer");
+var answerQuestionDataPlayer = toolkit.createAction("dataPlayer/answerQuestionDataPlayer");
 
-  var isDistrict = window.location.host.includes("-district");
-  var dispatch = reactRedux.useDispatch();
-  var getData = React.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 = toolkit.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 = toolkit.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 = toolkit.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 = toolkit.createAction("improveMyClass/setImproveMyClass");
 
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [dispatch, filters]);
-  React.useEffect(function () {
-    document.title = TITLE$a;
-  }, []);
-  React.useEffect(function () {
-    if (!!fullName) {
-      getData(fullName);
-      setFullName(null);
-    } else {
-      getData();
-    }
-  }, [filters]);
-  var removeData = React.useCallback(function (id) {
-    dispatch(setLoading(true));
+var initialState$x = {
+  improveMyClassList: []
+};
+var commonReducer$g = toolkit.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 = toolkit.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 = toolkit.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 = toolkit.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 = toolkit.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 = toolkit.createAction("schoolBlankDays/setSchoolBlankDayList");
 
-  var swicthUser = React.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 = toolkit.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 = toolkit.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 = toolkit.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 = toolkit.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 = reactI18next.useTranslation(),
-      t = _useTranslation.t;
-
-  return React__default.createElement("div", {
-    className: "fadeIn animated"
-  }, React__default.createElement("h5", {
-    className: "mb-2"
-  }, t("" + header$4)), React__default.createElement(reactstrap.Row, {
-    className: "my-2"
-  }, React__default.createElement(reactstrap.Col, {
-    md: 8
-  }, React__default.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__default.createElement(reactstrap.Col, {
-    md: 4,
-    className: "d-flex justify-content-end align-items-center"
-  }, t("total_of_users"), " : ", totalItems)), React__default.createElement(reactstrap.Row, {
-    className: "mb-2"
-  }, React__default.createElement(reactstrap.Col, {
-    md: 12
-  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
-    bordered: true,
-    hover: true,
-    striped: true,
-    responsive: true,
-    size: "sm"
-  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top"
-  }, t("name")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("email")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("age")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("role")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("active_status")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("created_time")), React__default.createElement("th", {
-    className: "text-center"
-  }, t("action")))), React__default.createElement("tbody", null, userList.map(function (record) {
-    return React__default.createElement("tr", {
-      key: record.id
-    }, React__default.createElement("td", {
-      className: "align-middle"
-    }, React__default.createElement(LinkEditButton, {
-      label: "" + record.fullName,
-      onClick: function onClick() {
-        return reDirectDetailPage(record.id);
-      }
-    })), React__default.createElement("td", {
-      className: "align-middle"
-    }, record.email), React__default.createElement("td", {
-      className: "align-middle"
-    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React__default.createElement("td", {
-      className: "align-middle"
-    }, !!record.roles && record.roles.join(", ")), React__default.createElement("td", {
-      className: "align-middle"
-    }, record.isActive ? t("active") : t("inactive")), React__default.createElement("td", {
-      className: "align-middle"
-    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React__default.createElement("td", {
-      className: "text-center align-middle"
-    }, React__default.createElement(fa.FaUsersCog, {
-      style: {
-        fontSize: "18px",
-        marginRight: "10px",
-        cursor: "pointer"
-      },
-      onClick: function onClick() {
-        return swicthUser(record.id);
-      }
-    }), React__default.createElement(DeleteButtonIcon, {
-      onClick: function onClick() {
-        return removeData(record.id);
-      }
-    })));
-  })))) : React__default.createElement(EmptyDataAlert, {
-    label: t("user")
-  })), React__default.createElement(reactstrap.Col, {
-    md: 12
-  }, React__default.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();
 
 Object.defineProperty(exports, 'I18nextProvider', {
     enumerable: true,
@@ -11118,7 +11124,7 @@ exports.UploadFileButton = UploadFileButton;
 exports.UserDetail = UserDetail;
 exports.UserList = UserList;
 exports.addTab = addTab;
-exports.amplitudeClient = amplitudeClient$1;
+exports.amplitudeClient = amplitudeClient;
 exports.answerQuestion = answerQuestion;
 exports.answerQuestionDataPlayer = answerQuestionDataPlayer;
 exports.api = api;