@ssplib/react-components 0.0.45 → 0.0.47

package/components/navbar/NavBar.js

@@ -116,7 +116,7 @@ function NavBar({ links, title, img, pos = 'fixed', next = true, el, menuItems,
                                     react_1.default.createElement(material_1.Typography, null, "Ol\u00E1,"),
                                     react_1.default.createElement(material_1.Typography, { fontWeight: 600 }, user.name),
                                     react_1.default.createElement(KeyboardArrowDown_1.default, null)))) : type === 'govbr' ? (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', startIcon: react_1.default.createElement(Person_1.default, null), onClick: login, sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
-                                react_1.default.createElement(material_1.Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Entrar com o gov.br"))) : (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', startIcon: react_1.default.createElement(Person_1.default, null), onClick: login, sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
+                                react_1.default.createElement(material_1.Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Entrar com o gov.br"))) : (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', startIcon: react_1.default.createElement(Person_1.default, null), onClick: () => router === null || router === void 0 ? void 0 : router.push('/login'), sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
                                 react_1.default.createElement(material_1.Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Login"))))))),
             loading && react_1.default.createElement(LinearProgress_1.default, null)),
         react_1.default.createElement(material_1.Box, { paddingBottom: 9 })));

package/components/page/Login.d.ts

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

package/components/page/Login.js

@@ -35,22 +35,16 @@ const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const FormProvider_1 = __importDefault(require("../providers/FormProvider"));
-function Login({ imgURL = '', name = 'Login', fields, loginURL, onSuccess, onFail, }) {
+const auth_1 = require("../../context/auth");
+const Input_1 = require("../form/input/Input");
+function Login({ imgURL = '', name = 'Login', children, loginURL }) {
     const [loading, setLoading] = (0, react_1.useState)(false);
-    function login(data) {
-        fetch(loginURL, {
-            method: 'POST',
-            body: JSON.stringify(Object.assign(Object.assign({}, data), { cpf: data.cpf.replaceAll(/[.-]/g, '') })),
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        }).then((res) => {
-            if (res.ok)
-                onSuccess();
-            return onFail();
-        });
+    const [error, setError] = (0, react_1.useState)(false);
+    const { adLogin } = (0, react_1.useContext)(auth_1.AuthContext);
+    function onLogin(data) {
+        adLogin(loginURL, data, setLoading, setError);
     }
-    return (React.createElement(FormProvider_1.default, { onSubmit: login },
+    return (React.createElement(FormProvider_1.default, { onSubmit: onLogin },
         React.createElement(Container_1.default, { component: 'main', maxWidth: 'xs' },
             React.createElement(Box_1.default, { sx: {
                     marginTop: 8,
@@ -61,7 +55,11 @@ function Login({ imgURL = '', name = 'Login', fields, loginURL, onSuccess, onFai
                 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 }, fields),
-                    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,24 +72,36 @@ function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRou
             }
         });
     }, []);
-    function login() {
-        // Teste em localhost
-        // if (location && location.hostname === 'localhost') {
-        //     const token = testToken
-        //     setCookie(cookieName, token, { maxAge: 60 * 60 * 24 * 500 })
-        //     setUser({
-        //         name: 'Teste',
-        //         image: '',
-        //         roles: [1],
-        //         token: token,
-        //     })
-        //     router.replace(redirectURL).finally(() => setUserLoaded(true))
-        // }
-        // //
-        // else {
-        //     setUserLoaded(false)
-        //     router.replace(govBrURL)
-        // }
+    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, '') })),
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        }).then((res) => {
+            if (res.ok) {
+                res.json().then((j) => {
+                    setError(false);
+                    const token = j.accessToken;
+                    const user = (0, jwt_decode_1.default)(token);
+                    setUser({
+                        name: user.name,
+                        image: '',
+                        roles: user.roles.map((x) => x.code),
+                        token: token,
+                    });
+                    (0, cookies_next_1.setCookie)(exports.cookieName, token);
+                    router.replace(redirectURL).finally(() => setUserLoaded(true));
+                });
+            }
+            else {
+                setLoading(false);
+                setUserLoaded(true);
+                setError(true);
+            }
+        });
     }
     // chamado no callback de login
     function saveUserData(authData) {
@@ -106,6 +118,6 @@ function LoginProvider({ children, AUTH_URL, redirectURL = '/', validateTokenRou
         localStorage.removeItem(userImgName);
         router.replace(redirectURL).finally(() => setUserLoaded(true));
     }
-    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData, type: 'ad' } }, children);
+    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login: () => { }, adLogin, logout, saveUserData, type: 'ad' } }, children);
 }
 exports.LoginProvider = LoginProvider;

package/components/providers/OAuthProvider.js

@@ -131,6 +131,6 @@ function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTo
         localStorage.removeItem(userImgName);
         router.replace(redirectURL).finally(() => setUserLoaded(true));
     }
-    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData, type: 'govbr' } }, children);
+    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, adLogin: () => { }, logout, saveUserData, type: 'govbr' } }, children);
 }
 exports.OAuthProvider = OAuthProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.45",
+    "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,6 +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;
     saveUserData: (token: AuthReturn) => void;
     logout: () => void;
 }