npm - datacenter-lib-react-ts - Versions diffs - 1.0.4 → 1.0.7 - Mend

datacenter-lib-react-ts 1.0.4 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/cjs/auth/authCheck.js +8 -10
package/dist/cjs/auth/authCheck.js.map +1 -1
package/dist/cjs/auth/authRequired.js +10 -3
package/dist/cjs/auth/authRequired.js.map +1 -1
package/dist/cjs/auth/authentication.slice.js +21 -1
package/dist/cjs/auth/authentication.slice.js.map +1 -1
package/dist/cjs/auth/userDropdownMenu.js +40 -0
package/dist/cjs/auth/userDropdownMenu.js.map +1 -0
package/dist/cjs/auth/userOptions.js +14 -18
package/dist/cjs/auth/userOptions.js.map +1 -1
package/dist/cjs/index.js +2 -1
package/dist/cjs/index.js.map +1 -1
package/dist/esm/auth/authCheck.js +9 -11
package/dist/esm/auth/authCheck.js.map +1 -1
package/dist/esm/auth/authRequired.js +10 -3
package/dist/esm/auth/authRequired.js.map +1 -1
package/dist/esm/auth/authentication.slice.js +18 -0
package/dist/esm/auth/authentication.slice.js.map +1 -1
package/dist/esm/auth/userDropdownMenu.js +35 -0
package/dist/esm/auth/userDropdownMenu.js.map +1 -0
package/dist/esm/auth/userOptions.js +15 -19
package/dist/esm/auth/userOptions.js.map +1 -1
package/dist/esm/index.js +2 -2
package/dist/esm/index.js.map +1 -1
package/dist/types/auth/authentication.slice.d.ts +10 -5
package/dist/types/auth/userDropdownMenu.d.ts +13 -0
package/dist/types/index.d.ts +2 -2
package/package.json +1 -1
package/src/auth/authCheck.tsx +9 -13
package/src/auth/authRequired.tsx +12 -5
package/src/auth/authentication.slice.tsx +31 -6
package/src/auth/userDropdownMenu.tsx +78 -0
package/src/auth/userOptions.tsx +19 -29
package/src/index.tsx +2 -2

package/dist/cjs/auth/authCheck.js CHANGED Viewed

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthCheckComponent = void 0;
 const tslib_1 = require("tslib");
+const datacenter_lib_common_ts_1 = require("datacenter-lib-common-ts");
 const react_1 = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
 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 AuthCheckComponent = ({ authenticationState, baseApiUrl, children }) => {
+    const navigate = (0, react_router_dom_1.useNavigate)();
     const location = (0, react_router_dom_1.useLocation)();
     const dispatch = (0, react_redux_1.useDispatch)();
     const queryParams = new URLSearchParams(location.search);
@@ -22,7 +21,7 @@ const AuthCheckComponent = ({ authenticationState, /*authUrlBase, redirectUrl,*/
         navigate(newPath, { replace: true });
     };
     (0, react_1.useEffect)(() => {
-        if (!authenticationState.payload && !authenticationState.options?.loading) {
+        if (!new authentication_slice_1.AuthenticationStateHelper({ state: authenticationState }).authenticated && !authenticationState.options?.loading) {
             if (authUuid) {
                 dispatch((0, authentication_slice_1.authenticationStateLoadFromApi)({
                     baseApiUrl,
@@ -35,15 +34,14 @@ const AuthCheckComponent = ({ authenticationState, /*authUrlBase, redirectUrl,*/
                 }));
             }
         }
-        else if (authenticationState.payload && authUuid) {
-            // caso o usuario ja tenha logado e tente acessar a pagina de autenticacao, o redirect manda o authUuid
+        else if (new authentication_slice_1.AuthenticationStateHelper({ state: authenticationState }).authenticated && authUuid) {
+            // caso o usuario ja tenha logado e tenta 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
+            // ele nao manda o authUuid caso o usuario já esteja logado, em dominios 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);
 };

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

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"file":"authCheck.js","sourceRoot":"","sources":["../../../src/auth/authCheck.tsx"],"names":[],"mappings":";;;;AACA,uEAAkG;AAClG,uDAAoD;AACpD,6CAA0C;AAC1C,uDAA4D;AAC5D,iEAAyH;AACzH,2CAAwC;AAQjC,MAAM,kBAAkB,GAAuC,CAAC,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtH,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,IAAI,gDAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,aAAa,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC1H,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,IAAI,gDAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,aAAa,IAAI,QAAQ,EAAE,CAAC;YACjG,uGAAuG;YACvG,oDAAoD;YACpD,iFAAiF;YACjF,yHAAyH;YACzH,0IAA0I;YAC1I,eAAe,EAAE,CAAA;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,8DAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}

package/dist/cjs/auth/authRequired.js CHANGED Viewed

@@ -4,21 +4,28 @@ 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 authentication_slice_1 = require("./authentication.slice");
 const authUtils_1 = require("./authUtils");
-const AuthRequiredComponent = ({ authenticationState, authUrlBase, redirectUrl, /*baseApiUrl,*/ children }) => {
+const AuthRequiredComponent = ({ authenticationState, authUrlBase, redirectUrl, 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 (!new authentication_slice_1.AuthenticationStateHelper({ state: authenticationState, }).authenticated && !authenticationState.options?.loading) {
             if (!authUuid) {
                 if (!authUrlBase.includes('/login'))
                     authUrlBase = `${authUrlBase}/login`;
+                localStorage.clear();
+                sessionStorage.clear();
+                document.cookie.split(";").forEach(cookie => {
+                    const name = cookie.split("=")[0].trim();
+                    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+                });
                 window.location.href = `${authUrlBase}?${authUtils_1.AuthUtils.authToRedirectQueryStringName}=${encodeURIComponent(redirectUrl)}`;
             }
         }
     }, [authenticationState]);
-    if (!authenticationState.payload) {
+    if (!new authentication_slice_1.AuthenticationStateHelper({ state: authenticationState, }).authenticated) {
         return null;
     }
     return react_1.default.createElement(react_1.default.Fragment, null, children);

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

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"file":"authRequired.js","sourceRoot":"","sources":["../../../src/auth/authRequired.tsx"],"names":[],"mappings":";;;;AACA,uDAAoD;AACpD,uDAA+C;AAC/C,iEAAyF;AACzF,2CAAwC;AASjC,MAAM,qBAAqB,GAA0C,CAAC,EAAE,mBAAmB,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1I,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,IAAI,gDAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,GAAG,CAAC,CAAC,aAAa,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC3H,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBACjC,WAAW,GAAG,GAAG,WAAW,QAAQ,CAAA;gBAEtC,YAAY,CAAC,KAAK,EAAE,CAAA;gBACpB,cAAc,CAAC,KAAK,EAAE,CAAA;gBACtB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;oBAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACzC,QAAQ,CAAC,MAAM,GAAG,GAAG,IAAI,mDAAmD,CAAC;gBAC/E,CAAC,CAAC,CAAC;gBAEH,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,IAAI,gDAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,GAAG,CAAC,CAAC,aAAa,EAAE,CAAC;QAClF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,8DAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC;AA5BW,QAAA,qBAAqB,yBA4BhC"}

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

@@ -1,11 +1,13 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.authenticationStateSet = exports.authenticationStateLogout = exports.authenticationSlice = exports.authenticationStateLoadFromApi = void 0;
+exports.AuthenticationStateHelper = exports.authenticationStateSet = exports.authenticationStateLogout = exports.authenticationSlice = exports.authenticationStateLoadFromApi = void 0;
+const tslib_1 = require("tslib");
 const toolkit_1 = require("@reduxjs/toolkit");
 const datacenter_lib_common_ts_1 = require("datacenter-lib-common-ts");
 const fwork_jsts_common_1 = require("fwork-jsts-common");
 const jwt_decode_1 = require("jwt-decode"); // dont use jsonwebtokens package here, its only for node projects
+const moment_1 = tslib_1.__importDefault(require("moment"));
 const cookie = fwork_jsts_common_1.WebUtils.getCookie('@authenticationState');
 const cookieObj = cookie ? JSON.parse(cookie) : null;
 const initState = cookieObj || {};
@@ -69,4 +71,22 @@ exports.authenticationSlice = (0, toolkit_1.createSlice)({
 });
 _a = exports.authenticationSlice.actions, exports.authenticationStateLogout = _a.logout, exports.authenticationStateSet = _a.set;
 exports.default = exports.authenticationSlice.reducer;
+class AuthenticationStateHelper {
+    constructor(args) {
+        this.state = args.state;
+    }
+    get authenticated() {
+        let result = false;
+        if (this.state.payload?.token)
+            try {
+                var decToken = (0, jwt_decode_1.jwtDecode)(this.state.payload?.token);
+                result = (decToken.exp || 0) >= (0, moment_1.default)().unix();
+            }
+            catch (error) {
+                result = false;
+            }
+        return result;
+    }
+}
+exports.AuthenticationStateHelper = AuthenticationStateHelper;
 //# sourceMappingURL=authentication.slice.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"authentication.slice.js","sourceRoot":"","sources":["../../../src/auth/authentication.slice.tsx"],"names":[],"mappings":"~~;;;;~~AAAA,~~8CAAiE~~;~~AACjE~~,uEAAwO;AACxO,yDAA6C;AAC7C,2CAAuC,CAAC,kEAAkE;~~AAa1G~~,MAAM,MAAM,GAAG,4BAAQ,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;AACzD,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAEpD,MAAM,SAAS,GAAyB,SAAS,IAAI,EAAE,CAAA;AAE1C,QAAA,8BAA8B,GAAG,IAAA,0BAAgB,EAC5D,gCAAgC,EAChC,KAAK,EAAE,GAON,EAAE,EAAE;IACH,IAAI,CAAC;QACH,IAAI,MAAM,GAAyB,EAAE,CAAA;QAErC,MAAM,QAAQ,GAAG,MAAM,IAAI,mDAAwB,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC;YACxF,IAAI,EAAE,GAAG,CAAC,cAAc;SACzB,CAAC,CAAA;QAEF,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;YAC9C,IAAI,GAAG,CAAC,SAAS;gBACf,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC9B,IAAI,QAAQ,GAA6B,IAAA,sBAAS,EAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACvE,MAAM,CAAC,OAAO,GAAG;gBACf,GAAG,QAAQ,CAAC,IAAI;gBAChB,IAAI,EAAE,QAAQ,CAAC,IAAI;aACpB,CAAA;QACH,CAAC;aACI,IAAI,GAAG,CAAC,OAAO;YAClB,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;QAE5B,OAAO,MAAM,CAAA;IACf,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,GAAG,CAAC,OAAO;YACb,GAAG,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAA;QAE1C,OAAM;IACR,CAAC;AACH,CAAC,CACF,CAAA;AAEY,QAAA,mBAAmB,GAAG,IAAA,qBAAW,EAAC;IAC7C,IAAI,EAAE,qBAAqB;IAC3B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE;QACR,GAAG,EAAE,CAAC,KAAK,EAAE,~~MAAM~~,EAAE,EAAE;~~YACrB~~,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAA;YACtC,4BAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QACtE,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;YACzB,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;YACzB,4BAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;KACF;IACD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE;QACzB,OAAO,CAAC,OAAO,CAAC,sCAA8B,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAChE,IAAI,CAAC,KAAK,CAAC,OAAO;gBAChB,KAAK,CAAC,OAAO,GAAG,EAAE,CAAA;YACpB,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QAC9B,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,OAAO,CAAC,sCAA8B,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC5E,IAAI,KAAK,CAAC,OAAO;gBACf,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YAC/B,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;YACzC,IAAI,KAAK,CAAC,OAAO;gBACf,4BAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QACxE,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,OAAO,CAAC,sCAA8B,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACjE,IAAI,KAAK,CAAC,OAAO;gBACf,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QACjC,CAAC,CAAC,CAAA;IACJ,CAAC;CACF,CAAC,CAAA;AAEW,KAAqE,2BAAmB,CAAC,OAAO,EAAtF,iCAAyB,cAAO,8BAAsB,UAAgC;AAE7G,kBAAe,2BAAmB,CAAC,OAAO,CAAA"}
1	+ {"version":3,"file":"authentication.slice.js","sourceRoot":"","sources":["../../../src/auth/authentication.slice.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/auth/userDropdownMenu.js ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserDropdownMenu = void 0;
+const tslib_1 = require("tslib");
+const material_1 = require("@mui/material");
+const react_1 = tslib_1.__importDefault(require("react"));
+const md_1 = require("react-icons/md");
+const UserDropdownMenu = ({ user, anchorEl, open, onClose, onLogOut, onProfile, }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: open, onClose: onClose, anchorOrigin: { vertical: "bottom", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "right" }, PaperProps: {
+                sx: {
+                    marginTop: .5,
+                    minWidth: 260,
+                    borderRadius: 2,
+                    boxShadow: "0 8px 24px rgba(0,0,0,0.12)",
+                    overflow: "hidden",
+                },
+            }, MenuListProps: { sx: { p: 0 } } },
+            react_1.default.createElement(material_1.MenuItem, { onClick: onProfile, sx: {
+                    gap: 1,
+                    p: 2,
+                    // py: 1.2,
+                    fontWeight: 500,
+                } },
+                react_1.default.createElement(material_1.ListItemText, { primary: user.name, secondary: user.email })),
+            react_1.default.createElement(material_1.Divider, { style: { margin: 0 } }),
+            react_1.default.createElement(material_1.MenuItem, { onClick: onLogOut, sx: {
+                    gap: 1,
+                    py: 1.2,
+                    fontWeight: 500,
+                    color: "error.main",
+                    "&:hover": {
+                        backgroundColor: "rgba(211, 47, 47, 0.08)",
+                    },
+                } },
+                react_1.default.createElement(md_1.MdLogout, { size: 20 }),
+                "Sair"))));
+};
+exports.UserDropdownMenu = UserDropdownMenu;
+//# sourceMappingURL=userDropdownMenu.js.map

package/dist/cjs/auth/userDropdownMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"userDropdownMenu.js","sourceRoot":"","sources":["../../../src/auth/userDropdownMenu.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4F;AAE5F,0DAAyB;AACzB,uCAAyC;AAWlC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,GACH,EAAE,EAAE;IACV,OAAO,CACL;QACE,8BAAC,eAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,UAAU,EAAE;gBACV,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE;oBACb,QAAQ,EAAE,GAAG;oBACb,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE,6BAA6B;oBACxC,QAAQ,EAAE,QAAQ;iBACnB;aACF,EACD,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YAE/B,8BAAC,mBAAQ,IACP,OAAO,EAAE,SAAS,EAClB,EAAE,EAAE;oBACF,GAAG,EAAE,CAAC;oBACN,CAAC,EAAE,CAAC;oBACJ,WAAW;oBACX,UAAU,EAAE,GAAG;iBAChB;gBAED,8BAAC,uBAAY,IACX,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,SAAS,EAAE,IAAI,CAAC,KAAK,GACrB,CACO;YAEX,8BAAC,kBAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,GAAG;YAG9B,8BAAC,mBAAQ,IACP,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE;oBACF,GAAG,EAAE,CAAC;oBACN,EAAE,EAAE,GAAG;oBACP,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,YAAY;oBACnB,SAAS,EAAE;wBACT,eAAe,EAAE,yBAAyB;qBAC3C;iBACF;gBAED,8BAAC,aAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;uBAEb,CACN,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AA/DY,QAAA,gBAAgB,oBA+D5B"}

package/dist/cjs/auth/userOptions.js CHANGED Viewed

@@ -2,34 +2,30 @@
 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 Person_1 = tslib_1.__importDefault(require("@mui/icons-material/Person"));
 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 userDropdownMenu_1 = require("./userDropdownMenu");
 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(userDropdownMenu_1.UserDropdownMenu, { user: user, anchorEl: menuAnchor, open: openMenu, onClose: () => setAnchorElemnt(null), onLogOut: () => {
+                dispatch((0, authentication_slice_1.authenticationStateLogout)());
+                if (onLogOut)
+                    onLogOut();
+                setAnchorElemnt(null);
+            }, onProfile: () => {
+                let authUrl = `${datacenterAuthBaseUrl}/profile`;
+                window.open(authUrl, '_blank')?.focus();
+                setAnchorElemnt(null);
+            } }),
         react_1.default.createElement(material_1.IconButton, { onClick: e => setAnchorElemnt(e.currentTarget) },
-            react_1.default.createElement(material_1.Avatar, { src: user.imageUrl })));
+            react_1.default.createElement(material_1.Avatar, { src: user.imageUrl },
+                react_1.default.createElement(Person_1.default, null))));
 };
 exports.UserOptionsComponent = UserOptionsComponent;
 //# sourceMappingURL=userOptions.js.map

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

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"file":"userOptions.js","sourceRoot":"","sources":["../../../src/auth/userOptions.tsx"],"names":[],"mappings":";;;;AAAA,gFAAmD;AACnD,4CAAkD;AAElD,uDAAuC;AACvC,6CAAyC;AACzC,iEAAkE;AAClE,yDAAqD;AAQ9C,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,mCAAgB,IACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE;gBACb,QAAQ,CAAC,IAAA,gDAAyB,GAAE,CAAC,CAAA;gBACrC,IAAI,QAAQ;oBAAE,QAAQ,EAAE,CAAA;gBACxB,eAAe,CAAC,IAAI,CAAC,CAAA;YACvB,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;gBACd,IAAI,OAAO,GAAG,GAAG,qBAAqB,UAAU,CAAA;gBAChD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAA;gBACvC,eAAe,CAAC,IAAI,CAAC,CAAA;YACvB,CAAC,GACD;QAEF,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;gBACvB,8BAAC,gBAAU,OAAG,CACP,CAAa,CACvB,CAAA;AACL,CAAC,CAAA;AA7BY,QAAA,oBAAoB,wBA6BhC"}

package/dist/cjs/index.js CHANGED Viewed

@@ -1,12 +1,13 @@
 "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;
+exports.UserOptionsComponent = exports.AuthUtils = exports.AuthRequiredComponent = exports.authenticationStateSet = exports.authenticationSlice = exports.authenticationStateLogout = exports.AuthenticationStateHelper = 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, "AuthenticationStateHelper", { enumerable: true, get: function () { return authentication_slice_1.AuthenticationStateHelper; } });
 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; } });

package/dist/cjs/index.js.map CHANGED Viewed

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

package/dist/esm/auth/authCheck.js CHANGED Viewed

@@ -1,11 +1,10 @@
+import { AuthenticationType } from "datacenter-lib-common-ts";
 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 }) => {
+import { useLocation, useNavigate } from "react-router-dom";
+import { AuthenticationStateHelper, authenticationStateLoadFromApi } from "./authentication.slice";
+import { AuthUtils } from "./authUtils";
+export const AuthCheckComponent = ({ authenticationState, baseApiUrl, children }) => {
     const navigate = useNavigate();
     const location = useLocation();
     const dispatch = useDispatch();
@@ -18,7 +17,7 @@ export const AuthCheckComponent = ({ authenticationState, /*authUrlBase, redirec
         navigate(newPath, { replace: true });
     };
     useEffect(() => {
-        if (!authenticationState.payload && !authenticationState.options?.loading) {
+        if (!new AuthenticationStateHelper({ state: authenticationState }).authenticated && !authenticationState.options?.loading) {
             if (authUuid) {
                 dispatch(authenticationStateLoadFromApi({
                     baseApiUrl,
@@ -31,15 +30,14 @@ export const AuthCheckComponent = ({ authenticationState, /*authUrlBase, redirec
                 }));
             }
         }
-        else if (authenticationState.payload && authUuid) {
-            // caso o usuario ja tenha logado e tente acessar a pagina de autenticacao, o redirect manda o authUuid
+        else if (new AuthenticationStateHelper({ state: authenticationState }).authenticated && authUuid) {
+            // caso o usuario ja tenha logado e tenta 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
+            // ele nao manda o authUuid caso o usuario já esteja logado, em dominios diferentes nao tem como o autenticador saber se o app esta logado
             onGetAuthFinish();
         }
-        // }, [authenticationState, location]);
     }, [authenticationState]);
     return React.createElement(React.Fragment, null, children);
 };

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"authCheck.js","sourceRoot":"","sources":["../../../src/auth/authCheck.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAsC,MAAM,0BAA0B,CAAC;AAClG,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,8BAA8B,EAAwB,MAAM,wBAAwB,CAAC;AACzH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtH,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,IAAI,yBAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,aAAa,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC1H,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,IAAI,yBAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,aAAa,IAAI,QAAQ,EAAE,CAAC;YACjG,uGAAuG;YACvG,oDAAoD;YACpD,iFAAiF;YACjF,yHAAyH;YACzH,0IAA0I;YAC1I,eAAe,EAAE,CAAA;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC"}

package/dist/esm/auth/authRequired.js CHANGED Viewed

@@ -1,20 +1,27 @@
 import React, { useEffect } from "react";
 import { useLocation } from "react-router-dom";
+import { AuthenticationStateHelper } from "./authentication.slice";
 import { AuthUtils } from "./authUtils";
-export const AuthRequiredComponent = ({ authenticationState, authUrlBase, redirectUrl, /*baseApiUrl,*/ children }) => {
+export const AuthRequiredComponent = ({ authenticationState, authUrlBase, redirectUrl, children }) => {
     const location = useLocation();
     const queryParams = new URLSearchParams(location.search);
     const authUuid = queryParams.get(AuthUtils.authUuidQueryStringName);
     useEffect(() => {
-        if (!authenticationState.payload && !authenticationState.options?.loading) {
+        if (!new AuthenticationStateHelper({ state: authenticationState, }).authenticated && !authenticationState.options?.loading) {
             if (!authUuid) {
                 if (!authUrlBase.includes('/login'))
                     authUrlBase = `${authUrlBase}/login`;
+                localStorage.clear();
+                sessionStorage.clear();
+                document.cookie.split(";").forEach(cookie => {
+                    const name = cookie.split("=")[0].trim();
+                    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+                });
                 window.location.href = `${authUrlBase}?${AuthUtils.authToRedirectQueryStringName}=${encodeURIComponent(redirectUrl)}`;
             }
         }
     }, [authenticationState]);
-    if (!authenticationState.payload) {
+    if (!new AuthenticationStateHelper({ state: authenticationState, }).authenticated) {
         return null;
     }
     return React.createElement(React.Fragment, null, children);

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

	@@ -1 +1 @@
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"}
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;AAC/C,OAAO,EAAE,yBAAyB,EAAwB,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,CAAC,MAAM,qBAAqB,GAA0C,CAAC,EAAE,mBAAmB,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1I,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,IAAI,yBAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,GAAG,CAAC,CAAC,aAAa,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC3H,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBACjC,WAAW,GAAG,GAAG,WAAW,QAAQ,CAAA;gBAEtC,YAAY,CAAC,KAAK,EAAE,CAAA;gBACpB,cAAc,CAAC,KAAK,EAAE,CAAA;gBACtB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;oBAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACzC,QAAQ,CAAC,MAAM,GAAG,GAAG,IAAI,mDAAmD,CAAC;gBAC/E,CAAC,CAAC,CAAC;gBAEH,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,IAAI,yBAAyB,CAAC,EAAE,KAAK,EAAE,mBAAmB,GAAG,CAAC,CAAC,aAAa,EAAE,CAAC;QAClF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAC"}

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

@@ -2,6 +2,7 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { AuthenticationsApiClient } from 'datacenter-lib-common-ts';
 import { WebUtils } from 'fwork-jsts-common';
 import { jwtDecode } from 'jwt-decode'; // dont use jsonwebtokens package here, its only for node projects
+import moment from 'moment';
 const cookie = WebUtils.getCookie('@authenticationState');
 const cookieObj = cookie ? JSON.parse(cookie) : null;
 const initState = cookieObj || {};
@@ -65,4 +66,21 @@ export const authenticationSlice = createSlice({
 });
 export const { logout: authenticationStateLogout, set: authenticationStateSet } = authenticationSlice.actions;
 export default authenticationSlice.reducer;
+export class AuthenticationStateHelper {
+    constructor(args) {
+        this.state = args.state;
+    }
+    get authenticated() {
+        let result = false;
+        if (this.state.payload?.token)
+            try {
+                var decToken = jwtDecode(this.state.payload?.token);
+                result = (decToken.exp || 0) >= moment().unix();
+            }
+            catch (error) {
+                result = false;
+            }
+        return result;
+    }
+}
 //# sourceMappingURL=authentication.slice.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"authentication.slice.js","sourceRoot":"","sources":["../../../src/auth/authentication.slice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,~~EAAE~~,MAAM,kBAAkB,CAAC;~~AACjE~~,OAAO,EAAE,wBAAwB,EAAsK,MAAM,0BAA0B,CAAC;AACxO,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC,CAAC,kEAAkE;~~AAa1G~~,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;AACzD,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAEpD,MAAM,SAAS,GAAyB,SAAS,IAAI,EAAE,CAAA;AAEvD,MAAM,CAAC,MAAM,8BAA8B,GAAG,gBAAgB,CAC5D,gCAAgC,EAChC,KAAK,EAAE,GAON,EAAE,EAAE;IACH,IAAI,CAAC;QACH,IAAI,MAAM,GAAyB,EAAE,CAAA;QAErC,MAAM,QAAQ,GAAG,MAAM,IAAI,wBAAwB,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC;YACxF,IAAI,EAAE,GAAG,CAAC,cAAc;SACzB,CAAC,CAAA;QAEF,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;YAC9C,IAAI,GAAG,CAAC,SAAS;gBACf,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC9B,IAAI,QAAQ,GAA6B,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACvE,MAAM,CAAC,OAAO,GAAG;gBACf,GAAG,QAAQ,CAAC,IAAI;gBAChB,IAAI,EAAE,QAAQ,CAAC,IAAI;aACpB,CAAA;QACH,CAAC;aACI,IAAI,GAAG,CAAC,OAAO;YAClB,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;QAE5B,OAAO,MAAM,CAAA;IACf,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,GAAG,CAAC,OAAO;YACb,GAAG,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAA;QAE1C,OAAM;IACR,CAAC;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,IAAI,EAAE,qBAAqB;IAC3B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE;QACR,GAAG,EAAE,CAAC,KAAK,EAAE,~~MAAM~~,EAAE,EAAE;~~YACrB~~,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAA;YACtC,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QACtE,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;YACzB,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;YACzB,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;KACF;IACD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE;QACzB,OAAO,CAAC,OAAO,CAAC,8BAA8B,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAChE,IAAI,CAAC,KAAK,CAAC,OAAO;gBAChB,KAAK,CAAC,OAAO,GAAG,EAAE,CAAA;YACpB,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QAC9B,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,OAAO,CAAC,8BAA8B,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC5E,IAAI,KAAK,CAAC,OAAO;gBACf,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YAC/B,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;YACzC,IAAI,KAAK,CAAC,OAAO;gBACf,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QACxE,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,OAAO,CAAC,8BAA8B,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACjE,IAAI,KAAK,CAAC,OAAO;gBACf,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QACjC,CAAC,CAAC,CAAA;IACJ,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,yBAAyB,EAAE,GAAG,EAAE,sBAAsB,EAAE,GAAG,mBAAmB,CAAC,OAAO,CAAA;AAE7G,eAAe,mBAAmB,CAAC,OAAO,CAAA"}
1	+ {"version":3,"file":"authentication.slice.js","sourceRoot":"","sources":["../../../src/auth/authentication.slice.tsx"],"names":[],"mappings":"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"}

package/dist/esm/auth/userDropdownMenu.js ADDED Viewed

@@ -0,0 +1,35 @@
+import { Divider, ListItemText, Menu, MenuItem } from "@mui/material";
+import React from "react";
+import { MdLogout } from "react-icons/md";
+export const UserDropdownMenu = ({ user, anchorEl, open, onClose, onLogOut, onProfile, }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, anchorOrigin: { vertical: "bottom", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "right" }, PaperProps: {
+                sx: {
+                    marginTop: .5,
+                    minWidth: 260,
+                    borderRadius: 2,
+                    boxShadow: "0 8px 24px rgba(0,0,0,0.12)",
+                    overflow: "hidden",
+                },
+            }, MenuListProps: { sx: { p: 0 } } },
+            React.createElement(MenuItem, { onClick: onProfile, sx: {
+                    gap: 1,
+                    p: 2,
+                    // py: 1.2,
+                    fontWeight: 500,
+                } },
+                React.createElement(ListItemText, { primary: user.name, secondary: user.email })),
+            React.createElement(Divider, { style: { margin: 0 } }),
+            React.createElement(MenuItem, { onClick: onLogOut, sx: {
+                    gap: 1,
+                    py: 1.2,
+                    fontWeight: 500,
+                    color: "error.main",
+                    "&:hover": {
+                        backgroundColor: "rgba(211, 47, 47, 0.08)",
+                    },
+                } },
+                React.createElement(MdLogout, { size: 20 }),
+                "Sair"))));
+};
+//# sourceMappingURL=userDropdownMenu.js.map

package/dist/esm/auth/userDropdownMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"userDropdownMenu.js","sourceRoot":"","sources":["../../../src/auth/userDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAA;AAE5F,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAWzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,GACH,EAAE,EAAE;IACV,OAAO,CACL;QACE,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,UAAU,EAAE;gBACV,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE;oBACb,QAAQ,EAAE,GAAG;oBACb,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE,6BAA6B;oBACxC,QAAQ,EAAE,QAAQ;iBACnB;aACF,EACD,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YAE/B,oBAAC,QAAQ,IACP,OAAO,EAAE,SAAS,EAClB,EAAE,EAAE;oBACF,GAAG,EAAE,CAAC;oBACN,CAAC,EAAE,CAAC;oBACJ,WAAW;oBACX,UAAU,EAAE,GAAG;iBAChB;gBAED,oBAAC,YAAY,IACX,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,SAAS,EAAE,IAAI,CAAC,KAAK,GACrB,CACO;YAEX,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,GAAG;YAG9B,oBAAC,QAAQ,IACP,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE;oBACF,GAAG,EAAE,CAAC;oBACN,EAAE,EAAE,GAAG;oBACP,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,YAAY;oBACnB,SAAS,EAAE;wBACT,eAAe,EAAE,yBAAyB;qBAC3C;iBACF;gBAED,oBAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;uBAEb,CACN,CACN,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/auth/userOptions.js CHANGED Viewed

@@ -1,30 +1,26 @@
-import LogoutIcon from '@mui/icons-material/Logout';
-import { Avatar, IconButton, Menu, MenuItem } from "@mui/material";
+import PersonIcon from "@mui/icons-material/Person";
+import { Avatar, IconButton } from "@mui/material";
 import React, { useState } from "react";
 import { useDispatch } from 'react-redux';
 import { authenticationStateLogout } from './authentication.slice';
+import { UserDropdownMenu } from './userDropdownMenu';
 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(UserDropdownMenu, { user: user, anchorEl: menuAnchor, open: openMenu, onClose: () => setAnchorElemnt(null), onLogOut: () => {
+                dispatch(authenticationStateLogout());
+                if (onLogOut)
+                    onLogOut();
+                setAnchorElemnt(null);
+            }, onProfile: () => {
+                let authUrl = `${datacenterAuthBaseUrl}/profile`;
+                window.open(authUrl, '_blank')?.focus();
+                setAnchorElemnt(null);
+            } }),
         React.createElement(IconButton, { onClick: e => setAnchorElemnt(e.currentTarget) },
-            React.createElement(Avatar, { src: user.imageUrl })));
+            React.createElement(Avatar, { src: user.imageUrl },
+                React.createElement(PersonIcon, null))));
 };
 //# sourceMappingURL=userOptions.js.map

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

	@@ -1 +1 @@
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"}
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,MAAM,eAAe,CAAA;AAElD,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;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAQrD,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,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE;gBACb,QAAQ,CAAC,yBAAyB,EAAE,CAAC,CAAA;gBACrC,IAAI,QAAQ;oBAAE,QAAQ,EAAE,CAAA;gBACxB,eAAe,CAAC,IAAI,CAAC,CAAA;YACvB,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;gBACd,IAAI,OAAO,GAAG,GAAG,qBAAqB,UAAU,CAAA;gBAChD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAA;gBACvC,eAAe,CAAC,IAAI,CAAC,CAAA;YACvB,CAAC,GACD;QAEF,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;gBACvB,oBAAC,UAAU,OAAG,CACP,CAAa,CACvB,CAAA;AACL,CAAC,CAAA"}

package/dist/esm/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { AuthCheckComponent, } from './auth/authCheck';
-import authenticationReducer, { authenticationStateLoadFromApi, authenticationStateLogout, authenticationSlice, authenticationStateSet, } from './auth/authentication.slice';
+import authenticationReducer, { authenticationStateLoadFromApi, AuthenticationStateHelper, 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, };
+export { AuthCheckComponent, authenticationReducer, authenticationStateLoadFromApi, AuthenticationStateHelper, authenticationStateLogout, authenticationSlice, authenticationStateSet, AuthRequiredComponent, AuthUtils, UserOptionsComponent, };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
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,EAAE,yBAAyB,EAA4C,yBAAyB,EAAE,mBAAmB,EAAE,sBAAsB,GAAG,MAAM,6BAA6B,CAAA;AACjP,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,EAAE,yBAAyB,EAA4C,yBAAyB,EAAE,mBAAmB,EAAE,sBAAsB,EAClM,qBAAqB,EACrB,SAAS,EACT,oBAAoB,GACrB,CAAA"}

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

@@ -1,3 +1,4 @@
+import { PayloadAction } from '@reduxjs/toolkit';
 import { IAuthentication, IAuthenticationRequestBodyDefault, IAuthenticationRequestBodyFromGoogleToken, IAuthenticationRequestBodyFromUuid, IUser } from 'datacenter-lib-common-ts';
 export interface IAuthenticationExt extends IAuthentication {
     user: IUser;
@@ -24,12 +25,16 @@ export declare const authenticationStateLoadFromApi: import("@reduxjs/toolkit").
     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;
+    set: (state: import("immer/dist/internal").WritableDraft<IAuthenticationState>, action: PayloadAction<IAuthenticationState>) => 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">;
+export declare const authenticationStateLogout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"authenticationSlice/logout">, authenticationStateSet: import("@reduxjs/toolkit").ActionCreatorWithPayload<IAuthenticationState, "authenticationSlice/set">;
 declare const _default: import("redux").Reducer<IAuthenticationState>;
 export default _default;
+export declare class AuthenticationStateHelper {
+    state: IAuthenticationState;
+    constructor(args: {
+        state: IAuthenticationState;
+    });
+    get authenticated(): boolean;
+}

package/dist/types/auth/userDropdownMenu.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { PopoverVirtualElement } from "@mui/material";
+import { IUser } from "datacenter-lib-common-ts";
+import React from "react";
+interface Props {
+    user: IUser;
+    anchorEl?: Element | PopoverVirtualElement | (() => Element) | (() => PopoverVirtualElement) | null | undefined;
+    open: boolean;
+    onClose?: () => void;
+    onLogOut?: () => void;
+    onProfile?: () => void;
+}
+export declare const UserDropdownMenu: ({ user, anchorEl, open, onClose, onLogOut, onProfile, }: Props) => React.JSX.Element;
+export {};

package/dist/types/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { AuthCheckComponent, IAuthCheckComponentProps } from './auth/authCheck';
-import authenticationReducer, { authenticationStateLoadFromApi, IAuthenticationState, IAuthenticationExt, authenticationStateLogout, authenticationSlice, authenticationStateSet } from './auth/authentication.slice';
+import authenticationReducer, { authenticationStateLoadFromApi, AuthenticationStateHelper, 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, };
+export { AuthCheckComponent, IAuthCheckComponentProps, authenticationReducer, authenticationStateLoadFromApi, AuthenticationStateHelper, IAuthenticationExt, IAuthenticationState, authenticationStateLogout, authenticationSlice, authenticationStateSet, AuthRequiredComponent, IAuthRequiredComponentProps, AuthUtils, UserOptionsComponent, IUserOptionsComponentProps, };

package/package.json CHANGED Viewed

@@ -61,7 +61,7 @@
 		"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.4",
+	"version": "1.0.7",
 	"exports": {
 		".": {
 			"require": "./dist/cjs/index.js",

package/src/auth/authCheck.tsx CHANGED Viewed

@@ -1,21 +1,18 @@
+import { AuthenticationType, IAuthenticationRequestBodyFromUuid } from "datacenter-lib-common-ts";
 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";
+import { useLocation, useNavigate } from "react-router-dom";
+import { AuthenticationStateHelper, authenticationStateLoadFromApi, IAuthenticationState } from "./authentication.slice";
+import { AuthUtils } from "./authUtils";
 export interface IAuthCheckComponentProps {
   authenticationState: IAuthenticationState,
   baseApiUrl: string,
-  // authUrlBase: string,
-  // redirectUrl: string,
   children: ReactNode;
 }
-export const AuthCheckComponent: React.FC<IAuthCheckComponentProps> = ({ authenticationState, /*authUrlBase, redirectUrl,*/ baseApiUrl, children }) => {
+export const AuthCheckComponent: React.FC<IAuthCheckComponentProps> = ({ authenticationState, baseApiUrl, children }) => {
   const navigate = useNavigate()
   const location = useLocation()
   const dispatch = useDispatch<any>()
@@ -30,7 +27,7 @@ export const AuthCheckComponent: React.FC<IAuthCheckComponentProps> = ({ authent
   }
   useEffect(() => {
-    if (!authenticationState.payload && !authenticationState.options?.loading) {
+    if (!new AuthenticationStateHelper({ state: authenticationState }).authenticated && !authenticationState.options?.loading) {
       if (authUuid) {
         dispatch(authenticationStateLoadFromApi({
           baseApiUrl,
@@ -43,15 +40,14 @@ export const AuthCheckComponent: React.FC<IAuthCheckComponentProps> = ({ authent
         }))
       }
     }
-    else if (authenticationState.payload && authUuid) {
-      // caso o usuario ja tenha logado e tente acessar a pagina de autenticacao, o redirect manda o authUuid
+    else if (new AuthenticationStateHelper({ state: authenticationState }).authenticated && authUuid) {
+      // caso o usuario ja tenha logado e tenta 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
+      // ele nao manda o authUuid caso o usuario já esteja logado, em dominios diferentes nao tem como o autenticador saber se o app esta logado
       onGetAuthFinish()
     }
-    // }, [authenticationState, location]);
   }, [authenticationState]);
   return <>{children}</>

package/src/auth/authRequired.tsx CHANGED Viewed

@@ -1,33 +1,40 @@
 import React, { ReactNode, useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import { IAuthenticationState } from "./authentication.slice";
+import { AuthenticationStateHelper, 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 }) => {
+export const AuthRequiredComponent: React.FC<IAuthRequiredComponentProps> = ({ authenticationState, authUrlBase, redirectUrl, children }) => {
   const location = useLocation()
   const queryParams = new URLSearchParams(location.search)
   const authUuid = queryParams.get(AuthUtils.authUuidQueryStringName)
   useEffect(() => {
-    if (!authenticationState.payload && !authenticationState.options?.loading) {
+    if (!new AuthenticationStateHelper({ state: authenticationState, }).authenticated && !authenticationState.options?.loading) {
       if (!authUuid) {
         if (!authUrlBase.includes('/login'))
           authUrlBase = `${authUrlBase}/login`
+        localStorage.clear()
+        sessionStorage.clear()
+        document.cookie.split(";").forEach(cookie => {
+          const name = cookie.split("=")[0].trim();
+          document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+        });
         window.location.href = `${authUrlBase}?${AuthUtils.authToRedirectQueryStringName}=${encodeURIComponent(redirectUrl)}`
       }
     }
   }, [authenticationState]);
-  if (!authenticationState.payload) {
+  if (!new AuthenticationStateHelper({ state: authenticationState, }).authenticated) {
     return null;
   }

package/src/auth/authentication.slice.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
-import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { AuthenticationsApiClient, IAuthentication, IAuthenticationRequestBodyDefault, IAuthenticationRequestBodyFromGoogleToken, IAuthenticationRequestBodyFromUuid, IAuthenticationTokenData, IUser } from 'datacenter-lib-common-ts';
 import { WebUtils } from 'fwork-jsts-common';
 import { jwtDecode } from 'jwt-decode'; // dont use jsonwebtokens package here, its only for node projects
+import moment from 'moment';
 export interface IAuthenticationExt extends IAuthentication {
   user: IUser
@@ -11,7 +12,7 @@ export interface IAuthenticationState {
   options?: {
     loading?: boolean,
   },
-  payload?: IAuthenticationExt
+  payload?: IAuthenticationExt,
 }
 const cookie = WebUtils.getCookie('@authenticationState')
@@ -27,7 +28,7 @@ export const authenticationStateLoadFromApi = createAsyncThunk(
     onError?: (msg?: string) => void,
     onSuccess?: (authentication?: IAuthentication) => void,
-  // }, { getState }) => {
+    // }, { getState }) => {
   }) => {
     try {
       let result: IAuthenticationState = {}
@@ -53,7 +54,7 @@ export const authenticationStateLoadFromApi = createAsyncThunk(
       if (arg.onError)
         arg.onError('Erro ao tentar autenticar')
-      return
+      return
     }
   }
 )
@@ -62,7 +63,7 @@ export const authenticationSlice = createSlice({
   name: 'authenticationSlice',
   initialState: initState,
   reducers: {
-    set: (state, action) => {
+    set: (state, action: PayloadAction<IAuthenticationState>) => {
       state.payload = action.payload.payload
       WebUtils.setCookie('@authenticationState', JSON.stringify(state), 1)
     },
@@ -94,4 +95,28 @@ export const authenticationSlice = createSlice({
 export const { logout: authenticationStateLogout, set: authenticationStateSet } = authenticationSlice.actions
-export default authenticationSlice.reducer
+export default authenticationSlice.reducer
+export class AuthenticationStateHelper {
+  state: IAuthenticationState
+  constructor(args: {
+    state: IAuthenticationState
+  }) {
+    this.state = args.state
+  }
+  get authenticated(): boolean {
+    let result = false
+    if (this.state.payload?.token)
+      try {
+        var decToken: IAuthenticationTokenData = jwtDecode(this.state.payload?.token)
+        result = (decToken.exp || 0) >= moment().unix()
+      } catch (error) {
+        result = false
+      }
+    return result
+  }
+}

package/src/auth/userDropdownMenu.tsx ADDED Viewed

@@ -0,0 +1,78 @@
+import { Divider, ListItemText, Menu, MenuItem, PopoverVirtualElement } from "@mui/material"
+import { IUser } from "datacenter-lib-common-ts"
+import React from "react"
+import { MdLogout } from "react-icons/md"
+interface Props {
+  user: IUser,
+  anchorEl?: Element | PopoverVirtualElement | (() => Element) | (() => PopoverVirtualElement) | null | undefined
+  open: boolean
+  onClose?: () => void
+  onLogOut?: () => void
+  onProfile?: () => void
+}
+export const UserDropdownMenu = ({
+  user,
+  anchorEl,
+  open,
+  onClose,
+  onLogOut,
+  onProfile,
+}: Props) => {
+  return (
+    <>
+      <Menu
+        anchorEl={anchorEl}
+        open={open}
+        onClose={onClose}
+        anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
+        transformOrigin={{ vertical: "top", horizontal: "right" }}
+        PaperProps={{
+          sx: {
+            marginTop: .5,
+            minWidth: 260,
+            borderRadius: 2,
+            boxShadow: "0 8px 24px rgba(0,0,0,0.12)",
+            overflow: "hidden",
+          },
+        }}
+        MenuListProps={{ sx: { p: 0 } }}
+      >
+        <MenuItem
+          onClick={onProfile}
+          sx={{
+            gap: 1,
+            p: 2,
+            // py: 1.2,
+            fontWeight: 500,
+          }}
+        >
+          <ListItemText
+            primary={user.name}
+            secondary={user.email}
+          />
+        </MenuItem>
+        <Divider style={{margin: 0}}/>
+        {/* Logout */}
+        <MenuItem
+          onClick={onLogOut}
+          sx={{
+            gap: 1,
+            py: 1.2,
+            fontWeight: 500,
+            color: "error.main",
+            "&:hover": {
+              backgroundColor: "rgba(211, 47, 47, 0.08)",
+            },
+          }}
+        >
+          <MdLogout size={20} />
+          Sair
+        </MenuItem>
+      </Menu>
+    </>
+  )
+}

package/src/auth/userOptions.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
-import LogoutIcon from '@mui/icons-material/Logout'
-import { Avatar, IconButton, Menu, MenuItem } from "@mui/material"
+import PersonIcon from "@mui/icons-material/Person"
+import { Avatar, IconButton } 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'
+import { UserDropdownMenu } from './userDropdownMenu'
 export interface IUserOptionsComponentProps {
   user: IUser,
@@ -17,38 +18,27 @@ export const UserOptionsComponent: React.FC<IUserOptionsComponentProps> = ({ use
   const openMenu = Boolean(menuAnchor)
   return <>
-    <Menu
-      id="basic-menu"
+    <UserDropdownMenu
+      user={user}
       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>
+      onLogOut={() => {
+        dispatch(authenticationStateLogout())
+        if (onLogOut) onLogOut()
+        setAnchorElemnt(null)
+      }}
+      onProfile={() => {
+        let authUrl = `${datacenterAuthBaseUrl}/profile`
+        window.open(authUrl, '_blank')?.focus()
+        setAnchorElemnt(null)
+      }}
+    />
     <IconButton
       onClick={e => setAnchorElemnt(e.currentTarget)}
-    ><Avatar src={user.imageUrl} /></IconButton>
+    ><Avatar src={user.imageUrl}>
+        <PersonIcon />
+      </Avatar></IconButton>
   </>
 }

package/src/index.tsx CHANGED Viewed

@@ -1,12 +1,12 @@
 import { AuthCheckComponent, IAuthCheckComponentProps, } from './auth/authCheck'
-import authenticationReducer, { authenticationStateLoadFromApi, IAuthenticationState, IAuthenticationExt, authenticationStateLogout, authenticationSlice, authenticationStateSet, } from './auth/authentication.slice'
+import authenticationReducer, { authenticationStateLoadFromApi, AuthenticationStateHelper, 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,
+  authenticationReducer, authenticationStateLoadFromApi, AuthenticationStateHelper, IAuthenticationExt, IAuthenticationState, authenticationStateLogout, authenticationSlice, authenticationStateSet,
   AuthRequiredComponent, IAuthRequiredComponentProps,
   AuthUtils,
   UserOptionsComponent, IUserOptionsComponentProps,