mario-education 2.4.567-feedback → 2.4.568-feedback

package/dist/containers/UserManagement/configs/constants.d.ts

@@ -19,6 +19,13 @@ export declare type Teacher = {
     id: string;
     email: string;
 };
+export declare type IUserRoleDataCheck = {
+    isHasTeacherData: boolean;
+    isHasEduTeacherData: boolean;
+    isHasAssistantData: boolean;
+    isHasCounselorData: boolean;
+    isHasSecondaryTeacherData: boolean;
+};
 export declare const rolesSelect: string[];
 export declare const ROLES: {
     ADMIN: string;
@@ -41,4 +48,5 @@ export declare const statusCheck: {
     label: string;
 }[];
 export declare const gradeLevels: string[];
+export declare const SPECIAL_ROLE: string[];
 export {};

package/dist/containers/UserManagement/hooks/useUserDetail.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IOptions, TypeControl } from "../configs/constants";
+import { IOptions, IUserRoleDataCheck, TypeControl } from "../configs/constants";
 declare type UserDetail = {
     id?: string;
     firstName: string;
@@ -40,5 +40,6 @@ declare const useUserDetail: (id?: string | undefined) => {
     getFile: () => void;
     checkHasTeacher: boolean;
     setCheckHasTeacher: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    userHasData: IUserRoleDataCheck;
 };
 export default useUserDetail;

package/dist/containers/UserManagement/views/Profile.d.ts

@@ -1,4 +1,5 @@
 import 'react-phone-number-input/style.css';
+import { IUserRoleDataCheck } from '../configs/constants';
 interface IProps {
     userDetail: any;
     confirmData: any;
@@ -9,6 +10,7 @@ interface IProps {
     currentRoles: string[];
     checkHasTeacher: boolean;
     setCheckHasTeacher: (value: boolean) => void;
+    userHasData: IUserRoleDataCheck;
 }
-declare const Profile: ({ userDetail, confirmData, goBack, teacherOptions, id, handleDisableRoles, currentRoles, checkHasTeacher, setCheckHasTeacher }: IProps) => JSX.Element;
+declare const Profile: ({ userDetail, confirmData, goBack, teacherOptions, id, checkHasTeacher, setCheckHasTeacher, userHasData, currentRoles }: IProps) => JSX.Element;
 export default Profile;

package/dist/index.js

@@ -80610,6 +80610,9 @@ var getTeachers = function getTeachers(filters) {
     params: filters
   });
 };
+var userRoleHasDataApi = function userRoleHasDataApi(userId) {
+  return marioCore.api.get(marioCore.BASE_URL + "/api/user/check-role-data/" + userId);
+};
 
 var useProfile = function useProfile() {
   var _useTranslation = marioCore.useTranslation(),
@@ -81369,6 +81372,7 @@ var statusCheck = [{
   label: 'Inactive'
 }];
 var gradeLevels = ["K", "G", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13"];
+var SPECIAL_ROLE = ['Student'];
 
 var schema$n = yup.object({
   firstName: yup.string().required("First name is required"),
@@ -81383,14 +81387,15 @@ var Profile$1 = function Profile(_ref) {
       goBack = _ref.goBack,
       teacherOptions = _ref.teacherOptions,
       id = _ref.id,
-      handleDisableRoles = _ref.handleDisableRoles,
-      currentRoles = _ref.currentRoles,
       checkHasTeacher = _ref.checkHasTeacher,
-      setCheckHasTeacher = _ref.setCheckHasTeacher;
+      setCheckHasTeacher = _ref.setCheckHasTeacher,
+      userHasData = _ref.userHasData,
+      currentRoles = _ref.currentRoles;
 
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
 
+  var roleClickRef = React.useRef(null);
   return React__default.createElement("div", {
     className: myProfile$1['edit-profile-container']
   }, React__default.createElement("div", {
@@ -81418,6 +81423,34 @@ var Profile$1 = function Profile(_ref) {
       });
     }
 
+    var handleChange = function handleChange(e) {
+      var selectedValues = e.target.value;
+      var clickedRole = roleClickRef.current;
+
+      if (!!id && (userHasData.isHasTeacherData && clickedRole === 'Teacher' || userHasData.isHasAssistantData && clickedRole === 'Assistant' || userHasData.isHasCounselorData && clickedRole === 'Counselor' || userHasData.isHasSecondaryTeacherData && clickedRole === 'SecondaryTeacher' || clickedRole === 'Student' && (userHasData.isHasAssistantData || userHasData.isHasCounselorData || userHasData.isHasSecondaryTeacherData || userHasData.isHasTeacherData))) {
+        alert('Please switch data before removing the role');
+      } else {
+        var hasSpecialRole = selectedValues.some(function (role) {
+          return SPECIAL_ROLE.includes(role);
+        });
+
+        if (hasSpecialRole) {
+          if (clickedRole && !values.roles.includes(clickedRole)) {
+            setFieldValue('roles', [clickedRole]);
+          } else {
+            var specialRole = selectedValues.find(function (role) {
+              return SPECIAL_ROLE.includes(role);
+            });
+            setFieldValue('roles', specialRole ? [specialRole] : []);
+          }
+        } else {
+          setFieldValue('roles', selectedValues);
+        }
+
+        roleClickRef.current = null;
+      }
+    };
+
     return React__default.createElement("div", {
       className: myProfile$1['edit-profile-container__form']
     }, React__default.createElement("div", {
@@ -81480,36 +81513,18 @@ var Profile$1 = function Profile(_ref) {
           return r;
         }).join(', ');
       },
-      onChange: function onChange(e) {
-        var SPECIAL = ['Student', 'General ED teacher'];
-        var current = values.roles || [];
-        var clicked = e.target.value[e.target.value.length - 1];
-        var next;
-
-        if (SPECIAL.includes(clicked)) {
-          next = [clicked];
-        } else {
-          var withoutSpecial = current.filter(function (x) {
-            return !SPECIAL.includes(x);
-          });
-
-          if (withoutSpecial.includes(clicked)) {
-            next = withoutSpecial.filter(function (x) {
-              return x !== clicked;
-            });
-          } else {
-            next = [].concat(withoutSpecial, [clicked]);
-          }
-        }
-
-        setFieldValue('roles', next);
-      },
+      onChange: handleChange,
       className: "" + myProfile$1["profile-value"]
     }, rolesSelect === null || rolesSelect === void 0 ? void 0 : rolesSelect.map(function (role) {
       return React__default.createElement(core$1.MenuItem, {
         key: role,
         value: role,
-        disabled: !!id ? currentRoles.concat(["Student", "Parent", "General ED teacher"]).includes(role) || currentRoles.every(handleDisableRoles) : ["Parent"].includes(role)
+        disabled: !!id ? (currentRoles || []).some(function (r) {
+          return ['Student', 'Parent', 'General ED teacher'].includes(r);
+        }) || ["Parent"].includes(role) : ["Parent"].includes(role),
+        onClick: function onClick() {
+          roleClickRef.current = role;
+        }
       }, React__default.createElement(core$1.Checkbox, {
         checked: values === null || values === void 0 ? void 0 : values.roles.includes(role)
       }), React__default.createElement(core$1.ListItemText, {
@@ -81833,6 +81848,16 @@ var useUserDetail = function useUserDetail(id) {
       checkHasTeacher = _useState8[0],
       setCheckHasTeacher = _useState8[1];
 
+  var _useState9 = React.useState({
+    isHasAssistantData: false,
+    isHasCounselorData: false,
+    isHasEduTeacherData: false,
+    isHasSecondaryTeacherData: false,
+    isHasTeacherData: false
+  }),
+      userHasData = _useState9[0],
+      setUserHasData = _useState9[1];
+
   var setEditedTrue = function setEditedTrue() {
     try {
       localStorage.setItem(window.location.href, "true");
@@ -81864,7 +81889,11 @@ var useUserDetail = function useUserDetail(id) {
     if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
   }, []);
   React.useEffect(function () {
-    !!id && getData();
+    if (!!id) {
+      getData();
+      getUserRoleHasData();
+    }
+
     !id && getDataTeachers();
   }, [id]);
   var getData = React.useCallback(function () {
@@ -81881,7 +81910,9 @@ var useUserDetail = function useUserDetail(id) {
 
           setUserDetail(_extends({}, res.data, {
             dateOfBirth: dateFns.format(new Date(res.data.dateOfBirth), marioCore.DATE_FORMAT),
-            roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles,
+            roles: res.data.roles.includes("EduTeacher") ? [].concat(res.data.roles.filter(function (r) {
+              return r !== 'EduTeacher';
+            }), [ROLES.EDUTEACHER]) : res.data.roles,
             currentGradeLevel: res.data.gradeLevel
           }));
           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 : []);
@@ -81901,6 +81932,32 @@ var useUserDetail = function useUserDetail(id) {
       return Promise.reject(e);
     }
   }, [id]);
+  var getUserRoleHasData = React.useCallback(function () {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp8 = _catch(function () {
+        return Promise.resolve(userRoleHasDataApi(id)).then(function (res) {
+          setUserHasData(res.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
+        }));
+      });
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } 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);
   }, []);
@@ -81911,7 +81968,7 @@ var useUserDetail = function useUserDetail(id) {
 
   var confirmData = React.useCallback(function (data) {
     try {
-      var _temp7 = function _temp7() {
+      var _temp11 = function _temp11() {
         dispatch(marioCore.setLoading(false));
       };
 
@@ -81922,7 +81979,7 @@ var useUserDetail = function useUserDetail(id) {
 
       dispatch(marioCore.setLoading(true));
 
-      var _temp8 = _catch(function () {
+      var _temp12 = _catch(function () {
         var next = !!id ? update$q : create$o;
         !id && delete data.id;
         data.teacherUserId = data.roles.includes(ROLES.STUDENT) ? data.teacherUserId : [];
@@ -81955,15 +82012,15 @@ var useUserDetail = function useUserDetail(id) {
           }));
         });
       }, function (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
         }));
       });
 
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -81971,13 +82028,13 @@ var useUserDetail = function useUserDetail(id) {
 
   var confirmChangePassword = function confirmChangePassword(data) {
     try {
-      var _temp11 = function _temp11() {
+      var _temp15 = function _temp15() {
         dispatch(marioCore.setLoading(false));
       };
 
       dispatch(marioCore.setLoading(true));
 
-      var _temp12 = _catch(function () {
+      var _temp16 = _catch(function () {
         return Promise.resolve(changePassword(data)).then(function () {
           dispatch(marioCore.setAlert({
             type: "success",
@@ -81993,7 +82050,7 @@ var useUserDetail = function useUserDetail(id) {
         }));
       });
 
-      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
+      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp15) : _temp15(_temp16));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -82001,13 +82058,13 @@ var useUserDetail = function useUserDetail(id) {
 
   var forgotPasswordRequest = React.useCallback(function (data) {
     try {
-      var _temp15 = function _temp15() {
+      var _temp19 = function _temp19() {
         dispatch(marioCore.setLoading(false));
       };
 
       dispatch(marioCore.setLoading(true));
 
-      var _temp16 = _catch(function () {
+      var _temp20 = _catch(function () {
         return Promise.resolve(forgotChangePassword(data)).then(function () {
           dispatch(marioCore.setAlert({
             type: "success",
@@ -82015,15 +82072,15 @@ var useUserDetail = function useUserDetail(id) {
           }));
         });
       }, function (err) {
-        var _err$response3, _err$response3$data;
+        var _err$response4, _err$response4$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) || 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 || "Error occured"
         }));
       });
 
-      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp15) : _temp15(_temp16));
+      return Promise.resolve(_temp20 && _temp20.then ? _temp20.then(_temp19) : _temp19(_temp20));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -82031,7 +82088,7 @@ var useUserDetail = function useUserDetail(id) {
 
   var getDataTeachers = function getDataTeachers() {
     try {
-      var _temp18 = _catch(function () {
+      var _temp22 = _catch(function () {
         return Promise.resolve(getTeachers({
           sortBy: "Email"
         })).then(function (res) {
@@ -82045,15 +82102,15 @@ var useUserDetail = function useUserDetail(id) {
           })) || []);
         });
       }, function (err) {
-        var _err$response4, _err$response4$data;
+        var _err$response5, _err$response5$data;
 
         dispatch(marioCore.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
+          message: ((_err$response5 = err.response) === null || _err$response5 === void 0 ? void 0 : (_err$response5$data = _err$response5.data) === null || _err$response5$data === void 0 ? void 0 : _err$response5$data.title) || err.message
         }));
       });
 
-      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
+      return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -82061,9 +82118,9 @@ var useUserDetail = function useUserDetail(id) {
 
   var MAX_FILE_SIZE = 20097152;
 
-  var _useState9 = React.useState(""),
-      imagePreviewUrl = _useState9[0],
-      setImagePreviewUrl = _useState9[1];
+  var _useState10 = React.useState(""),
+      imagePreviewUrl = _useState10[0],
+      setImagePreviewUrl = _useState10[1];
 
   var handleImageChange = function handleImageChange(e) {
     e.preventDefault();
@@ -82082,7 +82139,7 @@ var useUserDetail = function useUserDetail(id) {
       try {
         setImagePreviewUrl(reader.result);
 
-        var _temp21 = function () {
+        var _temp25 = function () {
           if (!!newFile) {
             var formData = new FormData();
             var name = newFile.name;
@@ -82092,7 +82149,7 @@ var useUserDetail = function useUserDetail(id) {
 
               var imageUrl = res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.key;
 
-              var _temp19 = function () {
+              var _temp23 = function () {
                 if (!!id) {
                   return Promise.resolve(updateAvatarByAdminApi(userDetail.id || '', imageUrl)).then(function () {});
                 } else {
@@ -82100,12 +82157,12 @@ var useUserDetail = function useUserDetail(id) {
                 }
               }();
 
-              if (_temp19 && _temp19.then) return _temp19.then(function () {});
+              if (_temp23 && _temp23.then) return _temp23.then(function () {});
             });
           }
         }();
 
-        return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(function () {}) : void 0);
+        return Promise.resolve(_temp25 && _temp25.then ? _temp25.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -82160,7 +82217,8 @@ var useUserDetail = function useUserDetail(id) {
     handleDeleteAvatar: handleDeleteAvatar,
     getFile: getFile,
     checkHasTeacher: checkHasTeacher,
-    setCheckHasTeacher: setCheckHasTeacher
+    setCheckHasTeacher: setCheckHasTeacher,
+    userHasData: userHasData
   };
 };
 
@@ -82189,7 +82247,8 @@ var UserProfileManagement = function UserProfileManagement() {
       currentRoles = _useUserDetail.currentRoles,
       handleDisableRoles = _useUserDetail.handleDisableRoles,
       checkHasTeacher = _useUserDetail.checkHasTeacher,
-      setCheckHasTeacher = _useUserDetail.setCheckHasTeacher;
+      setCheckHasTeacher = _useUserDetail.setCheckHasTeacher,
+      userHasData = _useUserDetail.userHasData;
 
   var componentByControl = [{
     value: TypeControl$1.Info,
@@ -82202,7 +82261,8 @@ var UserProfileManagement = function UserProfileManagement() {
       currentRoles: currentRoles,
       handleDisableRoles: handleDisableRoles,
       checkHasTeacher: checkHasTeacher,
-      setCheckHasTeacher: setCheckHasTeacher
+      setCheckHasTeacher: setCheckHasTeacher,
+      userHasData: userHasData
     })
   }, {
     value: TypeControl$1.ChangePassword,
@@ -82236,7 +82296,7 @@ var UserProfileManagement = function UserProfileManagement() {
     accept: "image/*"
   }), React__default.createElement("img", {
     src: !!imageSrc ? imageSrc : marioCore.getStaticFileUrl(DEFAULT_USER_AVATAR$6),
-    alt: imageSrc,
+    alt: 'avatar',
     className: "" + myProfile$1["image-user-container__image"]
   }), React__default.createElement(reactstrap.Label, {
     htmlFor: "uploadFile",