@antscorp/antsomi-ui 2.0.13 → 2.0.15

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

@@ -1,20 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable func-names */
 /* eslint-disable no-empty */
 /* eslint-disable no-return-assign */
 /* eslint-disable @typescript-eslint/no-use-before-define */
 /* eslint-disable no-prototype-builtins */
 /* eslint-disable react-hooks/exhaustive-deps */
-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());
-    });
-};
 /// Libraries
-import React, { useState, useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo } from 'react';
 import { CookiesProvider, useCookies } from 'react-cookie';
 import { get } from 'lodash';
 import axios from 'axios';
@@ -72,11 +64,10 @@ export const Login = props => {
     const getNetworkInfo = (app_id) => fetch(`${domainLogin}api/network/info?app_id=${app_id}`)
         .then(response => response.json())
         .then(res => {
-        var _a, _b, _c;
-        if ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.networkInfo) === null || _b === void 0 ? void 0 : _b.logo) {
+        if (res?.data?.networkInfo?.logo) {
             setUrlLogo(res.data.networkInfo.logo);
         }
-        if (((_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.use_google_login) && +res.data.use_google_login === 1) {
+        if (res?.data?.use_google_login && +res.data.use_google_login === 1) {
             setIsLoginGG(true);
         }
     });
@@ -116,7 +107,7 @@ export const Login = props => {
         };
         return axios.get(`${apiDomain}/api/account/share-access`, { params });
     };
-    const redirectFirstMenuAccount = (redirectAccountId, token) => __awaiter(void 0, void 0, void 0, function* () {
+    const redirectFirstMenuAccount = async (redirectAccountId, token) => {
         if (!redirectAccountId) {
             return;
         }
@@ -137,7 +128,7 @@ export const Login = props => {
                 redirectFirstMenu(res.data.data, redirectAccountId);
             }
         });
-    });
+    };
     const redirectFirstMenu = (data, redirectAccountId) => {
         if (!Array.isArray(data)) {
             return false;
@@ -180,7 +171,6 @@ export const Login = props => {
         return arrMenus;
     };
     const handleLoginSuccess = (data = null, networkRedirect = null, accountRedirect = null) => {
-        var _a, _b, _c;
         // check setup loading skip
         if (data && data.isCheckSkip) {
             setLoadingSkip(true);
@@ -215,10 +205,9 @@ export const Login = props => {
                     if (apiDomain) {
                         getAppsMenus({
                             token: dataLogin.token,
-                            userId: (_a = dataLogin === null || dataLogin === void 0 ? void 0 : dataLogin.personal) === null || _a === void 0 ? void 0 : _a.user_id,
-                            accountId: (_b = dataLogin === null || dataLogin === void 0 ? void 0 : dataLogin.personal) === null || _b === void 0 ? void 0 : _b.user_id,
+                            userId: dataLogin?.personal?.user_id,
+                            accountId: dataLogin?.personal?.user_id,
                         }, res => {
-                            var _a, _b, _c, _d;
                             const menus = getObjectPropSafely(() => res.data.data, []);
                             if (menus && menus.length) {
                                 handleLoginData(dataLogin, !isCallbackUrl && !isHomePageUrl, selectedNetworkRef.current && selectedNetworkRef.current.networkId);
@@ -231,7 +220,7 @@ export const Login = props => {
                                     setLoadingSkip(false);
                                 }
                                 else if (isHomePageUrl) {
-                                    checkRedirectHomePage((_a = selectedNetworkRef.current) === null || _a === void 0 ? void 0 : _a.homePage, menus, (_b = dataLogin.personal) === null || _b === void 0 ? void 0 : _b.user_id);
+                                    checkRedirectHomePage(selectedNetworkRef.current?.homePage, menus, dataLogin.personal?.user_id);
                                     setLoadingSkip(false);
                                 }
                             }
@@ -239,17 +228,16 @@ export const Login = props => {
                                 // Get user share
                                 getListAccountSharing({
                                     token: dataLogin.token,
-                                    userId: (_c = dataLogin.personal) === null || _c === void 0 ? void 0 : _c.user_id,
-                                    accountId: (_d = dataLogin.personal) === null || _d === void 0 ? void 0 : _d.user_id,
+                                    userId: dataLogin.personal?.user_id,
+                                    accountId: dataLogin.personal?.user_id,
                                 }).then(res => {
-                                    var _a;
                                     if (getObjectPropSafely(() => res.data.data.list_access.length, 0) &&
-                                        res.data.data.list_access.some(account => { var _a; return account.user_id.toString() !== ((_a = dataLogin.personal) === null || _a === void 0 ? void 0 : _a.user_id.toString()); })) {
+                                        res.data.data.list_access.some(account => account.user_id.toString() !== dataLogin.personal?.user_id.toString())) {
                                         handleLoginData(dataLogin, false, selectedNetworkRef.current && selectedNetworkRef.current.networkId);
                                         if (data) {
                                             setLoginData(data);
                                         }
-                                        listAccountsRef.current = getObjectPropSafely(() => res.data.data.list_access.filter(account => { var _a; return account.user_id.toString() !== ((_a = dataLogin.personal) === null || _a === void 0 ? void 0 : _a.user_id.toString()); }), 0);
+                                        listAccountsRef.current = getObjectPropSafely(() => res.data.data.list_access.filter(account => account.user_id.toString() !== dataLogin.personal?.user_id.toString()), 0);
                                         setStep(STEPS.STEP_SELECT_ACCOUNT);
                                         setLoadingSkip(false);
                                     }
@@ -264,7 +252,7 @@ export const Login = props => {
                                             navigateTo(callbackUrl);
                                         }
                                         else if (isHomePageUrl) {
-                                            navigateTo((_a = selectedNetworkRef.current) === null || _a === void 0 ? void 0 : _a.homePage);
+                                            navigateTo(selectedNetworkRef.current?.homePage);
                                         }
                                     }
                                 });
@@ -285,7 +273,7 @@ export const Login = props => {
                             navigateTo(callbackUrl);
                         }
                         else if (isHomePageUrl) {
-                            navigateTo((_c = selectedNetworkRef.current) === null || _c === void 0 ? void 0 : _c.homePage);
+                            navigateTo(selectedNetworkRef.current?.homePage);
                         }
                     }
                 }
@@ -306,7 +294,7 @@ export const Login = props => {
             }
         }
     };
-    const loginNetworkWithToken = (token_1, networkItem_1, ...args_1) => __awaiter(void 0, [token_1, networkItem_1, ...args_1], void 0, function* (token, networkItem, networkRedirect = null) {
+    const loginNetworkWithToken = async (token, networkItem, networkRedirect = null) => {
         if (!token || !networkItem || !networkItem.networkId) {
             return;
         }
@@ -322,11 +310,10 @@ export const Login = props => {
         xhr.setRequestHeader('Content-Type', 'application/json');
         xhr.withCredentials = false;
         xhr.onreadystatechange = () => {
-            var _a;
             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) {
                     handleLoginSuccess(response.data, networkRedirect);
                 }
                 else {
@@ -335,7 +322,7 @@ export const Login = props => {
             }
         };
         xhr.send(JSON.stringify(data));
-    });
+    };
     const getListNetworkSelect = (token, networkRedirect = '') => {
         if (selectedNetworkRef.current && selectedNetworkRef.current.networkId) {
             return;
@@ -345,8 +332,7 @@ export const Login = props => {
             fetch(`${domainLogin}api/network/info?type=get-list-network&token=${token}`)
                 .then(response => response.json())
                 .then(res => {
-                var _a;
-                if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) {
+                if (res?.data?.length) {
                     listNetworkRef.current = res.data.map((network) => ({
                         networkId: network.network_id,
                         networkName: network.network_name,
@@ -404,7 +390,7 @@ export const Login = props => {
         loginNetworkWithToken(loginData.token, networkItem);
     };
     const handleLoginFail = (data) => {
-        if (data === null || data === void 0 ? void 0 : data.code) {
+        if (data?.code) {
             switch (data.code) {
                 case 106:
                     setStep(STEPS.STEP_VERIFY_ACCOUNT);
@@ -421,7 +407,11 @@ export const Login = props => {
         setStep(STEPS.STEP2);
     };
     const onSkipSetupGGAuthenticator = () => {
-        handleLoginSuccess(Object.assign(Object.assign({}, (loginData || {})), { isCheckG2FA: false, isCheckSkip: true }));
+        handleLoginSuccess({
+            ...(loginData || {}),
+            isCheckG2FA: false,
+            isCheckSkip: true,
+        });
     };
     const onForgotPassword = () => {
         setStep(STEPS.STEP_FORGOT);
@@ -441,13 +431,12 @@ export const Login = props => {
         postMessage(data);
     };
     const postMessage = (postParam, doPostEvent = true) => {
-        var _a;
         if (postParam.error && postParam.error !== '') {
         }
         else {
             const arrTmp = window.location.hostname.split('.');
             if (postParam.action === 'ogs-authenticate') {
-                const loginData = Object.assign(Object.assign({}, postParam), { type: 'all_account' });
+                const loginData = { ...postParam, type: 'all_account' };
                 if (loginData.hasOwnProperty('full_name')) {
                     delete loginData.full_name;
                 }
@@ -464,10 +453,10 @@ export const Login = props => {
                     delete loginData.env;
                 }
                 if (u_ogs && typeof u_ogs === 'string' && u_ogs.trim()) {
-                    const replaceNetwork = getObjectPropSafely(() => { var _a; return ((_a = selectedNetworkRef.current) === null || _a === void 0 ? void 0 : _a.networkId) || 0; }, networkId);
+                    const replaceNetwork = getObjectPropSafely(() => selectedNetworkRef.current?.networkId || 0, networkId);
                     const cookieKey = u_ogs.includes(replaceNetwork)
                         ? u_ogs
-                        : `${u_ogs}_${(_a = selectedNetworkRef.current) === null || _a === void 0 ? void 0 : _a.networkId}`;
+                        : `${u_ogs}_${selectedNetworkRef.current?.networkId}`;
                     const maxAge = 30 * 24 * 3600;
                     if (window.location.protocol !== 'https:') {
                         if (arrTmp.length < 4) {
@@ -514,7 +503,6 @@ export const Login = props => {
         }
     };
     const handleLoginData = (data = null, doPostEvent = true, doSelectNetwork) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         data = data || loginData;
         if (!data.token) {
             return;
@@ -543,16 +531,16 @@ export const Login = props => {
         }
         const postParam = {
             action: 'ogs-authenticate',
-            user_id: (_a = data === null || data === void 0 ? void 0 : data.personal) === null || _a === void 0 ? void 0 : _a.user_id,
-            account_id: (_b = data === null || data === void 0 ? void 0 : data.personal) === null || _b === void 0 ? void 0 : _b.user_id,
-            full_name: (_c = data === null || data === void 0 ? void 0 : data.personal) === null || _c === void 0 ? void 0 : _c.full_name,
-            role: (_d = data === null || data === void 0 ? void 0 : data.personal) === null || _d === void 0 ? void 0 : _d.role,
-            seller_role: (_e = data === null || data === void 0 ? void 0 : data.personal) === null || _e === void 0 ? void 0 : _e.seller_role,
-            conversion_id: (_f = data === null || data === void 0 ? void 0 : data.personal) === null || _f === void 0 ? void 0 : _f.conversion_id,
-            email: (_g = data === null || data === void 0 ? void 0 : data.personal) === null || _g === void 0 ? void 0 : _g.email,
-            avatar: (_h = data === null || data === void 0 ? void 0 : data.personal) === null || _h === void 0 ? void 0 : _h.avatar,
-            token: data === null || data === void 0 ? void 0 : data.token,
-            language: (_j = data === null || data === void 0 ? void 0 : data.personal) === null || _j === void 0 ? void 0 : _j.language,
+            user_id: data?.personal?.user_id,
+            account_id: data?.personal?.user_id,
+            full_name: data?.personal?.full_name,
+            role: data?.personal?.role,
+            seller_role: data?.personal?.seller_role,
+            conversion_id: data?.personal?.conversion_id,
+            email: data?.personal?.email,
+            avatar: data?.personal?.avatar,
+            token: data?.token,
+            language: data?.personal?.language,
         };
         postMessage(postParam, doPostEvent);
         postMessage(postParam, doPostEvent);
@@ -562,7 +550,7 @@ export const Login = props => {
             handleLoginSuccess(null, null, account);
         }
     };
-    const sendMailValidateAccount = (callback) => __awaiter(void 0, void 0, void 0, function* () {
+    const sendMailValidateAccount = async (callback) => {
         if (!authenInfoRef.current || !authenInfoRef.current.email) {
             return callback(null);
         }
@@ -588,7 +576,7 @@ export const Login = props => {
             }
         };
         xhr.send(JSON.stringify(loginData));
-    });
+    };
     const { width } = useContainerDimensions(loginRef);
     const scaleCaptcha = useMemo(() => +((+width * 1.02) / 400).toFixed(2), [width]);
     const step1Config = {
@@ -639,12 +627,15 @@ export const Login = props => {
         urlLogo,
         isLoginGG,
         callbackUrl,
-        loginData: Object.assign(Object.assign({}, loginData), { personal: loginData.personal || {
+        loginData: {
+            ...loginData,
+            personal: loginData.personal || {
                 avatar: '',
                 full_name: '',
                 email: '',
                 user_id: '',
-            } }),
+            },
+        },
         listNetworks: listNetworkRef.current,
         callbackSelectNetwork,
         handleLoginData,
@@ -680,21 +671,18 @@ export const Login = props => {
     const renderMain = () => {
         switch (step) {
             case STEPS.STEP1:
-                return React.createElement(SignIn, Object.assign({}, step1Config));
+                return _jsx(SignIn, { ...step1Config });
             case STEPS.STEP2:
-                return React.createElement(LoginStep2, Object.assign({}, step2Config));
+                return _jsx(LoginStep2, { ...step2Config });
             case STEPS.STEP_SELECT_NETWORK:
-                return React.createElement(LoginSelectPortal, Object.assign({}, stepSelectNetworkConfig));
+                return _jsx(LoginSelectPortal, { ...stepSelectNetworkConfig });
             case STEPS.STEP_SETUP_GG_AUTHENTICATOR:
-                return React.createElement(SetupGGAuthenticator, Object.assign({}, step2Config));
+                return _jsx(SetupGGAuthenticator, { ...step2Config });
             case STEPS.STEP_VERIFY_ACCOUNT:
-                return React.createElement(VerifyAccount, Object.assign({}, stepVerifyAccount));
+                return _jsx(VerifyAccount, { ...stepVerifyAccount });
             default:
-                return React.createElement(ForgotPassword, Object.assign({}, forgotConfig));
+                return _jsx(ForgotPassword, { ...forgotConfig });
         }
     };
-    return (React.createElement(CookiesProvider, null,
-        React.createElement(LoginMain, { justify: isMobile ? 'center' : 'start', id: "login_container" },
-            React.createElement(WrapperLogin, { isMobile: isMobile, vertical: true, align: "center", gap: 40, flex: 1, ref: loginRef, id: "login_main" }, renderMain()),
-            !isMobile && React.createElement(LoginBannerZone, { className: "login-banner-zone", id: "login_banner_zone" }))));
+    return (_jsx(CookiesProvider, { children: _jsxs(LoginMain, { justify: isMobile ? 'center' : 'start', id: "login_container", children: [_jsx(WrapperLogin, { isMobile: isMobile, vertical: true, align: "center", gap: 40, flex: 1, ref: loginRef, id: "login_main", children: renderMain() }), !isMobile && _jsx(LoginBannerZone, { className: "login-banner-zone", id: "login_banner_zone" })] }) }));
 };

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

@@ -1,17 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Typography } from 'antd';
 import { AvatarImage } from '../../styled';
-import React from 'react';
 import { isMobile } from 'react-device-detect';
 const { Text } = Typography;
 export const Avatar = props => {
     const { image, email, name } = props;
-    return (React.createElement(Flex, { vertical: true, gap: 5, align: "center" },
-        React.createElement(AvatarImage, { src: image, alt: "" }),
-        React.createElement(Text, { style: {
-                fontSize: isMobile ? 16 : 14,
-            } }, name),
-        React.createElement(Text, { style: { color: '#595959', fontSize: isMobile ? 14 : 12 } },
-            " ",
-            email,
-            " ")));
+    return (_jsxs(Flex, { vertical: true, gap: 5, align: "center", children: [_jsx(AvatarImage, { src: image, alt: "" }), _jsx(Text, { style: {
+                    fontSize: isMobile ? 16 : 14,
+                }, children: name }), _jsxs(Text, { style: { color: '#595959', fontSize: isMobile ? 14 : 12 }, children: [" ", email, " "] })] }));
 };

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
 import { useImmer } from 'use-immer';
 import ReCAPTCHA from 'react-google-recaptcha';
 import axios from 'axios';
@@ -37,18 +38,27 @@ const ForgotPassword = 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',
+                        };
                     });
                 }
                 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 your email' });
+                    draft.errors = {
+                        ...draft.errors,
+                        email: 'Please enter your email',
+                    };
                 });
             }
         }
@@ -98,7 +108,13 @@ const ForgotPassword = props => {
         };
         validate();
         if (!isResend && (!reCaptcha || !reCaptcha.trim())) {
-            setState(prevState => (Object.assign(Object.assign({}, prevState), { errors: Object.assign(Object.assign({}, prevState.errors), { captcha: true }) })));
+            setState(prevState => ({
+                ...prevState,
+                errors: {
+                    ...prevState.errors,
+                    captcha: true,
+                },
+            }));
             return;
         }
         if (state.errors.email) {
@@ -155,40 +171,25 @@ const ForgotPassword = props => {
         });
     };
     if (state.isSendDone) {
-        return (React.createElement(WidgetLayout, { paddingContent: isMobile ? '0 30px' : '0 50px', title: "Email sent", header: React.createElement(Image, { src: emailSentImage, alt: "email sent", width: 200, height: 200, style: {
+        return (_jsx(WidgetLayout, { paddingContent: isMobile ? '0 30px' : '0 50px', title: "Email sent", header: _jsx(Image, { src: emailSentImage, alt: "email sent", width: 200, height: 200, style: {
                     marginTop: 60,
-                } }), isShowLogo: false, content: React.createElement(Text, { style: {
+                } }), isShowLogo: false, content: _jsx(Text, { style: {
                     fontSize: 14,
                     color: '#595959',
                     textAlign: 'center',
-                } }, "Check your email and follow the instruction to retrieve your password"), footer: React.createElement(Flex, { vertical: true, gap: isMobile ? 30 : 15 },
-                React.createElement(StyleButton, { isMobile: isMobile, onClick: handleBack, type: "primary" }, "Back to login")) }));
+                }, children: "Check your email and follow the instruction to retrieve your password" }), footer: _jsx(Flex, { vertical: true, gap: isMobile ? 30 : 15, children: _jsx(StyleButton, { isMobile: isMobile, onClick: handleBack, type: "primary", children: "Back to login" }) }) }));
     }
-    return (React.createElement(WidgetLayout, { paddingContent: isMobile ? '0 30px' : '0 50px', header: React.createElement(Image, { src: forgotPasswordImage, alt: "forgot password", width: 200, height: 200, style: {
+    return (_jsx(WidgetLayout, { paddingContent: isMobile ? '0 30px' : '0 50px', header: _jsx(Image, { src: forgotPasswordImage, alt: "forgot password", width: 200, height: 200, style: {
                 marginTop: 60,
-            } }), title: "Forgot your password?", content: React.createElement(WrapperContent, { className: "forgot-password" },
-            React.createElement(Flex, { vertical: true, gap: 15 },
-                "Enter your email and we\u2019ll help you reset the password.",
-                React.createElement(Flex, { vertical: true, gap: 15 },
-                    React.createElement(Flex, { vertical: true },
-                        React.createElement(StyleInput, { isMobile: isMobile, maxLength: 255, placeholder: "Your email", value: state.email, onChange: e => {
-                                setState(draft => {
-                                    draft.email = e.target.value;
-                                });
-                                errorRef.current.email = false;
-                                setLoginError('');
-                            }, status: errorRef.current.email && state.errors.email ? 'error' : undefined }),
-                        errorRef.current.email && state.errors.email ? (React.createElement(Text, { type: "danger", style: { marginTop: 5 } }, state.errors.email)) : null,
-                        state.loginError && (React.createElement(Text, { type: "danger", style: { marginTop: 5 } }, state.loginError))),
-                    React.createElement(Flex, { vertical: true, gap: 5 },
-                        React.createElement(Flex, { justify: "center", style: {
-                                transform: isMobile ? 'scale(1)' : `scale(${scaleCaptcha})`,
-                                transformOrigin: !isMobile ? '' : '0 0',
-                            } },
-                            React.createElement(ReCAPTCHA, { sitekey: reCaptchaKey, onChange: onCaptchaChange, onExpired: onExpiredCaptcha, size: "normal" })),
-                        state.errors.captcha && React.createElement(Text, { type: "danger" }, "Please verify you are human")),
-                    React.createElement(Flex, { vertical: true, gap: isMobile ? 30 : 15, style: { paddingBottom: 40 } },
-                        React.createElement(StyleButton, { isMobile: isMobile, onClick: signIn, type: "primary" }, "Continue"),
-                        React.createElement(StyleButton, { isMobile: isMobile, type: "text", onClick: handleBack }, "Back to login"))))), isShowLogo: false, footer: null }));
+            } }), title: "Forgot your password?", content: _jsx(WrapperContent, { className: "forgot-password", children: _jsxs(Flex, { vertical: true, gap: 15, children: ["Enter your email and we\u2019ll help you reset the password.", _jsxs(Flex, { vertical: true, gap: 15, children: [_jsxs(Flex, { vertical: true, children: [_jsx(StyleInput, { isMobile: isMobile, maxLength: 255, placeholder: "Your email", value: state.email, onChange: e => {
+                                            setState(draft => {
+                                                draft.email = e.target.value;
+                                            });
+                                            errorRef.current.email = false;
+                                            setLoginError('');
+                                        }, status: errorRef.current.email && state.errors.email ? 'error' : undefined }), errorRef.current.email && state.errors.email ? (_jsx(Text, { type: "danger", style: { marginTop: 5 }, children: state.errors.email })) : null, state.loginError && (_jsx(Text, { type: "danger", style: { marginTop: 5 }, children: state.loginError }))] }), _jsxs(Flex, { vertical: true, gap: 5, children: [_jsx(Flex, { justify: "center", style: {
+                                            transform: isMobile ? 'scale(1)' : `scale(${scaleCaptcha})`,
+                                            transformOrigin: !isMobile ? '' : '0 0',
+                                        }, children: _jsx(ReCAPTCHA, { sitekey: reCaptchaKey, onChange: onCaptchaChange, onExpired: onExpiredCaptcha, size: "normal" }) }), state.errors.captcha && _jsx(Text, { type: "danger", children: "Please verify you are human" })] }), _jsxs(Flex, { vertical: true, gap: isMobile ? 30 : 15, style: { paddingBottom: 40 }, children: [_jsx(StyleButton, { isMobile: isMobile, onClick: signIn, type: "primary", children: "Continue" }), _jsx(StyleButton, { isMobile: isMobile, type: "text", onClick: handleBack, children: "Back to login" })] })] })] }) }), isShowLogo: false, footer: null }));
 };
 export default ForgotPassword;

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

@@ -1,25 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ModalV2 } from '@antscorp/antsomi-ui/es/components/molecules';
 import Icon from '@antscorp/icons';
 import { Flex, Tooltip, Typography } from 'antd';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { isMobile } from 'react-device-detect';
 const { Text } = Typography;
 export const IconInfo = props => {
     const { image, title } = props;
     const [open, setOpen] = useState(false);
     if (isMobile) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ModalV2, { open: open, onCancel: () => setOpen(false), centered: true, footer: null },
-                React.createElement(Flex, { vertical: true, align: "center", gap: 10 },
-                    React.createElement("img", { src: image, alt: "", width: 200 }),
-                    title)),
-            React.createElement(Icon, { type: "icon-ants-info-outline", onClick: () => setOpen(true), style: { fontSize: 20, color: '#595959' } })));
+        return (_jsxs(_Fragment, { children: [_jsx(ModalV2, { open: open, onCancel: () => setOpen(false), centered: true, footer: null, children: _jsxs(Flex, { vertical: true, align: "center", gap: 10, children: [_jsx("img", { src: image, alt: "", width: 200 }), title] }) }), _jsx(Icon, { type: "icon-ants-info-outline", onClick: () => setOpen(true), style: { fontSize: 20, color: '#595959' } })] }));
     }
-    return (React.createElement(Tooltip, { overlayInnerStyle: {
+    return (_jsx(Tooltip, { overlayInnerStyle: {
             width: 350,
             padding: 20,
-        }, title: React.createElement(Flex, { vertical: true, align: "center", gap: 10 },
-            React.createElement("img", { src: image, alt: "", width: 200 }),
-            title), color: "#fff", placement: "top" },
-        React.createElement(Icon, { type: "icon-ants-info-outline", style: { fontSize: 16, color: '#595959' } })));
+        }, title: _jsxs(Flex, { vertical: true, align: "center", gap: 10, children: [_jsx("img", { src: image, alt: "", width: 200 }), title] }), color: "#fff", placement: "top", children: _jsx(Icon, { type: "icon-ants-info-outline", style: { fontSize: 16, color: '#595959' } }) }));
 };

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

@@ -1,17 +1,12 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Typography } from 'antd';
 import { BlockEnd, WrapperItem } from './styled';
 const { Text } = Typography;
 export const Item = props => {
     const { networkId, networkName, homePage, logo, onSelect } = props;
-    return (React.createElement(WrapperItem, { onClick: () => onSelect(props) },
-        React.createElement("img", { src: logo, alt: "", width: "100%", height: 39 }),
-        React.createElement(BlockEnd, null,
-            React.createElement(Flex, { align: "end", justify: "center", style: {
-                    marginTop: 10,
-                } },
-                React.createElement(Text, { color: "#595959", ellipsis: {
-                        tooltip: networkName,
-                    } }, networkName)))));
+    return (_jsxs(WrapperItem, { onClick: () => onSelect(props), children: [_jsx("img", { src: logo, alt: "", width: "100%", height: 39 }), _jsx(BlockEnd, { children: _jsx(Flex, { align: "end", justify: "center", style: {
+                        marginTop: 10,
+                    }, children: _jsx(Text, { color: "#595959", ellipsis: {
+                            tooltip: networkName,
+                        }, children: networkName }) }) })] }));
 };