@ssplib/react-components 0.0.82 → 0.0.83

package/components/page/Login.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-export declare function Login({ imgURL, name, children, loginURL }: {
+export declare function Login({ imgURL, name, children, loginURL, captchaSiteKey, }: {
     imgURL?: string;
     loginURL: string;
     children: JSX.Element | JSX.Element[];
     name?: string;
+    captchaSiteKey: string;
 }): JSX.Element;

package/components/page/Login.js

@@ -36,12 +36,16 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const auth_1 = require("../../context/auth");
 const FormProvider_1 = __importDefault(require("../providers/FormProvider"));
-function Login({ imgURL = '', name = 'Login', children, loginURL }) {
+const react_google_recaptcha_1 = __importDefault(require("react-google-recaptcha"));
+function Login({ imgURL = '', name = 'Login', children, loginURL, captchaSiteKey, }) {
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(false);
+    const [captchaSolved, setCaptchaSolved] = (0, react_1.useState)(false);
+    const [captchaToken, setCaptchaToken] = (0, react_1.useState)('');
+    const captcha = (0, react_1.useRef)(null);
     const { adLogin } = (0, react_1.useContext)(auth_1.AuthContext);
     function onLogin(data) {
-        adLogin(loginURL, data, setLoading, setError);
+        adLogin(loginURL, data, setLoading, setError, captchaToken);
     }
     return (React.createElement(FormProvider_1.default, { onSubmit: onLogin },
         React.createElement(Container_1.default, { component: 'main', maxWidth: 'xs' },
@@ -55,7 +59,10 @@ function Login({ imgURL = '', name = 'Login', children, loginURL }) {
                 React.createElement(Typography_1.default, { component: 'h1', variant: 'h5', paddingY: 3 }, name),
                 React.createElement(material_1.Stack, { spacing: 3, width: 300 },
                     React.createElement(material_1.Stack, { spacing: 1 }, children),
-                    React.createElement(lab_1.LoadingButton, { type: 'submit', fullWidth: true, variant: 'contained', loading: loading }, "Login"),
+                    React.createElement(lab_1.LoadingButton, { type: 'submit', fullWidth: true, variant: 'contained', loading: loading, disabled: !captchaSolved }, "Login"),
+                    React.createElement(react_google_recaptcha_1.default, { ref: captcha, hl: 'pt', sitekey: captchaSiteKey, onExpired: () => setCaptchaSolved(false), onChange: (e) => {
+                            setCaptchaToken(e), e && setCaptchaSolved(true);
+                        } }),
                     error && (React.createElement(Box_1.default, { bgcolor: '#ce4257', padding: 2, borderRadius: 2, color: 'white' },
                         React.createElement(Typography_1.default, null, "Dados incorretos. Tente novamente!"))))))));
 }

package/components/providers/LoginProvider.js

@@ -72,11 +72,11 @@ function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRou
             }
         });
     }, []);
-    function adLogin(loginURL, data, setLoading, setError) {
+    function adLogin(loginURL, data, setLoading, setError, captchaToken) {
         setLoading(true);
         fetch(loginURL, {
             method: 'POST',
-            body: JSON.stringify(Object.assign(Object.assign({}, data), { cpf: data.cpf.replaceAll(/[.-]/g, '') })),
+            body: JSON.stringify(Object.assign(Object.assign({}, data), { cpf: data.cpf.replaceAll(/[.-]/g, ''), captchaToken })),
             headers: {
                 'Content-Type': 'application/json',
             },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.82",
+    "version": "0.0.83",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",

package/types/auth.d.ts

@@ -67,7 +67,7 @@ export interface AuthReturnData {
     user: User | null | undefined;
     userLoaded: boolean;
     login: () => void;
-    adLogin: (loginURL: string, data: any, setLoading: React.Dispatch<React.SetStateAction<boolean>>, setError: React.Dispatch<React.SetStateAction<boolean>>) => void;
+    adLogin: (loginURL: string, data: any, setLoading: React.Dispatch<React.SetStateAction<boolean>>, setError: React.Dispatch<React.SetStateAction<boolean>>, captchaToken: string) => void;
     saveUserData: (token: AuthReturn) => void;
     logout: () => void;
 }