@ssplib/react-components 0.0.46 → 0.0.47

package/components/page/Login.d.ts

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

package/components/page/Login.js

@@ -36,11 +36,13 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const FormProvider_1 = __importDefault(require("../providers/FormProvider"));
 const auth_1 = require("../../context/auth");
-function Login({ imgURL = '', name = 'Login', children, loginURL, onSuccess, onFail, }) {
+const Input_1 = require("../form/input/Input");
+function Login({ imgURL = '', name = 'Login', children, loginURL }) {
     const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(false);
     const { adLogin } = (0, react_1.useContext)(auth_1.AuthContext);
     function onLogin(data) {
-        adLogin(loginURL, data);
+        adLogin(loginURL, data, setLoading, setError);
     }
     return (React.createElement(FormProvider_1.default, { onSubmit: onLogin },
         React.createElement(Container_1.default, { component: 'main', maxWidth: 'xs' },
@@ -53,7 +55,11 @@ function Login({ imgURL = '', name = 'Login', children, loginURL, onSuccess, onF
                 imgURL && React.createElement("img", { src: imgURL, alt: '', height: 100, width: 100 }),
                 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(material_1.Stack, { spacing: 1 },
+                        children,
+                        React.createElement(Input_1.Input, { name: 'dsa', type: 'input' })),
+                    React.createElement(lab_1.LoadingButton, { type: 'submit', fullWidth: true, variant: 'contained', loading: loading }, "Login"),
+                    error && (React.createElement(Box_1.default, { bgcolor: '#ce4257', padding: 2, borderRadius: 2, color: 'white' },
+                        React.createElement(Typography_1.default, null, "Dados incorretos. Tente novamente!"))))))));
 }
 exports.Login = Login;

package/components/providers/LoginProvider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const cookieName = "nextauth.token";
-export declare function LoginProvider({ children, AUTH_URL, redirectURL, validateTokenRoute, testToken, }: {
+export declare function LoginProvider({ children, AUTH_URL, redirectURL, validateTokenRoute, }: {
     children: JSX.Element | JSX.Element[];
     AUTH_URL: string;
     validateTokenRoute: string;

package/components/providers/LoginProvider.js

@@ -43,7 +43,7 @@ const react_1 = __importStar(require("react"));
 const auth_1 = require("../../context/auth");
 exports.cookieName = 'nextauth.token';
 const userImgName = 'user-data.img';
-function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRoute, testToken, }) {
+function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRoute, }) {
     const [user, setUser] = (0, react_1.useState)();
     const [userLoaded, setUserLoaded] = (0, react_1.useState)(false);
     const router = (0, router_1.useRouter)();
@@ -72,7 +72,8 @@ function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRou
             }
         });
     }, []);
-    function adLogin(loginURL, data) {
+    function adLogin(loginURL, data, setLoading, setError) {
+        setLoading(true);
         fetch(loginURL, {
             method: 'POST',
             body: JSON.stringify(Object.assign(Object.assign({}, data), { cpf: data.cpf.replaceAll(/[.-]/g, '') })),
@@ -82,6 +83,7 @@ function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRou
         }).then((res) => {
             if (res.ok) {
                 res.json().then((j) => {
+                    setError(false);
                     const token = j.accessToken;
                     const user = (0, jwt_decode_1.default)(token);
                     setUser({
@@ -94,8 +96,11 @@ function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRou
                     router.replace(redirectURL).finally(() => setUserLoaded(true));
                 });
             }
-            else
+            else {
+                setLoading(false);
                 setUserLoaded(true);
+                setError(true);
+            }
         });
     }
     // chamado no callback de login

package/package.json

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

package/types/auth.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface User {
     name: string;
     token: string;
@@ -66,7 +67,7 @@ export interface AuthReturnData {
     user: User | null | undefined;
     userLoaded: boolean;
     login: () => void;
-    adLogin: (loginURL: string, data: any) => void;
+    adLogin: (loginURL: string, data: any, setLoading: React.Dispatch<React.SetStateAction<boolean>>, setError: React.Dispatch<React.SetStateAction<boolean>>) => void;
     saveUserData: (token: AuthReturn) => void;
     logout: () => void;
 }