@ssplib/react-components 0.0.38 → 0.0.40

package/components/providers/LoginProvider.d.ts

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

package/components/providers/LoginProvider.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.LoginProvider = exports.cookieName = void 0;
+const cookies_next_1 = require("cookies-next");
+const jwt_decode_1 = __importDefault(require("jwt-decode"));
+const router_1 = require("next/router");
+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, }) {
+    const [user, setUser] = (0, react_1.useState)();
+    const [userLoaded, setUserLoaded] = (0, react_1.useState)(false);
+    const router = (0, router_1.useRouter)();
+    const isAuth = !!user;
+    (0, react_1.useEffect)(() => {
+        const token = (0, cookies_next_1.getCookie)(exports.cookieName);
+        if (!token) {
+            setUserLoaded(true);
+            return;
+        }
+        fetch(`${AUTH_URL}${validateTokenRoute}`, {
+            method: 'POST',
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        }).then((res) => {
+            if (!res.ok) {
+                logout();
+                return;
+            }
+            else {
+                const user = (0, jwt_decode_1.default)(token);
+                const img = localStorage.getItem(userImgName);
+                setUser({ name: user.name, image: img !== null && img !== void 0 ? img : '', roles: user.roles.map((x) => x.code), token });
+                setUserLoaded(true);
+            }
+        });
+    }, []);
+    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)
+        // }
+    }
+    // chamado no callback de login
+    function saveUserData(authData) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const token = authData.ssp_token;
+            (0, cookies_next_1.setCookie)(exports.cookieName, token);
+            router.replace(redirectURL).finally(() => setUserLoaded(true));
+        });
+    }
+    function logout() {
+        setUserLoaded(false);
+        setUser(null);
+        (0, cookies_next_1.deleteCookie)(exports.cookieName);
+        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);
+}
+exports.LoginProvider = LoginProvider;

package/components/providers/OAuthProvider.js

@@ -96,7 +96,7 @@ function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTo
     function saveUserData(authData) {
         return __awaiter(this, void 0, void 0, function* () {
             const token = authData.ssp_token;
-            (0, cookies_next_1.setCookie)(exports.cookieName, token, { expires: new Date(authData.claims.exp * 1000) });
+            (0, cookies_next_1.setCookie)(exports.cookieName, token);
             const userData = (0, jwt_decode_1.default)(token);
             const idToken = (0, jwt_decode_1.default)(authData.id_token);
             // pegando foto de usuario

package/index.d.ts

@@ -16,6 +16,7 @@ import Table from './components/form/table/Table';
 import NavBar from './components/navbar/NavBar';
 import FormProvider from './components/providers/FormProvider';
 import { OAuthProvider, cookieName as AUTH_COOKIE_NAME } from './components/providers/OAuthProvider';
+import { LoginProvider } from './components/providers/LoginProvider';
 import { AuthContext } from './context/auth';
 import { FormContext } from './context/form';
-export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext };
+export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, LoginProvider };

package/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
+exports.LoginProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
 const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
 exports.CheckBox = CheckBox_1.default;
 const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
@@ -41,6 +41,8 @@ exports.FormProvider = FormProvider_1.default;
 const OAuthProvider_1 = require("./components/providers/OAuthProvider");
 Object.defineProperty(exports, "OAuthProvider", { enumerable: true, get: function () { return OAuthProvider_1.OAuthProvider; } });
 Object.defineProperty(exports, "AUTH_COOKIE_NAME", { enumerable: true, get: function () { return OAuthProvider_1.cookieName; } });
+const LoginProvider_1 = require("./components/providers/LoginProvider");
+Object.defineProperty(exports, "LoginProvider", { enumerable: true, get: function () { return LoginProvider_1.LoginProvider; } });
 const auth_1 = require("./context/auth");
 Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return auth_1.AuthContext; } });
 const form_1 = require("./context/form");

package/package.json

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