mario-core 2.9.149-level → 2.9.151-level

package/dist/index.modern.js

@@ -21,7 +21,7 @@ import { CgMenuRight } from 'react-icons/cg';
 import { RiLogoutBoxRLine } from 'react-icons/ri';
 import Pusher from 'pusher-js/with-encryption';
 import { BsChevronDown } from 'react-icons/bs';
-import { FaPlus, FaTrashAlt, FaUsersCog, FaRegEdit, FaArrowLeft, FaDownload, FaTrash, FaEdit, FaFolderPlus, FaFileUpload } from 'react-icons/fa';
+import { FaPlus, FaTrashAlt, FaSyncAlt, FaUsersCog, FaRegEdit, FaArrowLeft, FaDownload, FaTrash, FaEdit, FaFolderPlus, FaFileUpload } from 'react-icons/fa';
 import { format } from 'date-fns';
 import { Editor } from '@tinymce/tinymce-react';
 import differenceInCalendarYears from 'date-fns/differenceInCalendarYears';
@@ -3269,9 +3269,7 @@ var useLogin = function useLogin() {
 
             amplitude.getInstance().init(!isLocalhost ? INIT_AMPLITUDE_KEY_PROD : INIT_AMPLITUDE_KEY_STAGE, data.email, {
               includeReferrer: false,
-              includeUtm: false,
-              includeGclid: false,
-              includeFbclid: false
+              includeUtm: false
             });
             var hostName = window.location.hostname;
             amplitude.getInstance().setUserProperties({
@@ -7251,23 +7249,25 @@ var SkillList = function SkillList() {
 var setUserList = createAction("users/setUserList");
 var setStudentList = createAction("users/setStudentList");
 
-var USER_URL$1 = BASE_URL + "/api/user";
+var STUDENT_URL = BASE_URL + "/api/student";
 var CHANGE_PASSWORD = BASE_URL + "/api/Account/changePassword";
 var ACCOUNT_URL$1 = BASE_URL + "/api/account";
 var EDU_USER_URL = BASE_URL + "/api/User";
-var get$5 = function get(filter) {
-  return api.get("" + USER_URL$1, {
+var ONE_ROSTER_USER_URL = BASE_URL + "/api/usersOneRoster";
+var ROSTER_USER_URL = BASE_URL + "/api/user/roster";
+var getRosterUser = function getRosterUser(filter) {
+  return api.get("" + ROSTER_USER_URL, {
     params: filter
   });
 };
-var getById$3 = function getById(id) {
-  return api.get(USER_URL$1 + "/" + id);
+var getRosterUserById = function getRosterUserById(id) {
+  return api.get(ROSTER_USER_URL + "/" + id);
 };
-var create$5 = function create(data) {
-  return api.post("" + USER_URL$1, data);
+var createRosterUser = function createRosterUser(data) {
+  return api.post("" + ROSTER_USER_URL, data);
 };
-var update$5 = function update(data) {
-  return api.put(USER_URL$1 + "/" + data.id, data);
+var updateRosterUser = function updateRosterUser(data) {
+  return api.put(ROSTER_USER_URL + "/" + data.id, data);
 };
 var remove$3 = function remove(id) {
   return api["delete"](EDU_USER_URL + "/delete-item-user/" + id);
@@ -7281,8 +7281,19 @@ var forgotChangePassword = function forgotChangePassword(data) {
 var switchAccountUser = function switchAccountUser(id) {
   return api.post(EDU_USER_URL + "/switch-user/" + id);
 };
+var getRosterStudentsApi = function getRosterStudentsApi(filter) {
+  return api.get("" + ONE_ROSTER_USER_URL, {
+    params: filter
+  });
+};
+var getRosterStudentBySourcedIdApi = function getRosterStudentBySourcedIdApi(sourcedId) {
+  return api.get(ONE_ROSTER_USER_URL + "/" + sourcedId);
+};
+var syncRosterStudentsApi = function syncRosterStudentsApi() {
+  return api.put(STUDENT_URL + "/sync-students");
+};
 
-var USER_URL$2 = "/admin/user";
+var USER_URL$1 = "/admin/user";
 var CREATE_USER_URL = "/admin/create-user";
 var TITLE$7 = "User list";
 var HOMEPAGE_TEACHER$1 = "/home";
@@ -7322,9 +7333,9 @@ var useUserList = function useUserList() {
       dispatch(setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(fullName ? get$5(_extends({}, filters, {
+        return Promise.resolve(fullName ? getRosterUser(_extends({}, filters, {
           searchString: fullName
-        })) : get$5(filters)).then(function (res) {
+        })) : getRosterUser(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
               totalItems = _res$data.totalItems;
@@ -7353,6 +7364,68 @@ var useUserList = function useUserList() {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
+
+  var handleSyncRosterStudents = function handleSyncRosterStudents() {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp8 = _catch(function () {
+        return Promise.resolve(syncRosterStudentsApi()).then(function (res) {
+          if (res.data) {
+            dispatch(setAlert({
+              type: "success",
+              message: res.data + " student" + (res.data > 1 ? "s have" : " has") + " been synchronized"
+            }));
+            getData();
+          } else {
+            dispatch(setAlert({
+              type: "success",
+              message: "Every student synchronized"
+            }));
+          }
+        });
+      }, 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(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var rosterUserInfo = function rosterUserInfo(record) {
+    if (!record) return '';
+    var result = [];
+    var sourcedId = record.sourcedId,
+        rosterUser = record.rosterUser;
+    !!sourcedId && result.push(sourcedId);
+
+    if (rosterUser) {
+      var givenName = rosterUser.givenName,
+          middleName = rosterUser.middleName,
+          familyName = rosterUser.familyName,
+          email = rosterUser.email;
+      var names = [];
+      !!givenName && names.push(givenName);
+      !!middleName && names.push(middleName);
+      !!familyName && names.push(familyName);
+      !!names.length && result.push(names.join(" "));
+      !!email && result.push(email);
+    }
+
+    return result.join(" / ");
+  };
+
   useEffect(function () {
     document.title = TITLE$7;
   }, []);
@@ -7389,11 +7462,11 @@ var useUserList = function useUserList() {
         }
       }));
     } catch (err) {
-      var _err$response2, _err$response2$data;
+      var _err$response3, _err$response3$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
+        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
       }));
     }
 
@@ -7439,7 +7512,7 @@ var useUserList = function useUserList() {
 
   var swicthUser = useCallback(function (id) {
     try {
-      var _temp6 = _catch(function () {
+      var _temp10 = _catch(function () {
         return Promise.resolve(switchAccountUser(id)).then(function (res) {
           var data = res.data;
           dispatch(setModal({
@@ -7448,13 +7521,13 @@ var useUserList = function useUserList() {
             message: "Do you want to impersonate this user?",
             onConfirm: function () {
               try {
-                var _temp9 = function _temp9() {
+                var _temp13 = function _temp13() {
                   dispatch(setLoading(false));
                 };
 
                 dispatch(setLoading(true));
 
-                var _temp10 = _catch(function () {
+                var _temp14 = _catch(function () {
                   var req = {
                     email: data.email,
                     password: "default",
@@ -7465,15 +7538,15 @@ var useUserList = function useUserList() {
                     redirectLoginUser(res);
                   });
                 }, function (err) {
-                  var _err$response3, _err$response3$data;
+                  var _err$response4, _err$response4$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
+                    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(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+                return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp13) : _temp13(_temp14));
               } catch (e) {
                 return Promise.reject(e);
               }
@@ -7481,22 +7554,22 @@ var useUserList = function useUserList() {
           }));
         });
       }, function (err) {
-        var _err$response4, _err$response4$data;
+        var _err$response5, _err$response5$data;
 
         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
+          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(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+      return Promise.resolve(_temp10 && _temp10.then ? _temp10.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;
+    var url = !!id ? USER_URL$1 + "/" + id : CREATE_USER_URL;
     history.push(url);
   };
 
@@ -7509,7 +7582,9 @@ var useUserList = function useUserList() {
     removeData: removeData,
     changeFilters: changeFilters,
     reDirectDetailPage: reDirectDetailPage,
-    swicthUser: swicthUser
+    swicthUser: swicthUser,
+    handleSyncRosterStudents: handleSyncRosterStudents,
+    rosterUserInfo: rosterUserInfo
   };
 };
 
@@ -7588,6 +7663,29 @@ var utcToLocalTime = (function (time, FORMAT) {
   }
 });
 
+var buttonTextStyle$1 = {
+  fontWeight: 500
+};
+var buttonStyle$1 = {
+  height: 38
+};
+
+var SyncButtonIcon = function SyncButtonIcon(_ref) {
+  var text = _ref.text,
+      onClick = _ref.onClick,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className;
+  return React.createElement(Button, {
+    onClick: onClick,
+    color: 'primary',
+    style: buttonStyle$1,
+    className: "d-flex align-items-center " + className
+  }, React.createElement(FaSyncAlt, null), React.createElement("span", {
+    className: 'ml-2',
+    style: buttonTextStyle$1
+  }, text));
+};
+
 var header$2 = "User";
 
 var UserList = function UserList() {
@@ -7599,7 +7697,9 @@ var UserList = function UserList() {
       removeData = _useUserList.removeData,
       changeFilters = _useUserList.changeFilters,
       reDirectDetailPage = _useUserList.reDirectDetailPage,
-      swicthUser = _useUserList.swicthUser;
+      swicthUser = _useUserList.swicthUser,
+      handleSyncRosterStudents = _useUserList.handleSyncRosterStudents,
+      rosterUserInfo = _useUserList.rosterUserInfo;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -7627,7 +7727,13 @@ var UserList = function UserList() {
   })), React.createElement(Col, {
     md: 4,
     className: "d-flex justify-content-end align-items-center"
-  }, t("total_of_users"), " : ", totalItems)), React.createElement(Row, {
+  }, t("total_of_users"), " : ", totalItems), React.createElement(Col, {
+    md: 12,
+    className: "d-flex justify-content-end my-2"
+  }, React.createElement(SyncButtonIcon, {
+    text: "Sync Roster students",
+    onClick: handleSyncRosterStudents
+  }))), React.createElement(Row, {
     className: "mb-2"
   }, React.createElement(Col, {
     md: 12
@@ -7650,6 +7756,8 @@ var UserList = function UserList() {
   }, t("active_status")), React.createElement("th", {
     className: "align-top"
   }, t("created_time")), React.createElement("th", {
+    className: "align-top"
+  }, "Information Roster (Sourced Id / Full name / Email)"), React.createElement("th", {
     className: "text-center"
   }, t("action")))), React.createElement("tbody", null, userList.map(function (record) {
     return React.createElement("tr", {
@@ -7673,7 +7781,7 @@ var UserList = function UserList() {
       className: "align-middle"
     }, record.isActive ? t("active") : t("inactive")), React.createElement("td", {
       className: "align-middle"
-    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React.createElement("td", {
+    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React.createElement("td", null, rosterUserInfo(record)), React.createElement("td", {
       className: "text-center align-middle"
     }, React.createElement(FaUsersCog, {
       style: {
@@ -7853,7 +7961,7 @@ var useUserDetail = function useUserDetail(id) {
       dispatch(setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(getById$3(id)).then(function (res) {
+        return Promise.resolve(getRosterUserById(id)).then(function (res) {
           var _res$data$roles, _res$data, _res$data2;
 
           setUserDetail(_extends({}, res.data, {
@@ -7890,11 +7998,11 @@ var useUserDetail = function useUserDetail(id) {
 
       var _temp10 = _catch(function () {
         function _temp6() {
-          var next = !!id ? update$5 : create$5;
+          var next = !!id ? updateRosterUser : createRosterUser;
           !id && delete data.id;
           return Promise.resolve(next(data)).then(function (result) {
             if (!!result) {
-              getById$3(result.data.id).then(function (e) {
+              getRosterUserById(result.data.id).then(function (e) {
                 backToList(e.data.fullName);
               });
             }
@@ -8033,6 +8141,163 @@ var changePasswordSchema = object({
   confirmedNewPassword: string().required("Confirm password is required")
 });
 
+var defaultFilter = {
+  currentPage: 1,
+  pageSize: 100,
+  role: "student"
+};
+
+var useStudentSelector = function useStudentSelector(value) {
+  var _useState = useState([]),
+      students = _useState[0],
+      setStudents = _useState[1];
+
+  var _useState2 = useState(false),
+      isLoading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useState3 = useState(defaultFilter),
+      filter = _useState3[0],
+      setFilter = _useState3[1];
+
+  var _useState4 = useState(),
+      student = _useState4[0],
+      setStudent = _useState4[1];
+
+  var dispatch = useDispatch();
+  var getRosterStudents = useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        setLoading(false);
+      };
+
+      setLoading(true);
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getRosterStudentsApi(filter)).then(function (res) {
+          var _res$data;
+
+          var students = ((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.items) || [];
+          setStudents(mapStudentsToOptions(students));
+        });
+      }, function (err) {
+        console.log("err:", err);
+        dispatch(setAlert({
+          type: "error",
+          message: "Cannot get roster students"
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [JSON.stringify(filter)]);
+  var getStudentBySourcedId = useCallback(function () {
+    try {
+      var _temp7 = function _temp7() {
+        setLoading(false);
+      };
+
+      if (!value) return Promise.resolve();
+      var v = students.find(function (i) {
+        return i.value === value;
+      });
+
+      if (v) {
+        setStudent(v);
+        return Promise.resolve();
+      }
+
+      setLoading(true);
+
+      var _temp8 = _catch(function () {
+        return Promise.resolve(getRosterStudentBySourcedIdApi(value)).then(function (res) {
+          var student = res.data;
+          setStudent({
+            label: student.sourcedId + " - " + student.givenName + " - " + student.email,
+            value: student.sourcedId
+          });
+        });
+      }, function (err) {
+        console.log("err:", err);
+      });
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [value]);
+
+  var mapStudentsToOptions = function mapStudentsToOptions(students) {
+    return students.map(function (i) {
+      return {
+        label: rosterUserInfo(i),
+        value: i.sourcedId
+      };
+    });
+  };
+
+  var rosterUserInfo = function rosterUserInfo(rosterUser) {
+    var result = [];
+    var givenName = rosterUser.givenName,
+        middleName = rosterUser.middleName,
+        familyName = rosterUser.familyName,
+        email = rosterUser.email;
+    var names = [];
+    !!givenName && names.push(givenName);
+    !!middleName && names.push(middleName);
+    !!familyName && names.push(familyName);
+    !!names.length && result.push(names.join(" "));
+    !!email && result.push(email);
+    return result.join(" - ");
+  };
+
+  var handleInputChange = function handleInputChange(value) {
+    setFilter(function (state) {
+      return _extends({}, state, {
+        searchString: value
+      });
+    });
+  };
+
+  useEffect(function () {
+    getRosterStudents();
+  }, [JSON.stringify(filter)]);
+  useEffect(function () {
+    getStudentBySourcedId();
+  }, [value]);
+  return {
+    students: students,
+    isLoading: isLoading,
+    student: student,
+    handleInputChange: handleInputChange
+  };
+};
+
+var RosterStudentSelector = function RosterStudentSelector(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useStudentSelector = useStudentSelector(value),
+      students = _useStudentSelector.students,
+      isLoading = _useStudentSelector.isLoading,
+      student = _useStudentSelector.student,
+      handleInputChange = _useStudentSelector.handleInputChange;
+
+  return React.createElement(CustomSelector, {
+    options: students,
+    value: student,
+    placeholder: t("Select student"),
+    onChange: onChange,
+    isLoading: isLoading,
+    onInputChange: handleInputChange
+  });
+};
+
 var CREATE_USER = "create_user";
 var EDIT_USER_HEADER = "edit_user";
 var CHANGE_PASSWORD$1 = "change_password";
@@ -8260,7 +8525,12 @@ var UserDetail = function UserDetail() {
       }
     })))))), !!id && React.createElement(Row, null, React.createElement(Col, {
       md: 6
-    }), React.createElement(Col, {
+    }, values.roles.includes("Student") && React.createElement(FormGroup, null, React.createElement(Label, null, "Map student from Roster"), React.createElement(RosterStudentSelector, {
+      value: values.sourcedId,
+      onChange: function onChange(e) {
+        return setFieldValue("sourcedId", e.value);
+      }
+    }))), React.createElement(Col, {
       md: 6
     }, React.createElement(Button, {
       color: "primary",
@@ -8586,7 +8856,7 @@ var QuestionTypeSelector = function QuestionTypeSelector(props) {
 };
 
 var CATEGORY_URL = BASE_URL + "/api/SuggestionCategory";
-var get$6 = function get() {
+var get$5 = function get() {
   return api.get(CATEGORY_URL);
 };
 
@@ -8602,7 +8872,7 @@ var SuggestionCategorySelector = function SuggestionCategorySelector(props) {
   var fetchCategory = function fetchCategory() {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$6()).then(function (res) {
+        return Promise.resolve(get$5()).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
@@ -8633,7 +8903,7 @@ var SuggestionCategorySelector = function SuggestionCategorySelector(props) {
 };
 
 var CATEGORY_URL$1 = BASE_URL + "/api/QuestionCategory";
-var get$7 = function get(parentCategoryId) {
+var get$6 = function get(parentCategoryId) {
   return api.get(CATEGORY_URL$1, {
     params: {
       parentCategoryId: parentCategoryId
@@ -8660,7 +8930,7 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
   var fetchCategory = function fetchCategory() {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$7(parentCategoryId)).then(function (res) {
+        return Promise.resolve(get$6(parentCategoryId)).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
@@ -9681,14 +9951,14 @@ var setGallery = createAction("gallery/setGallery");
 var setTargetMedia = createAction("gallery/setTargetMedia");
 
 var GALLERY_URL = BASE_URL + "/api/file";
-var get$8 = function get(filter) {
+var get$7 = function get(filter) {
   return api.get("" + GALLERY_URL, {
     params: filter
   });
 };
 
 var TITLE$a = "Gallery";
-var defaultFilter = {
+var defaultFilter$1 = {
   searchString: ""
 };
 
@@ -9712,7 +9982,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
       formDataMediaType = _useState[0],
       handleSelectFile = _useState[1];
 
-  var _useState2 = useState(Object.assign(_extends({}, defaultFilter), isLibrary ? {
+  var _useState2 = useState(Object.assign(_extends({}, defaultFilter$1), isLibrary ? {
     isLibrary: true
   } : {})),
       filters = _useState2[0],
@@ -9903,7 +10173,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
       dispatch(setLoading(true));
 
       var _temp12 = _catch(function () {
-        return Promise.resolve(get$8(filters)).then(function (res) {
+        return Promise.resolve(get$7(filters)).then(function (res) {
           dispatch(setGallery({
             mediaList: res.data,
             totalItems: res.data.length || 0
@@ -10143,7 +10413,7 @@ var GalleryList = function GalleryList(_ref) {
 };
 
 var CLASS_URL = BASE_URL + "/api/academicclass";
-var get$9 = function get() {
+var get$8 = function get() {
   return api.get(CLASS_URL);
 };
 
@@ -10159,7 +10429,7 @@ var AcademicClassSelector = function AcademicClassSelector(props) {
   var getData = function getData() {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$9()).then(function (res) {
+        return Promise.resolve(get$8()).then(function (res) {
           setClasses(res.data.items);
         });
       }, function (err) {