mario-core 2.9.301-release → 2.9.302-release

package/dist/index.modern.js

@@ -2,20 +2,20 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import i18n from 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
-import React, { useState, useCallback, useEffect, forwardRef, useRef, Suspense, memo, Fragment, useImperativeHandle, useMemo } from 'react';
+import React, { forwardRef, useState, useEffect, useRef, useCallback, Suspense, memo, Fragment, useImperativeHandle, useMemo } from 'react';
 import { Input, Modal, ModalHeader, ModalBody, ModalFooter, Button, Form, FormGroup, Row, Col, Navbar, NavbarBrand, Collapse, Nav, NavItem, NavLink, Dropdown, DropdownToggle, DropdownMenu, DropdownItem, Alert, Pagination, PaginationItem, PaginationLink, Table, Label, Popover, PopoverBody, TabContent, TabPane, CardText, CustomInput, Card, CardImg, CardBody, CardTitle, CardHeader } from 'reactstrap';
-import { useHistory, Link, useLocation, Switch, Route, Prompt, useParams } from 'react-router-dom';
+import { Link, useLocation, useHistory, Switch, Route, Prompt, useParams } from 'react-router-dom';
 import { useDispatch, useSelector } from 'react-redux';
 import { Formik } from 'formik';
 import { object, string, boolean, number, array } from 'yup';
-import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
+import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
+import GoogleLogin from 'react-google-login';
+import Select from 'react-select';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import axios from 'axios';
 import amplitude from 'amplitude-js';
 import moment from 'moment';
-import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
-import GoogleLogin from 'react-google-login';
-import Select from 'react-select';
+import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
 import { GiHamburgerMenu } from 'react-icons/gi';
 import { CSidebar, CSidebarBrand, CSidebarNav, CCreateElement, CSidebarNavDivider, CSidebarNavDropdown, CSidebarNavItem, CSidebarNavTitle, CSidebarFooter, CContainer, CHeader, CToggler, CHeaderBrand, CHeaderNav } from '@coreui/react';
 import { CgMenuRight } from 'react-icons/cg';
@@ -37165,14 +37165,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.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: initValue,
+    menuPlacement: scrollBottom ? "top" : "auto"
+  }, rest));
+};
 
 var setLoading = createAction("common/setLoading");
 var setModal = createAction("common/setModal");
@@ -37209,6 +37218,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,
@@ -37342,14 +37360,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 = useState(false),
+      modal = _useState[0],
+      setModal = _useState[1];
+
+  useEffect(function () {
+    setModal(openModal);
+  }, [openModal]);
+  var dispatch = useDispatch();
+
+  var _useState2 = useState([]),
+      teachers = _useState2[0],
+      setTeachers = _useState2[1];
+
+  var _useState3 = useState(""),
+      searchString = _useState3[0],
+      setSearchString = _useState3[1];
+
+  var _useState4 = useState(""),
+      teacherEmail = _useState4[0],
+      setTeacherEmail = _useState4[1];
+
+  var _useState5 = useState(false),
+      isLoading = _useState5[0],
+      setLoading = _useState5[1];
+
+  var timeout = useRef();
+
+  var toggle = function toggle() {
+    setModal(!modal);
+    dispatch(setIsLoginGoogle(!modal));
+  };
+
+  var loadData = 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]);
+  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.createElement(Modal, {
+    isOpen: modal
+  }, React.createElement(ModalHeader, null, " Sign in "), React.createElement(ModalBody, null, React.createElement("h6", null, "You are logging in as a student, please select teacher"), React.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.createElement(ModalFooter, null, React.createElement(Button, {
+    color: "primary",
+    onClick: function onClick() {
+      onSubmit(teacherEmail);
+      toggle();
+    }
+  }, "Finish"), ' ', React.createElement(Button, {
+    color: "secondary",
+    onClick: toggle
+  }, "Cancel")));
 };
 
+var BlockSelectTeacher$1 = forwardRef(BlockSelectTeacher);
+
 var TypeLogin;
 
 (function (TypeLogin) {
@@ -37366,78 +37501,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 = object({
+  email: string().email("Email is invalid").required("Email is required"),
+  password: string().required("Password is required"),
+  rememberMe: boolean()
+});
 
-        switch (level) {
-          case 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 LogLevel.Info:
-            console.info(message);
-            return;
+  var togglePasswordVisible = function togglePasswordVisible() {
+    return setIsShowPassword(!isShowPassword);
+  };
 
-          case LogLevel.Verbose:
-            console.debug(message);
-            return;
+  var dispatch = useDispatch();
 
-          case LogLevel.Warning:
-            console.warn(message);
-            return;
+  var _useGoogleReCaptcha = useGoogleReCaptcha(),
+      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
 
-          default:
-            return;
-        }
+  var clickHandler = 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 = useCallback(function () {}, []);
 
-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 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;
 
-var getFileUrl = function getFileUrl(fileName) {
-  if (!fileName || !fileName.trim()) return "";
-  return BASE_URL + "/api/file/viewer?key=" + fileName;
+      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.createElement(React.Fragment, null, React.createElement(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.createElement("div", {
+      className: styles["box-login"] + " w-100"
+    }, React.createElement(Form, {
+      className: "" + styles["block-login"],
+      onSubmit: handleSubmit
+    }, React.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React.createElement("div", {
+      className: "d-flex align-items-center mb-4"
+    }, React.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.createElement("p", {
+      className: styles["school-name"] + " mb-0"
+    }, school.schoolName)), React.createElement("p", {
+      className: "" + styles["title-login"]
+    }, "Welcome Back!"), React.createElement("p", {
+      className: styles["login-description"] + " mb-5"
+    }, "Please enter your MARIO Education account details"), React.createElement(FormGroup, {
+      className: "" + styles["form-user-name"]
+    }, React.createElement(Input, {
+      type: "text",
+      name: "email",
+      placeholder: "Email",
+      value: values.email,
+      onChange: handleChange,
+      autocomplete: "email",
+      onBlur: handleBlur("email"),
+      required: true
+    }), emailError && React.createElement(ErrorHandler, {
+      text: errors.email
+    })), React.createElement(FormGroup, null, React.createElement(PasswordInput, {
+      isShowPassword: isShowPassword,
+      togglePasswordVisible: togglePasswordVisible,
+      onChange: function onChange(e) {
+        return setFieldValue("password", e.target.value);
+      }
+    }), passwordError && React.createElement(ErrorHandler, {
+      text: errors.password
+    })), React.createElement(FormGroup, null, React.createElement(GoogleReCaptcha, {
+      action: "login",
+      onVerify: handleVerify
+    })), React.createElement("div", {
+      className: "d-flex justify-content-between"
+    }, React.createElement("div", {
+      className: "d-flex align-items-center"
+    }, React.createElement("input", {
+      type: "checkbox",
+      checked: !values.isSessionUserBrowser,
+      className: "" + styles["checkbox-keep-login"],
+      onChange: function onChange() {
+        return setFieldValue("isSessionUserBrowser", !values.isSessionUserBrowser);
+      }
+    }), React.createElement("p", {
+      className: styles["label-keep-login"] + " mb-0 ml-2"
+    }, "Keep me logged in")), React.createElement(Link, {
+      to: "/forgot-password",
+      className: "" + styles["link-to-login"]
+    }, "Forgot password?")), React.createElement("button", {
+      className: styles["btn-login"] + " mt-5",
+      type: "submit"
+    }, "LOG IN"), React.createElement("p", {
+      className: styles["option-text"] + " my-3 text-center"
+    }, "OR"), React.createElement(Row, {
+      className: "mb-4"
+    }, React.createElement(Col, {
+      lg: 12,
+      md: 12,
+      xs: 12,
+      className: "pr-md-3"
+    }, !!googleClientId && React.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.createElement("div", {
+      className: "" + styles["btn-login-sso"]
+    }, React.createElement("div", {
+      className: styles["btn-login-with-sso"],
+      onClick: function onClick() {
+        return window.open("https://launchpad.classlink.com/login");
+      }
+    }, React.createElement("img", {
+      src: "images/class-link-icon.png"
+    }), React.createElement("p", null, "Sign-in with ClassLink"))))));
+  }), isLoginGoogle && React.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(useLocation().search);
+  var token = query.get("token");
+  var key = (_query$get = query.get("key")) != null ? _query$get : "";
   var dispatch = useDispatch();
   var history = useHistory();
 
@@ -37445,67 +37719,41 @@ var useLogin = function useLogin() {
       openLogin = _useState[0],
       setOpenLogin = _useState[1];
 
-  var isLoginGoogle = useSelector(function (state) {
-    return state.common.isLoginGoogle;
-  });
-
-  var _useState2 = useState(""),
-      googleClientId = _useState2[0],
-      setGoogleClientId = _useState2[1];
-
-  var _useState3 = useState(""),
-      googleRecaptchaId = _useState3[0],
-      setGoogleRecaptchaId = _useState3[1];
+  var toggle = useCallback(function () {
+    setOpenLogin(!openLogin);
+  }, [openLogin]);
 
-  var infoUser = 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 = useState(false),
+      isShowNewPassword = _useState2[0],
+      setIsShowNewPassword = _useState2[1];
 
-  var _useState4 = useState(false),
-      openModelAssign = _useState4[0];
+  var _useState3 = useState(false),
+      isShowReTypePassword = _useState3[0],
+      setIsShowReTypePassword = _useState3[1];
 
-  var _useState5 = useState({
-    schoolName: "",
-    schoolLogo: ""
+  var _useState4 = useState({
+    token: "",
+    password: "",
+    reEnterPassword: "",
+    email: "",
+    userId: ""
   }),
-      school = _useState5[0],
-      setSchool = _useState5[1];
-
-  var _useState6 = useState(),
-      msalInstance = _useState6[0],
-      setMsalInstance = _useState6[1];
+      initialValues = _useState4[0],
+      setInitialValues = _useState4[1];
 
-  var toggle = useCallback(function () {
-    setOpenLogin(!openLogin);
-  }, [openLogin]);
+  var _useState5 = useState(true),
+      validLink = _useState5[0],
+      setValidLink = _useState5[1];
 
-  var _useState7 = useState(false),
-      isShowPassword = _useState7[0],
-      setIsShowPassword = _useState7[1];
+  var _useGoogleReCaptcha = useGoogleReCaptcha(),
+      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
 
   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");
-  };
-
-  useEffect(function () {
-    if (loginClassLink && tokenClassLink != "") {
-      loginAccountClassLink();
-    }
+    if (!!token) history.push(DASHBOARD);
   }, []);
-
-  var loginAccountClassLink = function loginAccountClassLink() {
+  var forgotPasswordRequest = useCallback(function (data) {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -37514,27 +37762,487 @@ 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 checkResetTokenRequest = useCallback(function (token, key) {
+    try {
+      var _temp7 = function _temp7() {
+        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);
+          }
+        });
+      }, function () {
+        setValidLink(false);
+      });
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
+  var resetPasswordRequest = 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 = 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 = useCallback(function () {}, []);
+  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 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 initialValues = {
+  email: "",
+  captcha: ""
+};
+var forgotPasswordSchema = object({
+  email: 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.createElement(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.createElement("div", {
+      className: "" + styles["box-login"]
+    }, React.createElement("div", {
+      className: "" + styles["block-login"]
+    }, React.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React.createElement("div", {
+      className: "d-flex align-items-center mb-4"
+    }, React.createElement("img", {
+      src: "" + getStaticFileUrl("/images/isb-icon.png"),
+      className: styles["school-icon"] + " mr-3"
+    }), React.createElement("p", {
+      className: styles["school-name"] + " mb-0"
+    }, school.schoolName)), React.createElement("p", {
+      className: styles["title-login"] + " "
+    }, "Forgot password"), React.createElement("p", {
+      className: styles["recover-account"] + " mb-5"
+    }, "Enter email to recover your account"), React.createElement("div", {
+      className: "w-100"
+    }, React.createElement(Input, {
+      type: "text",
+      name: "email",
+      id: "email",
+      placeholder: "Input email",
+      onChange: handleChange,
+      value: values.email
+    }), touched.email && errors.email && React.createElement(ErrorHandler, {
+      text: errors.email
+    })), React.createElement(Link, {
+      to: "/login",
+      className: styles["link-to-login"] + " mt-2"
+    }, "Return to login"), React.createElement(GoogleReCaptcha, {
+      action: "forgetPass",
+      onVerify: handleVerify
+    }), React.createElement(Col, {
+      className: "p-0"
+    }, React.createElement("button", {
+      className: styles["btn-login"] + " mt-5",
+      onClick: function onClick() {
+        return handleSubmit();
+      }
+    }, "Continue")))));
+  });
+};
+
+var resetPasswordSchema = object({
+  password: string().required("New password is required"),
+  reEnterPassword: 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.createElement(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.createElement(Row, {
+      className: "" + styles["box-login"]
+    }, React.createElement(Col, {
+      className: "p-0"
+    }, React.createElement("div", {
+      className: "" + styles["block-login"]
+    }, React.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React.createElement("img", {
+      src: "" + getStaticFileUrl("/images/horizontal-logo-blue.svg"),
+      className: "" + styles["img-login-rectangle"]
+    }), React.createElement("p", {
+      className: "" + styles["title-login"]
+    }, "Reset Password"), React.createElement("div", {
+      className: "w-100"
+    }, validLink ? React.createElement(React.Fragment, null, React.createElement(FormGroup, {
+      className: "" + styles["form-user-name"]
+    }, React.createElement(Input, {
+      disabled: true,
+      type: "text",
+      name: "email",
+      placeholder: "Email",
+      value: values.email,
+      autocomplete: "email",
+      required: true,
+      className: "" + styles["input"]
+    })), React.createElement("div", {
+      className: "" + styles["form-user-name"]
+    }, React.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.createElement(ErrorHandler, {
+      text: errors.password
+    })), React.createElement("div", {
+      className: "" + styles["form-user-name"]
+    }, React.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.createElement(ErrorHandler, {
+      text: errors.reEnterPassword
+    }))) : React.createElement(React.Fragment, null, React.createElement("p", {
+      className: styles["recover-account"] + " mb-5"
+    }, "Invalid reset password link"), React.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.createElement(Col, {
+      className: "p-0"
+    }, React.createElement("button", {
+      className: styles["btn-login"] + " " + styles["btn-rounder"] + " mt-4",
+      onClick: function onClick() {
+        return handleSubmit();
+      }
+    }, "SET A NEW PASSWORD"))))), React.createElement(Col, {
+      lg: 4,
+      md: 4,
+      className: "" + styles["img-box"]
+    }, React.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 LogLevel.Error:
+            console.error(message);
+            return;
+
+          case LogLevel.Info:
+            console.info(message);
+            return;
+
+          case LogLevel.Verbose:
+            console.debug(message);
+            return;
+
+          case 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 = useDispatch();
+  var history = useHistory();
+
+  var _useState = useState(false),
+      openLogin = _useState[0],
+      setOpenLogin = _useState[1];
+
+  var isLoginGoogle = useSelector(function (state) {
+    return state.common.isLoginGoogle;
+  });
+
+  var _useState2 = useState(""),
+      googleClientId = _useState2[0],
+      setGoogleClientId = _useState2[1];
+
+  var _useState3 = useState(""),
+      googleRecaptchaId = _useState3[0],
+      setGoogleRecaptchaId = _useState3[1];
+
+  var infoUser = 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 = useState(false),
+      openModelAssign = _useState4[0];
+
+  var _useState5 = useState({
+    schoolName: "",
+    schoolLogo: ""
+  }),
+      school = _useState5[0],
+      setSchool = _useState5[1];
+
+  var _useState6 = useState(),
+      msalInstance = _useState6[0],
+      setMsalInstance = _useState6[1];
+
+  var toggle = useCallback(function () {
+    setOpenLogin(!openLogin);
+  }, [openLogin]);
+
+  var _useState7 = useState(false),
+      isShowPassword = _useState7[0],
+      setIsShowPassword = _useState7[1];
+
+  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");
+  };
+
+  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
         }));
       });
 
@@ -37927,7 +38635,7 @@ var useLogin = function useLogin() {
     getSchoolInfo();
   }, []);
   return {
-    defaultInfo: defaultInfo,
+    defaultInfo: defaultInfo$1,
     userLogin: userLogin,
     openLogin: openLogin,
     toggle: toggle,
@@ -37946,734 +38654,24 @@ var useLogin = function useLogin() {
   };
 };
 
-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.createElement(Select, Object.assign({
-    isDisabled: isDisabled,
-    options: options,
-    value: initValue,
-    menuPlacement: scrollBottom ? "top" : "auto"
-  }, rest));
-};
+var DASHBOARD$1 = "/";
+var LOGIN$1 = "/login";
+var TITLE$2 = "Log in";
 
-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 useCreatePassword = function useCreatePassword() {
+  var dispatch = useDispatch();
+  var history = useHistory();
+  var search = location.search;
+  var params = new URLSearchParams(search);
+  var userId = params.get('userId');
 
   var _useState = useState(false),
-      modal = _useState[0],
-      setModal = _useState[1];
+      isShowNewPassword = _useState[0],
+      setIsShowNewPassword = _useState[1];
 
-  useEffect(function () {
-    setModal(openModal);
-  }, [openModal]);
-  var dispatch = useDispatch();
-
-  var _useState2 = useState([]),
-      teachers = _useState2[0],
-      setTeachers = _useState2[1];
-
-  var _useState3 = useState(""),
-      searchString = _useState3[0],
-      setSearchString = _useState3[1];
-
-  var _useState4 = useState(""),
-      teacherEmail = _useState4[0],
-      setTeacherEmail = _useState4[1];
-
-  var _useState5 = useState(false),
-      isLoading = _useState5[0],
-      setLoading = _useState5[1];
-
-  var timeout = useRef();
-
-  var toggle = function toggle() {
-    setModal(!modal);
-    dispatch(setIsLoginGoogle(!modal));
-  };
-
-  var loadData = 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]);
-  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.createElement(Modal, {
-    isOpen: modal
-  }, React.createElement(ModalHeader, null, " Sign in "), React.createElement(ModalBody, null, React.createElement("h6", null, "You are logging in as a student, please select teacher"), React.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.createElement(ModalFooter, null, React.createElement(Button, {
-    color: "primary",
-    onClick: function onClick() {
-      onSubmit(teacherEmail);
-      toggle();
-    }
-  }, "Finish"), ' ', React.createElement(Button, {
-    color: "secondary",
-    onClick: toggle
-  }, "Cancel")));
-};
-
-var BlockSelectTeacher$1 = forwardRef(BlockSelectTeacher);
-
-var schema = object({
-  email: string().email("Email is invalid").required("Email is required"),
-  password: string().required("Password is required"),
-  rememberMe: 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 = useDispatch();
-
-  var _useGoogleReCaptcha = useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-
-  var clickHandler = 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 = 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.createElement(React.Fragment, null, React.createElement(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.createElement("div", {
-      className: styles["box-login"] + " w-100"
-    }, React.createElement(Form, {
-      className: "" + styles["block-login"],
-      onSubmit: handleSubmit
-    }, React.createElement("div", {
-      className: "" + styles["block-form"]
-    }, React.createElement("div", {
-      className: "d-flex align-items-center mb-4"
-    }, React.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.createElement("p", {
-      className: styles["school-name"] + " mb-0"
-    }, school.schoolName)), React.createElement("p", {
-      className: "" + styles["title-login"]
-    }, "Welcome Back!"), React.createElement("p", {
-      className: styles["login-description"] + " mb-5"
-    }, "Please enter your MARIO Education account details"), React.createElement(FormGroup, {
-      className: "" + styles["form-user-name"]
-    }, React.createElement(Input, {
-      type: "text",
-      name: "email",
-      placeholder: "Email",
-      value: values.email,
-      onChange: handleChange,
-      autocomplete: "email",
-      onBlur: handleBlur("email"),
-      required: true
-    }), emailError && React.createElement(ErrorHandler, {
-      text: errors.email
-    })), React.createElement(FormGroup, null, React.createElement(PasswordInput, {
-      isShowPassword: isShowPassword,
-      togglePasswordVisible: togglePasswordVisible,
-      onChange: function onChange(e) {
-        return setFieldValue("password", e.target.value);
-      }
-    }), passwordError && React.createElement(ErrorHandler, {
-      text: errors.password
-    })), React.createElement(FormGroup, null, React.createElement(GoogleReCaptcha, {
-      action: "login",
-      onVerify: handleVerify
-    })), React.createElement("div", {
-      className: "d-flex justify-content-between"
-    }, React.createElement("div", {
-      className: "d-flex align-items-center"
-    }, React.createElement("input", {
-      type: "checkbox",
-      checked: !values.isSessionUserBrowser,
-      className: "" + styles["checkbox-keep-login"],
-      onChange: function onChange() {
-        return setFieldValue("isSessionUserBrowser", !values.isSessionUserBrowser);
-      }
-    }), React.createElement("p", {
-      className: styles["label-keep-login"] + " mb-0 ml-2"
-    }, "Keep me logged in")), React.createElement(Link, {
-      to: "/forgot-password",
-      className: "" + styles["link-to-login"]
-    }, "Forgot password?")), React.createElement("button", {
-      className: styles["btn-login"] + " mt-5",
-      type: "submit"
-    }, "LOG IN"), React.createElement("p", {
-      className: styles["option-text"] + " my-3 text-center"
-    }, "OR"), React.createElement(Row, {
-      className: "mb-4"
-    }, React.createElement(Col, {
-      lg: 12,
-      md: 12,
-      xs: 12,
-      className: "pr-md-3"
-    }, !!googleClientId && React.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.createElement("div", {
-      className: "" + styles["btn-login-sso"]
-    }, React.createElement("div", {
-      className: styles["btn-login-with-sso"],
-      onClick: function onClick() {
-        return window.open("https://launchpad.classlink.com/login");
-      }
-    }, React.createElement("img", {
-      src: "images/class-link-icon.png"
-    }), React.createElement("p", null, "Sign-in with ClassLink"))))));
-  }), isLoginGoogle && React.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(useLocation().search);
-  var token = query.get("token");
-  var key = (_query$get = query.get("key")) != null ? _query$get : "";
-  var dispatch = useDispatch();
-  var history = useHistory();
-
-  var _useState = useState(false),
-      openLogin = _useState[0],
-      setOpenLogin = _useState[1];
-
-  var toggle = useCallback(function () {
-    setOpenLogin(!openLogin);
-  }, [openLogin]);
-
-  var _useState2 = useState(false),
-      isShowNewPassword = _useState2[0],
-      setIsShowNewPassword = _useState2[1];
-
-  var _useState3 = useState(false),
-      isShowReTypePassword = _useState3[0],
-      setIsShowReTypePassword = _useState3[1];
-
-  var _useState4 = useState({
-    token: "",
-    password: "",
-    reEnterPassword: "",
-    email: "",
-    userId: ""
-  }),
-      initialValues = _useState4[0],
-      setInitialValues = _useState4[1];
-
-  var _useState5 = useState(true),
-      validLink = _useState5[0],
-      setValidLink = _useState5[1];
-
-  var _useGoogleReCaptcha = useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-
-  useEffect(function () {
-    document.title = TITLE$1;
-    var token = getAccessToken();
-    if (!!token) history.push(DASHBOARD);
-  }, []);
-  var forgotPasswordRequest = useCallback(function (data) {
-    try {
-      var _temp3 = function _temp3() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
-
-      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"
-          }));
-        });
-      }, 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 || "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 checkResetTokenRequest = useCallback(function (token, key) {
-    try {
-      var _temp7 = function _temp7() {
-        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);
-          }
-        });
-      }, function () {
-        setValidLink(false);
-      });
-
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, []);
-  var resetPasswordRequest = 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 = 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 = useCallback(function () {}, []);
-  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 = object({
-  email: 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.createElement(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.createElement("div", {
-      className: "" + styles["box-login"]
-    }, React.createElement("div", {
-      className: "" + styles["block-login"]
-    }, React.createElement("div", {
-      className: "" + styles["block-form"]
-    }, React.createElement("div", {
-      className: "d-flex align-items-center mb-4"
-    }, React.createElement("img", {
-      src: "" + getStaticFileUrl("/images/isb-icon.png"),
-      className: styles["school-icon"] + " mr-3"
-    }), React.createElement("p", {
-      className: styles["school-name"] + " mb-0"
-    }, school.schoolName)), React.createElement("p", {
-      className: styles["title-login"] + " "
-    }, "Forgot password"), React.createElement("p", {
-      className: styles["recover-account"] + " mb-5"
-    }, "Enter email to recover your account"), React.createElement("div", {
-      className: "w-100"
-    }, React.createElement(Input, {
-      type: "text",
-      name: "email",
-      id: "email",
-      placeholder: "Input email",
-      onChange: handleChange,
-      value: values.email
-    }), touched.email && errors.email && React.createElement(ErrorHandler, {
-      text: errors.email
-    })), React.createElement(Link, {
-      to: "/login",
-      className: styles["link-to-login"] + " mt-2"
-    }, "Return to login"), React.createElement(GoogleReCaptcha, {
-      action: "forgetPass",
-      onVerify: handleVerify
-    }), React.createElement(Col, {
-      className: "p-0"
-    }, React.createElement("button", {
-      className: styles["btn-login"] + " mt-5",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    }, "Continue")))));
-  });
-};
-
-var resetPasswordSchema = object({
-  password: string().required("New password is required"),
-  reEnterPassword: 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.createElement(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.createElement(Row, {
-      className: "" + styles["box-login"]
-    }, React.createElement(Col, {
-      className: "p-0"
-    }, React.createElement("div", {
-      className: "" + styles["block-login"]
-    }, React.createElement("div", {
-      className: "" + styles["block-form"]
-    }, React.createElement("img", {
-      src: "" + getStaticFileUrl("/images/horizontal-logo-blue.svg"),
-      className: "" + styles["img-login-rectangle"]
-    }), React.createElement("p", {
-      className: "" + styles["title-login"]
-    }, "Reset Password"), React.createElement("div", {
-      className: "w-100"
-    }, validLink ? React.createElement(React.Fragment, null, React.createElement(FormGroup, {
-      className: "" + styles["form-user-name"]
-    }, React.createElement(Input, {
-      disabled: true,
-      type: "text",
-      name: "email",
-      placeholder: "Email",
-      value: values.email,
-      autocomplete: "email",
-      required: true,
-      className: "" + styles["input"]
-    })), React.createElement("div", {
-      className: "" + styles["form-user-name"]
-    }, React.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.createElement(ErrorHandler, {
-      text: errors.password
-    })), React.createElement("div", {
-      className: "" + styles["form-user-name"]
-    }, React.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.createElement(ErrorHandler, {
-      text: errors.reEnterPassword
-    }))) : React.createElement(React.Fragment, null, React.createElement("p", {
-      className: styles["recover-account"] + " mb-5"
-    }, "Invalid reset password link"), React.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.createElement(Col, {
-      className: "p-0"
-    }, React.createElement("button", {
-      className: styles["btn-login"] + " " + styles["btn-rounder"] + " mt-4",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    }, "SET A NEW PASSWORD"))))), React.createElement(Col, {
-      lg: 4,
-      md: 4,
-      className: "" + styles["img-box"]
-    }, React.createElement("img", {
-      src: getStaticFileUrl("/images/img-login.png"),
-      className: "" + styles["img-login"]
-    })));
-  });
-};
-
-var DASHBOARD$1 = "/";
-var LOGIN$1 = "/login";
-var TITLE$2 = "Log in";
-
-var useCreatePassword = function useCreatePassword() {
-  var dispatch = useDispatch();
-  var history = useHistory();
-  var search = location.search;
-  var params = new URLSearchParams(search);
-  var userId = params.get('userId');
-
-  var _useState = useState(false),
-      isShowNewPassword = _useState[0],
-      setIsShowNewPassword = _useState[1];
-
-  var _useState2 = useState(false),
-      isShowReTypePassword = _useState2[0],
-      setIsShowReTypePassword = _useState2[1];
+  var _useState2 = useState(false),
+      isShowReTypePassword = _useState2[0],
+      setIsShowReTypePassword = _useState2[1];
 
   var _useState3 = useState({
     password: "",
@@ -38905,7 +38903,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;
 
   useEffect(function () {
     isLogin && (document.title = LOGIN_TITLE);
@@ -38934,7 +38939,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.createElement(BlockForgetPassword, {
     school: school
   })), isResetPassword && React.createElement(BlockResetPassword, null), isCreatePassword && React.createElement(BlockCreatePassword, null), React.createElement("a", {