acsi-core 0.1.40 → 0.1.41

package/dist/containers/Login/apiClient/index.d.ts

@@ -1,2 +1,4 @@
 export declare const getGoogleClientId: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const apiLoginGoogle: (body: any) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiSendEmailCode: (body: any) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiCheckEmailCode: (params: any) => Promise<import("axios").AxiosResponse<any, any>>;

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

@@ -5,13 +5,19 @@ declare type LoginInfo = {
     captcha: string;
     rememberMe: boolean;
 };
-declare const useLogin: () => {
+declare const useLogin: (onNavigate: any) => {
     defaultInfo: LoginInfo;
     openLogin: boolean;
     toggle: () => void;
-    isShowPassword: boolean;
-    setIsShowPassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    email: string;
+    setEmail: import("react").Dispatch<import("react").SetStateAction<string>>;
+    loginWithEmail: () => Promise<void>;
     infoUser: any;
     setInfoUser: import("react").Dispatch<any>;
+    code: string;
+    setCode: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isScreenCode: boolean;
+    formatTime: () => string;
+    loginWithEmailCode: () => Promise<void>;
 };
 export default useLogin;

package/dist/index.css

@@ -56,6 +56,14 @@
       right: 0; }
     ._1KLz9 ._2Jo1o ._3zXRp {
       margin-top: 17px; }
+      ._1KLz9 ._2Jo1o ._3zXRp ._8NJga {
+        font-size: 14px;
+        color: #a6a6ad;
+        text-align: left;
+        margin-top: 10px; }
+        ._1KLz9 ._2Jo1o ._3zXRp ._8NJga span {
+          color: #ff0000;
+          font-size: 14px; }
       ._1KLz9 ._2Jo1o ._3zXRp input {
         width: 100%;
         outline: none;

package/dist/index.js

@@ -86,7 +86,7 @@ var COLORS = {
 var ORGANIZATION_TENANT = "ORGANIZATION_TENANT";
 var ORGANIZATION_TEAM = "ORGANIZATION_TEAM";
 
-var styleGlobal = {"signup_wrap":"_1KLz9","box-signin":"_2Jo1o","signin_title":"_3egBO","signup_link":"_1DoIT","google_button":"_34hK_","box-field":"_2e9xO","box-input":"_3zXRp","box-button-email":"_21FPk","box-signin-container":"_1QERu","box-signin-text":"_2-znH","box-signin-logo":"_1aB2m","box-right":"_3qndF","box-right-body":"_JzdCr","box-right-footer":"_19aCA","pr-30":"_2HB5r"};
+var styleGlobal = {"signup_wrap":"_1KLz9","box-signin":"_2Jo1o","signin_title":"_3egBO","signup_link":"_1DoIT","google_button":"_34hK_","box-field":"_2e9xO","box-input":"_3zXRp","box-text":"_8NJga","box-button-email":"_21FPk","box-signin-container":"_1QERu","box-signin-text":"_2-znH","box-signin-logo":"_1aB2m","box-right":"_3qndF","box-right-body":"_JzdCr","box-right-footer":"_19aCA","pr-30":"_2HB5r"};
 
 var api = axios.create({
   baseURL: BASE_URL,
@@ -136,12 +136,28 @@ var apiUpload = axios.create({
 var apiLoginGoogle = function apiLoginGoogle(body) {
   return api.post(BASE_URL + "/api/Auth/login", body);
 };
+var apiSendEmailCode = function apiSendEmailCode(body) {
+  return api.post(BASE_URL + "/api/Auth/send-code-email", body);
+};
+var apiCheckEmailCode = function apiCheckEmailCode(params) {
+  return api.get(BASE_URL + "/api/Auth/check-code-email", {
+    params: params
+  });
+};
 
 var itemLogin = ['Seamless lesson planning', 'Flexibility and customization', 'Data protection and security', 'Standards alignment', 'AI smart assist'];
 
 var BlockLogin = function BlockLogin(_ref) {
   var onNavigate = _ref.onNavigate,
-    role = _ref.role;
+    role = _ref.role,
+    email = _ref.email,
+    setEmail = _ref.setEmail,
+    loginWithEmail = _ref.loginWithEmail,
+    code = _ref.code,
+    setCode = _ref.setCode,
+    isScreenCode = _ref.isScreenCode,
+    formatTime = _ref.formatTime,
+    loginWithEmailCode = _ref.loginWithEmailCode;
   var dispatch = reactRedux.useDispatch();
   var googleLogin = google.useGoogleLogin({
     onSuccess: function (tokenResponse) {
@@ -154,7 +170,7 @@ var BlockLogin = function BlockLogin(_ref) {
           return function () {
             if (userInfo && userInfo.data) {
               var _userInfo$data = userInfo.data,
-                email = _userInfo$data.email,
+                _email = _userInfo$data.email,
                 picture = _userInfo$data.picture,
                 family_name = _userInfo$data.family_name,
                 given_name = _userInfo$data.given_name,
@@ -166,7 +182,7 @@ var BlockLogin = function BlockLogin(_ref) {
                 fullName: name,
                 firstName: family_name,
                 lastName: given_name,
-                email: email,
+                email: _email,
                 token: accessToken,
                 googleId: sub,
                 role: role
@@ -240,13 +256,40 @@ var BlockLogin = function BlockLogin(_ref) {
     src: "/images/icons/Google__G__logo.png"
   }), "Sign in with Google")), role != "Admin" && React__default.createElement(React__default.Fragment, null, React__default.createElement("span", {
     className: "" + styleGlobal["box-field"]
-  }, "OR"), React__default.createElement(reactstrap.Form, null, React__default.createElement("div", {
+  }, "OR"), isScreenCode ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "" + styleGlobal["box-input"]
+  }, React__default.createElement("input", {
+    type: "text",
+    placeholder: "Code OTP",
+    value: code,
+    onChange: function onChange(event) {
+      setCode(event.target.value);
+    }
+  }), React__default.createElement("p", {
+    className: styleGlobal["box-text"]
+  }, "Your code will expire: ", React__default.createElement("span", null, formatTime()))), React__default.createElement("button", {
+    onClick: function onClick() {
+      return loginWithEmailCode();
+    },
+    className: "" + styleGlobal["box-button-email"]
+  }, React__default.createElement("img", {
+    width: 20,
+    height: 20,
+    alt: "Email sign-in",
+    src: "/images/icons/Login_icon.png"
+  }), "Login")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "" + styleGlobal["box-input"]
   }, React__default.createElement("input", {
     type: "email",
-    placeholder: "Email"
+    placeholder: "Email",
+    value: email,
+    onChange: function onChange(event) {
+      setEmail(event.target.value.trim());
+    }
   })), React__default.createElement("button", {
-    type: "submit",
+    onClick: function onClick() {
+      !!email && loginWithEmail();
+    },
     className: "" + styleGlobal["box-button-email"]
   }, React__default.createElement("img", {
     width: 20,
@@ -311,46 +354,179 @@ var BlockLogin = function BlockLogin(_ref) {
   }))))))));
 };
 
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
 var defaultInfo = {
   email: "",
   password: "",
   captcha: "",
   rememberMe: false
 };
-var useLogin = function useLogin() {
+var minutes = 15;
+var useLogin = function useLogin(onNavigate) {
   var _useState = React.useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
   var _useState2 = React.useState(),
     infoUser = _useState2[0],
     setInfoUser = _useState2[1];
+  var dispatch = reactRedux.useDispatch();
   var toggle = React.useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
-  var _useState3 = React.useState(false),
-    isShowPassword = _useState3[0],
-    setIsShowPassword = _useState3[1];
+  var _useState3 = React.useState(""),
+    email = _useState3[0],
+    setEmail = _useState3[1];
+  var _useState4 = React.useState(""),
+    code = _useState4[0],
+    setCode = _useState4[1];
+  var _useState5 = React.useState(false),
+    isScreenCode = _useState5[0],
+    setIsScreenCode = _useState5[1];
+  var _useState6 = React.useState(minutes * 60),
+    timeLeft = _useState6[0],
+    setTimeLeft = _useState6[1];
+  var loginWithEmail = function loginWithEmail() {
+    try {
+      var _temp2 = function _temp2() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(apiSendEmailCode(email)).then(function (res) {
+          var data = res.data;
+          if (data.status == 1) {
+            if (data.data.token != null) {
+              var tokenJWT = data.data.token;
+              localStorage.setItem(ACCESS_TOKEN, tokenJWT);
+              onNavigate("/dashboard");
+            } else {
+              setIsScreenCode(true);
+            }
+          } else {
+            dispatch(setLoading(false));
+            alert("Please contact admin.");
+          }
+        });
+      }, function (e) {
+        console.log(e);
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var loginWithEmailCode = function loginWithEmailCode() {
+    try {
+      var _temp4 = function _temp4() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp3 = _catch(function () {
+        return Promise.resolve(apiCheckEmailCode({
+          email: email,
+          code: code
+        })).then(function (res) {
+          var data = res.data;
+          if (data.status == 1) {
+            var tokenJWT = data.data.token;
+            localStorage.setItem(ACCESS_TOKEN, tokenJWT);
+            onNavigate("/dashboard");
+          } else {
+            dispatch(setLoading(false));
+            alert("The code is not accurate. Please check again.");
+          }
+        });
+      }, function (e) {
+        console.log(e);
+      });
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var formatTime = function formatTime() {
+    var m = Math.floor(timeLeft / 60);
+    var s = timeLeft % 60;
+    return m.toString().padStart(2, '0') + ":" + s.toString().padStart(2, '0');
+  };
+  React.useEffect(function () {
+    if (isScreenCode) {
+      var timer = setInterval(function () {
+        setTimeLeft(function (prev) {
+          if (prev <= 1) {
+            clearInterval(timer);
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1000);
+      return function () {
+        return clearInterval(timer);
+      };
+    }
+    return;
+  }, [isScreenCode]);
   return {
     defaultInfo: defaultInfo,
     openLogin: openLogin,
     toggle: toggle,
-    isShowPassword: isShowPassword,
-    setIsShowPassword: setIsShowPassword,
+    email: email,
+    setEmail: setEmail,
+    loginWithEmail: loginWithEmail,
     infoUser: infoUser,
-    setInfoUser: setInfoUser
+    setInfoUser: setInfoUser,
+    code: code,
+    setCode: setCode,
+    isScreenCode: isScreenCode,
+    formatTime: formatTime,
+    loginWithEmailCode: loginWithEmailCode
   };
 };
 
 var Login = function Login(props) {
   var onNavigate = props.onNavigate,
     role = props.role;
-  var _useLogin = useLogin(),
-    defaultInfo = _useLogin.defaultInfo;
+  var _useLogin = useLogin(onNavigate),
+    defaultInfo = _useLogin.defaultInfo,
+    email = _useLogin.email,
+    setEmail = _useLogin.setEmail,
+    loginWithEmail = _useLogin.loginWithEmail,
+    code = _useLogin.code,
+    setCode = _useLogin.setCode,
+    isScreenCode = _useLogin.isScreenCode,
+    formatTime = _useLogin.formatTime,
+    loginWithEmailCode = _useLogin.loginWithEmailCode;
   return React__default.createElement("div", {
     className: styleGlobal["signup_wrap"] + " container-fluid font-family-lato"
   }, React__default.createElement(BlockLogin, {
     defaultInfo: defaultInfo,
+    email: email,
+    setEmail: setEmail,
+    loginWithEmail: loginWithEmail,
+    code: code,
+    setCode: setCode,
+    formatTime: formatTime,
+    isScreenCode: isScreenCode,
     onNavigate: onNavigate,
+    loginWithEmailCode: loginWithEmailCode,
     role: role
   }));
 };
@@ -593,25 +769,6 @@ var getAccessToken$1 = (function () {
   }
 });
 
-// A type of promise-like that resolves synchronously and supports only one observer
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
 var encodeParams$1 = (function (params) {
   return Object.keys(params).filter(function (key) {
     return params[key] || params[key] === 0 || params[key] === false;