acsi-core 0.1.70 → 0.1.72

package/dist/components/CoreSearch/index.d.ts

@@ -5,6 +5,7 @@ interface IProps {
     onChange: (name: string, value: string) => void;
     width?: number;
     onPressEnter?: (value: string) => void;
+    placeholder?: string;
 }
 declare const CoreSearch: (props: IProps) => React.JSX.Element;
 export default CoreSearch;

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

@@ -17,6 +17,7 @@ declare const useLogin: (onNavigate: any, trackEvent?: ((props: any) => void) |
     code: string;
     setCode: import("react").Dispatch<import("react").SetStateAction<string>>;
     isScreenCode: boolean;
+    setIsScreenCode: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     formatTime: () => string;
     loginWithEmailCode: (role: string) => Promise<void>;
 };

package/dist/index.css

@@ -127,6 +127,9 @@
 ._2HB5r {
   padding-right: 30px !important; }
 
+._4ehXP {
+  width: 400px !important; }
+
 ._xvNBN {
   border-radius: 8px;
   font-size: 14px;

package/dist/index.js

@@ -93,7 +93,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-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 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","width-400":"_4ehXP"};
 
 var api = axios.create({
   baseURL: BASE_URL,
@@ -823,7 +823,9 @@ var CoreSearch = function CoreSearch(props) {
     value = props.value,
     _onChange = props.onChange,
     width = props.width,
-    onPressEnter = props.onPressEnter;
+    onPressEnter = props.onPressEnter,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "Search..." : _props$placeholder;
   var handleClear = function handleClear() {
     _onChange(name, "");
     onPressEnter && onPressEnter("");
@@ -842,7 +844,7 @@ var CoreSearch = function CoreSearch(props) {
     onChange: function onChange(e) {
       return _onChange(name, e.target.value);
     },
-    placeholder: "Search...",
+    placeholder: placeholder,
     onKeyDown: function onKeyDown(e) {
       if (e.key === "Enter") {
         onPressEnter && onPressEnter(value);
@@ -1190,22 +1192,21 @@ var BlockLogin = function BlockLogin(_ref) {
     loginWithEmail = _ref.loginWithEmail,
     code = _ref.code,
     setCode = _ref.setCode,
+    isScreenCode = _ref.isScreenCode,
+    setIsScreenCode = _ref.setIsScreenCode,
     formatTime = _ref.formatTime,
     loginWithEmailCode = _ref.loginWithEmailCode,
     trackEvent = _ref.trackEvent;
   var dispatch = reactRedux.useDispatch();
-  var _useState = React.useState(false),
-    isOTPModalOpen = _useState[0],
-    setIsOTPModalOpen = _useState[1];
-  var _useState2 = React.useState(""),
-    otpCode = _useState2[0],
-    setOtpCode = _useState2[1];
-  var _useState3 = React.useState(0),
-    resendCooldown = _useState3[0],
-    setResendCooldown = _useState3[1];
-  var _useState4 = React.useState(null),
-    resendTimer = _useState4[0],
-    setResendTimer = _useState4[1];
+  var _useState = React.useState(""),
+    otpCode = _useState[0],
+    setOtpCode = _useState[1];
+  var _useState2 = React.useState(0),
+    resendCooldown = _useState2[0],
+    setResendCooldown = _useState2[1];
+  var _useState3 = React.useState(null),
+    resendTimer = _useState3[0],
+    setResendTimer = _useState3[1];
   var googleLogin = google.useGoogleLogin({
     onSuccess: function (tokenResponse) {
       try {
@@ -1302,7 +1303,6 @@ var BlockLogin = function BlockLogin(_ref) {
       return;
     }
     loginWithEmail(role);
-    setIsOTPModalOpen(true);
   };
   var startResendCooldown = function startResendCooldown() {
     setResendCooldown(300);
@@ -1510,9 +1510,9 @@ var BlockLogin = function BlockLogin(_ref) {
     alt: "",
     src: "/images/icons/Vector 22.png"
   })))))))), React__default.createElement(reactstrap.Modal, {
-    isOpen: isOTPModalOpen,
+    isOpen: isScreenCode,
     toggle: function toggle() {
-      setIsOTPModalOpen(false);
+      setIsScreenCode(false);
       setResendCooldown(0);
       if (resendTimer) {
         clearInterval(resendTimer);
@@ -1521,7 +1521,7 @@ var BlockLogin = function BlockLogin(_ref) {
     centered: true
   }, React__default.createElement(reactstrap.ModalHeader, {
     toggle: function toggle() {
-      setIsOTPModalOpen(false);
+      setIsScreenCode(false);
       setResendCooldown(0);
       if (resendTimer) {
         clearInterval(resendTimer);
@@ -1545,8 +1545,8 @@ var BlockLogin = function BlockLogin(_ref) {
     name: "otpCode",
     value: code,
     onChange: function onChange(_, value) {
-      setCode(value);
-      setOtpCode(value);
+      setCode(value.trim());
+      setOtpCode(value.trim());
     },
     placeholder: "Code OTP",
     onKeyDown: function onKeyDown(event) {
@@ -1570,7 +1570,7 @@ var BlockLogin = function BlockLogin(_ref) {
     onClick: handleResend
   }, "Click here to resend"), " ", "or check your spam inbox."))), React__default.createElement(reactstrap.ModalFooter, null, React__default.createElement(CoreButton, {
     onClick: function onClick() {
-      setIsOTPModalOpen(false);
+      setIsScreenCode(false);
       setResendCooldown(0);
       if (resendTimer) {
         clearInterval(resendTimer);
@@ -1589,9 +1589,8 @@ var BlockLogin = function BlockLogin(_ref) {
           return Promise.resolve();
         }
         return Promise.resolve(loginWithEmailCode(role)).then(function (success) {
-          console.log("Login success:", success);
           if (success) {
-            setIsOTPModalOpen(false);
+            setIsScreenCode(false);
             setResendCooldown(0);
             if (resendTimer) {
               clearInterval(resendTimer);
@@ -1668,27 +1667,14 @@ var useLogin = function useLogin(onNavigate, trackEvent) {
         return Promise.resolve(apiSendEmailCode(body)).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);
-              trackEvent === null || trackEvent === void 0 ? void 0 : trackEvent({
-                eventName: exports.AmplitudeEvent.LOGIN,
-                eventProperties: {
-                  email: email,
-                  login_method: 'email',
-                  timestamp: new Date().toISOString()
-                }
-              });
-              onNavigate("/dashboard");
-            } else {
-              setIsScreenCode(true);
-            }
+            setIsScreenCode(true);
           } else {
             dispatch(setLoading(false));
             alert("Please contact admin.");
           }
         });
       }, function (e) {
+        reactToastify.toast.error("An error occurred while sending the code. Please try again later.");
         console.log(e);
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
@@ -1768,6 +1754,7 @@ var useLogin = function useLogin(onNavigate, trackEvent) {
     code: code,
     setCode: setCode,
     isScreenCode: isScreenCode,
+    setIsScreenCode: setIsScreenCode,
     formatTime: formatTime,
     loginWithEmailCode: loginWithEmailCode
   };
@@ -1786,6 +1773,7 @@ var Login = function Login(props) {
     code = _useLogin.code,
     setCode = _useLogin.setCode,
     isScreenCode = _useLogin.isScreenCode,
+    setIsScreenCode = _useLogin.setIsScreenCode,
     formatTime = _useLogin.formatTime,
     loginWithEmailCode = _useLogin.loginWithEmailCode;
   return React__default.createElement("div", {
@@ -1800,6 +1788,7 @@ var Login = function Login(props) {
     setCode: setCode,
     formatTime: formatTime,
     isScreenCode: isScreenCode,
+    setIsScreenCode: setIsScreenCode,
     onNavigate: onNavigate,
     loginWithEmailCode: loginWithEmailCode,
     role: role,