@opengeoweb/authentication 9.9.0 → 9.10.0

package/index.esm.js

@@ -5,6 +5,8 @@ import { Navigate, useLocation, Link } from 'react-router-dom';
 import { useIsMounted, AlertBanner } from '@opengeoweb/shared';
 import { KEEP_ALIVE_POLLER_IN_SECONDS, MILLISECOND_TO_SECOND, getCurrentTimeInSeconds, refreshAccessTokenAndSetAuthContext, makeCredentialsFromTokenResponse } from '@opengeoweb/api';
 import { ThemeWrapper } from '@opengeoweb/theme';
+import { useTranslation, Trans } from 'react-i18next';
+import 'i18next';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -5004,6 +5006,62 @@ const OAuth2Login = () => {
   return null;
 };
 
+var en = {
+	"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."
+};
+var fi = {
+	"auth-logout-go-back-to-home-page": "🚧 ei käännetty. Go back to the <1>Home Page</1>",
+	"auth-logout-you-are-logged-out": "🚧 ei käännetty"
+};
+var no = {
+	"auth-logout-go-back-to-home-page": "🚧 ikke oversatt. Go back to the <1>Home Page</1>",
+	"auth-logout-you-are-logged-out": "🚧 ikke oversatt"
+};
+var nl = {
+	"auth-logout-go-back-to-home-page": "🚧 niet vertaald. Go back to the <1>Home Page</1>",
+	"auth-logout-you-are-logged-out": "🚧 niet vertaald"
+};
+var authTrans = {
+	en: en,
+	fi: fi,
+	no: no,
+	nl: nl
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const AUTH_NAMESPACE = 'auth';
+
+const AuthTranslationsWrapper = ({
+  children
+}) => {
+  const {
+    i18n
+  } = useTranslation();
+  React.useEffect(() => {
+    i18n.addResourceBundle('en', AUTH_NAMESPACE, authTrans.en);
+    i18n.addResourceBundle('fi', AUTH_NAMESPACE, authTrans.fi);
+    i18n.addResourceBundle('no', AUTH_NAMESPACE, authTrans.no);
+    i18n.addResourceBundle('nl', AUTH_NAMESPACE, authTrans.nl);
+  }, [i18n]);
+  return children;
+};
+
 const OAuth2Logout = () => {
   const {
     onSetAuth,
@@ -5013,6 +5071,9 @@ const OAuth2Logout = () => {
     sessionStorageProvider
   } = useAuthenticationContext();
   const [showAlert, setShowAlert] = React.useState(true);
+  const {
+    t
+  } = useTranslation(AUTH_NAMESPACE);
   React.useEffect(() => {
     if (isLoggedIn) {
       setShowAlert(false);
@@ -5022,16 +5083,23 @@ const OAuth2Logout = () => {
       window.location.assign(authConfig.GW_AUTH_LOGOUT_URL);
     }
   }, [isLoggedIn, onSetAuth, onLogin, sessionStorageProvider, authConfig.GW_AUTH_LOGOUT_URL]);
-  return showAlert ? jsx(ThemeWrapper, {
-    children: jsx(AlertBanner, {
-      severity: "info",
-      title: "You are logged out.",
-      info: jsxs("p", {
-        children: ["Go back to the ", jsx(Link, Object.assign({
-          to: "/"
-        }, {
-          children: "Home Page"
-        }))]
+  return showAlert ? jsx(AuthTranslationsWrapper, {
+    children: jsx(ThemeWrapper, {
+      children: jsx(AlertBanner, {
+        severity: "info",
+        title: t('auth-logout-you-are-logged-out'),
+        info: jsx("p", {
+          children: jsxs(Trans, Object.assign({
+            i18nKey: "auth-logout-go-back-to-home-page",
+            ns: AUTH_NAMESPACE
+          }, {
+            children: ["Go back to the ", jsx(Link, Object.assign({
+              to: "/"
+            }, {
+              children: "Home Page"
+            }))]
+          }))
+        })
       })
     })
   }) : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/authentication",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "description": "GeoWeb authentication library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,7 +12,9 @@
     "@opengeoweb/api": "*",
     "react-router-dom": "^6.21.0",
     "@opengeoweb/shared": "*",
-    "@opengeoweb/theme": "*"
+    "@opengeoweb/theme": "*",
+    "i18next": "^23.7.11",
+    "react-i18next": "^13.5.0"
   },
   "peerDependencies": {
     "react": "18"

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AuthTranslationWrapperProps {
+    children?: React.ReactNode;
+}
+export declare const AuthTranslationsWrapper: React.FC<AuthTranslationWrapperProps>;
+export declare const AuthI18nProvider: React.FC<AuthTranslationWrapperProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './Providers';

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

@@ -0,0 +1,2 @@
+export declare const AUTH_NAMESPACE = "auth";
+export declare const initAuthTestI18n: () => void;