@antscorp/antsomi-ui 2.0.13 → 2.0.15

package/es/components/organism/Login/components/LoginSelectPortal/LoginSelectPortal.js

@@ -1,14 +1,6 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
-import React, { useMemo, useRef } from 'react';
+import { useMemo, useRef } from 'react';
 import { Button, Col, Flex, Row, Typography } from 'antd';
 import { useImmer } from 'use-immer';
 import Icon from '@antscorp/icons';
@@ -60,19 +52,28 @@ export const LoginSelectPortal = props => {
             if (state.email && state.email.trim()) {
                 if (!/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,8})$/i.test(state.email)) {
                     setState(draft => {
-                        draft.errors = Object.assign(Object.assign({}, draft.errors), { email: 'Please enter valid email' });
+                        draft.errors = {
+                            ...draft.errors,
+                            email: 'Please enter valid email',
+                        };
                     });
                     isValid = false;
                 }
                 else {
                     setState(draft => {
-                        draft.errors = Object.assign(Object.assign({}, draft.errors), { email: '' });
+                        draft.errors = {
+                            ...draft.errors,
+                            email: '',
+                        };
                     });
                 }
             }
             else {
                 setState(draft => {
-                    draft.errors = Object.assign(Object.assign({}, draft.errors), { email: 'Please enter valid email' });
+                    draft.errors = {
+                        ...draft.errors,
+                        email: 'Please enter valid email',
+                    };
                 });
                 isValid = false;
             }
@@ -81,19 +82,28 @@ export const LoginSelectPortal = props => {
             if (state.password && state.password.trim()) {
                 if (state.password.trim().length < 6) {
                     setState(draft => {
-                        draft.errors = Object.assign(Object.assign({}, draft.errors), { password: 'Your password too short' });
+                        draft.errors = {
+                            ...draft.errors,
+                            password: 'Your password too short',
+                        };
                     });
                     isValid = false;
                 }
                 else {
                     setState(draft => {
-                        draft.errors = Object.assign(Object.assign({}, draft.errors), { password: '' });
+                        draft.errors = {
+                            ...draft.errors,
+                            password: '',
+                        };
                     });
                 }
             }
             else {
                 setState(draft => {
-                    draft.errors = Object.assign(Object.assign({}, draft.errors), { password: 'Your password too short' });
+                    draft.errors = {
+                        ...draft.errors,
+                        password: 'Your password too short',
+                    };
                 });
                 isValid = false;
             }
@@ -105,7 +115,7 @@ export const LoginSelectPortal = props => {
             draft.isLoading = value;
         });
     };
-    const signIn = () => __awaiter(void 0, void 0, void 0, function* () {
+    const signIn = async () => {
         errorRef.current = {
             email: true,
             password: true,
@@ -143,7 +153,7 @@ export const LoginSelectPortal = props => {
             }
             if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
                 const response = JSON.parse(xhr.responseText);
-                const { token } = (response === null || response === void 0 ? void 0 : response.data) || {};
+                const { token } = response?.data || {};
                 if (token) {
                     onLoginSuccess(response.data);
                 }
@@ -156,7 +166,7 @@ export const LoginSelectPortal = props => {
             }
         };
         xhr.send(JSON.stringify(params));
-    });
+    };
     const setPortalSearch = (value) => {
         setState(draft => {
             draft.portalSearch = value;
@@ -167,28 +177,18 @@ export const LoginSelectPortal = props => {
         return draftListNetwork.filter(netWork => netWork.networkName.toLocaleLowerCase().indexOf(state.portalSearch.toLocaleLowerCase()) !==
             -1);
     }, [listNetworks, state.portalSearch]);
-    return (React.createElement(WidgetLayout, { header: React.createElement(Avatar, { image: get(loginData, 'personal.avatar'), name: get(loginData, 'personal.full_name'), email: get(loginData, 'personal.email') }), gapContent: 30, isShowLogo: false, title: "Select Portal", content: React.createElement(Flex, { vertical: true, gap: 30 },
-            React.createElement(Flex, { vertical: true, gap: 20 },
-                React.createElement(StyleInput, { isMobile: isMobile, placeholder: "Search", suffix: React.createElement(Icon, { type: "icon-ants-search-2", style: {
-                            fontSize: 24,
-                        }, color: "#595959" }), onChange: e => setPortalSearch(e.target.value) }),
-                isEmpty(filterListNetworks) ? (React.createElement(Flex, { vertical: true, align: "center", justify: "center", style: { height: 514 }, gap: 15 },
-                    !isMobile && React.createElement(Image, { src: NoData, alt: "", width: 80, height: 80 }),
-                    React.createElement(Text, { style: {
-                            color: '#595959',
-                            fontSize: 11,
-                        } }, "No portal matches your keyword"))) : (React.createElement(Scrollbars, { style: {
-                        height: `calc(100vh - 410px)`,
-                        width: '100%',
-                        minHeight: `145px`,
-                    } },
-                    React.createElement(WrapperList, null,
-                        React.createElement(Row, { gutter: [20, 20] }, filterListNetworks.map((network) => (React.createElement(Col, { span: 12 },
-                            React.createElement(Item, { networkId: network.networkId, networkName: network.networkName, homePage: network.homePage, logo: network.logo, onSelect: selectNetwork }))))))))),
-            React.createElement(Flex, { justify: "center", style: {
-                    paddingBottom: 40,
-                } },
-                React.createElement(Button, { type: "text", onClick: navigateLogin, style: {
-                        fontSize: isMobile ? '16px' : '14px',
-                    } }, "Sign in with a different account"))) }));
+    return (_jsx(WidgetLayout, { header: _jsx(Avatar, { image: get(loginData, 'personal.avatar'), name: get(loginData, 'personal.full_name'), email: get(loginData, 'personal.email') }), gapContent: 30, isShowLogo: false, title: "Select Portal", content: _jsxs(Flex, { vertical: true, gap: 30, children: [_jsxs(Flex, { vertical: true, gap: 20, children: [_jsx(StyleInput, { isMobile: isMobile, placeholder: "Search", suffix: _jsx(Icon, { type: "icon-ants-search-2", style: {
+                                    fontSize: 24,
+                                }, color: "#595959" }), onChange: e => setPortalSearch(e.target.value) }), isEmpty(filterListNetworks) ? (_jsxs(Flex, { vertical: true, align: "center", justify: "center", style: { height: 514 }, gap: 15, children: [!isMobile && _jsx(Image, { src: NoData, alt: "", width: 80, height: 80 }), _jsx(Text, { style: {
+                                        color: '#595959',
+                                        fontSize: 11,
+                                    }, children: "No portal matches your keyword" })] })) : (_jsx(Scrollbars, { style: {
+                                height: `calc(100vh - 410px)`,
+                                width: '100%',
+                                minHeight: `145px`,
+                            }, children: _jsx(WrapperList, { children: _jsx(Row, { gutter: [20, 20], children: filterListNetworks.map((network) => (_jsx(Col, { span: 12, children: _jsx(Item, { networkId: network.networkId, networkName: network.networkName, homePage: network.homePage, logo: network.logo, onSelect: selectNetwork }) }))) }) }) }))] }), _jsx(Flex, { justify: "center", style: {
+                        paddingBottom: 40,
+                    }, children: _jsx(Button, { type: "text", onClick: navigateLogin, style: {
+                            fontSize: isMobile ? '16px' : '14px',
+                        }, children: "Sign in with a different account" }) })] }) }));
 };

package/es/components/organism/Login/components/LoginStep2/LoginStep2.js

@@ -1,8 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-hooks/exhaustive-deps */
 // Libraries
 import { Button, Checkbox, Flex, Typography } from 'antd';
 import { get } from 'lodash';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useImmer } from 'use-immer';
 import { useCookies } from 'react-cookie';
 import { isMobile } from 'react-device-detect';
@@ -111,40 +112,19 @@ export const LoginStep2 = props => {
             });
         }
     }, [state.code]);
-    return (React.createElement(WidgetLayout, { header: React.createElement(Avatar, { image: get(loginData, 'personal.avatar'), name: get(loginData, 'personal.full_name'), email: get(loginData, 'personal.email') }), isShowLogo: false, title: React.createElement(Title, { isMobile: isMobile, style: { marginTop: 20 } }, "Identity Verification"), gapContent: 30, content: React.createElement(Flex, { vertical: true, gap: 50, style: { marginTop: 20 } },
-            React.createElement(Flex, { vertical: true, gap: 20, align: "center" },
-                React.createElement("img", { src: loginStep2Image, alt: "" }),
-                React.createElement(Text, { isMobile: isMobile, color: "#595959" }, "For added security, we need to verify your identity.")),
-            React.createElement(Flex, { vertical: true, gap: isMobile ? 10 : 13 },
-                React.createElement(Flex, { gap: 5, align: "center" },
-                    React.createElement(Text, { isMobile: isMobile, color: "#595959" }, "Please enter the 6-digit code registered to your device."),
-                    React.createElement(IconInfo, { image: step2, title: React.createElement(TextAntsomiUI, { style: {
-                                marginTop: 20,
-                                textAlign: 'center',
-                            } },
-                            React.createElement(Text, { isMobile: isMobile },
-                                "Open Google Authenticator and enter the code from ",
-                                React.createElement("b", null, "antsomi.com"))) })),
-                React.createElement(Flex, { vertical: true, gap: isMobile ? 20 : 11 },
-                    React.createElement(Flex, { vertical: true, gap: 10 },
-                        React.createElement(StyleInput, { isMobile: isMobile, maxLength: 6, placeholder: "Input your code", value: state.code, onChange: e => {
-                                setState(draft => {
-                                    draft.code = e.target.value;
-                                });
-                                errorRef.current = true;
-                            }, status: errorRef.current && state.codeError ? 'error' : undefined }),
-                        errorRef.current && state.codeError ? (React.createElement(TextAntsomiUI, { type: "danger" }, "Invalid code, please try again")) : null),
-                    React.createElement(Checkbox, { checked: state.isTrust, onChange: e => {
-                            setState(draft => {
-                                draft.isTrust = e.target.checked;
-                            });
-                        } },
-                        React.createElement(TextInfo, { isMobile: isMobile }, "Remember this browser for future logins"))))), footer: React.createElement(Flex, { vertical: true, gap: 115 },
-            React.createElement(Flex, { vertical: true, gap: isMobile ? 30 : 15 },
-                React.createElement(StyleButton, { isMobile: isMobile, type: "primary", onClick: signIn }, "Verify"),
-                React.createElement(StyleButton, { isMobile: isMobile, onClick: handleBack, type: "text" }, "Back to login")),
-            React.createElement(Flex, { justify: "center" },
-                React.createElement(Button, { type: "text", onClick: handleBack, style: {
-                        fontSize: isMobile ? '16px' : '14px',
-                    } }, "Sign in with a different account"))) }));
+    return (_jsx(WidgetLayout, { header: _jsx(Avatar, { image: get(loginData, 'personal.avatar'), name: get(loginData, 'personal.full_name'), email: get(loginData, 'personal.email') }), isShowLogo: false, title: _jsx(Title, { isMobile: isMobile, style: { marginTop: 20 }, children: "Identity Verification" }), gapContent: 30, content: _jsxs(Flex, { vertical: true, gap: 50, style: { marginTop: 20 }, children: [_jsxs(Flex, { vertical: true, gap: 20, align: "center", children: [_jsx("img", { src: loginStep2Image, alt: "" }), _jsx(Text, { isMobile: isMobile, color: "#595959", children: "For added security, we need to verify your identity." })] }), _jsxs(Flex, { vertical: true, gap: isMobile ? 10 : 13, children: [_jsxs(Flex, { gap: 5, align: "center", children: [_jsx(Text, { isMobile: isMobile, color: "#595959", children: "Please enter the 6-digit code registered to your device." }), _jsx(IconInfo, { image: step2, title: _jsx(TextAntsomiUI, { style: {
+                                            marginTop: 20,
+                                            textAlign: 'center',
+                                        }, children: _jsxs(Text, { isMobile: isMobile, children: ["Open Google Authenticator and enter the code from ", _jsx("b", { children: "antsomi.com" })] }) }) })] }), _jsxs(Flex, { vertical: true, gap: isMobile ? 20 : 11, children: [_jsxs(Flex, { vertical: true, gap: 10, children: [_jsx(StyleInput, { isMobile: isMobile, maxLength: 6, placeholder: "Input your code", value: state.code, onChange: e => {
+                                                setState(draft => {
+                                                    draft.code = e.target.value;
+                                                });
+                                                errorRef.current = true;
+                                            }, status: errorRef.current && state.codeError ? 'error' : undefined }), errorRef.current && state.codeError ? (_jsx(TextAntsomiUI, { type: "danger", children: "Invalid code, please try again" })) : null] }), _jsx(Checkbox, { checked: state.isTrust, onChange: e => {
+                                        setState(draft => {
+                                            draft.isTrust = e.target.checked;
+                                        });
+                                    }, children: _jsx(TextInfo, { isMobile: isMobile, children: "Remember this browser for future logins" }) })] })] })] }), footer: _jsxs(Flex, { vertical: true, gap: 115, children: [_jsxs(Flex, { vertical: true, gap: isMobile ? 30 : 15, children: [_jsx(StyleButton, { isMobile: isMobile, type: "primary", onClick: signIn, children: "Verify" }), _jsx(StyleButton, { isMobile: isMobile, onClick: handleBack, type: "text", children: "Back to login" })] }), _jsx(Flex, { justify: "center", children: _jsx(Button, { type: "text", onClick: handleBack, style: {
+                            fontSize: isMobile ? '16px' : '14px',
+                        }, children: "Sign in with a different account" }) })] }) }));
 };

package/es/components/organism/Login/components/Logo/Logo.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Flex } from 'antd';
 import { isEmpty } from 'lodash';
-import React from 'react';
 import { WrapperImage } from '../../styled';
 import logoAntsomi from '../../../../../assets/images/logo/antsomi_logo.png';
 export const Logo = props => {
     const { urlLogo } = props;
-    return (React.createElement(Flex, { align: "center", justify: "center" }, !isEmpty(urlLogo) ? (React.createElement(WrapperImage, { src: urlLogo, alt: "" })) : typeof LOGO_NETWORK_DOMAIN !== 'undefined' && LOGO_NETWORK_DOMAIN !== '' ? (React.createElement(WrapperImage, { src: LOGO_NETWORK_DOMAIN, alt: "" })) : (React.createElement(WrapperImage, { src: logoAntsomi, alt: "logosaS" }))));
+    return (_jsx(Flex, { align: "center", justify: "center", children: !isEmpty(urlLogo) ? (_jsx(WrapperImage, { src: urlLogo, alt: "" })) : typeof LOGO_NETWORK_DOMAIN !== 'undefined' && LOGO_NETWORK_DOMAIN !== '' ? (_jsx(WrapperImage, { src: LOGO_NETWORK_DOMAIN, alt: "" })) : (_jsx(WrapperImage, { src: logoAntsomi, alt: "logosaS" })) }));
 };

package/es/components/organism/Login/components/SetupGGAuthenticator/SetupGGAuthenticator.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import axios from 'axios';
 import { Button, Flex, Typography } from 'antd';
 import { get } from 'lodash';
@@ -75,53 +76,25 @@ const SetupGGAuthenticator = props => {
             backLogin();
         }
     };
-    return (React.createElement(WidgetLayout, { title: "Enable two-step authentication", isShowLogo: false, header: React.createElement(Avatar, { image: get(loginData, 'personal.avatar'), name: get(loginData, 'personal.full_name'), email: get(loginData, 'personal.email') }), content: React.createElement(Flex, { vertical: true, gap: 30 },
-            React.createElement(Flex, { vertical: true, gap: 13 },
-                React.createElement(LabelStep, { isMobile: isMobile }, "STEP 1"),
-                React.createElement(Flex, { align: "center", gap: 5 },
-                    React.createElement(Text, { isMobile: isMobile, color: "#595959" }, isMobile ? (React.createElement("span", null,
-                        React.createElement(Link, { href: isAndroid
-                                ? 'https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2'
-                                : 'https://apps.apple.com/us/app/google-authenticator/id388497605 ', target: "_blank", rel: "noreferrer" }, "Install Google Authenticator"),
-                        "& scan the code")) : ('Install Google Authenticator on your phone & scan the code')),
-                    React.createElement(IconInfo, { image: imageStep1, title: React.createElement(TextAntsomiUI, { style: {
-                                marginTop: 20,
-                            } },
-                            React.createElement(Text, { isMobile: isMobile, style: { textAlign: 'center' } },
-                                "Open ",
-                                React.createElement("b", null, "Google Authenticator"),
-                                " app on your phone and scan the QR code.")) })),
-                qrCode ? (React.createElement(Flex, { vertical: true, align: "center", style: {
-                        background: '#EEF5FC',
-                        padding: 10,
-                        borderRadius: 10,
-                    } },
-                    React.createElement("img", { src: `data:image/gif;base64,${qrCode}`, alt: "QR Code", height: 160, style: {
-                            borderRadius: 10,
-                        } }))) : null),
-            React.createElement(Flex, { vertical: true, gap: 13 },
-                React.createElement(LabelStep, { isMobile: isMobile }, "STEP 2"),
-                React.createElement(Flex, { align: "center", gap: 5 },
-                    React.createElement(Text, { isMobile: isMobile, color: "#595959" },
-                        "Enter the 6-digit code from ",
-                        React.createElement("span", { style: { fontWeight: 'bold' } }, "antsomi.com")),
-                    React.createElement(IconInfo, { image: imageStep2, title: React.createElement(TextAntsomiUI, { style: {
-                                marginTop: 20,
-                            } },
-                            React.createElement(Text, { isMobile: isMobile }, "Enter the code to confirm the connection to this account")) })),
-                React.createElement(StyleInput, { isMobile: isMobile, placeholder: "Input your code", onChange: e => {
-                        setG2faCode(e.target.value.trim());
-                        if (e.target.value.trim().length) {
-                            setCodeError(false);
-                        }
-                    }, status: errorRef.current && codeError ? 'error' : '' }),
-                errorRef.current && codeError ? (React.createElement(TextAntsomiUI, { type: "danger" }, "Invalid code, please try again")) : null)), footer: React.createElement(Flex, { vertical: true, gap: 92 },
-            React.createElement(Flex, { vertical: true, gap: isMobile ? 30 : 15 },
-                React.createElement(StyleButton, { isMobile: isMobile, loading: isLoading, type: "primary", onClick: updateG2FA }, "Complete"),
-                React.createElement(StyleButton, { isMobile: isMobile, type: "text", onClick: onSkipSetupGGAuthenticator, loading: loadingSkip }, "Skip")),
-            React.createElement(Flex, { justify: "center" },
-                React.createElement(Button, { type: "text", onClick: handleBack, style: {
-                        fontSize: isMobile ? '16px' : '14px',
-                    } }, "Sign in with a different account"))) }));
+    return (_jsx(WidgetLayout, { title: "Enable two-step authentication", isShowLogo: false, header: _jsx(Avatar, { image: get(loginData, 'personal.avatar'), name: get(loginData, 'personal.full_name'), email: get(loginData, 'personal.email') }), content: _jsxs(Flex, { vertical: true, gap: 30, children: [_jsxs(Flex, { vertical: true, gap: 13, children: [_jsx(LabelStep, { isMobile: isMobile, children: "STEP 1" }), _jsxs(Flex, { align: "center", gap: 5, children: [_jsx(Text, { isMobile: isMobile, color: "#595959", children: isMobile ? (_jsxs("span", { children: [_jsx(Link, { href: isAndroid
+                                                    ? 'https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2'
+                                                    : 'https://apps.apple.com/us/app/google-authenticator/id388497605 ', target: "_blank", rel: "noreferrer", children: "Install Google Authenticator" }), "& scan the code"] })) : ('Install Google Authenticator on your phone & scan the code') }), _jsx(IconInfo, { image: imageStep1, title: _jsx(TextAntsomiUI, { style: {
+                                            marginTop: 20,
+                                        }, children: _jsxs(Text, { isMobile: isMobile, style: { textAlign: 'center' }, children: ["Open ", _jsx("b", { children: "Google Authenticator" }), " app on your phone and scan the QR code."] }) }) })] }), qrCode ? (_jsx(Flex, { vertical: true, align: "center", style: {
+                                background: '#EEF5FC',
+                                padding: 10,
+                                borderRadius: 10,
+                            }, children: _jsx("img", { src: `data:image/gif;base64,${qrCode}`, alt: "QR Code", height: 160, style: {
+                                    borderRadius: 10,
+                                } }) })) : null] }), _jsxs(Flex, { vertical: true, gap: 13, children: [_jsx(LabelStep, { isMobile: isMobile, children: "STEP 2" }), _jsxs(Flex, { align: "center", gap: 5, children: [_jsxs(Text, { isMobile: isMobile, color: "#595959", children: ["Enter the 6-digit code from ", _jsx("span", { style: { fontWeight: 'bold' }, children: "antsomi.com" })] }), _jsx(IconInfo, { image: imageStep2, title: _jsx(TextAntsomiUI, { style: {
+                                            marginTop: 20,
+                                        }, children: _jsx(Text, { isMobile: isMobile, children: "Enter the code to confirm the connection to this account" }) }) })] }), _jsx(StyleInput, { isMobile: isMobile, placeholder: "Input your code", onChange: e => {
+                                setG2faCode(e.target.value.trim());
+                                if (e.target.value.trim().length) {
+                                    setCodeError(false);
+                                }
+                            }, status: errorRef.current && codeError ? 'error' : '' }), errorRef.current && codeError ? (_jsx(TextAntsomiUI, { type: "danger", children: "Invalid code, please try again" })) : null] })] }), footer: _jsxs(Flex, { vertical: true, gap: 92, children: [_jsxs(Flex, { vertical: true, gap: isMobile ? 30 : 15, children: [_jsx(StyleButton, { isMobile: isMobile, loading: isLoading, type: "primary", onClick: updateG2FA, children: "Complete" }), _jsx(StyleButton, { isMobile: isMobile, type: "text", onClick: onSkipSetupGGAuthenticator, loading: loadingSkip, children: "Skip" })] }), _jsx(Flex, { justify: "center", children: _jsx(Button, { type: "text", onClick: handleBack, style: {
+                            fontSize: isMobile ? '16px' : '14px',
+                        }, children: "Sign in with a different account" }) })] }) }));
 };
 export default SetupGGAuthenticator;

package/es/components/organism/Login/components/SignIn/SignIn.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useCookies } from 'react-cookie';
 import { isEmpty } from 'lodash';
 import { Flex, Form } from 'antd';
@@ -45,15 +46,14 @@ export const SignIn = props => {
         xhr.setRequestHeader('Content-Type', 'application/json');
         xhr.withCredentials = false;
         xhr.onreadystatechange = () => {
-            var _a;
             if (xhr.readyState === XMLHttpRequest.DONE) {
                 setLoading(false);
             }
             if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
                 const response = JSON.parse(xhr.responseText);
-                if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.token) {
+                if (response?.data?.token) {
                     if (onLoginSuccess && typeof onLoginSuccess === 'function') {
-                        onLoginSuccess(Object.assign(Object.assign({}, response.data), { isCheckG2FA: true }));
+                        onLoginSuccess({ ...response.data, isCheckG2FA: true });
                     }
                 }
                 else {
@@ -66,29 +66,18 @@ export const SignIn = props => {
         };
         xhr.send(JSON.stringify(params));
     };
-    return (React.createElement(Wrapper, { isMobile: isMobile },
-        React.createElement(Flex, { align: "center", justify: "center" }, !isEmpty(urlLogo) ? (React.createElement(WrapperImage, { src: urlLogo, alt: "" })) : typeof LOGO_NETWORK_DOMAIN !== 'undefined' && LOGO_NETWORK_DOMAIN !== '' ? (React.createElement(WrapperImage, { src: LOGO_NETWORK_DOMAIN, alt: "" })) : (React.createElement(WrapperImage, { src: logoAntsomi, alt: "logosaS" }))),
-        React.createElement(StyledForm, { form: form, name: "login_form", onFinish: onFinish, scrollToFirstError: true, style: { width: '100%' }, isMobile: isMobile, validateTrigger: "onSubmit" },
-            React.createElement(Form.Item, { name: "email", rules: [
-                    {
-                        required: true,
-                        message: 'Please enter your email',
-                        pattern: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                    },
-                ] },
-                React.createElement(StyleInput, { isMobile: isMobile, placeholder: "Email" })),
-            React.createElement(Form.Item, { name: "password", rules: [
-                    { required: true, message: 'Please enter your password' },
-                    { min: 6, message: 'Password must be at least 6 characters long' },
-                ], style: { marginTop: 15 } },
-                React.createElement(StyleInput.Password, { placeholder: "Password", iconRender: visible => visible ? (React.createElement(Icon, { type: "icon-ants-eye", style: {
-                            color: '#595959',
-                        } })) : (React.createElement(Icon, { type: "icon-ants-invisible", style: {
-                            color: '#595959',
-                        } })) })),
-            loginError && (React.createElement("span", { style: { color: 'red', fontSize: 11 } }, "Email or password is invalid")),
-            React.createElement(Flex, { style: { width: '100%', marginTop: '40px' }, vertical: true, className: "" },
-                React.createElement(Form.Item, null,
-                    React.createElement(StyleButton, { isMobile: isMobile, type: "primary", htmlType: "submit", style: { width: '100%', marginBottom: isMobile ? 15 : 0 }, loading: isLoading }, "Sign in")),
-                React.createElement(StyleButton, { isMobile: isMobile, type: "text", onClick: goForgotPassword }, "Forgot password?")))));
+    return (_jsxs(Wrapper, { isMobile: isMobile, children: [_jsx(Flex, { align: "center", justify: "center", children: !isEmpty(urlLogo) ? (_jsx(WrapperImage, { src: urlLogo, alt: "" })) : typeof LOGO_NETWORK_DOMAIN !== 'undefined' && LOGO_NETWORK_DOMAIN !== '' ? (_jsx(WrapperImage, { src: LOGO_NETWORK_DOMAIN, alt: "" })) : (_jsx(WrapperImage, { src: logoAntsomi, alt: "logosaS" })) }), _jsxs(StyledForm, { form: form, name: "login_form", onFinish: onFinish, scrollToFirstError: true, style: { width: '100%' }, isMobile: isMobile, validateTrigger: "onSubmit", children: [_jsx(Form.Item, { name: "email", rules: [
+                            {
+                                required: true,
+                                message: 'Please enter your email',
+                                pattern: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+                            },
+                        ], children: _jsx(StyleInput, { isMobile: isMobile, placeholder: "Email" }) }), _jsx(Form.Item, { name: "password", rules: [
+                            { required: true, message: 'Please enter your password' },
+                            { min: 6, message: 'Password must be at least 6 characters long' },
+                        ], style: { marginTop: 15 }, children: _jsx(StyleInput.Password, { placeholder: "Password", iconRender: visible => visible ? (_jsx(Icon, { type: "icon-ants-eye", style: {
+                                    color: '#595959',
+                                } })) : (_jsx(Icon, { type: "icon-ants-invisible", style: {
+                                    color: '#595959',
+                                } })) }) }), loginError && (_jsx("span", { style: { color: 'red', fontSize: 11 }, children: "Email or password is invalid" })), _jsxs(Flex, { style: { width: '100%', marginTop: '40px' }, vertical: true, className: "", children: [_jsx(Form.Item, { children: _jsx(StyleButton, { isMobile: isMobile, type: "primary", htmlType: "submit", style: { width: '100%', marginBottom: isMobile ? 15 : 0 }, loading: isLoading, children: "Sign in" }) }), _jsx(StyleButton, { isMobile: isMobile, type: "text", onClick: goForgotPassword, children: "Forgot password?" })] })] })] }));
 };

package/es/components/organism/Login/components/VerifyAccount/VerifyAccount.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { WidgetLayout } from '../WidgetLayout';
 import { StyleButton, WrapperContent } from '../../styled';
 import { Flex, Typography } from 'antd';
@@ -26,23 +27,13 @@ export const VerifyAccount = props => {
     const renderContent = () => {
         switch (status) {
             case STATUS.ACCOUNT_NOT_VERIFIED:
-                return (React.createElement(WidgetLayout, { title: "This account is not authenticated", header: React.createElement(Flex, { vertical: true, gap: 40, align: "center", style: {
+                return (_jsx(WidgetLayout, { title: "This account is not authenticated", header: _jsxs(Flex, { vertical: true, gap: 40, align: "center", style: {
                             paddingTop: 60,
-                        } },
-                        React.createElement(Logo, { urlLogo: urlLogo }),
-                        React.createElement("img", { src: NOT_AUTHENTICATED, width: 100, height: 100, alt: "" })), content: React.createElement(WrapperContent, { className: "verify_account" }, "Please click the button below to receive an account verification email. Thank you."), footer: React.createElement(Flex, { vertical: true, gap: 15 },
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "primary", onClick: handleSendMail }, "SEND VALIDATE EMAIL"),
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "text", onClick: backLogin },
-                            "Back to login",
-                            ' ')), isShowLogo: false }));
+                        }, children: [_jsx(Logo, { urlLogo: urlLogo }), _jsx("img", { src: NOT_AUTHENTICATED, width: 100, height: 100, alt: "" })] }), content: _jsx(WrapperContent, { className: "verify_account", children: "Please click the button below to receive an account verification email. Thank you." }), footer: _jsxs(Flex, { vertical: true, gap: 15, children: [_jsx(StyleButton, { isMobile: isMobile, type: "primary", onClick: handleSendMail, children: "SEND VALIDATE EMAIL" }), _jsxs(StyleButton, { isMobile: isMobile, type: "text", onClick: backLogin, children: ["Back to login", ' '] })] }), isShowLogo: false }));
             case STATUS.CHECK_YOUR_EMAIL:
-                return (React.createElement(WidgetLayout, { title: "Email sent", header: React.createElement("img", { src: EMAIL_SENT, width: 200, height: 200, alt: "", style: { marginTop: 100 } }), content: React.createElement(WrapperContent, { className: "verify_account" }, "Check your email and follow the instruction to retrieve your password"), footer: React.createElement(Flex, { vertical: true, gap: 15 },
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "primary", onClick: backLogin }, "Back to login"),
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "text", onClick: () => setStatus(STATUS.RESEND_EMAIL) }, "Resend")), isShowLogo: false }));
+                return (_jsx(WidgetLayout, { title: "Email sent", header: _jsx("img", { src: EMAIL_SENT, width: 200, height: 200, alt: "", style: { marginTop: 100 } }), content: _jsx(WrapperContent, { className: "verify_account", children: "Check your email and follow the instruction to retrieve your password" }), footer: _jsxs(Flex, { vertical: true, gap: 15, children: [_jsx(StyleButton, { isMobile: isMobile, type: "primary", onClick: backLogin, children: "Back to login" }), _jsx(StyleButton, { isMobile: isMobile, type: "text", onClick: () => setStatus(STATUS.RESEND_EMAIL), children: "Resend" })] }), isShowLogo: false }));
             case STATUS.RESEND_EMAIL:
-                return (React.createElement(WidgetLayout, { title: "Email sent", header: React.createElement("img", { src: RECENT_EMAIL, width: 200, height: 200, alt: "", style: { marginTop: 100 } }), content: React.createElement(WrapperContent, { className: "verify_account" }, "Check your email and follow the instruction to retrieve your password"), footer: React.createElement(Flex, { vertical: true, gap: 15 },
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "primary", onClick: backLogin }, "Back to login"),
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "text", onClick: handleSendMail }, "Resend")), isShowLogo: false }));
+                return (_jsx(WidgetLayout, { title: "Email sent", header: _jsx("img", { src: RECENT_EMAIL, width: 200, height: 200, alt: "", style: { marginTop: 100 } }), content: _jsx(WrapperContent, { className: "verify_account", children: "Check your email and follow the instruction to retrieve your password" }), footer: _jsxs(Flex, { vertical: true, gap: 15, children: [_jsx(StyleButton, { isMobile: isMobile, type: "primary", onClick: backLogin, children: "Back to login" }), _jsx(StyleButton, { isMobile: isMobile, type: "text", onClick: handleSendMail, children: "Resend" })] }), isShowLogo: false }));
             default:
                 return null;
         }

package/es/components/organism/Login/components/WidgetLayout/WidgetLayout.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
 import { Flex } from 'antd';
-import React from 'react';
 import { isEmpty } from 'lodash';
 import { isMobile } from 'react-device-detect';
 // Styled
@@ -10,15 +10,9 @@ import { WrapperImage } from '../../styled';
 import logoAntsomi from '../../../../../assets/images/logo/antsomi_logo.png';
 export const WidgetLayout = props => {
     const { header, title, content, isShowLogo = true, footer, urlLogo, gapContent = 40, paddingContent = '0 30px', } = props;
-    return (React.createElement(WidgetLayoutMain, { vertical: true, gap: 40 },
-        isShowLogo && (React.createElement(Flex, { align: "center", justify: "center" }, !isEmpty(urlLogo) ? (React.createElement(WrapperImage, { src: urlLogo, alt: "" })) : typeof LOGO_NETWORK_DOMAIN !== 'undefined' && LOGO_NETWORK_DOMAIN !== '' ? (React.createElement(WrapperImage, { src: LOGO_NETWORK_DOMAIN, alt: "" })) : (React.createElement(WrapperImage, { src: logoAntsomi, alt: "logosaS" })))),
-        React.createElement(Flex, { vertical: true, gap: gapContent, style: { height: '100%', padding: paddingContent } },
-            React.createElement(Flex, { align: "center", justify: "center", style: {
-                    paddingTop: '40px',
-                } }, header),
-            React.createElement(Title, { isMobile: isMobile }, title),
-            content,
-            React.createElement(Flex, { vertical: true, style: {
-                    paddingBottom: '40px',
-                } }, footer))));
+    return (_jsxs(WidgetLayoutMain, { vertical: true, gap: 40, children: [isShowLogo && (_jsx(Flex, { align: "center", justify: "center", children: !isEmpty(urlLogo) ? (_jsx(WrapperImage, { src: urlLogo, alt: "" })) : typeof LOGO_NETWORK_DOMAIN !== 'undefined' && LOGO_NETWORK_DOMAIN !== '' ? (_jsx(WrapperImage, { src: LOGO_NETWORK_DOMAIN, alt: "" })) : (_jsx(WrapperImage, { src: logoAntsomi, alt: "logosaS" })) })), _jsxs(Flex, { vertical: true, gap: gapContent, style: { height: '100%', padding: paddingContent }, children: [_jsx(Flex, { align: "center", justify: "center", style: {
+                            paddingTop: '40px',
+                        }, children: header }), _jsx(Title, { isMobile: isMobile, children: title }), content, _jsx(Flex, { vertical: true, style: {
+                            paddingBottom: '40px',
+                        }, children: footer })] })] }));
 };

package/es/components/organism/Menu/Menu.js

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Types
 import { Menu } from 'antd';
 // Constants
@@ -8,7 +7,7 @@ import { ExpandIcon } from './styled';
 Menu.defaultProps = {
     expandIcon(props) {
         const { isOpen } = props;
-        return (React.createElement(ExpandIcon, { "$isOpen": isOpen, type: "icon-ants-expand-more", size: 20, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8 }));
+        return (_jsx(ExpandIcon, { "$isOpen": isOpen, type: "icon-ants-expand-more", size: 20, color: globalToken?.bw8 }));
     },
 };
 export { Menu };

package/es/components/organism/Menu/styled.d.ts

@@ -1,3 +1,3 @@
-export declare const ExpandIcon: import("styled-components").StyledComponent<any, any, import("../../atoms/Icon").IconProps & {
+export declare const ExpandIcon: import("styled-components").StyledComponent<any, any, import("@antscorp/antsomi-ui/es/components/atoms/Icon").IconProps & {
     $isOpen?: boolean | undefined;
 }, string | number | symbol>;

package/es/components/organism/Menu/styled.js

@@ -1,6 +1,6 @@
 // Components
 import styled from 'styled-components';
-import { Icon } from '../../atoms';
+import { Icon } from '@antscorp/antsomi-ui/es/components/atoms/Icon';
 export const ExpandIcon = styled(Icon) `
   cursor: pointer;
   position: absolute;