fixes

databox/client/src/components/Root.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {ModalStack} from '@alchemy/navigation';
 import UserPreferencesProvider from './User/Preferences/UserPreferencesProvider';
 import {keycloakClient, oauthClient} from '../api/api-client';
-import {AuthenticationProvider} from '@alchemy/react-auth';
+import {AuthenticationProvider, MatomoUser} from '@alchemy/react-auth';
 import {RouterProvider} from '@alchemy/navigation';
 import {routes} from '../routes.ts';
 import RouteProxy from "./Routing/RouteProxy.tsx";
@@ -19,6 +19,7 @@ export default function Root({}: Props) {
             oauthClient={oauthClient}
             onLogout={onLogout}
         >
+            <MatomoUser/>
             <ModalStack>
                 <UserPreferencesProvider>
                     <RouterProvider

expose/client/src/component/Root.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {ModalStack} from '@alchemy/navigation';
 import {keycloakClient, oauthClient} from '../lib/api-client';
-import {AuthenticationProvider} from '@alchemy/react-auth';
+import {AuthenticationProvider, MatomoUser} from '@alchemy/react-auth';
 import App from './App.tsx';
 
 type Props = {};
@@ -12,6 +12,7 @@ export default function Root({}: Props) {
     }, []);
 
     return <AuthenticationProvider oauthClient={oauthClient} onLogout={onLogout}>
+        <MatomoUser/>
         <ModalStack>
             <App/>
         </ModalStack>

lib/js/react-auth/index.ts

@@ -4,6 +4,7 @@ import {useAuth} from "./src/hooks/useAuth";
 import {useKeycloakUser, useUser, UseUserReturn} from "./src/hooks/useUser";
 import {useKeycloakUrls} from "./src/hooks/useKeycloakUrls";
 import AuthorizationCodePage from "./src/components/AuthorizationCodePage";
+import MatomoUser from "./src/components/MatomoUser";
 
 export {
     AuthenticationContext,
@@ -13,6 +14,7 @@ export {
     useUser,
     useKeycloakUser,
     useKeycloakUrls,
+    MatomoUser,
 };
 export type {
     TAuthContext,

lib/js/react-auth/package.json

@@ -30,6 +30,7 @@
     "typescript": "^5.3.2",
     "react-i18next": "^13.5.0",
     "react-router-dom": "^6.20.0",
-    "@mui/material": "^5.14.19"
+    "@mui/material": "^5.14.19",
+    "@jonkoops/matomo-tracker-react": "^0.7.0"
   }
 }

lib/js/react-auth/src/components/MatomoUser.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import {useUser} from "../hooks/useUser";
+import {useMatomo} from "@jonkoops/matomo-tracker-react";
+
+type Props = {
+    idProp?: string;
+};
+
+export default function MatomoUser({
+    idProp = 'sub'
+}: Props) {
+    const {user} = useUser<Record<string, string>>();
+    const {pushInstruction} = useMatomo();
+
+    React.useEffect(() => {
+        pushInstruction('setUserId', user ? (user[idProp] as string) : null);
+    }, []);
+
+    return null
+}