@ssplib/react-components 0.0.288 → 0.0.289

package/components/providers/KeycloakAuthProvider.d.ts

@@ -1,4 +1,16 @@
-/// <reference types="react" />
+import React from 'react';
+import { User } from '../../types/auth';
+interface AuthContextData {
+    user: User | null | undefined;
+    isAuth: boolean;
+    userLoaded: boolean;
+    login: () => void;
+    logout: () => void;
+    saveUserData: () => void;
+    refreshTokens: () => Promise<boolean>;
+    type: 'govbr' | 'ad';
+}
+export declare const AuthContext: React.Context<AuthContextData>;
 export declare const cookieName = "nextauth.token";
 export declare function KeycloakAuthProvider({ url, realm, clientId, children, type, resource_name, redirectUri, }: {
     url: string;
@@ -9,3 +21,4 @@ export declare function KeycloakAuthProvider({ url, realm, clientId, children, t
     resource_name?: string;
     redirectUri?: string;
 }): JSX.Element;
+export {};

package/components/providers/KeycloakAuthProvider.js

@@ -22,15 +22,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeycloakAuthProvider = exports.cookieName = void 0;
+exports.KeycloakAuthProvider = exports.cookieName = exports.AuthContext = void 0;
+const keycloak_js_1 = __importDefault(require("keycloak-js"));
 const router_1 = require("next/router");
 const react_1 = __importStar(require("react"));
-const auth_1 = require("../../context/auth");
-const keycloak_js_1 = __importDefault(require("keycloak-js"));
+exports.AuthContext = (0, react_1.createContext)({});
 exports.cookieName = 'nextauth.token';
 const userImgName = 'user-data.img';
 function KeycloakAuthProvider({ url, realm, clientId, children, type = 'ad', resource_name = 'eventos-front', redirectUri = '', }) {
@@ -39,12 +48,33 @@ function KeycloakAuthProvider({ url, realm, clientId, children, type = 'ad', res
     const [kc, setKc] = (0, react_1.useState)(null);
     const router = (0, router_1.useRouter)();
     const isAuth = !!user;
+    const updateUserData = (token) => {
+        var _a, _b;
+        if (!kc)
+            return;
+        const tokenParsed = kc.tokenParsed;
+        const roles = ((_b = ((_a = tokenParsed === null || tokenParsed === void 0 ? void 0 : tokenParsed.resource_access) !== null && _a !== void 0 ? _a : {})[resource_name]) === null || _b === void 0 ? void 0 : _b.roles) || [];
+        setUser(Object.assign(Object.assign({}, tokenParsed), { token,
+            roles }));
+    };
+    const refreshTokens = () => __awaiter(this, void 0, void 0, function* () {
+        if (!kc)
+            return false;
+        try {
+            const refreshed = yield kc.updateToken(5);
+            if (refreshed) {
+                updateUserData(kc.token);
+            }
+            return refreshed;
+        }
+        catch (err) {
+            console.error('Falha ao atualizar token:', err);
+            logout();
+            return false;
+        }
+    });
     (0, react_1.useEffect)(() => {
-        const keycloak = new keycloak_js_1.default({
-            url: url,
-            realm: realm,
-            clientId: clientId,
-        });
+        const keycloak = new keycloak_js_1.default({ url, realm, clientId });
         setKc(keycloak);
         keycloak
             .init({
@@ -52,29 +82,23 @@ function KeycloakAuthProvider({ url, realm, clientId, children, type = 'ad', res
             pkceMethod: 'S256',
         })
             .then((auth) => {
-            var _a, _b;
             setUserLoaded(true);
             if (!auth) {
                 console.log('NAO AUTENTICADO');
-                //window.location.reload();
             }
             else {
-                const tokenParsed = keycloak.tokenParsed;
-                console.log('TOKEN-> ', tokenParsed);
-                const userData = Object.assign(Object.assign({}, tokenParsed), { refreshToken: keycloak.refreshToken, token: keycloak.token, roles: ((_b = ((_a = tokenParsed === null || tokenParsed === void 0 ? void 0 : tokenParsed.resource_access) !== null && _a !== void 0 ? _a : {})[resource_name]) !== null && _b !== void 0 ? _b : []).roles });
-                setUser(userData);
+                updateUserData(keycloak.token);
                 console.info('Authenticated!!!');
                 keycloak.onTokenExpired = () => {
-                    console.log('token expired');
+                    console.log('token expired, tentando refresh');
+                    refreshTokens();
                 };
             }
-        }, () => {
-            console.error('Authenticated Failed');
         })
-            .catch((err) => console.log(err));
+            .catch((err) => {
+            console.error('Authenticated Failed', err);
+        });
         const s = router.query['status'];
-        if (!s)
-            return;
         if (s === 'success') {
             window.history.replaceState(null, '', '/');
         }
@@ -94,6 +118,6 @@ function KeycloakAuthProvider({ url, realm, clientId, children, type = 'ad', res
         setUser(null);
         localStorage.removeItem(userImgName);
     }
-    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData: () => { }, type } }, children);
+    return react_1.default.createElement(exports.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData: () => { }, refreshTokens, type } }, children);
 }
 exports.KeycloakAuthProvider = KeycloakAuthProvider;

package/package.json

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

package/types/auth.d.ts

@@ -3,7 +3,6 @@ export interface User extends KeycloakTokenParsed {
     token: string | undefined;
     roles: any[];
     image?: string;
-    refreshToken?: string;
 }
 export interface AuthData {
     isAuth: boolean;