@opengeoweb/authentication 14.0.1 → 14.2.1

package/index.esm.js

@@ -1,41 +1,32 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { useRef } from 'react';
 import axios from 'axios';
+import React, { useRef, useEffect, useState } from 'react';
 import { Navigate, Link } from 'react-router-dom';
 import { sessionStorageProvider, useIsMounted, SHARED_NAMESPACE, AlertBanner, useDebounce } from '@opengeoweb/shared';
-import { ThemeWrapper } from '@opengeoweb/theme';
 import { useTranslation, Trans } from 'react-i18next';
+import { ThemeWrapper } from '@opengeoweb/theme';
 import 'i18next';
 import { Box, LinearProgress, FormGroup, FormLabel, FormControlLabel, Radio } from '@mui/material';
 import { useDispatch } from 'react-redux';
 import { snackbarTypes, snackbarActions } from '@opengeoweb/snackbar';
 
 var en$1 = {
-	"auth-logout-go-back-to-home-page": "Go back to the <1>Home Page</1>",
-	"auth-logout-you-are-logged-out": "You are logged out.",
-	"auth-role-title": "Role",
-	"auth-role-message-assigned": "Role {{role}} has been assigned"
+	"api-role-title-user": "User",
+	"api-role-title-preset-admin": "Preset-admin"
 };
 var fi$1 = {
-	"auth-logout-go-back-to-home-page": "Palaa takaisin <1>Kotisivulle</1>",
-	"auth-logout-you-are-logged-out": "Olet kirjautunut ulos.",
-	"auth-role-title": "Rooli",
-	"auth-role-message-assigned": "Rooli {{role}} on annettu"
+	"api-role-title-user": "Käyttäjä",
+	"api-role-title-preset-admin": "Preset-pääkäyttäjä"
 };
 var no$1 = {
-	"auth-logout-go-back-to-home-page": "Gå tilbake til <1>Hjemmesiden</1>",
-	"auth-logout-you-are-logged-out": "Du er logget ut",
-	"auth-role-title": "Rolle",
-	"auth-role-message-assigned": "Rolle {{role}} har blitt tildelt"
+	"api-role-title-user": "Bruker",
+	"api-role-title-preset-admin": "Preset-admin"
 };
 var nl$1 = {
-	"auth-logout-go-back-to-home-page": "Ga terug naar de <1>Startpagina</1>",
-	"auth-logout-you-are-logged-out": "Je bent uitgelogd.",
-	"auth-role-title": "Rol",
-	"auth-role-message-assigned": "Rol {{role}} is geactiveerd"
+	"api-role-title-user": "Gebruiker",
+	"api-role-title-preset-admin": "Preset-beheerder"
 };
-var authTranslations = {
+var apiTranslations = {
 	en: en$1,
 	fi: fi$1,
 	no: no$1,
@@ -43,22 +34,30 @@ var authTranslations = {
 };
 
 var en = {
-	"api-role-title-user": "User",
-	"api-role-title-preset-admin": "Preset-admin"
+	"auth-logout-go-back-to-home-page": "Go back to the <1>Home Page</1>",
+	"auth-logout-you-are-logged-out": "You are logged out.",
+	"auth-role-title": "Role",
+	"auth-role-message-assigned": "Role {{role}} has been assigned"
 };
 var fi = {
-	"api-role-title-user": "Käyttäjä",
-	"api-role-title-preset-admin": "Preset-pääkäyttäjä"
+	"auth-logout-go-back-to-home-page": "Palaa takaisin <1>Kotisivulle</1>",
+	"auth-logout-you-are-logged-out": "Olet kirjautunut ulos.",
+	"auth-role-title": "Rooli",
+	"auth-role-message-assigned": "Rooli {{role}} on annettu"
 };
 var no = {
-	"api-role-title-user": "Bruker",
-	"api-role-title-preset-admin": "Preset-admin"
+	"auth-logout-go-back-to-home-page": "Gå tilbake til <1>Hjemmesiden</1>",
+	"auth-logout-you-are-logged-out": "Du er logget ut",
+	"auth-role-title": "Rolle",
+	"auth-role-message-assigned": "Rolle {{role}} har blitt tildelt"
 };
 var nl = {
-	"api-role-title-user": "Gebruiker",
-	"api-role-title-preset-admin": "Preset-beheerder"
+	"auth-logout-go-back-to-home-page": "Ga terug naar de <1>Startpagina</1>",
+	"auth-logout-you-are-logged-out": "Je bent uitgelogd.",
+	"auth-role-title": "Rol",
+	"auth-role-message-assigned": "Rol {{role}} is geactiveerd"
 };
-var apiTranslations = {
+var authTranslations = {
 	en: en,
 	fi: fi,
 	no: no,
@@ -346,28 +345,18 @@ function _regeneratorRuntime() {
   })();
 }
 
-var API_NAMESPACE$1 = 'api';
 var DEFAULT_TIMEOUT = 15000;
 var KEEP_ALIVE_POLLER_IN_SECONDS = 60; // Number of seconds between the checks if the token should be refreshed.
 var REFRESH_TOKEN_WHEN_PCT_EXPIRED = 75; // Refresh token when 75% expired. Set to (10 / 3600) * 100 = 0.2777778% to test with 10 second interval (assuming 1 hour token expiration).
 var DEFAULT_TOKEN_EXPIRES_IN = 3600; // Number of seconds a token expires by default
 var MILLISECOND_TO_SECOND = 1 / 1000;
-var ns$1 = API_NAMESPACE$1;
 var GEOWEB_ROLE_PRESETS_ADMIN = {
   name: 'ROLE_PRESET_ADMIN',
-  getTitle: function getTitle(t) {
-    return t('api-role-title-preset-admin', {
-      ns: ns$1
-    });
-  }
+  title: 'api-role-title-preset-admin'
 };
 var GEOWEB_ROLE_USER = {
   name: 'ROLE_USER',
-  getTitle: function getTitle(t) {
-    return t('api-role-title-user', {
-      ns: ns$1
-    });
-  }
+  title: 'api-role-title-user'
 };
 /**
  * Creates a Credentials object based on the axios response from the token service.
@@ -378,7 +367,8 @@ var GEOWEB_ROLE_USER = {
  * @returns Credentials object.
  */
 var makeCredentialsFromTokenResponse = function makeCredentialsFromTokenResponse(tokenResponse, authConfig) {
-  var token = tokenResponse.data.body || tokenResponse.data;
+  var _tokenResponse$data$b;
+  var token = (_tokenResponse$data$b = tokenResponse.data.body) != null ? _tokenResponse$data$b : tokenResponse.data;
   // eslint-disable-next-line @typescript-eslint/naming-convention
   var access_token = token.access_token,
     refresh_token = token.refresh_token,
@@ -402,60 +392,67 @@ var makeCredentialsFromTokenResponse = function makeCredentialsFromTokenResponse
     username: isAuthCognito ? userInfo['cognito:username'] : userInfo.email,
     roles: groupsToRoles(groups, authConfig),
     token: access_token,
-    refresh_token: refresh_token || '',
+    refresh_token: refresh_token != null ? refresh_token : '',
     expires_at: epochTimeTokenExpirationInSeconds,
     has_connection_issue: false
   };
   return newAuth;
 };
-var refreshAccessToken = function refreshAccessToken(_ref) {
-  var auth = _ref.auth,
-    _ref$config = _ref.config,
-    _ref$config2 = _ref$config === void 0 ? {} : _ref$config,
-    authTokenURL = _ref$config2.authTokenURL,
-    authClientId = _ref$config2.authClientId,
-    appURL = _ref$config2.appURL,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? DEFAULT_TIMEOUT : _ref$timeout;
-  // Refresh token request with a new axios instance
-  // without request interceptor
-  var tokenAxiosInstance = axios.create({
-    headers: {},
-    timeout: timeout
-  });
-  var refreshPayload = {
-    refresh_token: auth.refresh_token,
-    redirect_uri: appURL + "/code",
-    grant_type: 'refresh_token',
-    client_id: authClientId
-  };
-  /* Send data in the "application/x-www-form-urlencoded" format.
-    If only JSON is supported, use Axios' default content type ("application/x-www-form-urlencoded"). */
-  var useDefaultContentType = authTokenURL.includes('amazonaws.com');
-  var data = useDefaultContentType ? refreshPayload : new URLSearchParams(refreshPayload);
-  var axiosConfig = {
-    headers: {
-      'Content-Type': useDefaultContentType ? 'application/json' : 'application/x-www-form-urlencoded'
-    }
-  };
-  return tokenAxiosInstance.post(authTokenURL, data, axiosConfig);
-};
-var refreshAccessTokenAndSetAuthContext = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
-    var auth, onSetAuth, config, _ref2$timeout, timeout, configURLS, onLogin, refreshedToken, newAuth, _e$response, status;
+var refreshAccessToken = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var auth, _ref$config, _ref$config2, authTokenURL, authClientId, appURL, _ref$timeout, timeout, tokenAxiosInstance, refreshPayload, useDefaultContentType, data, axiosConfig;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          auth = _ref2.auth, onSetAuth = _ref2.onSetAuth, config = _ref2.config, _ref2$timeout = _ref2.timeout, timeout = _ref2$timeout === void 0 ? DEFAULT_TIMEOUT : _ref2$timeout, configURLS = _ref2.configURLS, onLogin = _ref2.onLogin;
-          _context.prev = 1;
-          _context.next = 4;
+          auth = _ref.auth, _ref$config = _ref.config, _ref$config2 = _ref$config === void 0 ? {} : _ref$config, authTokenURL = _ref$config2.authTokenURL, authClientId = _ref$config2.authClientId, appURL = _ref$config2.appURL, _ref$timeout = _ref.timeout, timeout = _ref$timeout === void 0 ? DEFAULT_TIMEOUT : _ref$timeout;
+          // Refresh token request with a new axios instance
+          // without request interceptor
+          tokenAxiosInstance = axios.create({
+            headers: {},
+            timeout: timeout
+          });
+          refreshPayload = {
+            refresh_token: auth.refresh_token,
+            redirect_uri: appURL + "/code",
+            grant_type: 'refresh_token',
+            client_id: authClientId
+          };
+          /* Send data in the "application/x-www-form-urlencoded" format.
+            If only JSON is supported, use Axios' default content type ("application/x-www-form-urlencoded"). */
+          useDefaultContentType = authTokenURL.includes('amazonaws.com');
+          data = useDefaultContentType ? refreshPayload : new URLSearchParams(refreshPayload);
+          axiosConfig = {
+            headers: {
+              'Content-Type': useDefaultContentType ? 'application/json' : 'application/x-www-form-urlencoded'
+            }
+          };
+          return _context.abrupt("return", tokenAxiosInstance.post(authTokenURL, data, axiosConfig));
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function refreshAccessToken(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var refreshAccessTokenAndSetAuthContext = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+    var auth, onSetAuth, config, _ref3$timeout, timeout, configURLS, onLogin, refreshedToken, newAuth, _e$response, status;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          auth = _ref3.auth, onSetAuth = _ref3.onSetAuth, config = _ref3.config, _ref3$timeout = _ref3.timeout, timeout = _ref3$timeout === void 0 ? DEFAULT_TIMEOUT : _ref3$timeout, configURLS = _ref3.configURLS, onLogin = _ref3.onLogin;
+          _context2.prev = 1;
+          _context2.next = 4;
           return refreshAccessToken({
             auth: auth,
             config: config,
             timeout: timeout
           });
         case 4:
-          refreshedToken = _context.sent;
+          refreshedToken = _context2.sent;
           newAuth = makeCredentialsFromTokenResponse(refreshedToken, configURLS); // Cognito does not send a new refresh token, but gitlab does. Set it here into the auth context.
           if (!newAuth.refresh_token || newAuth.refresh_token.length === 0) {
             newAuth.refresh_token = auth.refresh_token;
@@ -465,12 +462,12 @@ var refreshAccessTokenAndSetAuthContext = /*#__PURE__*/function () {
             newAuth.roles = auth.roles;
           }
           onSetAuth(newAuth);
-          _context.next = 15;
+          _context2.next = 15;
           break;
         case 11:
-          _context.prev = 11;
-          _context.t0 = _context["catch"](1);
-          status = (_e$response = _context.t0.response) == null ? void 0 : _e$response.status;
+          _context2.prev = 11;
+          _context2.t0 = _context2["catch"](1);
+          status = (_e$response = _context2.t0.response) == null ? void 0 : _e$response.status;
           if (status === 400) {
             onLogin(false);
           } else {
@@ -480,21 +477,21 @@ var refreshAccessTokenAndSetAuthContext = /*#__PURE__*/function () {
           }
         case 15:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee, null, [[1, 11]]);
+    }, _callee2, null, [[1, 11]]);
   }));
-  return function refreshAccessTokenAndSetAuthContext(_x) {
-    return _ref3.apply(this, arguments);
+  return function refreshAccessTokenAndSetAuthContext(_x2) {
+    return _ref4.apply(this, arguments);
   };
 }();
-var createApiInstance = function createApiInstance(_ref4) {
-  var auth = _ref4.auth,
-    _ref4$config = _ref4.config,
-    _ref4$config2 = _ref4$config === void 0 ? {} : _ref4$config,
-    baseURL = _ref4$config2.baseURL,
-    _ref4$timeout = _ref4.timeout,
-    timeout = _ref4$timeout === void 0 ? DEFAULT_TIMEOUT : _ref4$timeout;
+var createApiInstance = function createApiInstance(_ref5) {
+  var auth = _ref5.auth,
+    _ref5$config = _ref5.config,
+    _ref5$config2 = _ref5$config === void 0 ? {} : _ref5$config,
+    baseURL = _ref5$config2.baseURL,
+    _ref5$timeout = _ref5.timeout,
+    timeout = _ref5$timeout === void 0 ? DEFAULT_TIMEOUT : _ref5$timeout;
   var axiosInstance = axios.create({
     baseURL: baseURL,
     headers: {},
@@ -502,10 +499,10 @@ var createApiInstance = function createApiInstance(_ref4) {
   });
   // Request interceptor for API calls done BEFORE the request is made.
   axiosInstance.interceptors.request.use(/*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(axiosConfig) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(axiosConfig) {
       var newConfig;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             // Add the access token to the headers of the request.
             newConfig = Object.assign({}, axiosConfig, {
@@ -513,47 +510,48 @@ var createApiInstance = function createApiInstance(_ref4) {
                 'Content-Type': 'application/json',
                 Authorization: "Bearer " + auth.token,
                 Accept: 'application/json'
-              }, axiosConfig.headers)
+              }, axiosConfig.headers || {})
             });
-            return _context2.abrupt("return", newConfig);
+            return _context3.abrupt("return", newConfig);
           case 2:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
-    return function (_x2) {
-      return _ref5.apply(this, arguments);
+    return function (_x3) {
+      return _ref6.apply(this, arguments);
     };
   }(), /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(error) {
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(error) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context3.next = 2;
+            _context4.next = 2;
             return Promise.reject(error);
           case 2:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
-    return function (_x3) {
-      return _ref6.apply(this, arguments);
+    return function (_x4) {
+      return _ref7.apply(this, arguments);
     };
   }());
   // Response interceptor for API calls done AFTER the request is made.
   axiosInstance.interceptors.response.use(function (response) {
     return response;
   }, /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(error) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(error) {
+      var _error$response;
       var originalRequest, _originalRequest$head;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             originalRequest = error.config; // If request fails with 401, retry the request once.
-            if (!(error.response && error.response.status && error.response.status === 401 && !originalRequest.inRetry)) {
-              _context4.next = 5;
+            if (!((_error$response = error.response) != null && _error$response.status && error.response.status === 401 && !originalRequest.inRetry)) {
+              _context5.next = 5;
               break;
             }
             originalRequest.inRetry = true;
@@ -561,27 +559,27 @@ var createApiInstance = function createApiInstance(_ref4) {
             if ((_originalRequest$head = originalRequest.headers) != null && _originalRequest$head.Authorization) {
               originalRequest.headers.Authorization = "Bearer " + (auth == null ? void 0 : auth.token);
             }
-            return _context4.abrupt("return", axiosInstance(originalRequest));
+            return _context5.abrupt("return", axiosInstance(originalRequest));
           case 5:
-            return _context4.abrupt("return", Promise.reject(error));
+            return _context5.abrupt("return", Promise.reject(error));
           case 6:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
-    return function (_x4) {
-      return _ref7.apply(this, arguments);
+    return function (_x5) {
+      return _ref8.apply(this, arguments);
     };
   }());
   return axiosInstance;
 };
-var createNonAuthApiInstance = function createNonAuthApiInstance(_ref8) {
-  var _ref8$config = _ref8.config,
-    _ref8$config2 = _ref8$config === void 0 ? {} : _ref8$config,
-    baseURL = _ref8$config2.baseURL,
-    _ref8$timeout = _ref8.timeout,
-    timeout = _ref8$timeout === void 0 ? DEFAULT_TIMEOUT : _ref8$timeout;
+var createNonAuthApiInstance = function createNonAuthApiInstance(_ref9) {
+  var _ref9$config = _ref9.config,
+    _ref9$config2 = _ref9$config === void 0 ? {} : _ref9$config,
+    baseURL = _ref9$config2.baseURL,
+    _ref9$timeout = _ref9.timeout,
+    timeout = _ref9$timeout === void 0 ? DEFAULT_TIMEOUT : _ref9$timeout;
   var axiosInstance = axios.create({
     baseURL: baseURL,
     headers: {},
@@ -589,74 +587,157 @@ var createNonAuthApiInstance = function createNonAuthApiInstance(_ref8) {
   });
   // Request interceptor for API calls
   axiosInstance.interceptors.request.use(/*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(config) {
+    var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(config) {
       var newConfig;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             newConfig = Object.assign({}, config, {
               headers: Object.assign({
                 'Content-Type': 'application/json',
                 Accept: 'application/json'
-              }, config.headers)
+              }, config.headers || {})
             });
-            return _context5.abrupt("return", newConfig);
+            return _context6.abrupt("return", newConfig);
           case 2:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
-    return function (_x5) {
-      return _ref9.apply(this, arguments);
+    return function (_x6) {
+      return _ref0.apply(this, arguments);
     };
   }(), /*#__PURE__*/function () {
-    var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(error) {
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    var _ref1 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(error) {
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
-            _context6.next = 2;
+            _context7.next = 2;
             return Promise.reject(error);
           case 2:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6);
+      }, _callee7);
     }));
-    return function (_x6) {
-      return _ref0.apply(this, arguments);
+    return function (_x7) {
+      return _ref1.apply(this, arguments);
     };
   }());
   return axiosInstance;
 };
-var fakeApiRequest = function fakeApiRequest(signal) {
-  return new Promise(function (resolve, reject) {
-    var timer = setTimeout(function () {
-      resolve();
-    }, 300);
-    signal == null || signal.signal.addEventListener('abort', function () {
-      clearTimeout(timer);
-      reject(new Error('canceled'));
-    });
-  });
-};
+var fakeApiRequest = /*#__PURE__*/function () {
+  var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(signal) {
+    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          return _context8.abrupt("return", new Promise(function (resolve, reject) {
+            var timer = setTimeout(function () {
+              resolve();
+            }, 300);
+            signal == null || signal.signal.addEventListener('abort', function () {
+              clearTimeout(timer);
+              reject(new Error('canceled'));
+            });
+          }));
+        case 1:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee8);
+  }));
+  return function fakeApiRequest(_x8) {
+    return _ref10.apply(this, arguments);
+  };
+}();
 var createFakeApiInstance = function createFakeApiInstance() {
   return {
-    get: function get(_url, _params) {
-      return fakeApiRequest();
-    },
-    put: function put(_url, _params) {
-      return fakeApiRequest();
-    },
-    post: function post(_url, _params) {
-      return fakeApiRequest();
-    },
-    "delete": function _delete(_url, _params) {
-      return fakeApiRequest();
-    },
-    patch: function patch(_url, _params, _signal) {
-      return fakeApiRequest(_signal);
-    }
+    get: function () {
+      var _get = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(_url, _params) {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              return _context9.abrupt("return", fakeApiRequest());
+            case 1:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee9);
+      }));
+      function get(_x9, _x0) {
+        return _get.apply(this, arguments);
+      }
+      return get;
+    }(),
+    put: function () {
+      var _put = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(_url, _params) {
+        return _regeneratorRuntime().wrap(function _callee0$(_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
+            case 0:
+              return _context0.abrupt("return", fakeApiRequest());
+            case 1:
+            case "end":
+              return _context0.stop();
+          }
+        }, _callee0);
+      }));
+      function put(_x1, _x10) {
+        return _put.apply(this, arguments);
+      }
+      return put;
+    }(),
+    post: function () {
+      var _post = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(_url, _params) {
+        return _regeneratorRuntime().wrap(function _callee1$(_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
+            case 0:
+              return _context1.abrupt("return", fakeApiRequest());
+            case 1:
+            case "end":
+              return _context1.stop();
+          }
+        }, _callee1);
+      }));
+      function post(_x11, _x12) {
+        return _post.apply(this, arguments);
+      }
+      return post;
+    }(),
+    "delete": function () {
+      var _delete2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(_url, _params) {
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              return _context10.abrupt("return", fakeApiRequest());
+            case 1:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10);
+      }));
+      function _delete(_x13, _x14) {
+        return _delete2.apply(this, arguments);
+      }
+      return _delete;
+    }(),
+    patch: function () {
+      var _patch = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(_url, _params, _signal) {
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              return _context11.abrupt("return", fakeApiRequest(_signal));
+            case 1:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11);
+      }));
+      function patch(_x15, _x16, _x17) {
+        return _patch.apply(this, arguments);
+      }
+      return patch;
+    }()
   };
 };
 var getCurrentTimeInSeconds = function getCurrentTimeInSeconds() {
@@ -742,7 +823,7 @@ var getAuthConfig = function getAuthConfig(_configUrls) {
     GW_AUTH_ROLE_CLAIM_VALUE_PRESETS_ADMIN: GW_AUTH_ROLE_CLAIM_VALUE_PRESETS_ADMIN
   };
 };
-var AuthenticationContext = /*#__PURE__*/React__default.createContext({
+var AuthenticationContext = /*#__PURE__*/React.createContext({
   isLoggedIn: null,
   onLogin: null,
   auth: null,
@@ -751,11 +832,16 @@ var AuthenticationContext = /*#__PURE__*/React__default.createContext({
   sessionStorageProvider: null,
   currentRole: null
 });
+var authChangeListener = null;
+var setAuthChangeListener = function setAuthChangeListener(listener) {
+  authChangeListener = listener;
+};
 var useAuthenticationDefaultProps = function useAuthenticationDefaultProps() {
-  var _React$useState = React__default.useState(false),
+  var _auth$roles$, _auth$roles;
+  var _React$useState = React.useState(false),
     isLoggedIn = _React$useState[0],
-    onLogin = _React$useState[1];
-  var _React$useState2 = React__default.useState(false),
+    setIsLoggedIn = _React$useState[1];
+  var _React$useState2 = React.useState(false),
     hasConnectionIssue = _React$useState2[0],
     setHasConnectionIssue = _React$useState2[1];
   var emptyCredentials = {
@@ -766,28 +852,38 @@ var useAuthenticationDefaultProps = function useAuthenticationDefaultProps() {
     expires_at: 0,
     has_connection_issue: false
   };
-  var auth = React__default.useRef(Object.assign({}, emptyCredentials)).current;
-  var onSetAuth = function onSetAuth(newAuth) {
+  var _React$useState3 = React.useState(Object.assign({}, emptyCredentials)),
+    auth = _React$useState3[0],
+    setAuth = _React$useState3[1];
+  // TODO clean this up.
+  // hotfix revert to ref. There are parts of the state down the tree that rely on ref to work.
+  var authRef = React.useRef(auth).current;
+  var onSetAuth = React.useCallback(function (newAuth) {
     if (newAuth) {
-      Object.assign(auth, newAuth);
-      if (newAuth.has_connection_issue !== undefined && hasConnectionIssue !== auth.has_connection_issue) {
-        /*
-         * The hasconnection issue should trigger a render.
-         * This is needed to make the connection banner show that there is an issue.
-         */
-        setHasConnectionIssue(auth.has_connection_issue === true);
+      setAuth(function (prevAuth) {
+        return Object.assign({}, prevAuth, newAuth);
+      });
+      Object.assign(authRef, newAuth);
+      if (newAuth.has_connection_issue !== undefined && hasConnectionIssue !== newAuth.has_connection_issue) {
+        setHasConnectionIssue(newAuth.has_connection_issue);
       }
     } else {
-      Object.assign(auth, emptyCredentials);
+      setAuth(Object.assign({}, emptyCredentials));
+      Object.assign(authRef, Object.assign({}, emptyCredentials));
     }
-  };
-  var _React$useState3 = React__default.useState(auth.roles && auth.roles[0] || GEOWEB_ROLE_USER),
-    currentRole = _React$useState3[0],
-    setCurrentRole = _React$useState3[1];
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [hasConnectionIssue]);
+  var _React$useState4 = React.useState((_auth$roles$ = (_auth$roles = auth.roles) == null ? void 0 : _auth$roles[0]) != null ? _auth$roles$ : GEOWEB_ROLE_USER),
+    currentRole = _React$useState4[0],
+    setCurrentRole = _React$useState4[1];
+  useEffect(function () {
+    authChangeListener == null || authChangeListener(isLoggedIn, auth);
+  }, [isLoggedIn, auth]);
   return {
     isLoggedIn: isLoggedIn,
-    onLogin: onLogin,
-    auth: isLoggedIn ? auth : null,
+    onLogin: setIsLoggedIn,
+    auth: isLoggedIn ? authRef : null,
     onSetAuth: onSetAuth,
     sessionStorageProvider: sessionStorageProvider,
     currentRole: currentRole,
@@ -800,7 +896,7 @@ var AuthenticationProvider = function AuthenticationProvider(_ref2) {
     _ref2$configURLS = _ref2.configURLS,
     configURLS = _ref2$configURLS === void 0 ? authConfigKeys : _ref2$configURLS;
   var defaultValues = useAuthenticationDefaultProps();
-  var _ref3 = value || defaultValues,
+  var _ref3 = value != null ? value : defaultValues,
     isLoggedIn = _ref3.isLoggedIn,
     onLogin = _ref3.onLogin,
     auth = _ref3.auth,
@@ -811,7 +907,7 @@ var AuthenticationProvider = function AuthenticationProvider(_ref2) {
   var authConfig = configURLS;
   // Checks the token expiration time regularly and renews it before it expires.
   var interval = useRef();
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     interval.current = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var currentTime, timeInSecondsLeftBeforeExpiration;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -823,7 +919,7 @@ var AuthenticationProvider = function AuthenticationProvider(_ref2) {
             }
             currentTime = getCurrentTimeInSeconds();
             timeInSecondsLeftBeforeExpiration = auth.expires_at ? auth.expires_at - currentTime : 0;
-            if (!(timeInSecondsLeftBeforeExpiration < 0)) {
+            if (!(timeInSecondsLeftBeforeExpiration < 60)) {
               _context2.next = 6;
               break;
             }
@@ -850,7 +946,7 @@ var AuthenticationProvider = function AuthenticationProvider(_ref2) {
       clearInterval(interval.current);
     };
   }, [auth, configURLS.GW_APP_URL, configURLS.GW_AUTH_CLIENT_ID, configURLS.GW_AUTH_TOKEN_URL, onSetAuth, configURLS, onLogin]);
-  var contextValue = React__default.useMemo(function () {
+  var contextValue = React.useMemo(function () {
     return {
       isLoggedIn: isLoggedIn,
       onLogin: onLogin,
@@ -868,7 +964,7 @@ var AuthenticationProvider = function AuthenticationProvider(_ref2) {
   });
 };
 var useAuthenticationContext = function useAuthenticationContext() {
-  return React__default.useContext(AuthenticationContext);
+  return React.useContext(AuthenticationContext);
 };
 
 var axiosInstance = axios.create({
@@ -881,13 +977,13 @@ var HandleOAuth2Code = function HandleOAuth2Code() {
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
     onLogin = _useAuthenticationCon.onLogin,
     sessionStorageProvider = _useAuthenticationCon.sessionStorageProvider;
-  var _React$useState = React__default.useState(null),
+  var _React$useState = React.useState(null),
     error = _React$useState[0],
     setError = _React$useState[1];
   var _useIsMounted = useIsMounted(),
     isMounted = _useIsMounted.isMounted;
-  var loginInProgress = React__default.useRef(false);
-  var authenticate = React__default.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var loginInProgress = React.useRef(false);
+  var authenticate = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _Object$fromEntries, code, state, isStateRequired, isPkceRequired, payload, useDefaultContentType, data, config, res, newAuth;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -969,9 +1065,10 @@ var HandleOAuth2Code = function HandleOAuth2Code() {
           if (isMounted.current) {
             if (_context.t0 instanceof Error) {
               setError(function () {
+                var _error$stack;
                 return {
                   message: _context.t0.message,
-                  stack: _context.t0.stack || 'Error in HandleOAuth2Code'
+                  stack: (_error$stack = _context.t0.stack) != null ? _error$stack : 'Error in HandleOAuth2Code'
                 };
               });
             }
@@ -988,7 +1085,7 @@ var HandleOAuth2Code = function HandleOAuth2Code() {
       }
     }, _callee, null, [[15, 23]]);
   })), [authConfig, isMounted, onLogin, onSetAuth, sessionStorageProvider]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     var authenticateWithLock = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -1019,17 +1116,17 @@ var HandleOAuth2Code = function HandleOAuth2Code() {
   }, [authenticate, isLoggedIn]);
   return jsxs(Fragment, {
     children: [error ? jsx(Navigate, {
-      to: "/error",
+      replace: true,
       state: {
         error: {
           message: error.message,
           stack: error.stack
         }
       },
-      replace: true
+      to: "/error"
     }) : null, isLoggedIn ? jsx(Navigate, {
-      to: sessionStorageProvider.getCallbackUrl(),
-      replace: true
+      replace: true,
+      to: sessionStorageProvider.getCallbackUrl()
     }) : null]
   });
 };
@@ -1075,7 +1172,7 @@ var getCurrentUrlLocation = function getCurrentUrlLocation(url, appUrl) {
 var OAuth2Login = function OAuth2Login() {
   var _useAuthenticationCon = useAuthenticationContext(),
     authConfig = _useAuthenticationCon.authConfig;
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     var callbackUrl = getCurrentUrlLocation(sessionStorageProvider.getCallbackUrl(), authConfig.GW_APP_URL);
     sessionStorageProvider.setCallbackUrl(callbackUrl);
     window.location.assign(authConfig.GW_AUTH_LOGIN_URL);
@@ -1114,12 +1211,12 @@ var OAuth2Logout = function OAuth2Logout() {
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
     onLogin = _useAuthenticationCon.onLogin,
     sessionStorageProvider = _useAuthenticationCon.sessionStorageProvider;
-  var _React$useState = React__default.useState(true),
+  var _React$useState = React.useState(true),
     showAlert = _React$useState[0],
     setShowAlert = _React$useState[1];
   var _useAuthenticationTra = useAuthenticationTranslation(),
     t = _useAuthenticationTra.t;
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     if (isLoggedIn) {
       setShowAlert(false);
       onSetAuth(null);
@@ -1130,8 +1227,6 @@ var OAuth2Logout = function OAuth2Logout() {
   }, [isLoggedIn, onSetAuth, onLogin, sessionStorageProvider, authConfig.GW_AUTH_LOGOUT_URL]);
   return showAlert ? jsx(ThemeWrapper, {
     children: jsx(AlertBanner, {
-      severity: "info",
-      title: t('auth-logout-you-are-logged-out'),
       info: jsx("p", {
         children: jsxs(Trans, {
           i18nKey: "auth-logout-go-back-to-home-page",
@@ -1141,7 +1236,9 @@ var OAuth2Logout = function OAuth2Logout() {
             children: "Home Page"
           })]
         })
-      })
+      }),
+      severity: "info",
+      title: t('auth-logout-you-are-logged-out')
     })
   }) : null;
 };
@@ -1155,7 +1252,7 @@ var UserMenuRoles = function UserMenuRoles(_ref) {
   var _useAuthenticationTra = useAuthenticationTranslation(),
     t = _useAuthenticationTra.t;
   return jsxs(Fragment, {
-    children: [isLoading && jsx(Box, {
+    children: [isLoading ? jsx(Box, {
       sx: {
         position: 'absolute',
         top: 0,
@@ -1163,10 +1260,10 @@ var UserMenuRoles = function UserMenuRoles(_ref) {
         right: 0
       },
       children: jsx(LinearProgress, {
-        "data-testid": "loading-bar",
-        color: "secondary"
+        color: "secondary",
+        "data-testid": "loading-bar"
       })
-    }), jsxs(FormGroup, {
+    }) : null, jsxs(FormGroup, {
       children: [jsx(FormLabel, {
         component: "legend",
         sx: {
@@ -1176,13 +1273,13 @@ var UserMenuRoles = function UserMenuRoles(_ref) {
           opacity: 1
         },
         children: t('auth-role-title')
-      }), roles && roles.map(function (role) {
+      }), roles == null ? void 0 : roles.map(function (role) {
         return jsx(FormControlLabel, {
           control: jsx(Radio, {
-            disabled: isLoading,
-            checked: currentRole === role.name
+            checked: currentRole === role.name,
+            disabled: isLoading
           }),
-          label: role.getTitle(t),
+          label: t(role.title),
           onChange: function onChange() {
             return onChangeRole(role);
           }
@@ -1199,22 +1296,35 @@ var UserMenuRolesConnect = function UserMenuRolesConnect(_ref) {
     _ref$isAdmin = _ref.isAdmin,
     isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin;
   var defaultRole = isAdmin ? GEOWEB_ROLE_PRESETS_ADMIN.name : GEOWEB_ROLE_USER.name;
-  var _React$useState = React__default.useState(false),
+  var _React$useState = React.useState(false),
     isLoading = _React$useState[0],
     setIsLoading = _React$useState[1];
-  var _React$useState2 = React__default.useState(defaultRole),
+  var _React$useState2 = React.useState(defaultRole),
     currentRole = _React$useState2[0],
     setCurrentRole = _React$useState2[1];
   var dispatch = useDispatch();
   var _useAuthenticationTra = useAuthenticationTranslation(),
     t = _useAuthenticationTra.t;
-  var onFakeRequest = function onFakeRequest() {
-    return new Promise(function (resolve) {
-      setTimeout(function () {
-        resolve();
-      }, 300);
-    });
-  };
+  var onFakeRequest = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", new Promise(function (resolve) {
+              setTimeout(function () {
+                resolve();
+              }, 300);
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onFakeRequest() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var onChangeRole = function onChangeRole(role) {
     setIsLoading(true);
     onFakeRequest().then(function () {
@@ -1224,7 +1334,7 @@ var UserMenuRolesConnect = function UserMenuRolesConnect(_ref) {
         type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
         key: 'auth-role-message-assigned',
         params: {
-          role: role.getTitle(t)
+          role: t(role.title)
         }
       };
       dispatch(snackbarActions.openSnackbar(message));
@@ -1233,10 +1343,10 @@ var UserMenuRolesConnect = function UserMenuRolesConnect(_ref) {
     });
   };
   return jsx(UserMenuRoles, {
-    onChangeRole: onChangeRole,
-    roles: roles,
     currentRole: currentRole,
-    isLoading: isLoading
+    isLoading: isLoading,
+    onChangeRole: onChangeRole,
+    roles: roles
   });
 };
 
@@ -1257,7 +1367,7 @@ var ApiProvider = function ApiProvider(_ref) {
     name = _ref.name,
     apiModuleProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var handleNewApi = React.useCallback(function () {
-    var newApi = createApi == null ? void 0 : createApi(apiModuleProps);
+    var newApi = createApi(apiModuleProps);
     if (name) {
       registerApi(name, newApi);
     }
@@ -1292,24 +1402,25 @@ var generateRandomId = function generateRandomId() {
 var useApi = function useApi(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 apiCall,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
 params, callbacks) {
   var _useIsMounted = useIsMounted(),
     isMounted = _useIsMounted.isMounted;
-  var _React$useState = React.useState(generateRandomId()),
-    id = _React$useState[0];
-  var _React$useState2 = React.useState(true),
-    isLoading = _React$useState2[0],
-    setIsloading = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    error = _React$useState3[0],
-    setError = _React$useState3[1];
-  var _React$useState4 = React.useState(null),
-    result = _React$useState4[0],
-    setResult = _React$useState4[1];
+  // eslint-disable-next-line react/hook-use-state
+  var _useState = useState(generateRandomId()),
+    id = _useState[0];
+  var _useState2 = useState(true),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = useState(null),
+    error = _useState3[0],
+    setError = _useState3[1];
+  var _useState4 = useState(null),
+    result = _useState4[0],
+    setResult = _useState4[1];
   var debouncedParams = useDebounce(JSON.stringify(params), 300);
   // trick so that we don't have to include this in the useEffect dependency array (as it is likely that callbacks changes on every render)
-  var callbacksRef = React.useRef();
+  var callbacksRef = useRef();
   callbacksRef.current = callbacks;
   var handleError = function handleError(newError) {
     if (isMounted.current) {
@@ -1326,7 +1437,7 @@ params, callbacks) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            setIsloading(true);
+            setIsLoading(true);
             setError(null);
             _context.prev = 2;
             _context.next = 5;
@@ -1350,7 +1461,7 @@ params, callbacks) {
             }
           case 12:
             _context.prev = 12;
-            setIsloading(false);
+            setIsLoading(false);
             return _context.finish(12);
           case 15:
           case "end":
@@ -1362,7 +1473,7 @@ params, callbacks) {
       return _ref.apply(this, arguments);
     };
   }();
-  React.useEffect(function () {
+  useEffect(function () {
     fetchApiData(params)["catch"](function (newError) {
       handleError(newError);
     });
@@ -1370,7 +1481,7 @@ params, callbacks) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [debouncedParams]);
   var clearResults = function clearResults() {
-    setIsloading(true);
+    setIsLoading(true);
     setResult(null);
   };
   return {
@@ -1382,4 +1493,4 @@ params, callbacks) {
   };
 };
 
-export { AUTH_NAMESPACE, ApiProvider, AuthenticationContext, AuthenticationProvider, HandleOAuth2Code as Code, GEOWEB_ROLE_PRESETS_ADMIN, GEOWEB_ROLE_USER, KEEP_ALIVE_POLLER_IN_SECONDS, OAuth2Login as Login, OAuth2Logout as Logout, MILLISECOND_TO_SECOND, REFRESH_TOKEN_WHEN_PCT_EXPIRED, UserMenuRoles, UserMenuRolesConnect, apiTranslations, authTranslations, createApiInstance, createFakeApiInstance, createNonAuthApiInstance, fakeApiRequest, getApi, getAuthConfig, getCodeChallenge, getCurrentTimeInSeconds, getCurrentUrlLocation, getRandomString, groupsToRoles, makeCredentialsFromTokenResponse, refreshAccessToken, refreshAccessTokenAndSetAuthContext, useApi, useApiContext, useAuthenticationContext, useAuthenticationDefaultProps };
+export { AUTH_NAMESPACE, ApiProvider, AuthenticationContext, AuthenticationProvider, HandleOAuth2Code as Code, GEOWEB_ROLE_PRESETS_ADMIN, GEOWEB_ROLE_USER, KEEP_ALIVE_POLLER_IN_SECONDS, OAuth2Login as Login, OAuth2Logout as Logout, MILLISECOND_TO_SECOND, REFRESH_TOKEN_WHEN_PCT_EXPIRED, UserMenuRoles, UserMenuRolesConnect, apiTranslations, authTranslations, createApiInstance, createFakeApiInstance, createNonAuthApiInstance, fakeApiRequest, getApi, getAuthConfig, getCodeChallenge, getCurrentTimeInSeconds, getCurrentUrlLocation, getRandomString, groupsToRoles, makeCredentialsFromTokenResponse, refreshAccessToken, refreshAccessTokenAndSetAuthContext, setAuthChangeListener, useApi, useApiContext, useAuthenticationContext, useAuthenticationDefaultProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/authentication",
-  "version": "14.0.1",
+  "version": "14.2.1",
   "description": "GeoWeb authentication library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -10,11 +10,11 @@
   "dependencies": {
     "axios": "^1.7.7",
     "react-router-dom": "^6.23.1",
-    "@opengeoweb/shared": "14.0.1",
-    "@opengeoweb/theme": "14.0.1",
+    "@opengeoweb/shared": "14.2.1",
+    "@opengeoweb/theme": "14.2.1",
     "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
-    "@opengeoweb/snackbar": "14.0.1",
+    "@opengeoweb/snackbar": "14.2.1",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
     "@mui/material": "^7.0.1"

package/src/index.d.ts

@@ -1,5 +1,5 @@
-import authTranslations from '../locales/authentication.json';
 import apiTranslations from '../locales/api.json';
+import authTranslations from '../locales/authentication.json';
 export { default as Code } from './lib/components/pages/Code';
 export { default as Login } from './lib/components/pages/Login';
 export { default as Logout } from './lib/components/pages/Logout';

package/src/lib/components/ApiContext/ApiContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ApiModule, CreateApiFn } from './types';
+import React from 'react';
+import type { ApiModule, CreateApiFn } from './types';
 interface ApiContextState<ApiType> {
     api: ApiType;
 }

package/src/lib/components/ApiContext/index.d.ts

@@ -1,3 +1,3 @@
 export * from './ApiContext';
 export * from './utils';
-export * from './types';
+export type * from './types';

package/src/lib/components/ApiContext/types.d.ts

@@ -1,4 +1,3 @@
-import { TFunction } from 'i18next';
 export interface GeoWebJWT {
     access_token: string;
     refresh_token?: string;
@@ -29,8 +28,8 @@ export interface ApiModule {
 export interface CreateApiProps extends ApiModule {
     timeout?: number;
 }
-export type CreateApiFn = (props: CreateApiProps) => void;
+export type CreateApiFn = (props: CreateApiProps) => unknown;
 export interface Role {
     name: string;
-    getTitle: (t: TFunction) => string;
+    title: string;
 }

package/src/lib/components/ApiContext/utils.d.ts

@@ -1,6 +1,6 @@
-import { AxiosInstance, AxiosResponse } from 'axios';
-import { ConfigType } from '@opengeoweb/shared';
-import { CreateApiProps, Credentials, Role } from './types';
+import type { AxiosInstance, AxiosResponse } from 'axios';
+import type { ConfigType } from '@opengeoweb/shared';
+import type { CreateApiProps, Credentials, Role } from './types';
 export declare const KEEP_ALIVE_POLLER_IN_SECONDS = 60;
 export declare const REFRESH_TOKEN_WHEN_PCT_EXPIRED = 75;
 export declare const MILLISECOND_TO_SECOND: number;

package/src/lib/components/AuthenticationContext/AuthenticationContext.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
-import { AuthenticationConfig, AuthenticationContextProps, AuthenticationDefaultStateProps } from './types';
+import type { AuthenticationConfig, AuthenticationContextProps, AuthenticationDefaultStateProps } from './types';
+import type { Credentials } from '../ApiContext/types';
 export declare const getRandomString: () => string;
 export declare const getCodeChallenge: (codeVerifier: string) => Promise<string>;
 export declare const replaceTemplateKeys: (url: string, clientId: string, appUrl: string, oauthState?: string, codeChallenge?: string) => string;
 export declare const getAuthConfig: (_configUrls: AuthenticationConfig) => AuthenticationConfig;
 export declare const AuthenticationContext: React.Context<AuthenticationContextProps>;
+type OnAuthChange = (isLoggedIn: boolean, auth: Credentials | null) => void;
+export declare const setAuthChangeListener: (listener: OnAuthChange) => void;
 export declare const useAuthenticationDefaultProps: () => AuthenticationDefaultStateProps;
 interface AuthenticationProviderProps {
     children: React.ReactNode;

package/src/lib/components/AuthenticationContext/AuthenticationRenderTestComponent.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Credentials } from '../ApiContext/types';
+import React from 'react';
+import type { Credentials } from '../ApiContext/types';
 interface AuthenticationRenderTestComponentProps {
     auth: Credentials | null;
     newAuth: Credentials;

package/src/lib/components/AuthenticationContext/index.d.ts

@@ -1,2 +1,2 @@
-export { useAuthenticationContext, AuthenticationProvider, useAuthenticationDefaultProps, AuthenticationContext, getAuthConfig, getRandomString, getCodeChallenge, } from './AuthenticationContext';
-export * from './types';
+export { useAuthenticationContext, AuthenticationProvider, useAuthenticationDefaultProps, AuthenticationContext, getAuthConfig, getRandomString, getCodeChallenge, setAuthChangeListener, } from './AuthenticationContext';
+export type * from './types';

package/src/lib/components/AuthenticationContext/types.d.ts

@@ -1,5 +1,5 @@
-import { SessionStorageProvider } from '@opengeoweb/shared';
-import { Credentials, Role } from '../ApiContext/types';
+import type { SessionStorageProvider } from '@opengeoweb/shared';
+import type { Credentials, Role } from '../ApiContext/types';
 export interface AuthenticationConfig {
     GW_AUTH_LOGIN_URL: string;
     GW_AUTH_LOGOUT_URL: string;
@@ -22,3 +22,4 @@ export interface AuthenticationDefaultStateProps {
 export interface AuthenticationContextProps extends AuthenticationDefaultStateProps {
     authConfig: AuthenticationConfig;
 }
+export type AuthChangeListener = (isLoggedIn: boolean, auth: Credentials | null) => void;

package/src/lib/components/Providers/Providers.d.ts

@@ -1,5 +1,5 @@
+import type { Store } from '@reduxjs/toolkit';
 import React from 'react';
-import { Store } from '@reduxjs/toolkit';
 interface AuthTranslationWrapperProps {
     children?: React.ReactNode;
 }

package/src/lib/components/UserMenuRoles/UserMenuRoles.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Role } from '../ApiContext/types';
+import type { Role } from '../ApiContext/types';
 export declare const UserMenuRoles: React.FC<{
     roles?: Role[];
     currentRole?: string;

package/src/lib/components/UserMenuRoles/UserMenuRolesConnect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Role } from '../ApiContext/types';
+import type { Role } from '../ApiContext/types';
 export declare const UserMenuRolesConnect: React.FC<{
     temporaryOnChangeRoleForDemo?: (role: Role) => void;
     roles?: Role[];

package/src/lib/components/apiHooks/useApi.d.ts

@@ -1,4 +1,4 @@
-import { ConfigType } from '@opengeoweb/shared';
+import type { ConfigType } from '@opengeoweb/shared';
 export type ApiParams = string | ConfigType | Record<string, string | undefined> | null;
 interface BaseApiHookProps {
     fetchApiData?: (params: ApiParams) => Promise<void>;

package/src/lib/utils/i18n.d.ts

@@ -1,5 +1,5 @@
 import i18n from 'i18next';
-import { UseTranslationResponse } from 'react-i18next';
+import type { UseTranslationResponse } from 'react-i18next';
 export declare const AUTH_NAMESPACE = "auth";
 export declare const initAuthTestI18n: () => void;
 export declare const useAuthenticationTranslation: () => UseTranslationResponse<typeof AUTH_NAMESPACE, typeof i18n>;