Update Keycloakify and setup referrerURI for account

package.json

@@ -37,8 +37,8 @@
         "evt": "^2.4.15",
         "jwt-decode": "^3.1.2",
         "keycloak-js": "^21.0.1",
-        "keycloakify": "7.9.0-rc.0",
-        "powerhooks": "^0.26.7",
+        "keycloakify": "^7.9.2",
+        "powerhooks": "^0.26.8",
         "react": "18.1.0",
         "react-dom": "18.1.0",
         "tsafe": "^1.6.0"

src/App/App.tsx

@@ -4,16 +4,18 @@ import myimg from "./myimg.png";
 import { createOidcClientProvider, useOidcClient } from "./oidc";
 import { addFooToQueryParams, addBarToQueryParams } from "../keycloak-theme/login/valuesTransferredOverUrl";
 import jwt_decode from "jwt-decode";
+import { addParamToUrl } from "powerhooks/tools/urlSearchParams";
 
 //On older Keycloak version you need the /auth (e.g: http://localhost:8080/auth)
 //On newer version you must remove it (e.g: http://localhost:8080 )
 const keycloakUrl = "https://auth.code.gouv.fr/auth";
 const keycloakRealm = "keycloakify";
+const keycloakClient= "starter";
 
 const { OidcClientProvider } = createOidcClientProvider({
     url: keycloakUrl,
     realm: keycloakRealm,
-    clientId: "starter",
+    clientId: keycloakClient,
     //This function will be called just before redirecting, 
     //it should return the current langue. 
     //kcContext.locale.currentLanguageTag will be what this function returned just before redirecting.  
@@ -40,6 +42,29 @@ function ContextualizedApp() {
 
     const { oidcClient } = useOidcClient();
 
+    let accountUrl = `${keycloakUrl}/realms/${keycloakRealm}/account`;
+
+    // Set the language the user will get on the account page
+    accountUrl = addParamToUrl({
+        "url": accountUrl,
+        "name": "kc_locale",
+        "value": "en"
+    }).newUrl;
+
+    // Enable to redirect to the app from the account page we'll get the referrer_uri under kcContext.url.referrerUri
+    // see: https://technology.first8.nl/add-manage-account-link-keycloak-redhat-sso/
+    accountUrl = addParamToUrl({
+        "url": accountUrl,
+        "name": "referrer",
+        "value": keycloakClient
+    }).newUrl;
+
+    accountUrl = addParamToUrl({
+        "url": accountUrl,
+        "name": "referrer_uri",
+        "value": window.location.href
+    }).newUrl;
+
     return (
         <div className="App">
             <header className="App-header">
@@ -48,7 +73,7 @@ function ContextualizedApp() {
                         <>
                             <h1>You are authenticated !</h1>
                             {/* On older Keycloak version its /auth/realms instead of /realms */}
-                            <a href={`${keycloakUrl}/realms/${keycloakRealm}/account`} target="_blank" rel="noreferrer">Link to your Keycloak account</a>
+                            <a href={accountUrl} target="_blank" rel="noreferrer">Link to your Keycloak account</a>
                             <pre style={{ textAlign: "left" }}>{JSON.stringify(jwt_decode(oidcClient.getAccessToken()), null, 2)}</pre>
                             <button onClick={() => oidcClient.logout({ redirectTo: "home" })}>Logout</button>
                         </>