mario-core 2.9.245-multi → 2.9.246-multi

package/dist/index.js

@@ -10,14 +10,14 @@ var reactRouterDom = require('react-router-dom');
 var reactRedux = require('react-redux');
 var formik = require('formik');
 var yup = require('yup');
-var msalBrowser = require('@azure/msal-browser');
+var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
+var GoogleLogin = _interopDefault(require('react-google-login'));
+var Select = _interopDefault(require('react-select'));
 var toolkit = require('@reduxjs/toolkit');
 var axios = _interopDefault(require('axios'));
 var amplitude = _interopDefault(require('amplitude-js'));
 var moment = _interopDefault(require('moment'));
-var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
-var GoogleLogin = _interopDefault(require('react-google-login'));
-var Select = _interopDefault(require('react-select'));
+var msalBrowser = require('@azure/msal-browser');
 var gi = require('react-icons/gi');
 var react = require('@coreui/react');
 var cg = require('react-icons/cg');
@@ -43,8 +43,8 @@ require('symbol-observable');
 var dashboard = "Dashboard";
 var user = "User";
 var question_bank = "Question bank";
-var email_template = "Email template";
-var custom_alert = "Custom alert";
+var email_template = "Email Template";
+var custom_alert = "Custom Alert";
 var set_up = "Set up";
 var media_gallery = "Media Gallery";
 var district_school_list = "District school list";
@@ -3980,8 +3980,8 @@ var lang_us = {
 var dashboard$1 = "Dashboard";
 var user$1 = "User";
 var question_bank$1 = "Question bank";
-var email_template$1 = "Email template";
-var custom_alert$1 = "Custom alert";
+var email_template$1 = "Email Template";
+var custom_alert$1 = "Custom Alert";
 var set_up$1 = "Set up";
 var media_gallery$1 = "Media Gallery";
 var district_school_list$1 = "District school list";
@@ -37167,14 +37167,23 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   return it.next.bind(it);
 }
 
-var getAccessToken = (function () {
-  try {
-    var isSessionUserBrowser = sessionStorage.getItem(IS_USER_SESSION_BROWSER);
-    return !isSessionUserBrowser ? localStorage.getItem(ACCESS_TOKEN) : sessionStorage.getItem(ACCESS_TOKEN);
-  } catch (err) {
-    return null;
-  }
-});
+var CustomSelector = function CustomSelector(_ref) {
+  var defaultValue = _ref.defaultValue,
+      options = _ref.options,
+      isDisabled = _ref.isDisabled,
+      scrollBottom = _ref.scrollBottom,
+      rest = _objectWithoutPropertiesLoose(_ref, ["defaultValue", "options", "isDisabled", "scrollBottom"]);
+
+  var initValue = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
+    return option.value === defaultValue;
+  }) || null : null;
+  return React__default.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: initValue,
+    menuPlacement: scrollBottom ? "top" : "auto"
+  }, rest));
+};
 
 var setLoading = toolkit.createAction("common/setLoading");
 var setModal = toolkit.createAction("common/setModal");
@@ -37211,6 +37220,15 @@ var encodeParams = (function (params) {
   }).join('&');
 });
 
+var getAccessToken = (function () {
+  try {
+    var isSessionUserBrowser = sessionStorage.getItem(IS_USER_SESSION_BROWSER);
+    return !isSessionUserBrowser ? localStorage.getItem(ACCESS_TOKEN) : sessionStorage.getItem(ACCESS_TOKEN);
+  } catch (err) {
+    return null;
+  }
+});
+
 var api = axios.create({
   baseURL: BASE_URL,
   timeout: 0,
@@ -37344,14 +37362,131 @@ var createPassword = function createPassword(data) {
   return api.post(ACCOUNT_URL + "/createPassword", data);
 };
 
-var SCHOOL_URL = BASE_URL + "/api/school";
-var getSchoolSettings = function getSchoolSettings() {
-  return api.get(SCHOOL_URL + "/settings");
-};
-var getInfo$1 = function getInfo() {
-  return api.get(SCHOOL_URL + "/info");
+var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
+  var defaultValue = _ref.defaultValue,
+      isDisabled = _ref.isDisabled,
+      openModal = _ref.openModal,
+      onSubmit = _ref.onSubmit,
+      token = _ref.token,
+      email = _ref.email;
+
+  var _useState = React.useState(false),
+      modal = _useState[0],
+      setModal = _useState[1];
+
+  React.useEffect(function () {
+    setModal(openModal);
+  }, [openModal]);
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState2 = React.useState([]),
+      teachers = _useState2[0],
+      setTeachers = _useState2[1];
+
+  var _useState3 = React.useState(""),
+      searchString = _useState3[0],
+      setSearchString = _useState3[1];
+
+  var _useState4 = React.useState(""),
+      teacherEmail = _useState4[0],
+      setTeacherEmail = _useState4[1];
+
+  var _useState5 = React.useState(false),
+      isLoading = _useState5[0],
+      setLoading = _useState5[1];
+
+  var timeout = React.useRef();
+
+  var toggle = function toggle() {
+    setModal(!modal);
+    dispatch(setIsLoginGoogle(!modal));
+  };
+
+  var loadData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        setLoading(false);
+      };
+
+      setLoading(true);
+
+      var _temp4 = _catch(function () {
+        var data = {
+          token: token,
+          email: email
+        };
+        return Promise.resolve(getAllLoginTeacher(data)).then(function (res) {
+          setTeachers(res.data);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [searchString]);
+  React.useEffect(function () {
+    timeout && timeout.current && clearTimeout(timeout.current);
+
+    if (!searchString || searchString.trim().length < 2) {
+      setTeachers([]);
+    } else {
+      timeout.current = setTimeout(loadData, 300);
+    }
+  }, [searchString]);
+  var options = teachers.map(function (teacher) {
+    return {
+      label: teacher.fullName + " (" + teacher.email + ")",
+      value: teacher.teacherId
+    };
+  });
+
+  var onChangeTeacher = function onChangeTeacher(e) {
+    setTeacherEmail(e.value);
+  };
+
+  var customSelector = {
+    control: function control(styles) {
+      return _extends({}, styles, {
+        borderRadius: "10px"
+      });
+    }
+  };
+  return React__default.createElement(reactstrap.Modal, {
+    isOpen: modal
+  }, React__default.createElement(reactstrap.ModalHeader, null, " Sign in "), React__default.createElement(reactstrap.ModalBody, null, React__default.createElement("h6", null, "You are logging in as a student, please select teacher"), React__default.createElement(CustomSelector, {
+    styles: customSelector,
+    options: options,
+    inputValue: searchString,
+    onInputChange: function onInputChange(inputValue) {
+      return setSearchString(inputValue);
+    },
+    isLoading: isLoading,
+    placeholder: "Type 2 characters to search",
+    value: defaultValue,
+    onChange: onChangeTeacher,
+    isDisabled: isDisabled
+  })), React__default.createElement(reactstrap.ModalFooter, null, React__default.createElement(reactstrap.Button, {
+    color: "primary",
+    onClick: function onClick() {
+      onSubmit(teacherEmail);
+      toggle();
+    }
+  }, "Finish"), ' ', React__default.createElement(reactstrap.Button, {
+    color: "secondary",
+    onClick: toggle
+  }, "Cancel")));
 };
 
+var BlockSelectTeacher$1 = React.forwardRef(BlockSelectTeacher);
+
 var TypeLogin;
 
 (function (TypeLogin) {
@@ -37368,65 +37503,217 @@ var LoginType;
   LoginType[LoginType["Impersonate"] = 2] = "Impersonate";
 })(LoginType || (LoginType = {}));
 
-var msalConfig = {
-  auth: {
-    clientId: "90c6897c-f17b-475e-a7a8-9a19651e0060",
-    authority: "https://login.microsoftonline.com/common",
-    redirectUri: window.location.origin + "/login"
-  },
-  cache: {
-    cacheLocation: "sessionStorage",
-    storeAuthStateInCookie: false
-  },
-  system: {
-    loggerOptions: {
-      loggerCallback: function loggerCallback(level, message, containsPii) {
-        if (containsPii) {
-          return;
-        }
+var schema = yup.object({
+  email: yup.string().email("Email is invalid").required("Email is required"),
+  password: yup.string().required("Password is required"),
+  rememberMe: yup.boolean()
+});
 
-        switch (level) {
-          case msalBrowser.LogLevel.Error:
-            console.error(message);
-            return;
+var BlockLogin = function BlockLogin(_ref) {
+  var defaultInfo = _ref.defaultInfo,
+      userLogin = _ref.userLogin,
+      school = _ref.school,
+      isShowPassword = _ref.isShowPassword,
+      setIsShowPassword = _ref.setIsShowPassword,
+      fnIsCheckLogin = _ref.fnIsCheckLogin,
+      isLoginGoogle = _ref.isLoginGoogle,
+      submitLogin = _ref.submitLogin,
+      infoUser = _ref.infoUser,
+      googleClientId = _ref.googleClientId;
 
-          case msalBrowser.LogLevel.Info:
-            console.info(message);
-            return;
+  var togglePasswordVisible = function togglePasswordVisible() {
+    return setIsShowPassword(!isShowPassword);
+  };
 
-          case msalBrowser.LogLevel.Verbose:
-            console.debug(message);
-            return;
+  var dispatch = reactRedux.useDispatch();
 
-          case msalBrowser.LogLevel.Warning:
-            console.warn(message);
-            return;
+  var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
+      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
 
-          default:
-            return;
-        }
+  var clickHandler = React.useCallback(function () {
+    try {
+      if (!executeRecaptcha) {
+        console.log("execute recaptcha undefined");
+        return Promise.resolve();
       }
+
+      return Promise.resolve(executeRecaptcha("login"));
+    } catch (e) {
+      return Promise.reject(e);
     }
-  }
+  }, [executeRecaptcha]);
+  var handleVerify = React.useCallback(function () {}, []);
+
+  var onSuccessGoogle = function onSuccessGoogle(res) {
+    if (!!(res !== null && res !== void 0 && res.accessToken)) {
+      var _res$profileObj = res.profileObj,
+          email = _res$profileObj.email,
+          familyName = _res$profileObj.familyName,
+          givenName = _res$profileObj.givenName,
+          imageUrl = _res$profileObj.imageUrl,
+          name = _res$profileObj.name;
+      var accessToken = res.accessToken;
+      var googleId = res.googleId;
+
+      if (email.includes("@gmail")) {
+        alert("The email address you used does not match the login information in the database.  Please check that you are using your school assigned email address to log into MARIO for Me.  If you have further trouble please notify your school site administrator");
+        return;
+      }
+
+      var infoLogin = {
+        firstName: givenName,
+        lastName: familyName,
+        imageUrl: imageUrl,
+        fullName: name,
+        email: email,
+        accessToken: accessToken,
+        googleId: googleId
+      };
+      dispatch(setInforUserGoogle(infoLogin));
+      fnIsCheckLogin(TypeLogin.Google, infoLogin, accessToken, clickHandler);
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(formik.Formik, {
+    initialValues: defaultInfo,
+    validationSchema: schema,
+    onSubmit: function (values) {
+      try {
+        return Promise.resolve(_catch(function () {
+          return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+            if (!clickHandlerRes) return;
+            values.captcha = clickHandlerRes;
+            values.loginType = LoginType.Default;
+            userLogin(values);
+          });
+        }, function (err) {
+          console.error(err);
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }
+  }, function (formikProps) {
+    var handleChange = formikProps.handleChange,
+        handleBlur = formikProps.handleBlur,
+        handleSubmit = formikProps.handleSubmit,
+        values = formikProps.values,
+        touched = formikProps.touched,
+        errors = formikProps.errors,
+        setFieldValue = formikProps.setFieldValue;
+    var emailError = touched.email && errors.email;
+    var passwordError = touched.password && errors.password;
+    return React__default.createElement("div", {
+      className: styles["box-login"] + " w-100"
+    }, React__default.createElement(reactstrap.Form, {
+      className: "" + styles["block-login"],
+      onSubmit: handleSubmit
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("div", {
+      className: "d-flex align-items-center mb-4"
+    }, React__default.createElement("img", {
+      hidden: !(school !== null && school !== void 0 && school.schoolLogo),
+      src: school === null || school === void 0 ? void 0 : school.schoolLogo,
+      className: styles["school-icon"] + " mr-3"
+    }), React__default.createElement("p", {
+      className: styles["school-name"] + " mb-0"
+    }, school.schoolName)), React__default.createElement("p", {
+      className: "" + styles["title-login"]
+    }, "Welcome Back!"), React__default.createElement("p", {
+      className: styles["login-description"] + " mb-5"
+    }, "Please enter your MARIO Education account details"), React__default.createElement(reactstrap.FormGroup, {
+      className: "" + styles["form-user-name"]
+    }, React__default.createElement(reactstrap.Input, {
+      type: "text",
+      name: "email",
+      placeholder: "Email",
+      value: values.email,
+      onChange: handleChange,
+      autocomplete: "email",
+      onBlur: handleBlur("email"),
+      required: true
+    }), emailError && React__default.createElement(ErrorHandler, {
+      text: errors.email
+    })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(PasswordInput, {
+      isShowPassword: isShowPassword,
+      togglePasswordVisible: togglePasswordVisible,
+      onChange: function onChange(e) {
+        return setFieldValue("password", e.target.value);
+      }
+    }), passwordError && React__default.createElement(ErrorHandler, {
+      text: errors.password
+    })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
+      action: "login",
+      onVerify: handleVerify
+    })), React__default.createElement("div", {
+      className: "d-flex justify-content-between"
+    }, React__default.createElement("div", {
+      className: "d-flex align-items-center"
+    }, React__default.createElement("input", {
+      type: "checkbox",
+      checked: !values.isSessionUserBrowser,
+      className: "" + styles["checkbox-keep-login"],
+      onChange: function onChange() {
+        return setFieldValue("isSessionUserBrowser", !values.isSessionUserBrowser);
+      }
+    }), React__default.createElement("p", {
+      className: styles["label-keep-login"] + " mb-0 ml-2"
+    }, "Keep me logged in")), React__default.createElement(reactRouterDom.Link, {
+      to: "/forgot-password",
+      className: "" + styles["link-to-login"]
+    }, "Forgot password?")), React__default.createElement("button", {
+      className: styles["btn-login"] + " mt-5",
+      type: "submit"
+    }, "LOG IN"), React__default.createElement("p", {
+      className: styles["option-text"] + " my-3 text-center"
+    }, "OR"), React__default.createElement(reactstrap.Row, {
+      className: "mb-4"
+    }, React__default.createElement(reactstrap.Col, {
+      lg: 12,
+      md: 12,
+      xs: 12,
+      className: "pr-md-3"
+    }, !!googleClientId && React__default.createElement(GoogleLogin, {
+      clientId: googleClientId,
+      buttonText: "GOOGLE",
+      onSuccess: onSuccessGoogle,
+      cookiePolicy: "single_host_origin",
+      className: styles["btn-login-google"] + " p-0 mb-4 mb-md-0"
+    }))), React__default.createElement("div", {
+      className: "" + styles["btn-login-sso"]
+    }, React__default.createElement("div", {
+      className: styles["btn-login-with-sso"],
+      onClick: function onClick() {
+        return window.open("https://launchpad.classlink.com/login");
+      }
+    }, React__default.createElement("img", {
+      src: "images/class-link-icon.png"
+    }), React__default.createElement("p", null, "SIGN IN WITH CLASSLINK"))))));
+  }), isLoginGoogle && React__default.createElement(BlockSelectTeacher$1, {
+    onSubmit: function onSubmit(e) {
+      return submitLogin(e, clickHandler);
+    },
+    openModal: isLoginGoogle,
+    token: infoUser.accessToken,
+    email: infoUser.email
+  }));
 };
 
-var _sessionStorage$getIt;
 var defaultInfo = {
   email: "",
-  password: "",
-  captcha: "",
-  rememberMe: false,
-  isSessionUserBrowser: (_sessionStorage$getIt = !!sessionStorage.getItem(IS_USER_SESSION_BROWSER)) != null ? _sessionStorage$getIt : false
+  captcha: ""
 };
-var HOMEPAGE_TEACHER = "/home";
-var HOMEPAGE_STUDENT = "/home";
-var HOMEPAGE_ADMIN = "/admin/home";
-var HOMEPAGE_PARENT = "/parent";
-var HOMEPAGE_DISTRICT = "/admin/schools";
-var HOMEPAGE_EDU_TEACHER = "/list-student";
+var DASHBOARD = "/";
+var LOGIN = "/login";
 var TITLE = "Log in";
 
-var useLogin = function useLogin() {
+var useForgotPassword = function useForgotPassword() {
+  var _query$get;
+
+  var query = new URLSearchParams(reactRouterDom.useLocation().search);
+  var token = query.get("token");
+  var key = (_query$get = query.get("key")) != null ? _query$get : "";
   var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
 
@@ -37434,67 +37721,41 @@ var useLogin = function useLogin() {
       openLogin = _useState[0],
       setOpenLogin = _useState[1];
 
-  var isLoginGoogle = reactRedux.useSelector(function (state) {
-    return state.common.isLoginGoogle;
-  });
-
-  var _useState2 = React.useState(""),
-      googleClientId = _useState2[0],
-      setGoogleClientId = _useState2[1];
-
-  var _useState3 = React.useState(""),
-      googleRecaptchaId = _useState3[0],
-      setGoogleRecaptchaId = _useState3[1];
+  var toggle = React.useCallback(function () {
+    setOpenLogin(!openLogin);
+  }, [openLogin]);
 
-  var infoUser = reactRedux.useSelector(function (state) {
-    return state.common.inforUserGoogle;
-  });
-  var params = new URLSearchParams(location.search);
-  var loginClassLink = params.get("type") === "classlink";
-  var tokenClassLink = params.get("token");
+  var _useState2 = React.useState(false),
+      isShowNewPassword = _useState2[0],
+      setIsShowNewPassword = _useState2[1];
 
-  var _useState4 = React.useState(false),
-      openModelAssign = _useState4[0];
+  var _useState3 = React.useState(false),
+      isShowReTypePassword = _useState3[0],
+      setIsShowReTypePassword = _useState3[1];
 
-  var _useState5 = React.useState({
-    schoolName: "",
-    schoolLogo: ""
+  var _useState4 = React.useState({
+    token: "",
+    password: "",
+    reEnterPassword: "",
+    email: "",
+    userId: ""
   }),
-      school = _useState5[0],
-      setSchool = _useState5[1];
-
-  var _useState6 = React.useState(),
-      msalInstance = _useState6[0],
-      setMsalInstance = _useState6[1];
+      initialValues = _useState4[0],
+      setInitialValues = _useState4[1];
 
-  var toggle = React.useCallback(function () {
-    setOpenLogin(!openLogin);
-  }, [openLogin]);
+  var _useState5 = React.useState(true),
+      validLink = _useState5[0],
+      setValidLink = _useState5[1];
 
-  var _useState7 = React.useState(false),
-      isShowPassword = _useState7[0],
-      setIsShowPassword = _useState7[1];
+  var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
+      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
 
   React.useEffect(function () {
     document.title = TITLE;
     var token = getAccessToken();
-    if (!!token) history.push("/");
-    getInfoGoogle();
-  }, []);
-
-  var handleCancelModelAssign = function handleCancelModelAssign() {
-    localStorage.removeItem(ACCESS_TOKEN);
-    sessionStorage.removeItem(ACCESS_TOKEN);
-    localStorage.removeItem("USER_EMAIL");
-  };
-
-  React.useEffect(function () {
-    if (loginClassLink && tokenClassLink != "") {
-      loginAccountClassLink();
-    }
+    if (!!token) history.push(DASHBOARD);
   }, []);
-
-  var loginAccountClassLink = function loginAccountClassLink() {
+  var forgotPasswordRequest = React.useCallback(function (data) {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -37503,38 +37764,30 @@ var useLogin = function useLogin() {
       dispatch(setLoading(true));
 
       var _temp4 = _catch(function () {
-        var data = {
-          tokenClassLink: tokenClassLink
-        };
-        return Promise.resolve(apiInforUserClassLink(data)).then(function (res) {
-          var _res$data = res.data,
-              email = _res$data.email,
-              token = _res$data.token;
-          var dataUser = {
-            email: email,
-            rememberMe: false,
-            password: "default",
-            accessToken: token
-          };
-          return Promise.resolve(userLogin(dataUser)).then(function () {});
+        return Promise.resolve(forgotPassword(data)).then(function () {
+          history.push(LOGIN);
+          dispatch(setAlert({
+            type: "success",
+            message: "A mail to reset password was sent"
+          }));
         });
       }, function (err) {
         var _err$response, _err$response$data;
 
         dispatch(setAlert({
           type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+          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 || "Error occured"
         }));
+        localStorage.removeItem(ACCESS_TOKEN);
+        sessionStorage.removeItem(ACCESS_TOKEN);
       });
 
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
-  };
-
-  var isDistrict = window.location.host.includes("-district");
-  var getSchoolInfo = React.useCallback(function () {
+  }, []);
+  var checkResetTokenRequest = React.useCallback(function (token, key) {
     try {
       var _temp7 = function _temp7() {
         dispatch(setLoading(false));
@@ -37543,12 +37796,487 @@ var useLogin = function useLogin() {
       dispatch(setLoading(true));
 
       var _temp8 = _catch(function () {
-        return Promise.resolve(getInfo$1()).then(function (res) {
-          if (!!res.data) {
-            setSchool(res.data);
+        return Promise.resolve(checkResetToken(token, key)).then(function (res) {
+          if (res.data) {
+            setInitialValues(_extends({}, initialValues, {
+              token: token,
+              email: res.data
+            }));
+          } else {
+            setValidLink(false);
           }
         });
-      }, function (err) {
+      }, function () {
+        setValidLink(false);
+      });
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
+  var resetPasswordRequest = React.useCallback(function (data) {
+    try {
+      var _temp11 = function _temp11() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp12 = _catch(function () {
+        return Promise.resolve(resetPassword(_extends({}, data, {
+          key: key
+        }))).then(function () {
+          history.push(LOGIN);
+          dispatch(setAlert({
+            type: "success",
+            message: "Reset password sucessfully"
+          }));
+        });
+      }, 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 || "Error occured"
+        }));
+        localStorage.removeItem(ACCESS_TOKEN);
+        sessionStorage.removeItem(ACCESS_TOKEN);
+      });
+
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
+  var clickHandler = React.useCallback(function () {
+    try {
+      if (!executeRecaptcha) {
+        console.log("execute recaptcha undefined");
+        return Promise.resolve();
+      }
+
+      return Promise.resolve(executeRecaptcha("forgetPass"));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [executeRecaptcha]);
+  var handleVerify = React.useCallback(function () {}, []);
+  React.useEffect(function () {
+    checkResetTokenRequest(token, key);
+  }, []);
+  return {
+    defaultInfo: defaultInfo,
+    forgotPasswordRequest: forgotPasswordRequest,
+    checkResetTokenRequest: checkResetTokenRequest,
+    validLink: validLink,
+    resetPasswordRequest: resetPasswordRequest,
+    openLogin: openLogin,
+    toggle: toggle,
+    isShowNewPassword: isShowNewPassword,
+    setIsShowNewPassword: setIsShowNewPassword,
+    isShowReTypePassword: isShowReTypePassword,
+    setIsShowReTypePassword: setIsShowReTypePassword,
+    clickHandler: clickHandler,
+    handleVerify: handleVerify,
+    initialValues: initialValues
+  };
+};
+
+var initialValues = {
+  email: "",
+  captcha: ""
+};
+var forgotPasswordSchema = yup.object({
+  email: yup.string().email("Email is invalid").required("Email is required")
+});
+
+var BlockForgetPassword = function BlockForgetPassword(_ref) {
+  var school = _ref.school;
+
+  var _useForgotPassword = useForgotPassword(),
+      forgotPasswordRequest = _useForgotPassword.forgotPasswordRequest,
+      clickHandler = _useForgotPassword.clickHandler,
+      handleVerify = _useForgotPassword.handleVerify;
+
+  return React__default.createElement(formik.Formik, {
+    initialValues: initialValues,
+    enableReinitialize: true,
+    validationSchema: forgotPasswordSchema,
+    onSubmit: function (values) {
+      try {
+        return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+          if (!clickHandlerRes) return;
+          values.captcha = clickHandlerRes;
+          forgotPasswordRequest(values);
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }
+  }, function (formikProps) {
+    var handleChange = formikProps.handleChange,
+        handleSubmit = formikProps.handleSubmit,
+        values = formikProps.values,
+        touched = formikProps.touched,
+        errors = formikProps.errors;
+    return React__default.createElement("div", {
+      className: "" + styles["box-login"]
+    }, React__default.createElement("div", {
+      className: "" + styles["block-login"]
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("div", {
+      className: "d-flex align-items-center mb-4"
+    }, React__default.createElement("img", {
+      src: school.schoolLogo,
+      className: styles["school-icon"] + " mr-3"
+    }), React__default.createElement("p", {
+      className: styles["school-name"] + " mb-0"
+    }, school.schoolName)), React__default.createElement("p", {
+      className: styles["title-login"] + " "
+    }, "Forgot password"), React__default.createElement("p", {
+      className: styles["recover-account"] + " mb-5"
+    }, "Enter email to recover your account"), React__default.createElement("div", {
+      className: "w-100"
+    }, React__default.createElement(reactstrap.Input, {
+      type: "text",
+      name: "email",
+      id: "email",
+      placeholder: "Input email",
+      onChange: handleChange,
+      value: values.email
+    }), touched.email && errors.email && React__default.createElement(ErrorHandler, {
+      text: errors.email
+    })), React__default.createElement(reactRouterDom.Link, {
+      to: "/login",
+      className: styles["link-to-login"] + " mt-2"
+    }, "Return to login"), React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
+      action: "forgetPass",
+      onVerify: handleVerify
+    }), React__default.createElement(reactstrap.Col, {
+      className: "p-0"
+    }, React__default.createElement("button", {
+      className: styles["btn-login"] + " mt-5",
+      onClick: function onClick() {
+        return handleSubmit();
+      }
+    }, "Continue")))));
+  });
+};
+
+var getStaticFileUrl = function getStaticFileUrl(url) {
+  var STAGE_DOMAIN = "https://stage2.marioforme.com";
+  var isStage = STAGE_DOMAIN === location.origin;
+  if (!url) return "";
+  if (isLocalhost && !isStage || url.startsWith("http")) return url;
+  if (url.startsWith("/")) return "" + (isStage ? STAGE_DOMAIN : MARIO_SUCCESS_BASE_URL) + url;else return (isStage ? STAGE_DOMAIN : MARIO_SUCCESS_BASE_URL) + "/" + url;
+};
+
+var resetPasswordSchema = yup.object({
+  password: yup.string().required("New password is required"),
+  reEnterPassword: yup.string().required("Please re-enter new password").test("matching", "Passwords do not match", function () {
+    return this.parent.password === this.parent.reEnterPassword;
+  })
+});
+
+var BlockResetPassword = function BlockResetPassword() {
+  var _useForgotPassword = useForgotPassword(),
+      validLink = _useForgotPassword.validLink,
+      resetPasswordRequest = _useForgotPassword.resetPasswordRequest,
+      isShowNewPassword = _useForgotPassword.isShowNewPassword,
+      setIsShowNewPassword = _useForgotPassword.setIsShowNewPassword,
+      isShowReTypePassword = _useForgotPassword.isShowReTypePassword,
+      setIsShowReTypePassword = _useForgotPassword.setIsShowReTypePassword,
+      initialValues = _useForgotPassword.initialValues;
+
+  return React__default.createElement(formik.Formik, {
+    initialValues: initialValues,
+    enableReinitialize: true,
+    validationSchema: resetPasswordSchema,
+    onSubmit: function onSubmit(values) {
+      resetPasswordRequest(values);
+    }
+  }, function (formikProps) {
+    var setFieldValue = formikProps.setFieldValue,
+        handleSubmit = formikProps.handleSubmit,
+        touched = formikProps.touched,
+        errors = formikProps.errors,
+        values = formikProps.values;
+    return React__default.createElement(reactstrap.Row, {
+      className: "" + styles["box-login"]
+    }, React__default.createElement(reactstrap.Col, {
+      className: "p-0"
+    }, React__default.createElement("div", {
+      className: "" + styles["block-login"]
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("img", {
+      src: "" + getStaticFileUrl("/images/horizontal-logo-blue.svg"),
+      className: "" + styles["img-login-rectangle"]
+    }), React__default.createElement("p", {
+      className: "" + styles["title-login"]
+    }, "Reset Password"), React__default.createElement("div", {
+      className: "w-100"
+    }, validLink ? React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.FormGroup, {
+      className: "" + styles["form-user-name"]
+    }, React__default.createElement(reactstrap.Input, {
+      disabled: true,
+      type: "text",
+      name: "email",
+      placeholder: "Email",
+      value: values.email,
+      autocomplete: "email",
+      required: true,
+      className: "" + styles["input"]
+    })), React__default.createElement("div", {
+      className: "" + styles["form-user-name"]
+    }, React__default.createElement(PasswordInput, {
+      isShowPassword: isShowNewPassword,
+      togglePasswordVisible: function togglePasswordVisible() {
+        return setIsShowNewPassword(!isShowNewPassword);
+      },
+      onChange: function onChange(e) {
+        return setFieldValue("password", e.target.value);
+      }
+    }), touched.password && errors.password && React__default.createElement(ErrorHandler, {
+      text: errors.password
+    })), React__default.createElement("div", {
+      className: "" + styles["form-user-name"]
+    }, React__default.createElement(PasswordInput, {
+      placeholder: "Confirm Password",
+      isShowPassword: isShowReTypePassword,
+      togglePasswordVisible: function togglePasswordVisible() {
+        return setIsShowReTypePassword(!isShowReTypePassword);
+      },
+      onChange: function onChange(e) {
+        return setFieldValue("reEnterPassword", e.target.value);
+      }
+    }), touched.reEnterPassword && errors.reEnterPassword && React__default.createElement(ErrorHandler, {
+      text: errors.reEnterPassword
+    }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
+      className: styles["recover-account"] + " mb-5"
+    }, "Invalid reset password link"), React__default.createElement("p", {
+      className: "w-100"
+    }, "It may have been accessed before or expired or you have just tried to reset another account's password"))), validLink && React__default.createElement(reactstrap.Col, {
+      className: "p-0"
+    }, React__default.createElement("button", {
+      className: styles["btn-login"] + " " + styles["btn-rounder"] + " mt-4",
+      onClick: function onClick() {
+        return handleSubmit();
+      }
+    }, "SET A NEW PASSWORD"))))), React__default.createElement(reactstrap.Col, {
+      lg: 4,
+      md: 4,
+      className: "" + styles["img-box"]
+    }, React__default.createElement("img", {
+      src: getStaticFileUrl("/images/img-login.png"),
+      className: "" + styles["img-login"]
+    })));
+  });
+};
+
+var SCHOOL_URL = BASE_URL + "/api/school";
+var getSchoolSettings = function getSchoolSettings() {
+  return api.get(SCHOOL_URL + "/settings");
+};
+var getInfo$1 = function getInfo() {
+  return api.get(SCHOOL_URL + "/info");
+};
+
+var msalConfig = {
+  auth: {
+    clientId: "90c6897c-f17b-475e-a7a8-9a19651e0060",
+    authority: "https://login.microsoftonline.com/common",
+    redirectUri: window.location.origin + "/login"
+  },
+  cache: {
+    cacheLocation: "sessionStorage",
+    storeAuthStateInCookie: false
+  },
+  system: {
+    loggerOptions: {
+      loggerCallback: function loggerCallback(level, message, containsPii) {
+        if (containsPii) {
+          return;
+        }
+
+        switch (level) {
+          case msalBrowser.LogLevel.Error:
+            console.error(message);
+            return;
+
+          case msalBrowser.LogLevel.Info:
+            console.info(message);
+            return;
+
+          case msalBrowser.LogLevel.Verbose:
+            console.debug(message);
+            return;
+
+          case msalBrowser.LogLevel.Warning:
+            console.warn(message);
+            return;
+
+          default:
+            return;
+        }
+      }
+    }
+  }
+};
+
+var getFileUrl = function getFileUrl(fileName) {
+  if (!fileName || !fileName.trim()) return "";
+  return BASE_URL + "/api/file/viewer?key=" + fileName;
+};
+
+var _sessionStorage$getIt;
+var defaultInfo$1 = {
+  email: "",
+  password: "",
+  captcha: "",
+  rememberMe: false,
+  isSessionUserBrowser: (_sessionStorage$getIt = !!sessionStorage.getItem(IS_USER_SESSION_BROWSER)) != null ? _sessionStorage$getIt : false
+};
+var HOMEPAGE_TEACHER = "/home";
+var HOMEPAGE_STUDENT = "/home";
+var HOMEPAGE_ADMIN = "/admin/home";
+var HOMEPAGE_PARENT = "/parent";
+var HOMEPAGE_DISTRICT = "/admin/schools";
+var HOMEPAGE_EDU_TEACHER = "/list-student";
+var TITLE$1 = "Log in";
+
+var useLogin = function useLogin() {
+  var dispatch = reactRedux.useDispatch();
+  var history = reactRouterDom.useHistory();
+
+  var _useState = React.useState(false),
+      openLogin = _useState[0],
+      setOpenLogin = _useState[1];
+
+  var isLoginGoogle = reactRedux.useSelector(function (state) {
+    return state.common.isLoginGoogle;
+  });
+
+  var _useState2 = React.useState(""),
+      googleClientId = _useState2[0],
+      setGoogleClientId = _useState2[1];
+
+  var _useState3 = React.useState(""),
+      googleRecaptchaId = _useState3[0],
+      setGoogleRecaptchaId = _useState3[1];
+
+  var infoUser = reactRedux.useSelector(function (state) {
+    return state.common.inforUserGoogle;
+  });
+  var params = new URLSearchParams(location.search);
+  var loginClassLink = params.get("type") === "classlink";
+  var tokenClassLink = params.get("token");
+
+  var _useState4 = React.useState(false),
+      openModelAssign = _useState4[0];
+
+  var _useState5 = React.useState({
+    schoolName: "",
+    schoolLogo: ""
+  }),
+      school = _useState5[0],
+      setSchool = _useState5[1];
+
+  var _useState6 = React.useState(),
+      msalInstance = _useState6[0],
+      setMsalInstance = _useState6[1];
+
+  var toggle = React.useCallback(function () {
+    setOpenLogin(!openLogin);
+  }, [openLogin]);
+
+  var _useState7 = React.useState(false),
+      isShowPassword = _useState7[0],
+      setIsShowPassword = _useState7[1];
+
+  React.useEffect(function () {
+    document.title = TITLE$1;
+    var token = getAccessToken();
+    if (!!token) history.push("/");
+    getInfoGoogle();
+  }, []);
+
+  var handleCancelModelAssign = function handleCancelModelAssign() {
+    localStorage.removeItem(ACCESS_TOKEN);
+    sessionStorage.removeItem(ACCESS_TOKEN);
+    localStorage.removeItem("USER_EMAIL");
+  };
+
+  React.useEffect(function () {
+    if (loginClassLink && tokenClassLink != "") {
+      loginAccountClassLink();
+    }
+  }, []);
+
+  var loginAccountClassLink = function loginAccountClassLink() {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp4 = _catch(function () {
+        var data = {
+          tokenClassLink: tokenClassLink
+        };
+        return Promise.resolve(apiInforUserClassLink(data)).then(function (res) {
+          var _res$data = res.data,
+              email = _res$data.email,
+              token = _res$data.token;
+          var dataUser = {
+            email: email,
+            rememberMe: false,
+            password: "default",
+            accessToken: token
+          };
+          return Promise.resolve(userLogin(dataUser)).then(function () {});
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var isDistrict = window.location.host.includes("-district");
+  var getSchoolInfo = React.useCallback(function () {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp8 = _catch(function () {
+        return Promise.resolve(getInfo$1()).then(function (res) {
+          var _res$data$schoolLogo;
+
+          var schoolLogo = (_res$data$schoolLogo = res.data.schoolLogo) != null ? _res$data$schoolLogo : "";
+
+          if (!!res.data) {
+            setSchool({
+              schoolName: res.data.schoolName,
+              schoolLogo: !schoolLogo ? getStaticFileUrl("/images/logo_header_blue.png") : getFileUrl(schoolLogo)
+            });
+          }
+        });
+      }, function (err) {
         var _err$response2, _err$response2$data;
 
         dispatch(setAlert({
@@ -37621,1032 +38349,310 @@ var useLogin = function useLogin() {
             });
             var hostName = window.location.hostname;
             amplitude.getInstance().setUserProperties({
-              'domain': hostName
-            });
-            amplitude.getInstance().logEvent("general: session start", {
-              user_id: data.email,
-              domain: hostName,
-              roles: data === null || data === void 0 ? void 0 : (_data$roles = data.roles) === null || _data$roles === void 0 ? void 0 : _data$roles.toString()
-            });
-            localStorage.setItem("USER_EMAIL", data.email);
-
-            if (isLoginFirst) {
-              var _data$roles2;
-
-              amplitude.getInstance().logEvent("general: first login", {
-                user_id: data.email,
-                domain: hostName,
-                roles: data === null || data === void 0 ? void 0 : (_data$roles2 = data.roles) === null || _data$roles2 === void 0 ? void 0 : _data$roles2.toString()
-              });
-            }
-          }
-
-          if (isDistrict) {
-            history.push(HOMEPAGE_DISTRICT);
-          } else if (roles.includes("Admin")) {
-            history.push(HOMEPAGE_ADMIN);
-          } else if (roles.includes("Teacher") || roles.includes("Assistant") || roles.includes("Counselor") || roles.includes("SecondaryTeacher")) {
-            history.push(HOMEPAGE_TEACHER);
-          } else if (roles.includes("Student")) {
-            history.push(HOMEPAGE_STUDENT);
-          } else if (roles.includes("Parent")) {
-            history.push(HOMEPAGE_PARENT);
-          } else if (roles.includes("EduTeacher")) {
-            history.push(HOMEPAGE_EDU_TEACHER);
-          }
-        });
-      }, function (err) {
-        var _err$response3, _err$response3$data;
-
-        dispatch(setAlert({
-          type: "danger",
-          message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message || "Login failed"
-        }));
-        localStorage.removeItem(ACCESS_TOKEN);
-        sessionStorage.removeItem(ACCESS_TOKEN);
-      });
-
-      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, []);
-
-  var getInfoGoogle = function getInfoGoogle() {
-    try {
-      var _temp14 = _catch(function () {
-        return Promise.resolve(getGoogleClientId()).then(function (res) {
-          setGoogleClientId(res.data.googleClientId);
-          setGoogleRecaptchaId(res.data.googleCaptchaId);
-        });
-      }, function (err) {
-        var _err$response4, _err$response4$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 || "Login failed"
-        }));
-      });
-
-      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var fnIsCheckLogin = React.useCallback(function (type, data, token, clickHandler) {
-    try {
-      var _temp20 = function _temp20() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
-
-      var _temp21 = _catch(function () {
-        return Promise.resolve(checkUserGoogle(type, data)).then(function (res) {
-          var checkUser = res.data;
-
-          var _temp17 = function () {
-            if (checkUser) {
-              var _temp22 = function _temp22() {
-                return Promise.resolve(userLogin(_dataUser)).then(function () {
-                  dispatch(setIsLoginGoogle(false));
-                });
-              };
-
-              var _dataUser = {
-                email: data.email,
-                isLoginGoogle: true,
-                rememberMe: false,
-                password: "default",
-                accessToken: token,
-                captcha: "",
-                loginType: LoginType.Google
-              };
-
-              var _temp23 = function () {
-                if (clickHandler != null) {
-                  return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-                    _dataUser.captcha = clickHandlerRes;
-                  });
-                }
-              }();
-
-              return _temp23 && _temp23.then ? _temp23.then(_temp22) : _temp22(_temp23);
-            } else {
-              dispatch(setIsLoginGoogle(true));
-            }
-          }();
-
-          if (_temp17 && _temp17.then) return _temp17.then(function () {});
-        });
-      }, function (err) {
-        var _err$response5, _err$response5$data;
-
-        dispatch(setAlert({
-          type: "danger",
-          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 || "Login failed"
-        }));
-      });
-
-      return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(_temp20) : _temp20(_temp21));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, []);
-
-  var submitLogin = function submitLogin(teacherId, clickHandler) {
-    try {
-      var _temp27 = function _temp27() {
-        dispatch(setIsLoginGoogle(false));
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
-
-      var _temp28 = _catch(function () {
-        var data = {
-          firstName: infoUser.firstName,
-          lastName: infoUser.lastName,
-          imageUrl: infoUser.imageUrl,
-          fullName: infoUser.fullName,
-          email: infoUser.email,
-          accessToken: infoUser.accessToken,
-          teacherId: teacherId
-        };
-        return Promise.resolve(registerUserStudent(data)).then(function (res) {
-          var _temp24 = function () {
-            if (res.data) {
-              return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-                var dataLogin = {
-                  email: infoUser.email,
-                  captcha: clickHandlerRes,
-                  isLoginGoogle: true,
-                  rememberMe: false,
-                  password: "default",
-                  accessToken: infoUser.accessToken,
-                  loginType: LoginType.Google
-                };
-                dispatch(setIsLoginGoogle(false));
-                return Promise.resolve(userLogin(dataLogin)).then(function () {
-                  history.push(HOMEPAGE_STUDENT);
-                });
-              });
-            }
-          }();
-
-          if (_temp24 && _temp24.then) return _temp24.then(function () {});
-        });
-      }, function (err) {
-        var _err$response6, _err$response6$data;
-
-        dispatch(setAlert({
-          type: "danger",
-          message: ((_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : (_err$response6$data = _err$response6.data) === null || _err$response6$data === void 0 ? void 0 : _err$response6$data.title) || err.message || "Login failed"
-        }));
-      });
-
-      return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(_temp27) : _temp27(_temp28));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var getInformationSetting = function getInformationSetting() {
-    try {
-      var _temp30 = _catch(function () {
-        return Promise.resolve(getSchoolSettings()).then(function (res) {
-          dispatch(setSandboxMode(res.data.isSandboxMode));
-          setSchool(res.data);
-        });
-      }, function (err) {
-        console.error(err);
-      });
-
-      return Promise.resolve(_temp30 && _temp30.then ? _temp30.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var fnLoginSSO = function fnLoginSSO(clickHandler) {
-    try {
-      msalInstance.handleRedirectPromise().then(function (tokenResponse) {
-        try {
-          var _temp33 = function () {
-            if (!tokenResponse) {
-              var accounts = msalInstance.getAllAccounts();
-
-              var _temp34 = function () {
-                if (accounts.length === 0) {
-                  msalInstance.loginRedirect();
-                } else {
-                  var currentAccount = accounts[0];
-                  return Promise.resolve(getCurrentAccount(currentAccount, clickHandler)).then(function () {});
-                }
-              }();
-
-              if (_temp34 && _temp34.then) return _temp34.then(function () {});
-            } else {
-              var currentAccount = tokenResponse.account;
-              return Promise.resolve(getCurrentAccount(currentAccount, clickHandler)).then(function () {});
-            }
-          }();
-
-          return Promise.resolve(_temp33 && _temp33.then ? _temp33.then(function () {}) : void 0);
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      })["catch"](function (err) {
-        console.error(err);
-      });
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var getCurrentAccount = function getCurrentAccount(account, clickHandler) {
-    try {
-      var fullName = account.name;
-      var infoLogin = {
-        firstName: fullName.split(' ').slice(0, -1).join(' '),
-        lastName: fullName.split(' ').slice(-1).join(' '),
-        fullName: fullName,
-        imageUrl: "",
-        email: account.username,
-        accessToken: account.idTokenClaims.aio,
-        googleId: account.tenantId
-      };
-      dispatch(setInforUserGoogle(infoLogin));
-      return Promise.resolve(fnIsCheckLogin(TypeLogin.MicrosoftSSO, infoLogin, account.idTokenClaims.aio, clickHandler)).then(function () {});
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  var initInformationSSO = function initInformationSSO() {
-    try {
-      var _msalInstance = new msalBrowser.PublicClientApplication(msalConfig);
-
-      setMsalInstance(_msalInstance);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  React.useEffect(function () {
-    var redirectUrl = window.location.href;
-
-    if (!!msalInstance && redirectUrl.includes("code") && redirectUrl.includes("client_info")) {
-      fnLoginSSO();
-    }
-  }, [JSON.stringify(msalInstance)]);
-  React.useEffect(function () {
-    getInformationSetting();
-    initInformationSSO();
-    getSchoolInfo();
-  }, []);
-  return {
-    defaultInfo: defaultInfo,
-    userLogin: userLogin,
-    openLogin: openLogin,
-    toggle: toggle,
-    isShowPassword: isShowPassword,
-    setIsShowPassword: setIsShowPassword,
-    fnIsCheckLogin: fnIsCheckLogin,
-    isLoginGoogle: isLoginGoogle,
-    infoUser: infoUser,
-    submitLogin: submitLogin,
-    googleClientId: googleClientId,
-    googleRecaptchaId: googleRecaptchaId,
-    handleCancelModelAssign: handleCancelModelAssign,
-    openModelAssign: openModelAssign,
-    fnLoginSSO: fnLoginSSO,
-    school: school
-  };
-};
-
-var CustomSelector = function CustomSelector(_ref) {
-  var defaultValue = _ref.defaultValue,
-      options = _ref.options,
-      isDisabled = _ref.isDisabled,
-      scrollBottom = _ref.scrollBottom,
-      rest = _objectWithoutPropertiesLoose(_ref, ["defaultValue", "options", "isDisabled", "scrollBottom"]);
-
-  var initValue = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
-    return option.value === defaultValue;
-  }) || null : null;
-  return React__default.createElement(Select, Object.assign({
-    isDisabled: isDisabled,
-    options: options,
-    value: initValue,
-    menuPlacement: scrollBottom ? "top" : "auto"
-  }, rest));
-};
-
-var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
-  var defaultValue = _ref.defaultValue,
-      isDisabled = _ref.isDisabled,
-      openModal = _ref.openModal,
-      onSubmit = _ref.onSubmit,
-      token = _ref.token,
-      email = _ref.email;
-
-  var _useState = React.useState(false),
-      modal = _useState[0],
-      setModal = _useState[1];
-
-  React.useEffect(function () {
-    setModal(openModal);
-  }, [openModal]);
-  var dispatch = reactRedux.useDispatch();
-
-  var _useState2 = React.useState([]),
-      teachers = _useState2[0],
-      setTeachers = _useState2[1];
-
-  var _useState3 = React.useState(""),
-      searchString = _useState3[0],
-      setSearchString = _useState3[1];
-
-  var _useState4 = React.useState(""),
-      teacherEmail = _useState4[0],
-      setTeacherEmail = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      isLoading = _useState5[0],
-      setLoading = _useState5[1];
-
-  var timeout = React.useRef();
-
-  var toggle = function toggle() {
-    setModal(!modal);
-    dispatch(setIsLoginGoogle(!modal));
-  };
-
-  var loadData = React.useCallback(function () {
-    try {
-      var _temp3 = function _temp3() {
-        setLoading(false);
-      };
-
-      setLoading(true);
-
-      var _temp4 = _catch(function () {
-        var data = {
-          token: token,
-          email: email
-        };
-        return Promise.resolve(getAllLoginTeacher(data)).then(function (res) {
-          setTeachers(res.data);
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
-
-        dispatch(setAlert({
-          type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
-        }));
-      });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [searchString]);
-  React.useEffect(function () {
-    timeout && timeout.current && clearTimeout(timeout.current);
-
-    if (!searchString || searchString.trim().length < 2) {
-      setTeachers([]);
-    } else {
-      timeout.current = setTimeout(loadData, 300);
-    }
-  }, [searchString]);
-  var options = teachers.map(function (teacher) {
-    return {
-      label: teacher.fullName + " (" + teacher.email + ")",
-      value: teacher.teacherId
-    };
-  });
-
-  var onChangeTeacher = function onChangeTeacher(e) {
-    setTeacherEmail(e.value);
-  };
-
-  var customSelector = {
-    control: function control(styles) {
-      return _extends({}, styles, {
-        borderRadius: "10px"
-      });
-    }
-  };
-  return React__default.createElement(reactstrap.Modal, {
-    isOpen: modal
-  }, React__default.createElement(reactstrap.ModalHeader, null, " Sign in "), React__default.createElement(reactstrap.ModalBody, null, React__default.createElement("h6", null, "You are logging in as a student, please select teacher"), React__default.createElement(CustomSelector, {
-    styles: customSelector,
-    options: options,
-    inputValue: searchString,
-    onInputChange: function onInputChange(inputValue) {
-      return setSearchString(inputValue);
-    },
-    isLoading: isLoading,
-    placeholder: "Type 2 characters to search",
-    value: defaultValue,
-    onChange: onChangeTeacher,
-    isDisabled: isDisabled
-  })), React__default.createElement(reactstrap.ModalFooter, null, React__default.createElement(reactstrap.Button, {
-    color: "primary",
-    onClick: function onClick() {
-      onSubmit(teacherEmail);
-      toggle();
-    }
-  }, "Finish"), ' ', React__default.createElement(reactstrap.Button, {
-    color: "secondary",
-    onClick: toggle
-  }, "Cancel")));
-};
-
-var BlockSelectTeacher$1 = React.forwardRef(BlockSelectTeacher);
-
-var getStaticFileUrl = function getStaticFileUrl(url) {
-  var STAGE_DOMAIN = "https://stage2.marioforme.com";
-  var isStage = STAGE_DOMAIN === location.origin;
-  if (!url) return "";
-  if (isLocalhost && !isStage || url.startsWith("http")) return url;
-  if (url.startsWith("/")) return "" + (isStage ? STAGE_DOMAIN : MARIO_SUCCESS_BASE_URL) + url;else return (isStage ? STAGE_DOMAIN : MARIO_SUCCESS_BASE_URL) + "/" + url;
-};
-
-var getFileUrl = function getFileUrl(fileName) {
-  if (!fileName || !fileName.trim()) return "";
-  return BASE_URL + "/api/file/viewer?key=" + fileName;
-};
-
-var schema = yup.object({
-  email: yup.string().email("Email is invalid").required("Email is required"),
-  password: yup.string().required("Password is required"),
-  rememberMe: yup.boolean()
-});
-
-var BlockLogin = function BlockLogin(_ref) {
-  var defaultInfo = _ref.defaultInfo,
-      userLogin = _ref.userLogin,
-      school = _ref.school;
-
-  var _useLogin = useLogin(),
-      isShowPassword = _useLogin.isShowPassword,
-      setIsShowPassword = _useLogin.setIsShowPassword,
-      fnIsCheckLogin = _useLogin.fnIsCheckLogin,
-      isLoginGoogle = _useLogin.isLoginGoogle,
-      submitLogin = _useLogin.submitLogin,
-      infoUser = _useLogin.infoUser,
-      googleClientId = _useLogin.googleClientId;
-
-  var togglePasswordVisible = function togglePasswordVisible() {
-    return setIsShowPassword(!isShowPassword);
-  };
-
-  var dispatch = reactRedux.useDispatch();
-
-  var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-
-  var clickHandler = React.useCallback(function () {
-    try {
-      if (!executeRecaptcha) {
-        console.log("execute recaptcha undefined");
-        return Promise.resolve();
-      }
-
-      return Promise.resolve(executeRecaptcha("login"));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [executeRecaptcha]);
-  var handleVerify = React.useCallback(function () {}, []);
-
-  var onSuccessGoogle = function onSuccessGoogle(res) {
-    if (!!(res !== null && res !== void 0 && res.accessToken)) {
-      var _res$profileObj = res.profileObj,
-          email = _res$profileObj.email,
-          familyName = _res$profileObj.familyName,
-          givenName = _res$profileObj.givenName,
-          imageUrl = _res$profileObj.imageUrl,
-          name = _res$profileObj.name;
-      var accessToken = res.accessToken;
-      var googleId = res.googleId;
-
-      if (email.includes("@gmail")) {
-        alert("The email address you used does not match the login information in the database.  Please check that you are using your school assigned email address to log into MARIO for Me.  If you have further trouble please notify your school site administrator");
-        return;
-      }
-
-      var infoLogin = {
-        firstName: givenName,
-        lastName: familyName,
-        imageUrl: imageUrl,
-        fullName: name,
-        email: email,
-        accessToken: accessToken,
-        googleId: googleId
-      };
-      dispatch(setInforUserGoogle(infoLogin));
-      fnIsCheckLogin(TypeLogin.Google, infoLogin, accessToken, clickHandler);
-    }
-  };
-
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(formik.Formik, {
-    initialValues: defaultInfo,
-    validationSchema: schema,
-    onSubmit: function (values) {
-      try {
-        return Promise.resolve(_catch(function () {
-          return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-            if (!clickHandlerRes) return;
-            values.captcha = clickHandlerRes;
-            values.loginType = LoginType.Default;
-            userLogin(values);
-          });
-        }, function (err) {
-          console.error(err);
-        }));
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    }
-  }, function (formikProps) {
-    var handleChange = formikProps.handleChange,
-        handleBlur = formikProps.handleBlur,
-        handleSubmit = formikProps.handleSubmit,
-        values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        setFieldValue = formikProps.setFieldValue;
-    var emailError = touched.email && errors.email;
-    var passwordError = touched.password && errors.password;
-    return React__default.createElement("div", {
-      className: styles["box-login"] + " w-100"
-    }, React__default.createElement(reactstrap.Form, {
-      className: "" + styles["block-login"],
-      onSubmit: handleSubmit
-    }, React__default.createElement("div", {
-      className: "" + styles["block-form"]
-    }, React__default.createElement("div", {
-      className: "d-flex align-items-center mb-4"
-    }, React__default.createElement("img", {
-      src: "" + (school !== null && school !== void 0 && school.schoolLogo ? getFileUrl("" + (school === null || school === void 0 ? void 0 : school.schoolLogo)) : getStaticFileUrl("/images/logoR.png")),
-      className: styles["school-icon"] + " mr-3"
-    }), React__default.createElement("p", {
-      className: styles["school-name"] + " mb-0"
-    }, school.schoolName)), React__default.createElement("p", {
-      className: "" + styles["title-login"]
-    }, "Welcome Back!"), React__default.createElement("p", {
-      className: styles["login-description"] + " mb-5"
-    }, "Please enter your MARIO Education account details"), React__default.createElement(reactstrap.FormGroup, {
-      className: "" + styles["form-user-name"]
-    }, React__default.createElement(reactstrap.Input, {
-      type: "text",
-      name: "email",
-      placeholder: "Email",
-      value: values.email,
-      onChange: handleChange,
-      autocomplete: "email",
-      onBlur: handleBlur("email"),
-      required: true
-    }), emailError && React__default.createElement(ErrorHandler, {
-      text: errors.email
-    })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(PasswordInput, {
-      isShowPassword: isShowPassword,
-      togglePasswordVisible: togglePasswordVisible,
-      onChange: function onChange(e) {
-        return setFieldValue("password", e.target.value);
-      }
-    }), passwordError && React__default.createElement(ErrorHandler, {
-      text: errors.password
-    })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
-      action: "login",
-      onVerify: handleVerify
-    })), React__default.createElement("div", {
-      className: "d-flex justify-content-between"
-    }, React__default.createElement("div", {
-      className: "d-flex align-items-center"
-    }, React__default.createElement("input", {
-      type: "checkbox",
-      checked: !values.isSessionUserBrowser,
-      className: "" + styles["checkbox-keep-login"],
-      onChange: function onChange() {
-        return setFieldValue("isSessionUserBrowser", !values.isSessionUserBrowser);
-      }
-    }), React__default.createElement("p", {
-      className: styles["label-keep-login"] + " mb-0 ml-2"
-    }, "Keep me logged in")), React__default.createElement(reactRouterDom.Link, {
-      to: "/forgot-password",
-      className: "" + styles["link-to-login"]
-    }, "Forgot password?")), React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-5",
-      type: "submit"
-    }, "LOG IN"), React__default.createElement("p", {
-      className: styles["option-text"] + " my-3 text-center"
-    }, "OR"), React__default.createElement(reactstrap.Row, {
-      className: "mb-4"
-    }, React__default.createElement(reactstrap.Col, {
-      lg: 12,
-      md: 12,
-      xs: 12,
-      className: "pr-md-2"
-    }, !!googleClientId && React__default.createElement(GoogleLogin, {
-      clientId: googleClientId,
-      buttonText: "GOOGLE",
-      onSuccess: onSuccessGoogle,
-      cookiePolicy: "single_host_origin",
-      className: styles["btn-login-google"] + " p-0 mb-4 mb-md-0"
-    }))), React__default.createElement("div", {
-      className: "w-100 d-flex align-items-center justify-content-center mt-3"
-    }, React__default.createElement("a", {
-      href: "https://launchpad.classlink.com/login"
-    }, React__default.createElement("img", {
-      className: styles["class-link-sso-image"],
-      src: getStaticFileUrl("images/classlink-sso.png"),
-      alt: ""
-    }))))));
-  }), isLoginGoogle && React__default.createElement(BlockSelectTeacher$1, {
-    onSubmit: function onSubmit(e) {
-      return submitLogin(e, clickHandler);
-    },
-    openModal: isLoginGoogle,
-    token: infoUser.accessToken,
-    email: infoUser.email
-  }));
-};
-
-var defaultInfo$1 = {
-  email: "",
-  captcha: ""
-};
-var DASHBOARD = "/";
-var LOGIN = "/login";
-var TITLE$1 = "Log in";
-
-var useForgotPassword = function useForgotPassword() {
-  var _query$get;
-
-  var query = new URLSearchParams(reactRouterDom.useLocation().search);
-  var token = query.get("token");
-  var key = (_query$get = query.get("key")) != null ? _query$get : "";
-  var dispatch = reactRedux.useDispatch();
-  var history = reactRouterDom.useHistory();
-
-  var _useState = React.useState(false),
-      openLogin = _useState[0],
-      setOpenLogin = _useState[1];
-
-  var toggle = React.useCallback(function () {
-    setOpenLogin(!openLogin);
-  }, [openLogin]);
-
-  var _useState2 = React.useState(false),
-      isShowNewPassword = _useState2[0],
-      setIsShowNewPassword = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      isShowReTypePassword = _useState3[0],
-      setIsShowReTypePassword = _useState3[1];
-
-  var _useState4 = React.useState({
-    token: "",
-    password: "",
-    reEnterPassword: "",
-    email: "",
-    userId: ""
-  }),
-      initialValues = _useState4[0],
-      setInitialValues = _useState4[1];
-
-  var _useState5 = React.useState(true),
-      validLink = _useState5[0],
-      setValidLink = _useState5[1];
-
-  var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
+              'domain': hostName
+            });
+            amplitude.getInstance().logEvent("general: session start", {
+              user_id: data.email,
+              domain: hostName,
+              roles: data === null || data === void 0 ? void 0 : (_data$roles = data.roles) === null || _data$roles === void 0 ? void 0 : _data$roles.toString()
+            });
+            localStorage.setItem("USER_EMAIL", data.email);
 
-  React.useEffect(function () {
-    document.title = TITLE$1;
-    var token = getAccessToken();
-    if (!!token) history.push(DASHBOARD);
-  }, []);
-  var forgotPasswordRequest = React.useCallback(function (data) {
-    try {
-      var _temp3 = function _temp3() {
-        dispatch(setLoading(false));
-      };
+            if (isLoginFirst) {
+              var _data$roles2;
 
-      dispatch(setLoading(true));
+              amplitude.getInstance().logEvent("general: first login", {
+                user_id: data.email,
+                domain: hostName,
+                roles: data === null || data === void 0 ? void 0 : (_data$roles2 = data.roles) === null || _data$roles2 === void 0 ? void 0 : _data$roles2.toString()
+              });
+            }
+          }
 
-      var _temp4 = _catch(function () {
-        return Promise.resolve(forgotPassword(data)).then(function () {
-          history.push(LOGIN);
-          dispatch(setAlert({
-            type: "success",
-            message: "A mail to reset password was sent"
-          }));
+          if (isDistrict) {
+            history.push(HOMEPAGE_DISTRICT);
+          } else if (roles.includes("Admin")) {
+            history.push(HOMEPAGE_ADMIN);
+          } else if (roles.includes("Teacher") || roles.includes("Assistant") || roles.includes("Counselor") || roles.includes("SecondaryTeacher")) {
+            history.push(HOMEPAGE_TEACHER);
+          } else if (roles.includes("Student")) {
+            history.push(HOMEPAGE_STUDENT);
+          } else if (roles.includes("Parent")) {
+            history.push(HOMEPAGE_PARENT);
+          } else if (roles.includes("EduTeacher")) {
+            history.push(HOMEPAGE_EDU_TEACHER);
+          }
         });
       }, function (err) {
-        var _err$response, _err$response$data;
+        var _err$response3, _err$response3$data;
 
         dispatch(setAlert({
           type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message || "Error occured"
+          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 || "Login failed"
         }));
         localStorage.removeItem(ACCESS_TOKEN);
         sessionStorage.removeItem(ACCESS_TOKEN);
       });
 
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
-  var checkResetTokenRequest = React.useCallback(function (token, key) {
+
+  var getInfoGoogle = function getInfoGoogle() {
     try {
-      var _temp7 = function _temp7() {
+      var _temp14 = _catch(function () {
+        return Promise.resolve(getGoogleClientId()).then(function (res) {
+          setGoogleClientId(res.data.googleClientId);
+          setGoogleRecaptchaId(res.data.googleCaptchaId);
+        });
+      }, function (err) {
+        var _err$response4, _err$response4$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 || "Login failed"
+        }));
+      });
+
+      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var fnIsCheckLogin = React.useCallback(function (type, data, token, clickHandler) {
+    try {
+      var _temp20 = function _temp20() {
         dispatch(setLoading(false));
       };
 
       dispatch(setLoading(true));
 
-      var _temp8 = _catch(function () {
-        return Promise.resolve(checkResetToken(token, key)).then(function (res) {
-          if (res.data) {
-            setInitialValues(_extends({}, initialValues, {
-              token: token,
-              email: res.data
-            }));
-          } else {
-            setValidLink(false);
-          }
+      var _temp21 = _catch(function () {
+        return Promise.resolve(checkUserGoogle(type, data)).then(function (res) {
+          var checkUser = res.data;
+
+          var _temp17 = function () {
+            if (checkUser) {
+              var _temp22 = function _temp22() {
+                return Promise.resolve(userLogin(_dataUser)).then(function () {
+                  dispatch(setIsLoginGoogle(false));
+                });
+              };
+
+              var _dataUser = {
+                email: data.email,
+                isLoginGoogle: true,
+                rememberMe: false,
+                password: "default",
+                accessToken: token,
+                captcha: "",
+                loginType: LoginType.Google
+              };
+
+              var _temp23 = function () {
+                if (clickHandler != null) {
+                  return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+                    _dataUser.captcha = clickHandlerRes;
+                  });
+                }
+              }();
+
+              return _temp23 && _temp23.then ? _temp23.then(_temp22) : _temp22(_temp23);
+            } else {
+              dispatch(setIsLoginGoogle(true));
+            }
+          }();
+
+          if (_temp17 && _temp17.then) return _temp17.then(function () {});
         });
-      }, function () {
-        setValidLink(false);
+      }, function (err) {
+        var _err$response5, _err$response5$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          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 || "Login failed"
+        }));
       });
 
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(_temp20) : _temp20(_temp21));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
-  var resetPasswordRequest = React.useCallback(function (data) {
+
+  var submitLogin = function submitLogin(teacherId, clickHandler) {
     try {
-      var _temp11 = function _temp11() {
+      var _temp27 = function _temp27() {
+        dispatch(setIsLoginGoogle(false));
         dispatch(setLoading(false));
       };
 
       dispatch(setLoading(true));
 
-      var _temp12 = _catch(function () {
-        return Promise.resolve(resetPassword(_extends({}, data, {
-          key: key
-        }))).then(function () {
-          history.push(LOGIN);
-          dispatch(setAlert({
-            type: "success",
-            message: "Reset password sucessfully"
-          }));
+      var _temp28 = _catch(function () {
+        var data = {
+          firstName: infoUser.firstName,
+          lastName: infoUser.lastName,
+          imageUrl: infoUser.imageUrl,
+          fullName: infoUser.fullName,
+          email: infoUser.email,
+          accessToken: infoUser.accessToken,
+          teacherId: teacherId
+        };
+        return Promise.resolve(registerUserStudent(data)).then(function (res) {
+          var _temp24 = function () {
+            if (res.data) {
+              return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+                var dataLogin = {
+                  email: infoUser.email,
+                  captcha: clickHandlerRes,
+                  isLoginGoogle: true,
+                  rememberMe: false,
+                  password: "default",
+                  accessToken: infoUser.accessToken,
+                  loginType: LoginType.Google
+                };
+                dispatch(setIsLoginGoogle(false));
+                return Promise.resolve(userLogin(dataLogin)).then(function () {
+                  history.push(HOMEPAGE_STUDENT);
+                });
+              });
+            }
+          }();
+
+          if (_temp24 && _temp24.then) return _temp24.then(function () {});
         });
       }, function (err) {
-        var _err$response2, _err$response2$data;
+        var _err$response6, _err$response6$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 || "Error occured"
+          message: ((_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : (_err$response6$data = _err$response6.data) === null || _err$response6$data === void 0 ? void 0 : _err$response6$data.title) || err.message || "Login failed"
         }));
-        localStorage.removeItem(ACCESS_TOKEN);
-        sessionStorage.removeItem(ACCESS_TOKEN);
       });
 
-      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
+      return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(_temp27) : _temp27(_temp28));
     } catch (e) {
       return Promise.reject(e);
     }
-  }, []);
-  var clickHandler = React.useCallback(function () {
+  };
+
+  var getInformationSetting = function getInformationSetting() {
     try {
-      if (!executeRecaptcha) {
-        console.log("execute recaptcha undefined");
-        return Promise.resolve();
-      }
+      var _temp30 = _catch(function () {
+        return Promise.resolve(getSchoolSettings()).then(function (res) {
+          dispatch(setSandboxMode(res.data.isSandboxMode));
+        });
+      }, function (err) {
+        console.error(err);
+      });
 
-      return Promise.resolve(executeRecaptcha("forgetPass"));
+      return Promise.resolve(_temp30 && _temp30.then ? _temp30.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [executeRecaptcha]);
-  var handleVerify = React.useCallback(function () {}, []);
-  React.useEffect(function () {
-    checkResetTokenRequest(token, key);
-  }, []);
-  return {
-    defaultInfo: defaultInfo$1,
-    forgotPasswordRequest: forgotPasswordRequest,
-    checkResetTokenRequest: checkResetTokenRequest,
-    validLink: validLink,
-    resetPasswordRequest: resetPasswordRequest,
-    openLogin: openLogin,
-    toggle: toggle,
-    isShowNewPassword: isShowNewPassword,
-    setIsShowNewPassword: setIsShowNewPassword,
-    isShowReTypePassword: isShowReTypePassword,
-    setIsShowReTypePassword: setIsShowReTypePassword,
-    clickHandler: clickHandler,
-    handleVerify: handleVerify,
-    initialValues: initialValues
   };
-};
 
-var initialValues = {
-  email: "",
-  captcha: ""
-};
-var forgotPasswordSchema = yup.object({
-  email: yup.string().email("Email is invalid").required("Email is required")
-});
+  var fnLoginSSO = function fnLoginSSO(clickHandler) {
+    try {
+      msalInstance.handleRedirectPromise().then(function (tokenResponse) {
+        try {
+          var _temp33 = function () {
+            if (!tokenResponse) {
+              var accounts = msalInstance.getAllAccounts();
 
-var BlockForgetPassword = function BlockForgetPassword(_ref) {
-  var school = _ref.school;
+              var _temp34 = function () {
+                if (accounts.length === 0) {
+                  msalInstance.loginRedirect();
+                } else {
+                  var currentAccount = accounts[0];
+                  return Promise.resolve(getCurrentAccount(currentAccount, clickHandler)).then(function () {});
+                }
+              }();
 
-  var _useForgotPassword = useForgotPassword(),
-      forgotPasswordRequest = _useForgotPassword.forgotPasswordRequest,
-      clickHandler = _useForgotPassword.clickHandler,
-      handleVerify = _useForgotPassword.handleVerify;
+              if (_temp34 && _temp34.then) return _temp34.then(function () {});
+            } else {
+              var currentAccount = tokenResponse.account;
+              return Promise.resolve(getCurrentAccount(currentAccount, clickHandler)).then(function () {});
+            }
+          }();
 
-  return React__default.createElement(formik.Formik, {
-    initialValues: initialValues,
-    enableReinitialize: true,
-    validationSchema: forgotPasswordSchema,
-    onSubmit: function (values) {
-      try {
-        return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-          if (!clickHandlerRes) return;
-          values.captcha = clickHandlerRes;
-          forgotPasswordRequest(values);
-        });
-      } catch (e) {
-        return Promise.reject(e);
-      }
+          return Promise.resolve(_temp33 && _temp33.then ? _temp33.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      })["catch"](function (err) {
+        console.error(err);
+      });
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
     }
-  }, function (formikProps) {
-    var handleChange = formikProps.handleChange,
-        handleSubmit = formikProps.handleSubmit,
-        values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors;
-    return React__default.createElement("div", {
-      className: "" + styles["box-login"]
-    }, React__default.createElement("div", {
-      className: "" + styles["block-login"]
-    }, React__default.createElement("div", {
-      className: "" + styles["block-form"]
-    }, React__default.createElement("div", {
-      className: "d-flex align-items-center mb-4"
-    }, React__default.createElement("img", {
-      src: "" + getStaticFileUrl("/images/isb-icon.png"),
-      className: styles["school-icon"] + " mr-3"
-    }), React__default.createElement("p", {
-      className: styles["school-name"] + " mb-0"
-    }, school.schoolName)), React__default.createElement("p", {
-      className: styles["title-login"] + " "
-    }, "Forgot password"), React__default.createElement("p", {
-      className: styles["recover-account"] + " mb-5"
-    }, "Enter email to recover your account"), React__default.createElement("div", {
-      className: "w-100"
-    }, React__default.createElement(reactstrap.Input, {
-      type: "text",
-      name: "email",
-      id: "email",
-      placeholder: "Input email",
-      onChange: handleChange,
-      value: values.email
-    }), touched.email && errors.email && React__default.createElement(ErrorHandler, {
-      text: errors.email
-    })), React__default.createElement(reactRouterDom.Link, {
-      to: "/login",
-      className: styles["link-to-login"] + " mt-2"
-    }, "Return to login"), React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
-      action: "forgetPass",
-      onVerify: handleVerify
-    }), React__default.createElement(reactstrap.Col, {
-      className: "p-0"
-    }, React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-5",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    }, "Continue")))));
-  });
-};
+  };
 
-var resetPasswordSchema = yup.object({
-  password: yup.string().required("New password is required"),
-  reEnterPassword: yup.string().required("Please re-enter new password").test("matching", "Passwords do not match", function () {
-    return this.parent.password === this.parent.reEnterPassword;
-  })
-});
+  var getCurrentAccount = function getCurrentAccount(account, clickHandler) {
+    try {
+      var fullName = account.name;
+      var infoLogin = {
+        firstName: fullName.split(' ').slice(0, -1).join(' '),
+        lastName: fullName.split(' ').slice(-1).join(' '),
+        fullName: fullName,
+        imageUrl: "",
+        email: account.username,
+        accessToken: account.idTokenClaims.aio,
+        googleId: account.tenantId
+      };
+      dispatch(setInforUserGoogle(infoLogin));
+      return Promise.resolve(fnIsCheckLogin(TypeLogin.MicrosoftSSO, infoLogin, account.idTokenClaims.aio, clickHandler)).then(function () {});
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
 
-var BlockResetPassword = function BlockResetPassword() {
-  var _useForgotPassword = useForgotPassword(),
-      validLink = _useForgotPassword.validLink,
-      resetPasswordRequest = _useForgotPassword.resetPasswordRequest,
-      isShowNewPassword = _useForgotPassword.isShowNewPassword,
-      setIsShowNewPassword = _useForgotPassword.setIsShowNewPassword,
-      isShowReTypePassword = _useForgotPassword.isShowReTypePassword,
-      setIsShowReTypePassword = _useForgotPassword.setIsShowReTypePassword,
-      initialValues = _useForgotPassword.initialValues;
+  var initInformationSSO = function initInformationSSO() {
+    try {
+      var _msalInstance = new msalBrowser.PublicClientApplication(msalConfig);
 
-  return React__default.createElement(formik.Formik, {
-    initialValues: initialValues,
-    enableReinitialize: true,
-    validationSchema: resetPasswordSchema,
-    onSubmit: function onSubmit(values) {
-      resetPasswordRequest(values);
+      setMsalInstance(_msalInstance);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
     }
-  }, function (formikProps) {
-    var setFieldValue = formikProps.setFieldValue,
-        handleSubmit = formikProps.handleSubmit,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        values = formikProps.values;
-    return React__default.createElement(reactstrap.Row, {
-      className: "" + styles["box-login"]
-    }, React__default.createElement(reactstrap.Col, {
-      className: "p-0"
-    }, React__default.createElement("div", {
-      className: "" + styles["block-login"]
-    }, React__default.createElement("div", {
-      className: "" + styles["block-form"]
-    }, React__default.createElement("img", {
-      src: "" + getStaticFileUrl("/images/horizontal-logo-blue.svg"),
-      className: "" + styles["img-login-rectangle"]
-    }), React__default.createElement("p", {
-      className: "" + styles["title-login"]
-    }, "Reset Password"), React__default.createElement("div", {
-      className: "w-100"
-    }, validLink ? React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.FormGroup, {
-      className: "" + styles["form-user-name"]
-    }, React__default.createElement(reactstrap.Input, {
-      disabled: true,
-      type: "text",
-      name: "email",
-      placeholder: "Email",
-      value: values.email,
-      autocomplete: "email",
-      required: true,
-      className: "" + styles["input"]
-    })), React__default.createElement("div", {
-      className: "" + styles["form-user-name"]
-    }, React__default.createElement(PasswordInput, {
-      isShowPassword: isShowNewPassword,
-      togglePasswordVisible: function togglePasswordVisible() {
-        return setIsShowNewPassword(!isShowNewPassword);
-      },
-      onChange: function onChange(e) {
-        return setFieldValue("password", e.target.value);
-      }
-    }), touched.password && errors.password && React__default.createElement(ErrorHandler, {
-      text: errors.password
-    })), React__default.createElement("div", {
-      className: "" + styles["form-user-name"]
-    }, React__default.createElement(PasswordInput, {
-      placeholder: "Confirm Password",
-      isShowPassword: isShowReTypePassword,
-      togglePasswordVisible: function togglePasswordVisible() {
-        return setIsShowReTypePassword(!isShowReTypePassword);
-      },
-      onChange: function onChange(e) {
-        return setFieldValue("reEnterPassword", e.target.value);
-      }
-    }), touched.reEnterPassword && errors.reEnterPassword && React__default.createElement(ErrorHandler, {
-      text: errors.reEnterPassword
-    }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
-      className: styles["recover-account"] + " mb-5"
-    }, "Invalid reset password link"), React__default.createElement("p", {
-      className: "w-100"
-    }, "It may have been accessed before or expired or you have just tried to reset another account's password"))), validLink && React__default.createElement(reactstrap.Col, {
-      className: "p-0"
-    }, React__default.createElement("button", {
-      className: styles["btn-login"] + " " + styles["btn-rounder"] + " mt-4",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    }, "SET A NEW PASSWORD"))))), React__default.createElement(reactstrap.Col, {
-      lg: 4,
-      md: 4,
-      className: "" + styles["img-box"]
-    }, React__default.createElement("img", {
-      src: getStaticFileUrl("/images/img-login.png"),
-      className: "" + styles["img-login"]
-    })));
-  });
+  };
+
+  React.useEffect(function () {
+    var redirectUrl = window.location.href;
+
+    if (!!msalInstance && redirectUrl.includes("code") && redirectUrl.includes("client_info")) {
+      fnLoginSSO();
+    }
+  }, [JSON.stringify(msalInstance)]);
+  React.useEffect(function () {
+    getInformationSetting();
+    initInformationSSO();
+    getSchoolInfo();
+  }, []);
+  return {
+    defaultInfo: defaultInfo$1,
+    userLogin: userLogin,
+    openLogin: openLogin,
+    toggle: toggle,
+    isShowPassword: isShowPassword,
+    setIsShowPassword: setIsShowPassword,
+    fnIsCheckLogin: fnIsCheckLogin,
+    isLoginGoogle: isLoginGoogle,
+    infoUser: infoUser,
+    submitLogin: submitLogin,
+    googleClientId: googleClientId,
+    googleRecaptchaId: googleRecaptchaId,
+    handleCancelModelAssign: handleCancelModelAssign,
+    openModelAssign: openModelAssign,
+    fnLoginSSO: fnLoginSSO,
+    school: school
+  };
 };
 
 var DASHBOARD$1 = "/";
@@ -38898,7 +38904,14 @@ var Login = function Login(props) {
       googleRecaptchaId = _useLogin.googleRecaptchaId,
       handleCancelModelAssign = _useLogin.handleCancelModelAssign,
       school = _useLogin.school,
-      openModelAssign = _useLogin.openModelAssign;
+      openModelAssign = _useLogin.openModelAssign,
+      setIsShowPassword = _useLogin.setIsShowPassword,
+      fnIsCheckLogin = _useLogin.fnIsCheckLogin,
+      isLoginGoogle = _useLogin.isLoginGoogle,
+      submitLogin = _useLogin.submitLogin,
+      infoUser = _useLogin.infoUser,
+      googleClientId = _useLogin.googleClientId,
+      isShowPassword = _useLogin.isShowPassword;
 
   React.useEffect(function () {
     isLogin && (document.title = LOGIN_TITLE);
@@ -38927,7 +38940,14 @@ var Login = function Login(props) {
     defaultInfo: defaultInfo,
     onCancelModelAssign: handleCancelModelAssign,
     openModelAssign: openModelAssign,
-    school: school
+    school: school,
+    fnIsCheckLogin: fnIsCheckLogin,
+    googleClientId: googleClientId,
+    infoUser: infoUser,
+    isLoginGoogle: isLoginGoogle,
+    isShowPassword: isShowPassword,
+    setIsShowPassword: setIsShowPassword,
+    submitLogin: submitLogin
   }), isForgotPassword && React__default.createElement(BlockForgetPassword, {
     school: school
   })), isResetPassword && React__default.createElement(BlockResetPassword, null), isCreatePassword && React__default.createElement(BlockCreatePassword, null), React__default.createElement("a", {
@@ -45667,12 +45687,17 @@ var UserDetail = function UserDetail() {
         return handleToggleModel();
       }
     }, React__default.createElement(reactstrap.ModalHeader, null, "Assign Teacher"), React__default.createElement(reactstrap.ModalBody, null, React__default.createElement(TeacherSelector, {
-      value: teacherOptions.find(function (r) {
-        return r.value == values.teacherUserId;
+      isMulti: true,
+      value: teacherOptions.filter(function (r) {
+        var _values$teacherUserId;
+
+        return (_values$teacherUserId = values.teacherUserId) === null || _values$teacherUserId === void 0 ? void 0 : _values$teacherUserId.includes(r.value);
       }) || null,
       options: teacherOptions,
       onChange: function onChange(e) {
-        return setFieldValue("teacherUserId", e.value);
+        return setFieldValue("teacherUserId", e.map(function (i) {
+          return i.value;
+        }));
       },
       placeholder: t("select_teacher"),
       className: "flex-grow-1 mb-3"