datacenter-lib-react-ts 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 joabssilveira
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# datacenter-lib-react-ts
+
+Library intended for applications that require datacenter react ui resources in typescript

package/dist/cjs/auth/authCheck.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthCheckComponent = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const authentication_slice_1 = require("./authentication.slice");
+const authUtils_1 = require("./authUtils");
+const react_router_dom_2 = require("react-router-dom");
+const react_redux_1 = require("react-redux");
+const datacenter_lib_common_ts_1 = require("datacenter-lib-common-ts");
+const AuthCheckComponent = ({ authenticationState, /*authUrlBase, redirectUrl,*/ baseApiUrl, children }) => {
+    const navigate = (0, react_router_dom_2.useNavigate)();
+    const location = (0, react_router_dom_1.useLocation)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const queryParams = new URLSearchParams(location.search);
+    const authUuid = queryParams.get(authUtils_1.AuthUtils.authUuidQueryStringName);
+    const onGetAuthFinish = () => {
+        queryParams.delete(authUtils_1.AuthUtils.authUuidQueryStringName);
+        const newSearch = queryParams.toString();
+        const newPath = `${location.pathname}${newSearch ? `?${newSearch}` : ''}`;
+        navigate(newPath, { replace: true });
+    };
+    (0, react_1.useEffect)(() => {
+        if (!authenticationState.payload && !authenticationState.options?.loading) {
+            if (authUuid) {
+                dispatch((0, authentication_slice_1.authenticationStateLoadFromApi)({
+                    baseApiUrl,
+                    requestPayload: {
+                        type: datacenter_lib_common_ts_1.AuthenticationType.uuid,
+                        uuid: authUuid
+                    },
+                    onSuccess: onGetAuthFinish,
+                    onError: onGetAuthFinish
+                }));
+            }
+        }
+        else if (authenticationState.payload && authUuid) {
+            // caso o usuario ja tenha logado e tente acessar a pagina de autenticacao, o redirect manda o authUuid
+            // nesse cenario, deve-se eliminar o authUuid da url
+            // isso vale para autenticacao em um dominio diferente do dominio do autenticador
+            // para recursos no mesmo dominio do autenticador, o redirect quando o usuario já tem autenticado esta correto, ou seja, 
+            // ele nao manda o authUuid caso o usuario já esteja logado, em dominio diferentes nao tem como o autenticador saber se o app esta logado
+            onGetAuthFinish();
+        }
+        // }, [authenticationState, location]);
+    }, [authenticationState]);
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.AuthCheckComponent = AuthCheckComponent;
+//# sourceMappingURL=authCheck.js.map

package/dist/cjs/auth/authCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authCheck.js","sourceRoot":"","sources":["../../../src/auth/authCheck.tsx"],"names":[],"mappings":";;;;AACA,uDAAoD;AACpD,uDAA+C;AAC/C,iEAA8F;AAC9F,2CAAwC;AACxC,uDAA8C;AAC9C,6CAA0C;AAC1C,uEAAkG;AAU3F,MAAM,kBAAkB,GAAuC,CAAC,EAAE,mBAAmB,EAAE,6BAA6B,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpJ,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAO,CAAA;IACnC,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,qBAAS,CAAC,uBAAuB,CAAC,CAAA;IAEnE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,WAAW,CAAC,MAAM,CAAC,qBAAS,CAAC,uBAAuB,CAAC,CAAC;QACtD,MAAM,SAAS,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,GAAG,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC1E,QAAQ,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC1E,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,IAAA,qDAA8B,EAAC;oBACtC,UAAU;oBACV,cAAc,EAAE;wBACd,IAAI,EAAE,6CAAkB,CAAC,IAAI;wBAC7B,IAAI,EAAE,QAAQ;qBACuB;oBACvC,SAAS,EAAE,eAAe;oBAC1B,OAAO,EAAE,eAAe;iBACzB,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;aACI,IAAI,mBAAmB,CAAC,OAAO,IAAI,QAAQ,EAAE,CAAC;YACjD,uGAAuG;YACvG,oDAAoD;YACpD,iFAAiF;YACjF,yHAAyH;YACzH,yIAAyI;YACzI,eAAe,EAAE,CAAA;QACnB,CAAC;QACD,uCAAuC;IACzC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,8DAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC;AAxCW,QAAA,kBAAkB,sBAwC7B"}

package/dist/cjs/auth/authRequired.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthRequiredComponent = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const authUtils_1 = require("./authUtils");
+const AuthRequiredComponent = ({ authenticationState, authUrlBase, redirectUrl, /*baseApiUrl,*/ children }) => {
+    const location = (0, react_router_dom_1.useLocation)();
+    const queryParams = new URLSearchParams(location.search);
+    const authUuid = queryParams.get(authUtils_1.AuthUtils.authUuidQueryStringName);
+    (0, react_1.useEffect)(() => {
+        if (!authenticationState.payload && !authenticationState.options?.loading) {
+            if (!authUuid) {
+                if (!authUrlBase.includes('/login'))
+                    authUrlBase = `${authUrlBase}/login`;
+                window.location.href = `${authUrlBase}?${authUtils_1.AuthUtils.authToRedirectQueryStringName}=${encodeURIComponent(redirectUrl)}`;
+            }
+        }
+    }, [authenticationState]);
+    if (!authenticationState.payload) {
+        return null;
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.AuthRequiredComponent = AuthRequiredComponent;
+//# sourceMappingURL=authRequired.js.map

package/dist/cjs/auth/authRequired.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authRequired.js","sourceRoot":"","sources":["../../../src/auth/authRequired.tsx"],"names":[],"mappings":";;;;AACA,uDAAoD;AACpD,uDAA+C;AAE/C,2CAAwC;AAUjC,MAAM,qBAAqB,GAA0C,CAAC,EAAE,mBAAmB,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,EAAE,EAAE;IAC1J,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,qBAAS,CAAC,uBAAuB,CAAC,CAAA;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC1E,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBACjC,WAAW,GAAG,GAAG,WAAW,QAAQ,CAAA;gBACtC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,WAAW,IAAI,qBAAS,CAAC,6BAA6B,IAAI,kBAAkB,CAAC,WAAW,CAAC,EAAE,CAAA;YACvH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,8DAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC;AApBW,QAAA,qBAAqB,yBAoBhC"}

package/dist/cjs/auth/authUtils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthUtils = void 0;
+exports.AuthUtils = {
+    authUuidQueryStringName: 'au',
+    authToRedirectQueryStringName: 'to',
+};
+//# sourceMappingURL=authUtils.js.map

package/dist/cjs/auth/authUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authUtils.js","sourceRoot":"","sources":["../../../src/auth/authUtils.tsx"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,uBAAuB,EAAE,IAAI;IAC7B,6BAA6B,EAAE,IAAI;CACpC,CAAA"}

package/dist/cjs/auth/authentication.slice.js

@@ -0,0 +1,72 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authenticationStateSet = exports.authenticationStateLogout = exports.authenticationSlice = exports.authenticationStateLoadFromApi = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const datacenter_lib_common_ts_1 = require("datacenter-lib-common-ts");
+const src_1 = require("fwork-jsts-common/src");
+const jwt_decode_1 = require("jwt-decode"); // dont use jsonwebtokens package here, its only for node projects
+const cookie = src_1.WebUtils.getCookie('@authenticationState');
+const cookieObj = cookie ? JSON.parse(cookie) : null;
+const initState = cookieObj || {};
+exports.authenticationStateLoadFromApi = (0, toolkit_1.createAsyncThunk)('authenticationStateLoadFromApi', async (arg) => {
+    try {
+        let result = {};
+        const response = await new datacenter_lib_common_ts_1.AuthenticationsApiClient({ baseApiUrl: arg.baseApiUrl, }).post({
+            data: arg.requestPayload,
+        });
+        if (response?.success && response.data?.token) {
+            if (arg.onSuccess)
+                arg.onSuccess(response.data);
+            var decToken = (0, jwt_decode_1.jwtDecode)(response.data.token);
+            result.payload = {
+                ...response.data,
+                user: decToken.user
+            };
+        }
+        else if (arg.onError)
+            arg.onError(response?.msg);
+        return result;
+    }
+    catch (error) {
+        if (arg.onError)
+            arg.onError('Erro ao tentar autenticar');
+        return;
+    }
+});
+exports.authenticationSlice = (0, toolkit_1.createSlice)({
+    name: 'authenticationSlice',
+    initialState: initState,
+    reducers: {
+        set: (state, action) => {
+            state.payload = action.payload.payload;
+            src_1.WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1);
+        },
+        logout: (state) => {
+            state.options = undefined;
+            state.payload = undefined;
+            src_1.WebUtils.setCookie('@authenticationState', '', -1);
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(exports.authenticationStateLoadFromApi.pending, (state) => {
+            if (!state.options)
+                state.options = {};
+            state.options.loading = true;
+        });
+        builder.addCase(exports.authenticationStateLoadFromApi.fulfilled, (state, response) => {
+            if (state.options)
+                state.options.loading = false;
+            state.payload = response.payload?.payload;
+            if (state.payload)
+                src_1.WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1);
+        });
+        builder.addCase(exports.authenticationStateLoadFromApi.rejected, (state) => {
+            if (state.options)
+                state.options.loading = false;
+        });
+    }
+});
+_a = exports.authenticationSlice.actions, exports.authenticationStateLogout = _a.logout, exports.authenticationStateSet = _a.set;
+exports.default = exports.authenticationSlice.reducer;
+//# sourceMappingURL=authentication.slice.js.map

package/dist/cjs/auth/authentication.slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authentication.slice.js","sourceRoot":"","sources":["../../../src/auth/authentication.slice.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/auth/userOptions.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserOptionsComponent = void 0;
+const tslib_1 = require("tslib");
+const Logout_1 = tslib_1.__importDefault(require("@mui/icons-material/Logout"));
+const material_1 = require("@mui/material");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const authentication_slice_1 = require("./authentication.slice");
+const UserOptionsComponent = ({ user, datacenterAuthBaseUrl, onLogOut }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const [menuAnchor, setAnchorElemnt] = (0, react_1.useState)(null);
+    const openMenu = Boolean(menuAnchor);
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Menu, { id: "basic-menu", anchorEl: menuAnchor, open: openMenu, onClose: () => setAnchorElemnt(null), MenuListProps: {
+                'aria-labelledby': 'basic-button',
+            } },
+            react_1.default.createElement(material_1.MenuItem, { style: { display: 'flex', gap: 10 }, onClick: () => {
+                    let authUrl = `${datacenterAuthBaseUrl}/profile`;
+                    window.open(authUrl, '_blank')?.focus();
+                    setAnchorElemnt(null);
+                } }, user.name),
+            react_1.default.createElement(material_1.MenuItem, { style: { display: 'flex', gap: 10 }, onClick: () => {
+                    dispatch((0, authentication_slice_1.authenticationStateLogout)());
+                    if (onLogOut)
+                        onLogOut();
+                    setAnchorElemnt(null);
+                } },
+                react_1.default.createElement(Logout_1.default, null),
+                " Sair")),
+        react_1.default.createElement(material_1.IconButton, { onClick: e => setAnchorElemnt(e.currentTarget) },
+            react_1.default.createElement(material_1.Avatar, { src: user.imageUrl })));
+};
+exports.UserOptionsComponent = UserOptionsComponent;
+//# sourceMappingURL=userOptions.js.map

package/dist/cjs/auth/userOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userOptions.js","sourceRoot":"","sources":["../../../src/auth/userOptions.tsx"],"names":[],"mappings":";;;;AAAA,gFAAmD;AACnD,4CAAkE;AAElE,uDAAuC;AACvC,6CAAyC;AACzC,iEAAkE;AAQ3D,MAAM,oBAAoB,GAAyC,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtH,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAO,CAAA;IACnC,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAA+C,IAAI,CAAC,CAAA;IAClG,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IAEpC,OAAO;QACL,8BAAC,eAAI,IACH,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,aAAa,EAAE;gBACb,iBAAiB,EAAE,cAAc;aAClC;YACD,8BAAC,mBAAQ,IACP,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,GAAG,GAAG,qBAAqB,UAAU,CAAA;oBAChD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAA;oBACvC,eAAe,CAAC,IAAI,CAAC,CAAA;gBACvB,CAAC,IAEA,IAAI,CAAC,IAAI,CACD;YACX,8BAAC,mBAAQ,IACP,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,IAAA,gDAAyB,GAAE,CAAC,CAAA;oBACrC,IAAI,QAAQ;wBAAE,QAAQ,EAAE,CAAA;oBACxB,eAAe,CAAC,IAAI,CAAC,CAAA;gBACvB,CAAC;gBAED,8BAAC,gBAAU,OAAG;wBACL,CACN;QAEP,8BAAC,qBAAU,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;YAC/C,8BAAC,iBAAM,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAa,CAC3C,CAAA;AACL,CAAC,CAAA;AAxCY,QAAA,oBAAoB,wBAwChC"}

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserOptionsComponent = exports.AuthUtils = exports.AuthRequiredComponent = exports.authenticationStateSet = exports.authenticationSlice = exports.authenticationStateLogout = exports.authenticationStateLoadFromApi = exports.authenticationReducer = exports.AuthCheckComponent = void 0;
+const tslib_1 = require("tslib");
+const authCheck_1 = require("./auth/authCheck");
+Object.defineProperty(exports, "AuthCheckComponent", { enumerable: true, get: function () { return authCheck_1.AuthCheckComponent; } });
+const authentication_slice_1 = tslib_1.__importStar(require("./auth/authentication.slice"));
+exports.authenticationReducer = authentication_slice_1.default;
+Object.defineProperty(exports, "authenticationStateLoadFromApi", { enumerable: true, get: function () { return authentication_slice_1.authenticationStateLoadFromApi; } });
+Object.defineProperty(exports, "authenticationStateLogout", { enumerable: true, get: function () { return authentication_slice_1.authenticationStateLogout; } });
+Object.defineProperty(exports, "authenticationSlice", { enumerable: true, get: function () { return authentication_slice_1.authenticationSlice; } });
+Object.defineProperty(exports, "authenticationStateSet", { enumerable: true, get: function () { return authentication_slice_1.authenticationStateSet; } });
+const authRequired_1 = require("./auth/authRequired");
+Object.defineProperty(exports, "AuthRequiredComponent", { enumerable: true, get: function () { return authRequired_1.AuthRequiredComponent; } });
+const authUtils_1 = require("./auth/authUtils");
+Object.defineProperty(exports, "AuthUtils", { enumerable: true, get: function () { return authUtils_1.AuthUtils; } });
+const userOptions_1 = require("./auth/userOptions");
+Object.defineProperty(exports, "UserOptionsComponent", { enumerable: true, get: function () { return userOptions_1.UserOptionsComponent; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;AAAA,gDAAgF;AAO9E,mGAPO,8BAAkB,OAOP;AANpB,4FAAsN;AAOpN,gCAPK,8BAAqB,CAOL;AAAE,+GAPO,qDAA8B,OAOP;AAA4C,0GAPO,gDAAyB,OAOP;AAAE,oGAPO,0CAAmB,OAOP;AAAE,uGAPO,6CAAsB,OAOP;AANzK,sDAAyF;AAOvF,sGAPO,oCAAqB,OAOP;AANvB,gDAA6C;AAO3C,0FAPO,qBAAS,OAOP;AANX,oDAAsF;AAOpF,qGAPO,kCAAoB,OAOP"}

package/dist/esm/auth/authCheck.js

@@ -0,0 +1,46 @@
+import React, { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { authenticationStateLoadFromApi } from "./authentication.slice";
+import { AuthUtils } from "./authUtils";
+import { useNavigate } from 'react-router-dom';
+import { useDispatch } from "react-redux";
+import { AuthenticationType } from "datacenter-lib-common-ts";
+export const AuthCheckComponent = ({ authenticationState, /*authUrlBase, redirectUrl,*/ baseApiUrl, children }) => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const dispatch = useDispatch();
+    const queryParams = new URLSearchParams(location.search);
+    const authUuid = queryParams.get(AuthUtils.authUuidQueryStringName);
+    const onGetAuthFinish = () => {
+        queryParams.delete(AuthUtils.authUuidQueryStringName);
+        const newSearch = queryParams.toString();
+        const newPath = `${location.pathname}${newSearch ? `?${newSearch}` : ''}`;
+        navigate(newPath, { replace: true });
+    };
+    useEffect(() => {
+        if (!authenticationState.payload && !authenticationState.options?.loading) {
+            if (authUuid) {
+                dispatch(authenticationStateLoadFromApi({
+                    baseApiUrl,
+                    requestPayload: {
+                        type: AuthenticationType.uuid,
+                        uuid: authUuid
+                    },
+                    onSuccess: onGetAuthFinish,
+                    onError: onGetAuthFinish
+                }));
+            }
+        }
+        else if (authenticationState.payload && authUuid) {
+            // caso o usuario ja tenha logado e tente acessar a pagina de autenticacao, o redirect manda o authUuid
+            // nesse cenario, deve-se eliminar o authUuid da url
+            // isso vale para autenticacao em um dominio diferente do dominio do autenticador
+            // para recursos no mesmo dominio do autenticador, o redirect quando o usuario já tem autenticado esta correto, ou seja, 
+            // ele nao manda o authUuid caso o usuario já esteja logado, em dominio diferentes nao tem como o autenticador saber se o app esta logado
+            onGetAuthFinish();
+        }
+        // }, [authenticationState, location]);
+    }, [authenticationState]);
+    return React.createElement(React.Fragment, null, children);
+};
+//# sourceMappingURL=authCheck.js.map

package/dist/esm/auth/authCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authCheck.js","sourceRoot":"","sources":["../../../src/auth/authCheck.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,8BAA8B,EAAwB,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAsC,MAAM,0BAA0B,CAAC;AAUlG,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EAAE,mBAAmB,EAAE,6BAA6B,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpJ,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAO,CAAA;IACnC,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;IAEnE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;QACtD,MAAM,SAAS,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,GAAG,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC1E,QAAQ,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC1E,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,8BAA8B,CAAC;oBACtC,UAAU;oBACV,cAAc,EAAE;wBACd,IAAI,EAAE,kBAAkB,CAAC,IAAI;wBAC7B,IAAI,EAAE,QAAQ;qBACuB;oBACvC,SAAS,EAAE,eAAe;oBAC1B,OAAO,EAAE,eAAe;iBACzB,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;aACI,IAAI,mBAAmB,CAAC,OAAO,IAAI,QAAQ,EAAE,CAAC;YACjD,uGAAuG;YACvG,oDAAoD;YACpD,iFAAiF;YACjF,yHAAyH;YACzH,yIAAyI;YACzI,eAAe,EAAE,CAAA;QACnB,CAAC;QACD,uCAAuC;IACzC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC"}

package/dist/esm/auth/authRequired.js

@@ -0,0 +1,22 @@
+import React, { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { AuthUtils } from "./authUtils";
+export const AuthRequiredComponent = ({ authenticationState, authUrlBase, redirectUrl, /*baseApiUrl,*/ children }) => {
+    const location = useLocation();
+    const queryParams = new URLSearchParams(location.search);
+    const authUuid = queryParams.get(AuthUtils.authUuidQueryStringName);
+    useEffect(() => {
+        if (!authenticationState.payload && !authenticationState.options?.loading) {
+            if (!authUuid) {
+                if (!authUrlBase.includes('/login'))
+                    authUrlBase = `${authUrlBase}/login`;
+                window.location.href = `${authUrlBase}?${AuthUtils.authToRedirectQueryStringName}=${encodeURIComponent(redirectUrl)}`;
+            }
+        }
+    }, [authenticationState]);
+    if (!authenticationState.payload) {
+        return null;
+    }
+    return React.createElement(React.Fragment, null, children);
+};
+//# sourceMappingURL=authRequired.js.map

package/dist/esm/auth/authRequired.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authRequired.js","sourceRoot":"","sources":["../../../src/auth/authRequired.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,MAAM,CAAC,MAAM,qBAAqB,GAA0C,CAAC,EAAE,mBAAmB,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,EAAE,EAAE;IAC1J,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC1E,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBACjC,WAAW,GAAG,GAAG,WAAW,QAAQ,CAAA;gBACtC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,WAAW,IAAI,SAAS,CAAC,6BAA6B,IAAI,kBAAkB,CAAC,WAAW,CAAC,EAAE,CAAA;YACvH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC"}

package/dist/esm/auth/authUtils.js

@@ -0,0 +1,5 @@
+export const AuthUtils = {
+    authUuidQueryStringName: 'au',
+    authToRedirectQueryStringName: 'to',
+};
+//# sourceMappingURL=authUtils.js.map

package/dist/esm/auth/authUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authUtils.js","sourceRoot":"","sources":["../../../src/auth/authUtils.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,uBAAuB,EAAE,IAAI;IAC7B,6BAA6B,EAAE,IAAI;CACpC,CAAA"}

package/dist/esm/auth/authentication.slice.js

@@ -0,0 +1,68 @@
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { AuthenticationsApiClient } from 'datacenter-lib-common-ts';
+import { WebUtils } from 'fwork-jsts-common/src';
+import { jwtDecode } from 'jwt-decode'; // dont use jsonwebtokens package here, its only for node projects
+const cookie = WebUtils.getCookie('@authenticationState');
+const cookieObj = cookie ? JSON.parse(cookie) : null;
+const initState = cookieObj || {};
+export const authenticationStateLoadFromApi = createAsyncThunk('authenticationStateLoadFromApi', async (arg) => {
+    try {
+        let result = {};
+        const response = await new AuthenticationsApiClient({ baseApiUrl: arg.baseApiUrl, }).post({
+            data: arg.requestPayload,
+        });
+        if (response?.success && response.data?.token) {
+            if (arg.onSuccess)
+                arg.onSuccess(response.data);
+            var decToken = jwtDecode(response.data.token);
+            result.payload = {
+                ...response.data,
+                user: decToken.user
+            };
+        }
+        else if (arg.onError)
+            arg.onError(response?.msg);
+        return result;
+    }
+    catch (error) {
+        if (arg.onError)
+            arg.onError('Erro ao tentar autenticar');
+        return;
+    }
+});
+export const authenticationSlice = createSlice({
+    name: 'authenticationSlice',
+    initialState: initState,
+    reducers: {
+        set: (state, action) => {
+            state.payload = action.payload.payload;
+            WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1);
+        },
+        logout: (state) => {
+            state.options = undefined;
+            state.payload = undefined;
+            WebUtils.setCookie('@authenticationState', '', -1);
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(authenticationStateLoadFromApi.pending, (state) => {
+            if (!state.options)
+                state.options = {};
+            state.options.loading = true;
+        });
+        builder.addCase(authenticationStateLoadFromApi.fulfilled, (state, response) => {
+            if (state.options)
+                state.options.loading = false;
+            state.payload = response.payload?.payload;
+            if (state.payload)
+                WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1);
+        });
+        builder.addCase(authenticationStateLoadFromApi.rejected, (state) => {
+            if (state.options)
+                state.options.loading = false;
+        });
+    }
+});
+export const { logout: authenticationStateLogout, set: authenticationStateSet } = authenticationSlice.actions;
+export default authenticationSlice.reducer;
+//# sourceMappingURL=authentication.slice.js.map

package/dist/esm/auth/authentication.slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authentication.slice.js","sourceRoot":"","sources":["../../../src/auth/authentication.slice.tsx"],"names":[],"mappings":"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"}

package/dist/esm/auth/userOptions.js

@@ -0,0 +1,30 @@
+import LogoutIcon from '@mui/icons-material/Logout';
+import { Avatar, IconButton, Menu, MenuItem } from "@mui/material";
+import React, { useState } from "react";
+import { useDispatch } from 'react-redux';
+import { authenticationStateLogout } from './authentication.slice';
+export const UserOptionsComponent = ({ user, datacenterAuthBaseUrl, onLogOut }) => {
+    const dispatch = useDispatch();
+    const [menuAnchor, setAnchorElemnt] = useState(null);
+    const openMenu = Boolean(menuAnchor);
+    return React.createElement(React.Fragment, null,
+        React.createElement(Menu, { id: "basic-menu", anchorEl: menuAnchor, open: openMenu, onClose: () => setAnchorElemnt(null), MenuListProps: {
+                'aria-labelledby': 'basic-button',
+            } },
+            React.createElement(MenuItem, { style: { display: 'flex', gap: 10 }, onClick: () => {
+                    let authUrl = `${datacenterAuthBaseUrl}/profile`;
+                    window.open(authUrl, '_blank')?.focus();
+                    setAnchorElemnt(null);
+                } }, user.name),
+            React.createElement(MenuItem, { style: { display: 'flex', gap: 10 }, onClick: () => {
+                    dispatch(authenticationStateLogout());
+                    if (onLogOut)
+                        onLogOut();
+                    setAnchorElemnt(null);
+                } },
+                React.createElement(LogoutIcon, null),
+                " Sair")),
+        React.createElement(IconButton, { onClick: e => setAnchorElemnt(e.currentTarget) },
+            React.createElement(Avatar, { src: user.imageUrl })));
+};
+//# sourceMappingURL=userOptions.js.map

package/dist/esm/auth/userOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userOptions.js","sourceRoot":"","sources":["../../../src/auth/userOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAQlE,MAAM,CAAC,MAAM,oBAAoB,GAAyC,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtH,MAAM,QAAQ,GAAG,WAAW,EAAO,CAAA;IACnC,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA+C,IAAI,CAAC,CAAA;IAClG,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IAEpC,OAAO;QACL,oBAAC,IAAI,IACH,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,aAAa,EAAE;gBACb,iBAAiB,EAAE,cAAc;aAClC;YACD,oBAAC,QAAQ,IACP,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,GAAG,GAAG,qBAAqB,UAAU,CAAA;oBAChD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAA;oBACvC,eAAe,CAAC,IAAI,CAAC,CAAA;gBACvB,CAAC,IAEA,IAAI,CAAC,IAAI,CACD;YACX,oBAAC,QAAQ,IACP,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,yBAAyB,EAAE,CAAC,CAAA;oBACrC,IAAI,QAAQ;wBAAE,QAAQ,EAAE,CAAA;oBACxB,eAAe,CAAC,IAAI,CAAC,CAAA;gBACvB,CAAC;gBAED,oBAAC,UAAU,OAAG;wBACL,CACN;QAEP,oBAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;YAC/C,oBAAC,MAAM,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAa,CAC3C,CAAA;AACL,CAAC,CAAA"}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { AuthCheckComponent, } from './auth/authCheck';
+import authenticationReducer, { authenticationStateLoadFromApi, authenticationStateLogout, authenticationSlice, authenticationStateSet, } from './auth/authentication.slice';
+import { AuthRequiredComponent, } from './auth/authRequired';
+import { AuthUtils, } from './auth/authUtils';
+import { UserOptionsComponent, } from './auth/userOptions';
+export { AuthCheckComponent, authenticationReducer, authenticationStateLoadFromApi, authenticationStateLogout, authenticationSlice, authenticationStateSet, AuthRequiredComponent, AuthUtils, UserOptionsComponent, };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,GAA6B,MAAM,kBAAkB,CAAA;AAChF,OAAO,qBAAqB,EAAE,EAAE,8BAA8B,EAA4C,yBAAyB,EAAE,mBAAmB,EAAE,sBAAsB,GAAG,MAAM,6BAA6B,CAAA;AACtN,OAAO,EAAE,qBAAqB,GAAgC,MAAM,qBAAqB,CAAA;AACzF,OAAO,EAAE,SAAS,GAAG,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,GAA+B,MAAM,oBAAoB,CAAA;AAEtF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAAE,8BAA8B,EAA4C,yBAAyB,EAAE,mBAAmB,EAAE,sBAAsB,EACvK,qBAAqB,EACrB,SAAS,EACT,oBAAoB,GACrB,CAAA"}

package/dist/types/auth/authCheck.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+import { IAuthenticationState } from "./authentication.slice";
+export interface IAuthCheckComponentProps {
+    authenticationState: IAuthenticationState;
+    baseApiUrl: string;
+    children: ReactNode;
+}
+export declare const AuthCheckComponent: React.FC<IAuthCheckComponentProps>;

package/dist/types/auth/authRequired.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+import { IAuthenticationState } from "./authentication.slice";
+export interface IAuthRequiredComponentProps {
+    authenticationState: IAuthenticationState;
+    authUrlBase: string;
+    redirectUrl: string;
+    children: ReactNode;
+}
+export declare const AuthRequiredComponent: React.FC<IAuthRequiredComponentProps>;

package/dist/types/auth/authUtils.d.ts

@@ -0,0 +1,4 @@
+export declare const AuthUtils: {
+    authUuidQueryStringName: string;
+    authToRedirectQueryStringName: string;
+};

package/dist/types/auth/authentication.slice.d.ts

@@ -0,0 +1,35 @@
+import { IAuthentication, IAuthenticationRequestBodyDefault, IAuthenticationRequestBodyFromGoogleToken, IAuthenticationRequestBodyFromUuid, IUser } from 'datacenter-lib-common-ts';
+export interface IAuthenticationExt extends IAuthentication {
+    user: IUser;
+}
+export interface IAuthenticationState {
+    options?: {
+        loading?: boolean;
+    };
+    payload?: IAuthenticationExt;
+}
+export declare const authenticationStateLoadFromApi: import("@reduxjs/toolkit").AsyncThunk<IAuthenticationState | undefined, {
+    baseApiUrl: string;
+    requestPayload: IAuthenticationRequestBodyDefault | IAuthenticationRequestBodyFromUuid | IAuthenticationRequestBodyFromGoogleToken;
+    onError?: (msg?: string) => void;
+    onSuccess?: (authentication?: IAuthentication) => void;
+}, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export declare const authenticationSlice: import("@reduxjs/toolkit").Slice<IAuthenticationState, {
+    set: (state: import("immer/dist/internal").WritableDraft<IAuthenticationState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    logout: (state: import("immer/dist/internal").WritableDraft<IAuthenticationState>) => void;
+}, "authenticationSlice">;
+export declare const authenticationStateLogout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"authenticationSlice/logout">, authenticationStateSet: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "authenticationSlice/set">;
+declare const _default: import("redux").Reducer<IAuthenticationState>;
+export default _default;

package/dist/types/auth/userOptions.d.ts

@@ -0,0 +1,8 @@
+import { IUser } from "datacenter-lib-common-ts";
+import React from "react";
+export interface IUserOptionsComponentProps {
+    user: IUser;
+    datacenterAuthBaseUrl: string;
+    onLogOut?: () => void;
+}
+export declare const UserOptionsComponent: React.FC<IUserOptionsComponentProps>;

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+import { AuthCheckComponent, IAuthCheckComponentProps } from './auth/authCheck';
+import authenticationReducer, { authenticationStateLoadFromApi, IAuthenticationState, IAuthenticationExt, authenticationStateLogout, authenticationSlice, authenticationStateSet } from './auth/authentication.slice';
+import { AuthRequiredComponent, IAuthRequiredComponentProps } from './auth/authRequired';
+import { AuthUtils } from './auth/authUtils';
+import { UserOptionsComponent, IUserOptionsComponentProps } from './auth/userOptions';
+export { AuthCheckComponent, IAuthCheckComponentProps, authenticationReducer, authenticationStateLoadFromApi, IAuthenticationState, IAuthenticationExt, authenticationStateLogout, authenticationSlice, authenticationStateSet, AuthRequiredComponent, IAuthRequiredComponentProps, AuthUtils, UserOptionsComponent, IUserOptionsComponentProps, };

package/package.json

@@ -0,0 +1,71 @@
+{
+	"author": "joabssilveira",
+	"dependencies": {
+		"@emotion/react": "^11.13.5",
+		"@emotion/styled": "^11.13.5",
+		"@mui/icons-material": "^6.3.1",
+		"@mui/material": "^6.1.8",
+		"@reduxjs/toolkit": "^1.8.6",
+		"@types/react": "^18.3.12",
+		"@types/react-dom": "^18.3.1",
+		"datacenter-lib-common-ts": "^1.0.0",
+		"jwt-decode": "^4.0.0",
+		"react": "^17.0.0 || ^18.0.0",
+		"react-dom": "^17.0.0 || ^18.0.0",
+		"react-icons": "^4.6.0",
+		"react-redux": "^8.0.4",
+		"react-router-dom": "^6.4.3",
+		"redux-persist": "^6.0.0",
+		"redux-thunk": "^2.4.1"
+	},
+	"devDependencies": {
+		"@types/node": "^22.10.5",
+		"standard-version": "^9.5.0",
+		"typescript": "^5.6.3"
+	},
+	"engines": {
+		"node": ">=10"
+	},
+	"files": [
+		"dist",
+		"src"
+	],
+	"homepage": "https://github.com/joabssilveira/datacenter-lib-react-ts",
+	"keywords": [
+		"react",
+		"mui",
+		"material",
+		"autocomplete",
+		"breadcrumbs",
+		"floatbuttom",
+		"table"
+	],
+	"license": "MIT",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"types": "dist/types/index.d.ts",
+	"name": "datacenter-lib-react-ts",
+	"peerDependencies": {
+		"react": "^17.0.0 || ^18.0.0",
+		"react-dom": "^17.0.0 || ^18.0.0"
+	},
+	"prettier": {
+		"printWidth": 80,
+		"semi": true,
+		"singleQuote": true,
+		"trailingComma": "es5"
+	},
+	"scripts": {
+		"build": "tsc --project tsconfig.cjs.json && tsc --project tsconfig.esm.json",
+		"release:major": "standard-version -M && git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\" && npm version major && git push origin && git push origin --tags && npm publish --access public",
+		"release:minor": "standard-version -m && git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\" && npm version minor && git push origin && git push origin --tags && npm publish --access public",
+		"release:patch": "standard-version -p && git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\" && npm version patch && git push origin && git push origin --tags && npm publish --access public"
+	},
+	"version": "1.0.0",
+	"exports": {
+		".": {
+			"require": "./dist/cjs/index.js",
+			"import": "./dist/esm/index.js"
+		}
+	}
+}

package/src/auth/authCheck.tsx

@@ -0,0 +1,58 @@
+
+import React, { ReactNode, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { authenticationStateLoadFromApi, IAuthenticationState } from "./authentication.slice";
+import { AuthUtils } from "./authUtils";
+import { useNavigate } from 'react-router-dom'
+import { useDispatch } from "react-redux";
+import { AuthenticationType, IAuthenticationRequestBodyFromUuid } from "datacenter-lib-common-ts";
+
+export interface IAuthCheckComponentProps {
+  authenticationState: IAuthenticationState,
+  baseApiUrl: string,
+  // authUrlBase: string,
+  // redirectUrl: string,
+  children: ReactNode;
+}
+
+export const AuthCheckComponent: React.FC<IAuthCheckComponentProps> = ({ authenticationState, /*authUrlBase, redirectUrl,*/ baseApiUrl, children }) => {
+  const navigate = useNavigate()
+  const location = useLocation()
+  const dispatch = useDispatch<any>()
+  const queryParams = new URLSearchParams(location.search)
+  const authUuid = queryParams.get(AuthUtils.authUuidQueryStringName)
+
+  const onGetAuthFinish = () => {
+    queryParams.delete(AuthUtils.authUuidQueryStringName);
+    const newSearch = queryParams.toString();
+    const newPath = `${location.pathname}${newSearch ? `?${newSearch}` : ''}`;
+    navigate(newPath, { replace: true });
+  }
+
+  useEffect(() => {
+    if (!authenticationState.payload && !authenticationState.options?.loading) {
+      if (authUuid) {
+        dispatch(authenticationStateLoadFromApi({
+          baseApiUrl,
+          requestPayload: {
+            type: AuthenticationType.uuid,
+            uuid: authUuid
+          } as IAuthenticationRequestBodyFromUuid,
+          onSuccess: onGetAuthFinish,
+          onError: onGetAuthFinish
+        }))
+      }
+    }
+    else if (authenticationState.payload && authUuid) {
+      // caso o usuario ja tenha logado e tente acessar a pagina de autenticacao, o redirect manda o authUuid
+      // nesse cenario, deve-se eliminar o authUuid da url
+      // isso vale para autenticacao em um dominio diferente do dominio do autenticador
+      // para recursos no mesmo dominio do autenticador, o redirect quando o usuario já tem autenticado esta correto, ou seja, 
+      // ele nao manda o authUuid caso o usuario já esteja logado, em dominio diferentes nao tem como o autenticador saber se o app esta logado
+      onGetAuthFinish()
+    }
+    // }, [authenticationState, location]);
+  }, [authenticationState]);
+
+  return <>{children}</>
+};

package/src/auth/authRequired.tsx

@@ -0,0 +1,35 @@
+
+import React, { ReactNode, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { IAuthenticationState } from "./authentication.slice";
+import { AuthUtils } from "./authUtils";
+
+export interface IAuthRequiredComponentProps {
+  authenticationState: IAuthenticationState,
+  // baseApiUrl: string,
+  authUrlBase: string,
+  redirectUrl: string,
+  children: ReactNode;
+}
+
+export const AuthRequiredComponent: React.FC<IAuthRequiredComponentProps> = ({ authenticationState, authUrlBase, redirectUrl, /*baseApiUrl,*/ children }) => {
+  const location = useLocation()
+  const queryParams = new URLSearchParams(location.search)
+  const authUuid = queryParams.get(AuthUtils.authUuidQueryStringName)
+
+  useEffect(() => {
+    if (!authenticationState.payload && !authenticationState.options?.loading) {
+      if (!authUuid) {
+        if (!authUrlBase.includes('/login'))
+          authUrlBase = `${authUrlBase}/login`
+        window.location.href = `${authUrlBase}?${AuthUtils.authToRedirectQueryStringName}=${encodeURIComponent(redirectUrl)}`
+      }
+    }
+  }, [authenticationState]);
+
+  if (!authenticationState.payload) {
+    return null;
+  }
+
+  return <>{children}</>
+};

package/src/auth/authUtils.tsx

@@ -0,0 +1,4 @@
+export const AuthUtils = {
+  authUuidQueryStringName: 'au',
+  authToRedirectQueryStringName: 'to',
+}

package/src/auth/authentication.slice.tsx

@@ -0,0 +1,97 @@
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { AuthenticationsApiClient, IAuthentication, IAuthenticationRequestBodyDefault, IAuthenticationRequestBodyFromGoogleToken, IAuthenticationRequestBodyFromUuid, IAuthenticationTokenData, IUser } from 'datacenter-lib-common-ts';
+import { WebUtils } from 'fwork-jsts-common/src';
+import { jwtDecode } from 'jwt-decode'; // dont use jsonwebtokens package here, its only for node projects
+
+export interface IAuthenticationExt extends IAuthentication {
+  user: IUser
+}
+
+export interface IAuthenticationState {
+  options?: {
+    loading?: boolean,
+  },
+  payload?: IAuthenticationExt
+}
+
+const cookie = WebUtils.getCookie('@authenticationState')
+const cookieObj = cookie ? JSON.parse(cookie) : null
+
+const initState: IAuthenticationState = cookieObj || {}
+
+export const authenticationStateLoadFromApi = createAsyncThunk(
+  'authenticationStateLoadFromApi',
+  async (arg: {
+    baseApiUrl: string,
+    requestPayload: IAuthenticationRequestBodyDefault | IAuthenticationRequestBodyFromUuid | IAuthenticationRequestBodyFromGoogleToken,
+
+    onError?: (msg?: string) => void,
+    onSuccess?: (authentication?: IAuthentication) => void,
+  // }, { getState }) => {
+  }) => {
+    try {
+      let result: IAuthenticationState = {}
+
+      const response = await new AuthenticationsApiClient({ baseApiUrl: arg.baseApiUrl, }).post({
+        data: arg.requestPayload,
+      })
+
+      if (response?.success && response.data?.token) {
+        if (arg.onSuccess)
+          arg.onSuccess(response.data)
+        var decToken: IAuthenticationTokenData = jwtDecode(response.data.token)
+        result.payload = {
+          ...response.data,
+          user: decToken.user
+        }
+      }
+      else if (arg.onError)
+        arg.onError(response?.msg)
+
+      return result
+    } catch (error) {
+      if (arg.onError)
+        arg.onError('Erro ao tentar autenticar')
+
+      return 
+    }
+  }
+)
+
+export const authenticationSlice = createSlice({
+  name: 'authenticationSlice',
+  initialState: initState,
+  reducers: {
+    set: (state, action) => {
+      state.payload = action.payload.payload
+      WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1)
+    },
+    logout: (state) => {
+      state.options = undefined
+      state.payload = undefined
+      WebUtils.setCookie('@authenticationState', '', -1)
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addCase(authenticationStateLoadFromApi.pending, (state) => {
+      if (!state.options)
+        state.options = {}
+      state.options.loading = true
+    })
+    builder.addCase(authenticationStateLoadFromApi.fulfilled, (state, response) => {
+      if (state.options)
+        state.options.loading = false
+      state.payload = response.payload?.payload
+      if (state.payload)
+        WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1)
+    })
+    builder.addCase(authenticationStateLoadFromApi.rejected, (state) => {
+      if (state.options)
+        state.options.loading = false
+    })
+  }
+})
+
+export const { logout: authenticationStateLogout, set: authenticationStateSet } = authenticationSlice.actions
+
+export default authenticationSlice.reducer

package/src/auth/userOptions.tsx

@@ -0,0 +1,54 @@
+import LogoutIcon from '@mui/icons-material/Logout'
+import { Avatar, IconButton, Menu, MenuItem } from "@mui/material"
+import { IUser } from "datacenter-lib-common-ts"
+import React, { useState } from "react"
+import { useDispatch } from 'react-redux'
+import { authenticationStateLogout } from './authentication.slice'
+
+export interface IUserOptionsComponentProps {
+  user: IUser,
+  datacenterAuthBaseUrl: string,
+  onLogOut?: () => void
+}
+
+export const UserOptionsComponent: React.FC<IUserOptionsComponentProps> = ({ user, datacenterAuthBaseUrl, onLogOut }) => {
+  const dispatch = useDispatch<any>()
+  const [menuAnchor, setAnchorElemnt] = useState<Element | (() => Element) | null | undefined>(null)
+  const openMenu = Boolean(menuAnchor)
+
+  return <>
+    <Menu
+      id="basic-menu"
+      anchorEl={menuAnchor}
+      open={openMenu}
+      onClose={() => setAnchorElemnt(null)}
+      MenuListProps={{
+        'aria-labelledby': 'basic-button',
+      }}>
+      <MenuItem
+        style={{ display: 'flex', gap: 10 }}
+        onClick={() => {
+          let authUrl = `${datacenterAuthBaseUrl}/profile`
+          window.open(authUrl, '_blank')?.focus()
+          setAnchorElemnt(null)
+        }}
+      >
+        {user.name}
+      </MenuItem>
+      <MenuItem
+        style={{ display: 'flex', gap: 10 }}
+        onClick={() => {
+          dispatch(authenticationStateLogout())
+          if (onLogOut) onLogOut()
+          setAnchorElemnt(null)
+        }}
+      >
+        <LogoutIcon /> Sair
+      </MenuItem>
+    </Menu>
+
+    <IconButton
+      onClick={e => setAnchorElemnt(e.currentTarget)}
+    ><Avatar src={user.imageUrl} /></IconButton>
+  </>
+}

package/src/index.tsx

@@ -0,0 +1,13 @@
+import { AuthCheckComponent, IAuthCheckComponentProps, } from './auth/authCheck'
+import authenticationReducer, { authenticationStateLoadFromApi, IAuthenticationState, IAuthenticationExt, authenticationStateLogout, authenticationSlice, authenticationStateSet, } from './auth/authentication.slice'
+import { AuthRequiredComponent, IAuthRequiredComponentProps, } from './auth/authRequired'
+import { AuthUtils, } from './auth/authUtils'
+import { UserOptionsComponent, IUserOptionsComponentProps, } from './auth/userOptions'
+
+export {
+  AuthCheckComponent, IAuthCheckComponentProps,
+  authenticationReducer, authenticationStateLoadFromApi, IAuthenticationState, IAuthenticationExt, authenticationStateLogout, authenticationSlice, authenticationStateSet,
+  AuthRequiredComponent, IAuthRequiredComponentProps,
+  AuthUtils,
+  UserOptionsComponent, IUserOptionsComponentProps,
+}