mario-core 2.9.199-plp → 2.9.200-plp

package/dist/containers/Login/constant/authConfig.d.ts

@@ -0,0 +1,38 @@
+import { LogLevel } from "@azure/msal-browser";
+/**
+ * Configuration object to be passed to MSAL instance on creation.
+ * For a full list of MSAL.js configuration parameters, visit:
+ * https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-browser/docs/configuration.md
+ */
+export declare const msalConfig: {
+    auth: {
+        clientId: string;
+        authority: string;
+        redirectUri: string;
+    };
+    cache: {
+        cacheLocation: string;
+        storeAuthStateInCookie: boolean;
+    };
+    system: {
+        loggerOptions: {
+            loggerCallback: (level: LogLevel, message: string, containsPii: any) => void;
+        };
+    };
+};
+/**
+ * Scopes you add here will be prompted for user consent during sign-in.
+ * By default, MSAL.js will add OIDC scopes (openid, profile, email) to any login request.
+ * For more information about OIDC scopes, visit:
+ * https://docs.microsoft.com/en-us/azure/active-directory/develop/v2-permissions-and-consent#openid-connect-scopes
+ */
+export declare const loginRequest: {
+    scopes: string[];
+};
+/**
+ * Add here the scopes to request when obtaining an access token for MS Graph API. For more information, see:
+ * https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-browser/docs/resources-and-scopes.md
+ */
+export declare const graphConfig: {
+    graphMeEndpoint: string;
+};

package/dist/containers/Login/constant/types.d.ts

@@ -5,3 +5,17 @@ export interface ICreatePassword {
     userId: string;
     token: string;
 }
+export declare enum TypeLogin {
+    Google = 0,
+    ClassLink = 1,
+    MicrosoftSSO = 2
+}
+export interface IInformationUser {
+    firstName: string;
+    lastName: string;
+    fullName: string;
+    imageUrl: string | null;
+    email: string;
+    accessToken: string;
+    googleId: string;
+}

package/dist/containers/Login/hooks/useLogin.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { TypeLogin } from "../constant/types";
 declare type LoginInfo = {
     email: string;
     password: string;
@@ -12,16 +13,15 @@ declare const useLogin: () => {
     toggle: () => void;
     isShowPassword: boolean;
     setIsShowPassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    fnIsCheckLogin: (data: any, token: string, clickHandler: any) => Promise<void>;
-    isLoginGoogle: boolean;
+    fnIsCheckLogin: (type: TypeLogin, data: any, token: string, clickHandler?: any) => Promise<void>;
+    isLoginGoogle: any;
     infoUser: any;
-    setInfoUser: import("react").Dispatch<any>;
     submitLogin: (teacherId: number, clickHandler: any) => Promise<void>;
-    setIsLoginGoogle: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     googleClientId: string;
     googleRecaptchaId: string;
     handleCancelModelAssign: () => void;
     openModelAssign: boolean;
     handleAssignTeacherByCode: (teacherCode: string, setIsError: Function) => Promise<void>;
+    fnLoginSSO: (clickHandler?: any) => Promise<void>;
 };
 export default useLogin;

package/dist/containers/Login/views/block/BlockSelectTeacher.d.ts

@@ -6,7 +6,6 @@ interface Props {
     onSubmit: any;
     token: string;
     email: string;
-    setOpenModal: any;
 }
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
 export default _default;

package/dist/index.css

@@ -712,6 +712,17 @@
   font-size: 20px;
   padding: 10px 20px; }
 
+._DrSlA {
+  text-align: center;
+  background: #e5e5e5;
+  font-size: 15px;
+  color: #ad9292;
+  border-radius: 8px;
+  cursor: pointer; }
+  ._DrSlA img {
+    width: 65px;
+    height: auto; }
+
 ._297lu {
   width: 100%;
   height: 100%; }

package/dist/index.js

@@ -9,9 +9,10 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var reactstrap = require('reactstrap');
 var reactRouterDom = require('react-router-dom');
+var reactRedux = require('react-redux');
 var formik = require('formik');
 var yup = require('yup');
-var reactRedux = require('react-redux');
+var msalBrowser = require('@azure/msal-browser');
 var toolkit = require('@reduxjs/toolkit');
 var axios = _interopDefault(require('axios'));
 var amplitude = _interopDefault(require('amplitude-js'));
@@ -12596,7 +12597,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-minimized-logo":"_3846X","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","button-export":"_2rTzM","button-content":"_18y0w","button-icon":"_3cZAT","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72"};
+var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-minimized-logo":"_3846X","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","button-export":"_2rTzM","button-content":"_18y0w","button-icon":"_3cZAT","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","btn-login-with-sso":"_DrSlA"};
 
 var style = {
   fontSize: "0.85rem"
@@ -29946,6 +29947,8 @@ var setModal = toolkit.createAction("common/setModal");
 var setUser = toolkit.createAction("common/setUser");
 var setSidebar = toolkit.createAction("common/setSidebar");
 var setAlert = toolkit.createAction("common/setAlert");
+var setIsLoginGoogle = toolkit.createAction("common/setIsLoginGoogle");
+var setInforUserGoogle = toolkit.createAction("common/setInforUserGoogle");
 var reset = toolkit.createAction("common/reset");
 var showMenuBar = toolkit.createAction("common/showMenuBar");
 var showFontSize = toolkit.createAction("common/showFontSize");
@@ -30077,8 +30080,12 @@ var checkResetToken = function checkResetToken(token, key) {
 var resetPassword = function resetPassword(data) {
   return api.post(ACCOUNT_URL + "/resetpassword", data);
 };
-var checkUserGoogle = function checkUserGoogle(body) {
-  return api.post(USER_URL + "/check-user", body);
+var checkUserGoogle = function checkUserGoogle(type, body) {
+  return api.post(USER_URL + "/check-user", body, {
+    params: {
+      type: type
+    }
+  });
 };
 var getAllLoginTeacher = function getAllLoginTeacher(param) {
   return api.get(TEACHER_URL + "/get-teacher-login", {
@@ -30108,6 +30115,56 @@ var getSchoolSettings = function getSchoolSettings() {
   return api.get(SCHOOL_URL + "/settings");
 };
 
+var TypeLogin;
+
+(function (TypeLogin) {
+  TypeLogin[TypeLogin["Google"] = 0] = "Google";
+  TypeLogin[TypeLogin["ClassLink"] = 1] = "ClassLink";
+  TypeLogin[TypeLogin["MicrosoftSSO"] = 2] = "MicrosoftSSO";
+})(TypeLogin || (TypeLogin = {}));
+
+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 defaultInfo = {
   email: "",
   password: "",
@@ -30130,37 +30187,40 @@ var useLogin = function useLogin() {
       openLogin = _useState[0],
       setOpenLogin = _useState[1];
 
-  var _useState2 = React.useState(false),
-      isLoginGoogle = _useState2[0],
-      setIsLoginGoogle = _useState2[1];
-
-  var _useState3 = React.useState(""),
-      googleClientId = _useState3[0],
-      setGoogleClientId = _useState3[1];
+  var isLoginGoogle = reactRedux.useSelector(function (state) {
+    return state.common.isLoginGoogle;
+  });
 
-  var _useState4 = React.useState(""),
-      googleRecaptchaId = _useState4[0],
-      setGoogleRecaptchaId = _useState4[1];
+  var _useState2 = React.useState(""),
+      googleClientId = _useState2[0],
+      setGoogleClientId = _useState2[1];
 
-  var _useState5 = React.useState(),
-      infoUser = _useState5[0],
-      setInfoUser = _useState5[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 _useState6 = React.useState(false),
-      openModelAssign = _useState6[0],
-      setOpenModelAssign = _useState6[1];
+  var _useState4 = React.useState(false),
+      openModelAssign = _useState4[0],
+      setOpenModelAssign = _useState4[1];
+
+  var _useState5 = React.useState(),
+      msalInstance = _useState5[0],
+      setMsalInstance = _useState5[1];
 
   var toggle = React.useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
 
-  var _useState7 = React.useState(false),
-      isShowPassword = _useState7[0],
-      setIsShowPassword = _useState7[1];
+  var _useState6 = React.useState(false),
+      isShowPassword = _useState6[0],
+      setIsShowPassword = _useState6[1];
 
   React.useEffect(function () {
     document.title = TITLE;
@@ -30425,39 +30485,50 @@ var useLogin = function useLogin() {
     }
   };
 
-  var fnIsCheckLogin = React.useCallback(function (data, token, clickHandler) {
+  var fnIsCheckLogin = React.useCallback(function (type, data, token, clickHandler) {
     try {
-      var _temp29 = function _temp29() {
+      var _temp31 = function _temp31() {
         dispatch(setLoading(false));
       };
 
       dispatch(setLoading(true));
 
-      var _temp30 = _catch(function () {
-        return Promise.resolve(checkUserGoogle(data)).then(function (res) {
+      var _temp32 = _catch(function () {
+        return Promise.resolve(checkUserGoogle(type, data)).then(function (res) {
           var checkUser = res.data;
 
-          var _temp26 = function () {
+          var _temp28 = function () {
             if (checkUser) {
-              return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-                var dataUser = {
-                  email: data.email,
-                  captcha: clickHandlerRes,
-                  isLoginGoogle: true,
-                  rememberMe: false,
-                  password: "default",
-                  accessToken: token
-                };
-                return Promise.resolve(userLogin(dataUser)).then(function () {
-                  setIsLoginGoogle(false);
+              var _temp33 = function _temp33() {
+                return Promise.resolve(userLogin(_dataUser)).then(function () {
+                  dispatch(setIsLoginGoogle(false));
                 });
-              });
+              };
+
+              var _dataUser = {
+                email: data.email,
+                isLoginGoogle: true,
+                rememberMe: false,
+                password: "default",
+                accessToken: token,
+                captcha: ""
+              };
+
+              var _temp34 = function () {
+                if (clickHandler != null) {
+                  return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+                    _dataUser.captcha = clickHandlerRes;
+                  });
+                }
+              }();
+
+              return _temp34 && _temp34.then ? _temp34.then(_temp33) : _temp33(_temp34);
             } else {
-              setIsLoginGoogle(true);
+              dispatch(setIsLoginGoogle(true));
             }
           }();
 
-          if (_temp26 && _temp26.then) return _temp26.then(function () {});
+          if (_temp28 && _temp28.then) return _temp28.then(function () {});
         });
       }, function (err) {
         var _err$response6, _err$response6$data;
@@ -30468,7 +30539,7 @@ var useLogin = function useLogin() {
         }));
       });
 
-      return Promise.resolve(_temp30 && _temp30.then ? _temp30.then(_temp29) : _temp29(_temp30));
+      return Promise.resolve(_temp32 && _temp32.then ? _temp32.then(_temp31) : _temp31(_temp32));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -30476,14 +30547,14 @@ var useLogin = function useLogin() {
 
   var submitLogin = function submitLogin(teacherId, clickHandler) {
     try {
-      var _temp34 = function _temp34() {
-        setIsLoginGoogle(false);
+      var _temp38 = function _temp38() {
+        dispatch(setIsLoginGoogle(false));
         dispatch(setLoading(false));
       };
 
       dispatch(setLoading(true));
 
-      var _temp35 = _catch(function () {
+      var _temp39 = _catch(function () {
         var data = {
           firstName: infoUser.firstName,
           lastName: infoUser.lastName,
@@ -30494,7 +30565,7 @@ var useLogin = function useLogin() {
           teacherId: teacherId
         };
         return Promise.resolve(registerUserStudent(data)).then(function (res) {
-          var _temp31 = function () {
+          var _temp35 = function () {
             if (res.data) {
               return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
                 var dataLogin = {
@@ -30505,7 +30576,7 @@ var useLogin = function useLogin() {
                   password: "default",
                   accessToken: infoUser.accessToken
                 };
-                setIsLoginGoogle(false);
+                dispatch(setIsLoginGoogle(false));
                 return Promise.resolve(userLogin(dataLogin)).then(function () {
                   history.push(HOMEPAGE_STUDENT);
                 });
@@ -30513,7 +30584,7 @@ var useLogin = function useLogin() {
             }
           }();
 
-          if (_temp31 && _temp31.then) return _temp31.then(function () {});
+          if (_temp35 && _temp35.then) return _temp35.then(function () {});
         });
       }, function (err) {
         var _err$response7, _err$response7$data;
@@ -30524,7 +30595,7 @@ var useLogin = function useLogin() {
         }));
       });
 
-      return Promise.resolve(_temp35 && _temp35.then ? _temp35.then(_temp34) : _temp34(_temp35));
+      return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(_temp38) : _temp38(_temp39));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -30532,7 +30603,7 @@ var useLogin = function useLogin() {
 
   var getInformationSetting = function getInformationSetting() {
     try {
-      var _temp37 = _catch(function () {
+      var _temp41 = _catch(function () {
         return Promise.resolve(getSchoolSettings()).then(function (res) {
           dispatch(setSandboxMode(res.data.isSandboxMode));
         });
@@ -30540,14 +30611,89 @@ var useLogin = function useLogin() {
         console.error(err);
       });
 
-      return Promise.resolve(_temp37 && _temp37.then ? _temp37.then(function () {}) : void 0);
+      return Promise.resolve(_temp41 && _temp41.then ? _temp41.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
 
+  var fnLoginSSO = function fnLoginSSO(clickHandler) {
+    try {
+      msalInstance.handleRedirectPromise().then(function (tokenResponse) {
+        try {
+          var _temp44 = function () {
+            if (!tokenResponse) {
+              var accounts = msalInstance.getAllAccounts();
+
+              var _temp45 = function () {
+                if (accounts.length === 0) {
+                  msalInstance.loginRedirect();
+                } else {
+                  var currentAccount = accounts[0];
+                  return Promise.resolve(getCurrentAccount(currentAccount, clickHandler)).then(function () {});
+                }
+              }();
+
+              if (_temp45 && _temp45.then) return _temp45.then(function () {});
+            } else {
+              var currentAccount = tokenResponse.account;
+              return Promise.resolve(getCurrentAccount(currentAccount, clickHandler)).then(function () {});
+            }
+          }();
+
+          return Promise.resolve(_temp44 && _temp44.then ? _temp44.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();
   }, []);
   return {
     defaultInfo: defaultInfo,
@@ -30559,14 +30705,13 @@ var useLogin = function useLogin() {
     fnIsCheckLogin: fnIsCheckLogin,
     isLoginGoogle: isLoginGoogle,
     infoUser: infoUser,
-    setInfoUser: setInfoUser,
     submitLogin: submitLogin,
-    setIsLoginGoogle: setIsLoginGoogle,
     googleClientId: googleClientId,
     googleRecaptchaId: googleRecaptchaId,
     handleCancelModelAssign: handleCancelModelAssign,
     openModelAssign: openModelAssign,
-    handleAssignTeacherByCode: handleAssignTeacherByCode
+    handleAssignTeacherByCode: handleAssignTeacherByCode,
+    fnLoginSSO: fnLoginSSO
   };
 };
 
@@ -30594,8 +30739,7 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
       openModal = _ref.openModal,
       onSubmit = _ref.onSubmit,
       token = _ref.token,
-      email = _ref.email,
-      setOpenModal = _ref.setOpenModal;
+      email = _ref.email;
 
   var _useState = React.useState(false),
       modal = _useState[0],
@@ -30604,12 +30748,6 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
   React.useEffect(function () {
     setModal(openModal);
   }, [openModal]);
-
-  var toggle = function toggle() {
-    setModal(!modal);
-    setOpenModal(!modal);
-  };
-
   var dispatch = reactRedux.useDispatch();
 
   var _useState2 = React.useState([]),
@@ -30629,6 +30767,12 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
       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() {
@@ -30786,16 +30930,17 @@ var BlockLogin = function BlockLogin(_ref) {
       setIsShowPassword = _useLogin.setIsShowPassword,
       fnIsCheckLogin = _useLogin.fnIsCheckLogin,
       isLoginGoogle = _useLogin.isLoginGoogle,
-      setInfoUser = _useLogin.setInfoUser,
       submitLogin = _useLogin.submitLogin,
       infoUser = _useLogin.infoUser,
-      setIsLoginGoogle = _useLogin.setIsLoginGoogle,
-      googleClientId = _useLogin.googleClientId;
+      googleClientId = _useLogin.googleClientId,
+      fnLoginSSO = _useLogin.fnLoginSSO;
 
   var togglePasswordVisible = function togglePasswordVisible() {
     return setIsShowPassword(!isShowPassword);
   };
 
+  var dispatch = reactRedux.useDispatch();
+
   var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
       executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
 
@@ -30823,12 +30968,7 @@ var BlockLogin = function BlockLogin(_ref) {
           name = _res$profileObj.name;
       var accessToken = res.accessToken;
       var googleId = res.googleId;
-
-      if (email.includes("@gmail")) {
-        alert("Please login with your school email");
-        return;
-      }
-
+      console.log("assss");
       var infoLogin = {
         firstName: givenName,
         lastName: familyName,
@@ -30838,8 +30978,8 @@ var BlockLogin = function BlockLogin(_ref) {
         accessToken: accessToken,
         googleId: googleId
       };
-      setInfoUser(infoLogin);
-      fnIsCheckLogin(infoLogin, accessToken, clickHandler);
+      dispatch(setInforUserGoogle(infoLogin));
+      fnIsCheckLogin(TypeLogin.Google, infoLogin, accessToken, clickHandler);
     }
   };
 
@@ -30923,6 +31063,15 @@ var BlockLogin = function BlockLogin(_ref) {
       cookiePolicy: 'single_host_origin',
       className: "" + styles["btn-login-google"]
     })), React__default.createElement("div", {
+      className: styles["btn-login-sso"] + " mb-3"
+    }, React__default.createElement("div", {
+      className: styles["btn-login-with-sso"],
+      onClick: function onClick() {
+        return fnLoginSSO(clickHandler);
+      }
+    }, React__default.createElement("img", {
+      src: "images/Single-Sign-On.png"
+    }), " Login with SSO")), React__default.createElement("div", {
       className: "d-flex justify-content-between"
     }, React__default.createElement(reactRouterDom.Link, {
       to: "/forgot-password",
@@ -30945,8 +31094,7 @@ var BlockLogin = function BlockLogin(_ref) {
     },
     openModal: isLoginGoogle,
     token: infoUser.accessToken,
-    email: infoUser.email,
-    setOpenModal: setIsLoginGoogle
+    email: infoUser.email
   }), React__default.createElement(BlockAssignTeacherByCode, {
     open: openModelAssign,
     onClose: onCancelModelAssign,
@@ -40193,6 +40341,8 @@ var initialState = {
   isConversationOneToOne: false,
   isSandboxMode: false,
   language: "en",
+  isLoginGoogle: false,
+  inforUserGoogle: null,
   amplitude: {
     user_id: "",
     status: "",
@@ -40217,6 +40367,10 @@ var commonReducer = toolkit.createReducer(initialState, function (builder) {
     state.user = action.payload;
   }).addCase(setSidebar, function (state, action) {
     state.sidebarShow = action.payload;
+  }).addCase(setIsLoginGoogle, function (state, action) {
+    state.isLoginGoogle = action.payload;
+  }).addCase(setInforUserGoogle, function (state, action) {
+    state.inforUserGoogle = action.payload;
   }).addCase(setAlert, function (state, action) {
     state.alert = action.payload;
   }).addCase(reset, function (_state, _action) {