mario-education 2.1.2 → 2.1.7

package/dist/index.js

@@ -979,14 +979,13 @@ var useConferenceRubricList = function useConferenceRubricList() {
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(marioCore.setLoading(true));
-
-    try {
-      dispatch(marioCore.setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this conference rubric?",
-        onConfirm: function () {
-          try {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this conference rubric?",
+      onConfirm: function () {
+        try {
+          var _temp6 = _catch(function () {
             return Promise.resolve(remove$1(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
@@ -996,20 +995,21 @@ var useConferenceRubricList = function useConferenceRubricList() {
                 currentPage: 1
               });
             });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response2, _err$response2$data;
+          }, function (err) {
+            var _err$response2, _err$response2$data;
 
-      dispatch(marioCore.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
-      }));
-    }
+            dispatch(marioCore.setAlert({
+              type: "danger",
+              message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+            }));
+          });
 
+          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    }));
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
@@ -3439,14 +3439,13 @@ var useBadgeList = function useBadgeList() {
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(marioCore.setLoading(true));
-
-    try {
-      dispatch(marioCore.setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this badge?",
-        onConfirm: function () {
-          try {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this badge?",
+      onConfirm: function () {
+        try {
+          var _temp6 = _catch(function () {
             return Promise.resolve(remove$5(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
@@ -3456,20 +3455,21 @@ var useBadgeList = function useBadgeList() {
                 currentPage: 1
               });
             });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response2, _err$response2$data;
+          }, function (err) {
+            var _err$response2, _err$response2$data;
 
-      dispatch(marioCore.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
-      }));
-    }
+            dispatch(marioCore.setAlert({
+              type: "danger",
+              message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+            }));
+          });
 
+          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    }));
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
@@ -4499,14 +4499,13 @@ var useSubjectList = function useSubjectList() {
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(marioCore.setLoading(true));
-
-    try {
-      dispatch(marioCore.setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this subject?",
-        onConfirm: function () {
-          try {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this subject?",
+      onConfirm: function () {
+        try {
+          var _temp6 = _catch(function () {
             return Promise.resolve(remove$7(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
@@ -4516,20 +4515,21 @@ var useSubjectList = function useSubjectList() {
                 currentPage: 1
               });
             });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response2, _err$response2$data;
+          }, function (err) {
+            var _err$response2, _err$response2$data;
 
-      dispatch(marioCore.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
-      }));
-    }
+            dispatch(marioCore.setAlert({
+              type: "danger",
+              message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+            }));
+          });
 
+          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    }));
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
@@ -4793,6 +4793,9 @@ var update$8 = function update(data) {
 var remove$8 = function remove(id) {
   return marioCore.api["delete"](LEARNING_SUPPORT_CATEGORY_URL + "/" + id);
 };
+var checkRemoveLearningSupportCategory = function checkRemoveLearningSupportCategory(learningSupportCategoryId) {
+  return marioCore.api.get(marioCore.BASE_URL + "/api/checkRemoveCategory/" + learningSupportCategoryId);
+};
 
 var initValue$7 = {
   name: "",
@@ -4966,6 +4969,40 @@ var useLearningSupportCategoryList = function useLearningSupportCategoryList() {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
+  var checkRemove = React.useCallback(function (id) {
+    try {
+      var _temp7 = _catch(function () {
+        return Promise.resolve(checkRemoveLearningSupportCategory(id)).then(function (canRemove) {
+          var _temp5 = function () {
+            if (canRemove) {
+              return Promise.resolve(remove$8(id)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Remove Learning Support Category successfully"
+                }));
+                changeFilters({
+                  currentPage: 1
+                });
+              });
+            }
+          }();
+
+          if (_temp5 && _temp5.then) return _temp5.then(function () {});
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.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(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
   var removeData = React.useCallback(function (id) {
     dispatch(marioCore.setLoading(true));
 
@@ -4976,26 +5013,18 @@ var useLearningSupportCategoryList = function useLearningSupportCategoryList() {
         message: "Do you want to remove this Learning Support Category?",
         onConfirm: function () {
           try {
-            return Promise.resolve(remove$8(id)).then(function () {
-              dispatch(marioCore.setAlert({
-                type: "success",
-                message: "Remove Learning Support Category successfully"
-              }));
-              changeFilters({
-                currentPage: 1
-              });
-            });
+            return Promise.resolve(checkRemove(id)).then(function () {});
           } catch (e) {
             return Promise.reject(e);
           }
         }
       }));
     } catch (err) {
-      var _err$response2, _err$response2$data;
+      var _err$response3, _err$response3$data;
 
       dispatch(marioCore.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
+        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
       }));
     }
 
@@ -7182,12 +7211,411 @@ var SchoolBlankDayList = function SchoolBlankDayList() {
     }
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
-    className: "d-flex align-items-center justify-content-end"
-  }, "Total of blank days: ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "d-flex align-items-center justify-content-end"
+  }, "Total of blank days: ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, schoolBlankDayList && schoolBlankDayList.length > 0 ? 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"
+  }, "Name"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Start time"), React__default.createElement("th", {
+    className: "align-top"
+  }, "End time"), React__default.createElement("th", {
+    className: "text-center"
+  }, "Action"))), React__default.createElement("tbody", null, schoolBlankDayList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(marioCore.LinkEditButton, {
+      label: record.name,
+      onClick: function onClick() {
+        return openModal(record.id);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, marioCore.utcToLocalTime(record.startTime, marioCore.DATE_FORMAT)), React__default.createElement("td", {
+      className: "align-middle"
+    }, marioCore.utcToLocalTime(record.endTime, marioCore.DATE_FORMAT)), React__default.createElement("td", {
+      className: "text-center align-middle"
+    }, React__default.createElement(marioCore.DeleteButtonIcon, {
+      onClick: function onClick() {
+        return onRemove(record.id);
+      }
+    })));
+  }))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "school blank day"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))));
+};
+
+var USER_DELETED_URL = marioCore.BASE_URL + "/api/User";
+var get$d = function get(filter) {
+  return marioCore.api.get(USER_DELETED_URL + "/all/deleted", {
+    params: filter
+  });
+};
+var remove$c = function remove(id, userChangeId) {
+  return marioCore.api["delete"](USER_DELETED_URL + "/hardDelete/" + id, {
+    params: {
+      userChangeId: userChangeId
+    }
+  });
+};
+var getTeacher = function getTeacher() {
+  return marioCore.api.get(USER_DELETED_URL + "/all/teacher");
+};
+
+var useUserDeletedModal = function useUserDeletedModal() {
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState(initialUserChoice),
+      userChoiced = _useState[0],
+      setUserChoiced = _useState[1];
+
+  var _useState2 = React.useState([]),
+      teacherList = _useState2[0],
+      setTeacherList = _useState2[1];
+
+  var _useState3 = React.useState(""),
+      teacherChangeId = _useState3[0],
+      setTeacherChangeId = _useState3[1];
+
+  var getAllTeacher = function getAllTeacher() {
+    try {
+      var _temp2 = _catch(function () {
+        return Promise.resolve(getTeacher()).then(function (res) {
+          setTeacherList(res.data);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.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(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var options = teacherList.map(function (record) {
+    return {
+      label: record.name + " - " + record.email,
+      value: record.id
+    };
+  });
+  React.useEffect(function () {
+    var _userChoiced$roles;
+
+    ((_userChoiced$roles = userChoiced.roles) === null || _userChoiced$roles === void 0 ? void 0 : _userChoiced$roles.includes("Teacher")) && getAllTeacher();
+  }, [userChoiced]);
+  return {
+    userChoiced: userChoiced,
+    setUserChoiced: setUserChoiced,
+    teacherList: teacherList,
+    options: options,
+    setTeacherChangeId: setTeacherChangeId,
+    teacherChangeId: teacherChangeId
+  };
+};
+
+var initialUserChoice = {
+  id: "",
+  firstName: "",
+  lastName: "",
+  email: "",
+  fullName: "",
+  roles: []
+};
+var TITLE$b = "User deleted list";
+
+var useUserDeletedList = function useUserDeletedList() {
+  var _useUserDeletedModal = useUserDeletedModal(),
+      userChoiced = _useUserDeletedModal.userChoiced,
+      setUserChoiced = _useUserDeletedModal.setUserChoiced,
+      options = _useUserDeletedModal.options,
+      teacherChangeId = _useUserDeletedModal.teacherChangeId,
+      setTeacherChangeId = _useUserDeletedModal.setTeacherChangeId;
+
+  var _useState = React.useState([]),
+      userList = _useState[0],
+      setUserList = _useState[1];
+
+  var _useState2 = React.useState(0),
+      totalItems = _useState2[0],
+      setTotalItems = _useState2[1];
+
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var dispatch = reactRedux.useDispatch();
+  var modal = React.useRef();
+
+  var openModal = function openModal() {
+    modal && modal.current && modal.current.toggle();
+  };
+
+  var resetData = function resetData() {
+    setTeacherChangeId("");
+    setUserChoiced(initialUserChoice);
+  };
+
+  var getData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(get$d(filters)).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+          setUserList(items);
+          setTotalItems(totalItems);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.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);
+    }
+  }, [dispatch, filters]);
+  React.useEffect(function () {
+    document.title = TITLE$b;
+  }, []);
+  React.useEffect(function () {
+    getData();
+  }, [filters]);
+  var removeData = React.useCallback(function (id) {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this user?",
+      onConfirm: function () {
+        try {
+          var _temp9 = function _temp9() {
+            dispatch(marioCore.setLoading(false));
+          };
+
+          dispatch(marioCore.setLoading(true));
+
+          var _temp10 = _catch(function () {
+            function _temp6() {
+              dispatch(marioCore.setAlert({
+                type: "success",
+                message: "Remove user successfully"
+              }));
+              openModal();
+              resetData();
+              changeFilters({
+                currentPage: 1
+              });
+            }
+
+            var _temp5 = function () {
+              if (userChoiced.roles.includes("Teacher")) {
+                return Promise.resolve(remove$c(id, teacherChangeId)).then(function () {});
+              } else {
+                return Promise.resolve(remove$c(id)).then(function () {});
+              }
+            }();
+
+            return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+          }, function (err) {
+            var _err$response2, _err$response2$data;
+
+            dispatch(marioCore.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);
+        }
+      }
+    }));
+  }, [filters, teacherChangeId, userChoiced]);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    getData: getData,
+    removeData: removeData,
+    changeFilters: changeFilters,
+    modal: modal,
+    openModal: openModal,
+    userChoiced: userChoiced,
+    setUserChoiced: setUserChoiced,
+    options: options,
+    teacherChangeId: teacherChangeId,
+    setTeacherChangeId: setTeacherChangeId,
+    resetData: resetData
+  };
+};
+
+var UserDeletedModal = function UserDeletedModal(props, ref) {
+  var header = props.header,
+      removeData = props.removeData,
+      resetData = props.resetData,
+      userChoiced = props.userChoiced,
+      options = props.options,
+      teacherChangeId = props.teacherChangeId,
+      setTeacherChangeId = props.setTeacherChangeId;
+  console.log({
+    hags: userChoiced.id
+  });
+
+  var getFile = function getFile() {
+    var url = window.location.origin + "/api/ExportDataUser/" + userChoiced.id;
+    window.open(url);
+  };
+
+  return React__default.createElement(marioCore.CommonModal, {
+    header: header,
+    ref: ref,
+    onCancel: function onCancel() {
+      resetData();
+    }
+  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    md: 12,
+    className: "mb-2"
+  }, React__default.createElement("p", null, "Export user data"), React__default.createElement("div", {
+    className: "pb-3"
+  }, React__default.createElement(reactstrap.Button, {
+    color: "success",
+    onClick: function onClick() {
+      getFile();
+    }
+  }, "Download user's data")), React__default.createElement("p", null, "Delete user"), !!userChoiced && React__default.createElement("div", null, userChoiced.roles.includes("Student") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user")), userChoiced.roles.includes("Admin") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user")), userChoiced.roles.includes("Teacher") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "warning"
+  }, "A teacher must be selected before deleting this teacher. We will transfer the entire class and students to this teacher before deleting all of this teacher's data."), React__default.createElement(marioCore.CustomSelector, {
+    options: options,
+    defaultValue: teacherChangeId,
+    placeholder: "Select teacher change",
+    onChange: function onChange(e) {
+      return setTeacherChangeId(e.value);
+    }
+  }), !!teacherChangeId && React__default.createElement("div", {
+    className: "mt-2"
+  }, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user"))), userChoiced.roles.includes("Parent") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user"))))));
+};
+
+var UserDeletedModal$1 = React.forwardRef(UserDeletedModal);
+
+var header$3 = "User deleted";
+
+var UserList = function UserList() {
+  var _useUserDeletedList = useUserDeletedList(),
+      userList = _useUserDeletedList.userList,
+      totalItems = _useUserDeletedList.totalItems,
+      filters = _useUserDeletedList.filters,
+      changeFilters = _useUserDeletedList.changeFilters,
+      removeData = _useUserDeletedList.removeData,
+      openModal = _useUserDeletedList.openModal,
+      modal = _useUserDeletedList.modal,
+      userChoiced = _useUserDeletedList.userChoiced,
+      setUserChoiced = _useUserDeletedList.setUserChoiced,
+      options = _useUserDeletedList.options,
+      teacherChangeId = _useUserDeletedList.teacherChangeId,
+      setTeacherChangeId = _useUserDeletedList.setTeacherChangeId,
+      resetData = _useUserDeletedList.resetData;
+
+  var choiceUser = function choiceUser(userChoiced) {
+    !!userChoiced && setUserChoiced(userChoiced);
+    openModal();
+  };
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mb-2"
+  }, header$3), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(marioCore.SearchBox, {
+    initValue: filters.searchString,
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: "Type something to search reflection result"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, "Total of users: ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
-    md: 8
-  }, schoolBlankDayList && schoolBlankDayList.length > 0 ? React__default.createElement(reactstrap.Table, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
     bordered: true,
     hover: true,
     striped: true,
@@ -7197,35 +7625,27 @@ var SchoolBlankDayList = function SchoolBlankDayList() {
     className: "align-top"
   }, "Name"), React__default.createElement("th", {
     className: "align-top"
-  }, "Start time"), React__default.createElement("th", {
+  }, "Email"), React__default.createElement("th", {
     className: "align-top"
-  }, "End time"), React__default.createElement("th", {
-    className: "text-center"
-  }, "Action"))), React__default.createElement("tbody", null, schoolBlankDayList.map(function (record) {
+  }, "Role"))), 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(marioCore.LinkEditButton, {
-      label: record.name,
+      label: "" + record.fullName,
       onClick: function onClick() {
-        return openModal(record.id);
+        return choiceUser(record);
       }
     })), React__default.createElement("td", {
       className: "align-middle"
-    }, marioCore.utcToLocalTime(record.startTime, marioCore.DATE_FORMAT)), React__default.createElement("td", {
+    }, record.email), React__default.createElement("td", {
       className: "align-middle"
-    }, marioCore.utcToLocalTime(record.endTime, marioCore.DATE_FORMAT)), React__default.createElement("td", {
-      className: "text-center align-middle"
-    }, React__default.createElement(marioCore.DeleteButtonIcon, {
-      onClick: function onClick() {
-        return onRemove(record.id);
-      }
-    })));
-  }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "school blank day"
+    }, !!record.roles && record.roles.join(", ")));
+  })))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "user"
   })), React__default.createElement(reactstrap.Col, {
-    md: 8
+    md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
     filters: filters,
     totalRecordCount: totalItems,
@@ -7239,7 +7659,17 @@ var SchoolBlankDayList = function SchoolBlankDayList() {
         currentPage: currentPage
       });
     }
-  }))));
+  }))), React__default.createElement(UserDeletedModal$1, {
+    ref: modal,
+    header: userChoiced.fullName,
+    onCancel: function onCancel() {},
+    userChoiced: userChoiced,
+    removeData: removeData,
+    options: options,
+    teacherChangeId: teacherChangeId,
+    setTeacherChangeId: setTeacherChangeId,
+    resetData: resetData
+  }));
 };
 
 var tabs = [{
@@ -7286,6 +7716,10 @@ var tabs = [{
   path: "/admin/set-up/current-license",
   title: "License",
   component: CurrentLicense
+}, {
+  path: "/admin/set-up/userDeleted",
+  title: "User deleted",
+  component: UserList
 }];
 var title$1 = "Set up";
 
@@ -7479,7 +7913,7 @@ var renderType = function renderType(params) {
 
 var QUESTION_URL$1 = "/admin/question-bank";
 var CREATE_QUESTION_URL = "/admin/create-question";
-var TITLE$b = "Question list";
+var TITLE$c = "Question list";
 
 var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuestionGeneralClass) {
   var history = reactRouterDom.useHistory();
@@ -7596,14 +8030,13 @@ var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuest
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(marioCore.setLoading(true));
-
-    try {
-      dispatch(marioCore.setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this question?",
-        onConfirm: function () {
-          try {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this question?",
+      onConfirm: function () {
+        try {
+          var _temp10 = _catch(function () {
             return Promise.resolve(remove$2(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
@@ -7613,20 +8046,21 @@ var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuest
                 currentPage: 1
               });
             });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response3, _err$response3$data;
+          }, function (err) {
+            var _err$response3, _err$response3$data;
 
-      dispatch(marioCore.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) || "Remove question failed"
-      }));
-    }
+            dispatch(marioCore.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) || "Remove question failed"
+            }));
+          });
 
+          return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    }));
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   var goToDetail = React.useCallback(function (id) {
@@ -7634,7 +8068,7 @@ var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuest
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$b;
+    document.title = TITLE$c;
   }, []);
   React.useEffect(function () {
     getData();
@@ -8108,7 +8542,7 @@ var useQuestionCategory = function useQuestionCategory() {
 };
 
 var REFLECTION_URL = marioCore.BASE_URL + "/api/ReflectionForm";
-var get$d = function get(filter) {
+var get$e = function get(filter) {
   return marioCore.api.get(REFLECTION_URL, {
     params: filter
   });
@@ -8122,7 +8556,7 @@ var create$c = function create(data) {
 var update$c = function update(data) {
   return marioCore.api.put(REFLECTION_URL + "/" + data.id, data);
 };
-var remove$c = function remove(id) {
+var remove$d = function remove(id) {
   return marioCore.api["delete"](REFLECTION_URL + "/" + id);
 };
 
@@ -8266,7 +8700,7 @@ var useReflectionFormDetail = function useReflectionFormDetail() {
   };
 };
 
-var TITLE$c = "Reflection form list";
+var TITLE$d = "Reflection form list";
 
 var useReflectionFormList = function useReflectionFormList() {
   var reflectionList = reactRedux.useSelector(function (state) {
@@ -8294,7 +8728,7 @@ var useReflectionFormList = function useReflectionFormList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$d(filters)).then(function (res) {
+        return Promise.resolve(get$e(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -8320,35 +8754,35 @@ var useReflectionFormList = function useReflectionFormList() {
   var removeData = React.useCallback(function (id) {
     try {
       dispatch(marioCore.setLoading(true));
-
-      try {
-        dispatch(marioCore.setModal({
-          isOpen: true,
-          type: "warning",
-          message: "Do you want to remove this reflection form?",
-          onConfirm: function () {
-            try {
-              return Promise.resolve(remove$c(id)).then(function () {
+      dispatch(marioCore.setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to remove this reflection form?",
+        onConfirm: function () {
+          try {
+            var _temp6 = _catch(function () {
+              return Promise.resolve(remove$d(id)).then(function () {
                 dispatch(marioCore.setAlert({
                   type: "success",
                   message: "Remove reflection form successfully"
                 }));
                 getData();
               });
-            } catch (e) {
-              return Promise.reject(e);
-            }
-          }
-        }));
-      } catch (err) {
-        var _err$response2, _err$response2$data;
+            }, function (err) {
+              var _err$response2, _err$response2$data;
 
-        dispatch(marioCore.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
-        }));
-      }
+              dispatch(marioCore.setAlert({
+                type: "danger",
+                message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+              }));
+            });
 
+            return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        }
+      }));
       dispatch(marioCore.setLoading(false));
       return Promise.resolve();
     } catch (e) {
@@ -8356,7 +8790,7 @@ var useReflectionFormList = function useReflectionFormList() {
     }
   }, [dispatch]);
   React.useEffect(function () {
-    document.title = TITLE$c;
+    document.title = TITLE$d;
   }, []);
   React.useEffect(function () {
     getData();
@@ -8537,7 +8971,7 @@ var ReflectionFormList = function ReflectionFormList() {
 };
 
 var REFLECTION_REPONSE_URL = marioCore.BASE_URL + "/api/ReflectionFormResponse";
-var get$e = function get(filter) {
+var get$f = function get(filter) {
   return marioCore.api.get(REFLECTION_REPONSE_URL, {
     params: filter
   });
@@ -8572,7 +9006,7 @@ var useReflectionResultList = function useReflectionResultList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$e(filters)).then(function (res) {
+        return Promise.resolve(get$f(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -9418,7 +9852,7 @@ var initValue$e = {
   subQuestions: [],
   isMandatory: false
 };
-var TITLE$d = "Question detail";
+var TITLE$e = "Question detail";
 
 var useQuestionDetail = function useQuestionDetail(id) {
   var editorRef;
@@ -9444,7 +9878,7 @@ var useQuestionDetail = function useQuestionDetail(id) {
   };
 
   React.useEffect(function () {
-    document.title = TITLE$d;
+    document.title = TITLE$e;
     setEdited(false);
     if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
   }, []);
@@ -9947,7 +10381,7 @@ var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
 var AssessmentDetailModal$1 = React.forwardRef(AssessmentDetailModal);
 
 var ASSESSMENT_URL = marioCore.BASE_URL + "/api/assessment";
-var get$f = function get(filter) {
+var get$g = function get(filter) {
   return marioCore.api.get(ASSESSMENT_URL, {
     params: filter
   });
@@ -9961,7 +10395,7 @@ var create$d = function create(data) {
 var update$d = function update(data) {
   return marioCore.api.put(ASSESSMENT_URL + "/" + data.id, data);
 };
-var remove$d = function remove(id) {
+var remove$e = function remove(id) {
   return marioCore.api["delete"](ASSESSMENT_URL + "/" + id);
 };
 
@@ -10107,7 +10541,7 @@ var useAssessmentDetail = function useAssessmentDetail() {
   };
 };
 
-var TITLE$e = "Assessment list";
+var TITLE$f = "Assessment list";
 
 var useAssessmentList = function useAssessmentList() {
   var assessmentList = reactRedux.useSelector(function (state) {
@@ -10131,7 +10565,7 @@ var useAssessmentList = function useAssessmentList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$f(filters)).then(function (res) {
+        return Promise.resolve(get$g(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -10156,15 +10590,14 @@ var useAssessmentList = function useAssessmentList() {
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(marioCore.setLoading(true));
-
-    try {
-      dispatch(marioCore.setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this assessment?",
-        onConfirm: function () {
-          try {
-            return Promise.resolve(remove$d(id)).then(function () {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this assessment?",
+      onConfirm: function () {
+        try {
+          var _temp6 = _catch(function () {
+            return Promise.resolve(remove$e(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "danger",
                 message: "Remove assessment successfully"
@@ -10173,24 +10606,25 @@ var useAssessmentList = function useAssessmentList() {
                 currentPage: 1
               });
             });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response2, _err$response2$data;
+          }, function (err) {
+            var _err$response2, _err$response2$data;
 
-      dispatch(marioCore.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
-      }));
-    }
+            dispatch(marioCore.setAlert({
+              type: "danger",
+              message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+            }));
+          });
 
+          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    }));
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$e;
+    document.title = TITLE$f;
   }, []);
   React.useEffect(function () {
     getData();
@@ -10435,7 +10869,7 @@ var AssessmentList = function AssessmentList() {
 
 var ASSET_URL = marioCore.BASE_URL + "/api/assetLog";
 
-var get$g = function get(filter) {
+var get$h = function get(filter) {
   return marioCore.api.get(ASSET_URL, {
     params: filter
   });
@@ -10453,7 +10887,7 @@ var useAssetlog = function useAssetlog() {
   var getData = React.useCallback(function () {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$g(filters)).then(function (res) {
+        return Promise.resolve(get$h(filters)).then(function (res) {
           setDataAssetLog(res.data);
         });
       }, function () {});
@@ -10581,7 +11015,7 @@ var FeedbackDetailModal = function FeedbackDetailModal(props, ref) {
 var FeedbackDetailModal$1 = React.forwardRef(FeedbackDetailModal);
 
 var FEEDBACK_URL = marioCore.BASE_URL + "/api/Feedback";
-var get$h = function get(filter) {
+var get$i = function get(filter) {
   return marioCore.api.get(FEEDBACK_URL, {
     params: filter
   });
@@ -10642,7 +11076,7 @@ var useFeedbackDetail = function useFeedbackDetail() {
   };
 };
 
-var TITLE$f = "Feedback list";
+var TITLE$g = "Feedback list";
 
 var useFeedbackList = function useFeedbackList() {
   var feedbackList = reactRedux.useSelector(function (state) {
@@ -10670,7 +11104,7 @@ var useFeedbackList = function useFeedbackList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$h(filters)).then(function (res) {
+        return Promise.resolve(get$i(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -10694,7 +11128,7 @@ var useFeedbackList = function useFeedbackList() {
     }
   }, [dispatch, filters]);
   React.useEffect(function () {
-    document.title = TITLE$f;
+    document.title = TITLE$g;
   }, []);
   React.useEffect(function () {
     getData();
@@ -10708,7 +11142,7 @@ var useFeedbackList = function useFeedbackList() {
   };
 };
 
-var header$3 = "Feedback";
+var header$4 = "Feedback";
 
 var FeedbackList = function FeedbackList() {
   var history = reactRouterDom.useHistory();
@@ -10737,7 +11171,7 @@ var FeedbackList = function FeedbackList() {
     feedbackDetail: feedbackDetail
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$3), React__default.createElement(reactstrap.Row, {
+  }, header$4), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8,
@@ -10875,7 +11309,7 @@ var TutorialScreenDetailModal = function TutorialScreenDetailModal(props, ref) {
 var TutorialScreenDetailModal$1 = React.forwardRef(TutorialScreenDetailModal);
 
 var TUTORIAL_SCREEN_URL = marioCore.BASE_URL + "/api/tutorialScreen";
-var get$i = function get(filter) {
+var get$j = function get(filter) {
   return marioCore.api.get(TUTORIAL_SCREEN_URL, {
     params: filter
   });
@@ -10889,7 +11323,7 @@ var create$e = function create(data) {
 var update$e = function update(data) {
   return marioCore.api.put(TUTORIAL_SCREEN_URL + "/" + data.id, data);
 };
-var remove$e = function remove(id) {
+var remove$f = function remove(id) {
   return marioCore.api["delete"](TUTORIAL_SCREEN_URL + "/" + id);
 };
 
@@ -11035,7 +11469,7 @@ var useTutorialScreenDetail = function useTutorialScreenDetail(typeRole) {
   };
 };
 
-var TITLE$g = "Tutorial screen list";
+var TITLE$h = "Tutorial screen list";
 
 var useTutorialScreenList = function useTutorialScreenList(typeRole) {
   var tutorialScreenList = reactRedux.useSelector(function (state) {
@@ -11059,7 +11493,7 @@ var useTutorialScreenList = function useTutorialScreenList(typeRole) {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$i(_extends({}, filters, {
+        return Promise.resolve(get$j(_extends({}, filters, {
           TypeRole: typeRole
         }))).then(function (res) {
           var _res$data = res.data,
@@ -11094,7 +11528,7 @@ var useTutorialScreenList = function useTutorialScreenList(typeRole) {
         message: "Do you want to remove this slide?",
         onConfirm: function () {
           try {
-            return Promise.resolve(remove$e(id)).then(function () {
+            return Promise.resolve(remove$f(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
                 message: "Remove slide successfully"
@@ -11120,7 +11554,7 @@ var useTutorialScreenList = function useTutorialScreenList(typeRole) {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$g;
+    document.title = TITLE$h;
   }, []);
   React.useEffect(function () {
     getData();
@@ -11457,7 +11891,7 @@ var QuestionCateModal = function QuestionCateModal(props, ref) {
 var QuestionCateModal$1 = React.forwardRef(QuestionCateModal);
 
 var QUESTION_CATE_URL = marioCore.BASE_URL + "/api/questioncategory";
-var get$j = function get(filter) {
+var get$k = function get(filter) {
   return marioCore.api.get(QUESTION_CATE_URL, {
     params: filter
   });
@@ -11471,7 +11905,7 @@ var create$f = function create(data) {
 var update$f = function update(data) {
   return marioCore.api.put(QUESTION_CATE_URL + "/" + data.id, data);
 };
-var remove$f = function remove(id) {
+var remove$g = function remove(id) {
   return marioCore.api["delete"](QUESTION_CATE_URL + "/" + id);
 };
 
@@ -11599,7 +12033,7 @@ var useQuestionCateDetail = function useQuestionCateDetail() {
   };
 };
 
-var TITLE$h = "Question category list";
+var TITLE$i = "Question category list";
 
 var useQuestionCateList = function useQuestionCateList() {
   var questionCateList = reactRedux.useSelector(function (state) {
@@ -11623,7 +12057,7 @@ var useQuestionCateList = function useQuestionCateList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$j(filters)).then(function (res) {
+        return Promise.resolve(get$k(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -11656,7 +12090,7 @@ var useQuestionCateList = function useQuestionCateList() {
         message: "Do you want to remove this category?",
         onConfirm: function () {
           try {
-            return Promise.resolve(remove$f(id)).then(function () {
+            return Promise.resolve(remove$g(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
                 message: "Remove category successfully"
@@ -11682,7 +12116,7 @@ var useQuestionCateList = function useQuestionCateList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$h;
+    document.title = TITLE$i;
   }, []);
   React.useEffect(function () {
     getData();
@@ -11870,7 +12304,7 @@ var AssessmentSelector = function AssessmentSelector(props) {
   var fetchAssessment = function fetchAssessment() {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$f()).then(function (res) {
+        return Promise.resolve(get$g()).then(function (res) {
           setAssessmentList(res.data.items);
         });
       }, function (err) {
@@ -12247,7 +12681,7 @@ var AssignmentDetailModal = function AssignmentDetailModal(props, ref) {
 var AssignmentDetailModal$1 = React.forwardRef(AssignmentDetailModal);
 
 var ASSIGNMENT_URL = marioCore.BASE_URL + "/api/assignment";
-var get$k = function get(filter) {
+var get$l = function get(filter) {
   return marioCore.api.get(ASSIGNMENT_URL, {
     params: filter
   });
@@ -12261,7 +12695,7 @@ var create$g = function create(data) {
 var update$g = function update(data) {
   return marioCore.api.put(ASSIGNMENT_URL + "/" + data.id, data);
 };
-var remove$g = function remove(id) {
+var remove$h = function remove(id) {
   return marioCore.api["delete"](ASSIGNMENT_URL + "/" + id);
 };
 var removeStudent = function removeStudent(assignmentStudentId) {
@@ -12451,7 +12885,7 @@ var useAssignmentDetail = function useAssignmentDetail() {
   };
 };
 
-var TITLE$i = "Assignment list";
+var TITLE$j = "Assignment list";
 
 var useAssignmentList = function useAssignmentList() {
   var assignmentList = reactRedux.useSelector(function (state) {
@@ -12483,7 +12917,7 @@ var useAssignmentList = function useAssignmentList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$k(filters)).then(function (res) {
+        return Promise.resolve(get$l(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -12522,7 +12956,7 @@ var useAssignmentList = function useAssignmentList() {
         message: "Do you want to remove this assignment?",
         onConfirm: function () {
           try {
-            return Promise.resolve(remove$g(id)).then(function () {
+            return Promise.resolve(remove$h(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
                 message: "Remove assignment successfully"
@@ -12548,7 +12982,7 @@ var useAssignmentList = function useAssignmentList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$i;
+    document.title = TITLE$j;
   }, []);
   React.useEffect(function () {
     getData();
@@ -12729,7 +13163,7 @@ var AssignmentList = function AssignmentList() {
 };
 
 var ASSIGNMENT_REPONSE_URL = marioCore.BASE_URL + "/api/AssignmentResponse";
-var get$l = function get(filter) {
+var get$m = function get(filter) {
   return marioCore.api.get(ASSIGNMENT_REPONSE_URL, {
     params: filter
   });
@@ -12761,7 +13195,7 @@ var useAssignmentResultList = function useAssignmentResultList() {
       dispatch(marioCore.setLoading(false));
 
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$l(filters)).then(function (res) {
+        return Promise.resolve(get$m(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -12974,7 +13408,7 @@ var CATEGORY_URL = marioCore.BASE_URL + "/api/LearningSupportCategory";
 var REFLECTION_FORM_URL = marioCore.BASE_URL + "/api/reflectionform";
 var CONFERENCE_RUBRIC_URL = marioCore.BASE_URL + "/api/conferencerubric";
 var QUESTION_URL$2 = marioCore.BASE_URL + "/api/question";
-var get$m = function get(filter) {
+var get$n = function get(filter) {
   return marioCore.api.get(SESSION_TEMPLATE_URL, {
     params: filter
   });
@@ -12988,7 +13422,7 @@ var create$h = function create(data) {
 var update$h = function update(data) {
   return marioCore.api.put(SESSION_TEMPLATE_URL + "/" + data.id, data);
 };
-var remove$h = function remove(id) {
+var remove$i = function remove(id) {
   return marioCore.api["delete"](SESSION_TEMPLATE_URL + "/" + id);
 };
 var getSkills$1 = function getSkills() {
@@ -13007,7 +13441,7 @@ var getRandomQuestion = function getRandomQuestion(data) {
   return marioCore.api.post(QUESTION_URL$2 + "/random", data);
 };
 
-var TITLE$j = "Sesstion template list";
+var TITLE$k = "Session template list";
 var SESSION_TEMPLATE_URL$1 = "/admin/session-template-learning-support";
 var CREATE_TEMPLATE_URL = "/admin/create-session-template-learning-support";
 
@@ -13043,7 +13477,7 @@ var useSessionTemplateList = function useSessionTemplateList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$m(filters)).then(function (res) {
+        return Promise.resolve(get$n(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -13076,7 +13510,7 @@ var useSessionTemplateList = function useSessionTemplateList() {
         onConfirm: function () {
           try {
             var _temp6 = _catch(function () {
-              return Promise.resolve(remove$h(id)).then(function () {
+              return Promise.resolve(remove$i(id)).then(function () {
                 dispatch(marioCore.setAlert({
                   type: "danger",
                   message: "Remove sesstion template successfully"
@@ -13111,7 +13545,7 @@ var useSessionTemplateList = function useSessionTemplateList() {
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$j;
+    document.title = TITLE$k;
   }, []);
   React.useEffect(function () {
     getData();
@@ -13240,7 +13674,7 @@ var SessionTemplateList = function SessionTemplateList() {
 };
 
 var SESSION_TEMPLATE_GENERAL_CLASS_URL = marioCore.BASE_URL + "/api/sessiontemplategeneralclass";
-var get$n = function get(filter) {
+var get$o = function get(filter) {
   return marioCore.api.get(SESSION_TEMPLATE_GENERAL_CLASS_URL, {
     params: filter
   });
@@ -13254,11 +13688,11 @@ var create$i = function create(data) {
 var update$i = function update(data) {
   return marioCore.api.put(SESSION_TEMPLATE_GENERAL_CLASS_URL + "/" + data.id, data);
 };
-var remove$i = function remove(id) {
+var remove$j = function remove(id) {
   return marioCore.api["delete"](SESSION_TEMPLATE_GENERAL_CLASS_URL + "/" + id);
 };
 
-var TITLE$k = "Session template general class list";
+var TITLE$l = "Session template general class list";
 var SESSION_TEMPLATE_GENERAL_CLASS_URL$1 = "/admin/session-template/general-class";
 var CREATE_TEMPLATE_GENERAL_CLASS_URL = "/admin/create-session-template-general-class";
 
@@ -13285,7 +13719,7 @@ var useSessionTemplateGeneralClassList = function useSessionTemplateGeneralClass
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$n(filters)).then(function (res) {
+        return Promise.resolve(get$o(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -13317,7 +13751,7 @@ var useSessionTemplateGeneralClassList = function useSessionTemplateGeneralClass
       onConfirm: function () {
         try {
           var _temp6 = _catch(function () {
-            return Promise.resolve(remove$i(id)).then(function () {
+            return Promise.resolve(remove$j(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "danger",
                 message: "Remove sesstion template successfully"
@@ -13348,7 +13782,7 @@ var useSessionTemplateGeneralClassList = function useSessionTemplateGeneralClass
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$k;
+    document.title = TITLE$l;
   }, []);
   React.useEffect(function () {
     getData();
@@ -13761,11 +14195,6 @@ var schema$e = yup.object({
   learningSupportCategoryId: yup.number().test("Test category id", "Category is required", function (value) {
     return value > 0;
   }),
-  skillIds: yup.array().of(yup.number()).test("Test skill", "Skill is required", function (value) {
-    return !!value.length && value.every(function (item) {
-      return item > 0;
-    });
-  }),
   extraQuestionIds: yup.array().of(yup.number())
 });
 
@@ -15153,7 +15582,7 @@ var CustomAlertDetailModal = function CustomAlertDetailModal(props, ref) {
 var CustomAlertDetailModal$1 = React.forwardRef(CustomAlertDetailModal);
 
 var CUSTOM_ALERT_URL = marioCore.BASE_URL + "/api/CustomAlert";
-var get$o = function get(filter) {
+var get$p = function get(filter) {
   return marioCore.api.get(CUSTOM_ALERT_URL, {
     params: filter
   });
@@ -15167,7 +15596,7 @@ var create$j = function create(data) {
 var update$j = function update(data) {
   return marioCore.api.put(CUSTOM_ALERT_URL + "/" + data.id, data);
 };
-var remove$j = function remove(id) {
+var remove$k = function remove(id) {
   return marioCore.api["delete"](CUSTOM_ALERT_URL + "/" + id);
 };
 var removeStudent$1 = function removeStudent(customAlertStudentId) {
@@ -15342,7 +15771,7 @@ var useCustomAlertDetail = function useCustomAlertDetail() {
   };
 };
 
-var TITLE$l = "Custom alert list";
+var TITLE$m = "Custom alert list";
 
 var useCustomAlertList = function useCustomAlertList() {
   var customAlertList = reactRedux.useSelector(function (state) {
@@ -15366,7 +15795,7 @@ var useCustomAlertList = function useCustomAlertList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$o(filters)).then(function (res) {
+        return Promise.resolve(get$p(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -15404,7 +15833,7 @@ var useCustomAlertList = function useCustomAlertList() {
         message: "Do you want to remove this custom alert?",
         onConfirm: function () {
           try {
-            return Promise.resolve(remove$j(id)).then(function () {
+            return Promise.resolve(remove$k(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
                 message: "Remove custom alert successfully"
@@ -15430,7 +15859,7 @@ var useCustomAlertList = function useCustomAlertList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$l;
+    document.title = TITLE$m;
   }, []);
   React.useEffect(function () {
     getData();
@@ -15445,7 +15874,7 @@ var useCustomAlertList = function useCustomAlertList() {
   };
 };
 
-var header$4 = "Custom alert";
+var header$5 = "Custom alert";
 
 var CustomAlertList = function CustomAlertList() {
   var modal = React.useRef();
@@ -15513,7 +15942,7 @@ var CustomAlertList = function CustomAlertList() {
     when: edited
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$4), React__default.createElement(reactstrap.Row, {
+  }, header$5), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 4
@@ -15890,7 +16319,7 @@ var CertificateDetailModal$1 = React.forwardRef(CertificateDetailModal);
 
 var CERTIFICATE_URL = marioCore.BASE_URL + "/api/certificate";
 var CERTIFICATE_TEACHER_URL = marioCore.BASE_URL + "/api/TeacherCertificate";
-var get$p = function get(filter) {
+var get$q = function get(filter) {
   return marioCore.api.get(CERTIFICATE_URL, {
     params: filter
   });
@@ -15904,7 +16333,7 @@ var create$k = function create(data) {
 var update$k = function update(data) {
   return marioCore.api.put(CERTIFICATE_URL + "/" + data.id, data);
 };
-var remove$k = function remove(id) {
+var remove$l = function remove(id) {
   return marioCore.api["delete"](CERTIFICATE_URL + "/" + id);
 };
 var getListTeacherCertificate = function getListTeacherCertificate(isWaiting, approved) {
@@ -16072,7 +16501,7 @@ var useCertificateDetail = function useCertificateDetail() {
   };
 };
 
-var TITLE$m = "Certificate list";
+var TITLE$n = "Certificate list";
 
 var useCertificateList = function useCertificateList() {
   var certificateList = reactRedux.useSelector(function (state) {
@@ -16096,7 +16525,7 @@ var useCertificateList = function useCertificateList() {
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(get$p(filters)).then(function (res) {
+        return Promise.resolve(get$q(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -16129,7 +16558,7 @@ var useCertificateList = function useCertificateList() {
         message: "Do you want to remove this certificate?",
         onConfirm: function () {
           try {
-            return Promise.resolve(remove$k(id)).then(function () {
+            return Promise.resolve(remove$l(id)).then(function () {
               dispatch(marioCore.setAlert({
                 type: "success",
                 message: "Remove certificate successfully"
@@ -16155,7 +16584,7 @@ var useCertificateList = function useCertificateList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$m;
+    document.title = TITLE$n;
   }, []);
   React.useEffect(function () {
     getData();
@@ -16170,7 +16599,7 @@ var useCertificateList = function useCertificateList() {
   };
 };
 
-var header$5 = "Certificate";
+var header$6 = "Certificate";
 
 var CertificateList = function CertificateList() {
   var modal = React.useRef();
@@ -16229,7 +16658,7 @@ var CertificateList = function CertificateList() {
     when: edited
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$5), React__default.createElement(reactstrap.Row, {
+  }, header$6), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 4
@@ -16303,7 +16732,7 @@ var CertificateList = function CertificateList() {
   }))));
 };
 
-var TITLE$n = "Certificate list";
+var TITLE$o = "Certificate list";
 
 var useCertificateList$1 = function useCertificateList() {
   var dispatch = reactRedux.useDispatch();
@@ -16391,7 +16820,7 @@ var useCertificateList$1 = function useCertificateList() {
     }
   }, [listWaiting]);
   React.useEffect(function () {
-    document.title = TITLE$n;
+    document.title = TITLE$o;
     getListWaiting();
     getListApproved();
   }, []);
@@ -16762,7 +17191,7 @@ var getGradeReport = function getGradeReport() {
   return marioCore.api.get(REPORT_URL + "/grade");
 };
 
-var TITLE$o = "Dashboard";
+var TITLE$p = "Dashboard";
 
 var useDashboard = function useDashboard() {
   var dispatch = reactRedux.useDispatch();
@@ -16822,7 +17251,7 @@ var useDashboard = function useDashboard() {
   }, []);
   var getData = React.useCallback(function () {
     try {
-      document.title = TITLE$o;
+      document.title = TITLE$p;
       dispatch(marioCore.setLoading(true));
       return Promise.resolve(Promise.any([callApi(getLoginCountingReport, setLoginCounting, []), callApi(getQuantityReport, setQuantity, {}), callApi(getSkillReport, setSkill, []), callApi(getGoalProgressReport, setGoalProgress, []), callApi(getHighImpactLearningStrategyReport, setHighImpact, {}), callApi(getPerceivedImpactReport, setPerceivedImpact, []), callApi(getTimeInSessionReport, setTimeInSession, []), callApi(getGradeReport, setGrade, {})])).then(function () {
         dispatch(marioCore.setLoading(false));
@@ -19993,12 +20422,12 @@ var _baseMatches = baseMatches;
  * _.get(object, 'a.b.c', 'default');
  * // => 'default'
  */
-function get$q(object, path, defaultValue) {
+function get$r(object, path, defaultValue) {
   var result = object == null ? undefined : _baseGet(object, path);
   return result === undefined ? defaultValue : result;
 }
 
-var get_1 = get$q;
+var get_1 = get$r;
 
 /**
  * The base implementation of `_.hasIn` without support for deep paths.