@ssplib/react-components 0.0.11 → 0.0.12

package/components/providers/OAuthProvider.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+interface OiDcConfig {
+    response_type: string;
+    client_id: string;
+    scope: string;
+    redirect_uri: string;
+    nonce: number;
+    state: number;
+    code_challenge: string;
+    code_challenge_method: string;
+    authority: string;
+    post_logout_redirect_uri: string;
+    CODE_VERIFIER: string;
+}
+export declare const cookieName = "nextauth.token";
+export declare function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTokenRoute, testToken, }: {
+    children: JSX.Element | JSX.Element[];
+    AUTH_URL: string;
+    oidcConfig: OiDcConfig;
+    redirectURL: string;
+    validateTokenRoute: string;
+    testToken: string;
+}): JSX.Element;
+export {};

package/components/providers/OAuthProvider.js

@@ -0,0 +1,136 @@
+"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.OAuthProvider = 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 OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTokenRoute, testToken, }) {
+    const govBrURL = oidcConfig.authority + '/authorize?response_type=code&client_id=' + oidcConfig.client_id + '&scope=' + oidcConfig.scope + '&redirect_uri=' + oidcConfig.redirect_uri;
+    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;
+            (0, cookies_next_1.setCookie)(exports.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, { expires: new Date(authData.claims.exp * 1000) });
+            const userData = (0, jwt_decode_1.default)(token);
+            const idToken = (0, jwt_decode_1.default)(authData.id_token);
+            // pegando foto de usuario
+            yield fetch(idToken.picture, {
+                headers: {
+                    Authorization: `Bearer ${authData.access_token}`,
+                },
+            }).then((res) => {
+                if (res.status === 200) {
+                    res.blob().then((b) => {
+                        const reader = new FileReader();
+                        reader.readAsDataURL(b);
+                        reader.onload = () => {
+                            const base64 = reader.result;
+                            localStorage.setItem(userImgName, base64);
+                            setUser({ name: userData.name, image: base64, roles: userData.roles.map((x) => x.code), token });
+                            router.replace(redirectURL).finally(() => setUserLoaded(true));
+                        };
+                    });
+                }
+                setUser({ name: userData.name, image: '', roles: userData.roles.map((x) => x.code), token });
+                router.replace(redirectURL).finally(() => setUserLoaded(true));
+                return;
+            });
+            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 } }, children);
+}
+exports.OAuthProvider = OAuthProvider;

package/context/auth.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AuthReturnData } from '../types/auth';
+export declare const AuthContext: import("react").Context<AuthReturnData>;

package/context/auth.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthContext = void 0;
+const react_1 = require("react");
+exports.AuthContext = (0, react_1.createContext)({});

package/index.d.ts

@@ -14,4 +14,6 @@ import StepperBlock from './components/form/stepper/StepperBlock';
 import Switch from './components/form/switch/Switch';
 import Table from './components/form/table/Table';
 import NavBar from './components/navbar/NavBar';
-export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar };
+import FormProvider from './components/providers/FormProvider';
+import { OAuthProvider, cookieName as AUTH_COOKIE_NAME } from './components/providers/OAuthProvider';
+export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME };

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.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.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"));
@@ -36,3 +36,8 @@ const Table_1 = __importDefault(require("./components/form/table/Table"));
 exports.Table = Table_1.default;
 const NavBar_1 = __importDefault(require("./components/navbar/NavBar"));
 exports.NavBar = NavBar_1.default;
+const FormProvider_1 = __importDefault(require("./components/providers/FormProvider"));
+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; } });

package/package.json

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