acsi-core 0.1.40 → 0.1.42

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import { createBrowserHistory } from 'history';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import React, { useState, useCallback, useEffect, Fragment, useRef } from 'react';
-import { Row, Col, Form, Modal, ModalHeader, ModalBody, ModalFooter, Button, Pagination, PaginationItem, PaginationLink, FormGroup, Input, Label, Tooltip } from 'reactstrap';
+import { Row, Col, Modal, ModalHeader, ModalBody, ModalFooter, Button, Pagination, PaginationItem, PaginationLink, FormGroup, Input, Label, Tooltip } from 'reactstrap';
 import axios from 'axios';
 import moment from 'moment';
 import { Link } from 'react-router-dom';
@@ -83,7 +83,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,
@@ -133,12 +133,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 = useDispatch();
   var googleLogin = useGoogleLogin({
     onSuccess: function (tokenResponse) {
@@ -151,7 +167,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,
@@ -163,7 +179,7 @@ var BlockLogin = function BlockLogin(_ref) {
                 fullName: name,
                 firstName: family_name,
                 lastName: given_name,
-                email: email,
+                email: _email,
                 token: accessToken,
                 googleId: sub,
                 role: role
@@ -237,13 +253,40 @@ var BlockLogin = function BlockLogin(_ref) {
     src: "/images/icons/Google__G__logo.png"
   }), "Sign in with Google")), role != "Admin" && React.createElement(React.Fragment, null, React.createElement("span", {
     className: "" + styleGlobal["box-field"]
-  }, "OR"), React.createElement(Form, null, React.createElement("div", {
+  }, "OR"), isScreenCode ? React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "" + styleGlobal["box-input"]
+  }, React.createElement("input", {
+    type: "text",
+    placeholder: "Code OTP",
+    value: code,
+    onChange: function onChange(event) {
+      setCode(event.target.value);
+    }
+  }), React.createElement("p", {
+    className: styleGlobal["box-text"]
+  }, "Your code will expire: ", React.createElement("span", null, formatTime()))), React.createElement("button", {
+    onClick: function onClick() {
+      return loginWithEmailCode();
+    },
+    className: "" + styleGlobal["box-button-email"]
+  }, React.createElement("img", {
+    width: 20,
+    height: 20,
+    alt: "Email sign-in",
+    src: "/images/icons/Login_icon.png"
+  }), "Login")) : React.createElement(React.Fragment, null, React.createElement("div", {
     className: "" + styleGlobal["box-input"]
   }, React.createElement("input", {
     type: "email",
-    placeholder: "Email"
+    placeholder: "Email",
+    value: email,
+    onChange: function onChange(event) {
+      setEmail(event.target.value.trim());
+    }
   })), React.createElement("button", {
-    type: "submit",
+    onClick: function onClick() {
+      !!email && loginWithEmail();
+    },
     className: "" + styleGlobal["box-button-email"]
   }, React.createElement("img", {
     width: 20,
@@ -308,46 +351,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 = useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
   var _useState2 = useState(),
     infoUser = _useState2[0],
     setInfoUser = _useState2[1];
+  var dispatch = useDispatch();
   var toggle = useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
-  var _useState3 = useState(false),
-    isShowPassword = _useState3[0],
-    setIsShowPassword = _useState3[1];
+  var _useState3 = useState(""),
+    email = _useState3[0],
+    setEmail = _useState3[1];
+  var _useState4 = useState(""),
+    code = _useState4[0],
+    setCode = _useState4[1];
+  var _useState5 = useState(false),
+    isScreenCode = _useState5[0],
+    setIsScreenCode = _useState5[1];
+  var _useState6 = 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');
+  };
+  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.createElement("div", {
     className: styleGlobal["signup_wrap"] + " container-fluid font-family-lato"
   }, React.createElement(BlockLogin, {
     defaultInfo: defaultInfo,
+    email: email,
+    setEmail: setEmail,
+    loginWithEmail: loginWithEmail,
+    code: code,
+    setCode: setCode,
+    formatTime: formatTime,
+    isScreenCode: isScreenCode,
     onNavigate: onNavigate,
+    loginWithEmailCode: loginWithEmailCode,
     role: role
   }));
 };
@@ -591,25 +767,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;
@@ -1409,7 +1566,7 @@ var Close = function Close(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React.createElement("g", {
-    "clip-path": "url(#clip0_1060_48455)"
+    clipPath: "url(#clip0_1060_48455)"
   }, React.createElement("rect", {
     x: "2.48438",
     y: "3.61597",