@micha.bigler/ui-core-micha 2.1.16 → 2.1.17

package/dist/auth/AuthContext.js

@@ -7,6 +7,11 @@ export const AuthContext = createContext(null);
 export const AuthProvider = ({ children }) => {
     const [user, setUser] = useState(null);
     const [loading, setLoading] = useState(true);
+    const mapUserFromApi = (data) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        const profile = (data === null || data === void 0 ? void 0 : data.profile) || {};
+        return Object.assign(Object.assign({}, data), { id: data === null || data === void 0 ? void 0 : data.id, username: data === null || data === void 0 ? void 0 : data.username, email: data === null || data === void 0 ? void 0 : data.email, first_name: data === null || data === void 0 ? void 0 : data.first_name, last_name: data === null || data === void 0 ? void 0 : data.last_name, role: (_b = (_a = data === null || data === void 0 ? void 0 : data.role) !== null && _a !== void 0 ? _a : profile === null || profile === void 0 ? void 0 : profile.role) !== null && _b !== void 0 ? _b : null, language: (_d = (_c = data === null || data === void 0 ? void 0 : data.language) !== null && _c !== void 0 ? _c : profile === null || profile === void 0 ? void 0 : profile.language) !== null && _d !== void 0 ? _d : 'en', is_superuser: Boolean(data === null || data === void 0 ? void 0 : data.is_superuser), is_new: Boolean((_e = data === null || data === void 0 ? void 0 : data.is_new) !== null && _e !== void 0 ? _e : profile === null || profile === void 0 ? void 0 : profile.is_new), is_invited: Boolean((_f = data === null || data === void 0 ? void 0 : data.is_invited) !== null && _f !== void 0 ? _f : profile === null || profile === void 0 ? void 0 : profile.is_invited), accepted_privacy_statement: Boolean((_g = data === null || data === void 0 ? void 0 : data.accepted_privacy_statement) !== null && _g !== void 0 ? _g : profile === null || profile === void 0 ? void 0 : profile.accepted_privacy_statement), accepted_convenience_cookies: Boolean((_h = data === null || data === void 0 ? void 0 : data.accepted_convenience_cookies) !== null && _h !== void 0 ? _h : profile === null || profile === void 0 ? void 0 : profile.accepted_convenience_cookies), is_support_agent: Boolean((_j = data === null || data === void 0 ? void 0 : data.is_support_agent) !== null && _j !== void 0 ? _j : profile === null || profile === void 0 ? void 0 : profile.is_support_agent), support_contact_id: (_l = (_k = data === null || data === void 0 ? void 0 : data.support_contact_id) !== null && _k !== void 0 ? _k : profile === null || profile === void 0 ? void 0 : profile.support_contact_id) !== null && _l !== void 0 ? _l : null, security_state: data === null || data === void 0 ? void 0 : data.security_state, available_roles: (data === null || data === void 0 ? void 0 : data.available_roles) || [], ui_permissions: (data === null || data === void 0 ? void 0 : data.ui_permissions) || {}, can_manage_support_agents: Boolean(data === null || data === void 0 ? void 0 : data.can_manage_support_agents), can_manage: Boolean(data === null || data === void 0 ? void 0 : data.can_manage), is_active: data === null || data === void 0 ? void 0 : data.is_active, last_login: data === null || data === void 0 ? void 0 : data.last_login, date_joined: data === null || data === void 0 ? void 0 : data.date_joined });
+    };
     useEffect(() => {
         let isMounted = true;
         const initAuth = async () => {
@@ -16,19 +21,7 @@ export const AuthProvider = ({ children }) => {
                 // 2) Load user
                 const data = await fetchCurrentUser();
                 if (isMounted) {
-                    // Map data to ensure consistent structure
-                    setUser({
-                        id: data.id,
-                        username: data.username,
-                        email: data.email,
-                        first_name: data.first_name,
-                        last_name: data.last_name,
-                        role: data.role,
-                        is_superuser: data.is_superuser,
-                        security_state: data.security_state,
-                        available_roles: data.available_roles,
-                        ui_permissions: data.ui_permissions,
-                    });
+                    setUser(mapUserFromApi(data));
                 }
             }
             catch (err) {
@@ -45,7 +38,7 @@ export const AuthProvider = ({ children }) => {
         return () => { isMounted = false; };
     }, []);
     const login = (userData) => {
-        setUser((prev) => (Object.assign(Object.assign({}, prev), userData)));
+        setUser((prev) => (Object.assign(Object.assign({}, prev), mapUserFromApi(userData))));
     };
     const logout = async () => {
         try {

package/dist/auth/authApi.js

@@ -24,6 +24,21 @@ export async function updateUserProfile(data) {
         throw normaliseApiError(error, 'Auth.PROFILE_UPDATE_FAILED');
     }
 }
+function normalizeStatementText(data) {
+    if (typeof data === 'string')
+        return data;
+    if (data && typeof data.content === 'string')
+        return data.content;
+    return '';
+}
+export async function fetchPrivacyStatement() {
+    const res = await apiClient.get('/api/utils/privacy/');
+    return normalizeStatementText(res.data);
+}
+export async function fetchCookieStatement() {
+    const res = await apiClient.get('/api/utils/cookie/');
+    return normalizeStatementText(res.data);
+}
 export async function fetchHeadlessSession() {
     const res = await apiClient.get(`${HEADLESS_BASE}/auth/session`);
     return res.data;

package/dist/components/AccessCodeManager.js

@@ -90,7 +90,7 @@ export function AccessCodeManager() {
     if (loading) {
         return (_jsx(Box, { sx: { py: 3, display: 'flex', justifyContent: 'center' }, children: _jsx(CircularProgress, {}) }));
     }
-    return (_jsxs(Box, { sx: { mt: 2 }, children: [errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), successKey && (_jsx(Alert, { severity: "success", sx: { mb: 2 }, children: t(successKey) })), _jsxs(Box, { sx: { mb: 3 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Auth.ACCESS_CODE_SECTION_ACTIVE') }), codes.length === 0 ? (_jsx(Typography, { variant: "body2", children: t('Auth.ACCESS_CODE_NONE') })) : (_jsx(Stack, { direction: "row", flexWrap: "wrap", gap: 1, children: codes.map((code) => (_jsx(Chip, { label: code.code, onDelete: () => handleDelete(code.id), deleteIcon: _jsx(CloseIcon, {}) }, code.id))) }))] }), _jsxs(Box, { sx: { mb: 3 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Auth.ACCESS_CODE_SECTION_GENERATE') }), _jsxs(Box, { sx: { maxWidth: 360 }, children: [_jsx(Typography, { variant: "body2", gutterBottom: true, children: t('Auth.ACCESS_CODE_LENGTH_LABEL', { length }) }), _jsx(Slider, { min: 6, max: 32, step: 1, value: length, onChange: (_, val) => setLength(val), valueLabelDisplay: "auto", disabled: submitting })] }), _jsx(Button, { variant: "contained", sx: { mt: 1 }, onClick: handleGenerateClick, disabled: submitting, children: submitting
+    return (_jsxs(Box, { children: [errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), successKey && (_jsx(Alert, { severity: "success", sx: { mb: 2 }, children: t(successKey) })), _jsxs(Box, { sx: { mb: 3 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Auth.ACCESS_CODE_SECTION_ACTIVE') }), codes.length === 0 ? (_jsx(Typography, { variant: "body2", children: t('Auth.ACCESS_CODE_NONE') })) : (_jsx(Stack, { direction: "row", flexWrap: "wrap", gap: 1, children: codes.map((code) => (_jsx(Chip, { label: code.code, onDelete: () => handleDelete(code.id), deleteIcon: _jsx(CloseIcon, {}) }, code.id))) }))] }), _jsxs(Box, { sx: { mb: 3 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Auth.ACCESS_CODE_SECTION_GENERATE') }), _jsxs(Box, { sx: { maxWidth: 360 }, children: [_jsx(Typography, { variant: "body2", gutterBottom: true, children: t('Auth.ACCESS_CODE_LENGTH_LABEL', { length }) }), _jsx(Slider, { min: 6, max: 32, step: 1, value: length, onChange: (_, val) => setLength(val), valueLabelDisplay: "auto", disabled: submitting })] }), _jsx(Button, { variant: "contained", sx: { mt: 1 }, onClick: handleGenerateClick, disabled: submitting, children: submitting
                             ? t('Auth.SAVE_BUTTON_LOADING')
                             : t('Auth.ACCESS_CODE_GENERATE_BUTTON') })] }), _jsxs(Box, { sx: { mb: 2, maxWidth: 360 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Auth.ACCESS_CODE_SECTION_MANUAL') }), _jsxs(Box, { sx: { display: 'flex', gap: 1 }, children: [_jsx(TextField, { label: t('Auth.ACCESS_CODE_LABEL'), fullWidth: true, value: manualCode, onChange: (e) => setManualCode(e.target.value), disabled: submitting }), _jsx(Button, { variant: "outlined", onClick: handleAddManual, disabled: submitting, children: t('Auth.ACCESS_CODE_ADD_BUTTON') })] })] })] }));
 }

package/dist/components/BulkInviteCsvTab.js

@@ -89,7 +89,7 @@ export function BulkInviteCsvTab({ inviteFn = (email) => requestInviteWithCode(e
         if (onCompleted)
             onCompleted(nextResults);
     };
-    return (_jsxs(Box, { sx: { mt: 1 }, children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Account.BULK_INVITE_TITLE', 'Bulk Invite via CSV') }), _jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Account.BULK_INVITE_HINT', 'Upload a CSV file containing email addresses. Header "email" is supported.') }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), success && _jsx(Alert, { severity: "success", sx: { mb: 2 }, children: success }), _jsxs(Box, { sx: { display: 'flex', gap: 2, alignItems: 'center', mb: 2, flexWrap: 'wrap' }, children: [_jsxs(Button, { variant: "outlined", component: "label", disabled: busy, children: [t('Account.BULK_INVITE_UPLOAD', 'Upload CSV'), _jsx("input", { type: "file", accept: ".csv,text/csv", hidden: true, onChange: handleFile })] }), _jsx(Button, { variant: "contained", onClick: handleInviteAll, disabled: busy || emails.length === 0, children: t('Account.BULK_INVITE_SEND', 'Send Invites') }), _jsx(Typography, { variant: "body2", children: t('Account.BULK_INVITE_COUNT', '{{count}} emails loaded', { count: emails.length }) })] }), busy && (_jsx(Box, { sx: { mb: 2 }, children: _jsx(LinearProgress, { variant: "determinate", value: progress }) })), emails.length > 0 && (_jsx(TableContainer, { component: Paper, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: t('Auth.EMAIL_LABEL', 'Email') }), _jsx(TableCell, { children: t('Common.STATUS', 'Status') }), _jsx(TableCell, { children: t('Common.DETAILS', 'Details') })] }) }), _jsx(TableBody, { children: emails.map((email) => {
+    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Account.BULK_INVITE_TITLE', 'Bulk Invite via CSV') }), _jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Account.BULK_INVITE_HINT', 'Upload a CSV file containing email addresses. Header "email" is supported.') }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), success && _jsx(Alert, { severity: "success", sx: { mb: 2 }, children: success }), _jsxs(Box, { sx: { display: 'flex', gap: 2, alignItems: 'center', mb: 2, flexWrap: 'wrap' }, children: [_jsxs(Button, { variant: "outlined", component: "label", disabled: busy, children: [t('Account.BULK_INVITE_UPLOAD', 'Upload CSV'), _jsx("input", { type: "file", accept: ".csv,text/csv", hidden: true, onChange: handleFile })] }), _jsx(Button, { variant: "contained", onClick: handleInviteAll, disabled: busy || emails.length === 0, children: t('Account.BULK_INVITE_SEND', 'Send Invites') }), _jsx(Typography, { variant: "body2", children: t('Account.BULK_INVITE_COUNT', '{{count}} emails loaded', { count: emails.length }) })] }), busy && (_jsx(Box, { sx: { mb: 2 }, children: _jsx(LinearProgress, { variant: "determinate", value: progress }) })), emails.length > 0 && (_jsx(TableContainer, { component: Paper, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: t('Auth.EMAIL_LABEL', 'Email') }), _jsx(TableCell, { children: t('Common.STATUS', 'Status') }), _jsx(TableCell, { children: t('Common.DETAILS', 'Details') })] }) }), _jsx(TableBody, { children: emails.map((email) => {
                                 const row = results[email];
                                 return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: email }), _jsx(TableCell, { children: row ? (row.ok ? t('Common.SUCCESS', 'Success') : t('Common.ERROR', 'Error')) : '-' }), _jsx(TableCell, { children: (row === null || row === void 0 ? void 0 : row.message) || '-' })] }, email));
                             }) })] }) })), done > 0 && (_jsxs(Typography, { variant: "body2", sx: { mt: 2 }, children: [t('Account.BULK_INVITE_PROGRESS', '{{done}} / {{total}} processed', { done, total }), ' - ', t('Account.BULK_INVITE_SUCCESS_COUNT', '{{count}} successful', { count: successCount })] }))] }));

package/dist/components/ProfileComponent.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // src/components/ProfileComponent.jsx
 import React, { useEffect, useState, useContext } from 'react';
-import { Box, Stack, TextField, FormControlLabel, Checkbox, Button, CircularProgress, Alert, Typography, } from '@mui/material';
+import { Box, Stack, TextField, FormControlLabel, Checkbox, Button, CircularProgress, Alert, Typography, Accordion, AccordionSummary, AccordionDetails, } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 // WICHTIG: Importiere den Context, um die bereits geladenen Daten zu nutzen
 import { AuthContext } from '../auth/AuthContext';
-export function ProfileComponent({ onSubmit, submitText, showName = true, showPrivacy = true, showCookies = true, }) {
+import { fetchCookieStatement, fetchPrivacyStatement } from '../auth/authApi';
+export function ProfileComponent({ onSubmit, submitText, showName = true, showPrivacy = true, showCookies = true, showStatements = true, privacyStatementText = null, cookieStatementText = null, }) {
     const { t } = useTranslation();
     // WICHTIG: Wir holen den User direkt aus dem globalen State
     // Das verhindert den doppelten Request und den ReferenceError
@@ -20,6 +21,10 @@ export function ProfileComponent({ onSubmit, submitText, showName = true, showPr
     const [lastName, setLastName] = useState('');
     const [acceptedPrivacy, setAcceptedPrivacy] = useState(false);
     const [acceptedCookies, setAcceptedCookies] = useState(false);
+    const [privacyStatement, setPrivacyStatement] = useState(privacyStatementText || '');
+    const [cookieStatement, setCookieStatement] = useState(cookieStatementText || '');
+    const [loadingPrivacyStatement, setLoadingPrivacyStatement] = useState(false);
+    const [loadingCookieStatement, setLoadingCookieStatement] = useState(false);
     // Synchronisiere Formular-Daten, sobald der User aus dem Context da ist
     useEffect(() => {
         var _a, _b, _c, _d;
@@ -32,6 +37,59 @@ export function ProfileComponent({ onSubmit, submitText, showName = true, showPr
             setAcceptedCookies(Boolean(user.accepted_convenience_cookies));
         }
     }, [user]);
+    useEffect(() => {
+        if (privacyStatementText !== null && privacyStatementText !== undefined) {
+            setPrivacyStatement(String(privacyStatementText));
+        }
+    }, [privacyStatementText]);
+    useEffect(() => {
+        if (cookieStatementText !== null && cookieStatementText !== undefined) {
+            setCookieStatement(String(cookieStatementText));
+        }
+    }, [cookieStatementText]);
+    useEffect(() => {
+        let cancelled = false;
+        const loadStatements = async () => {
+            if (!showStatements)
+                return;
+            if (showPrivacy && (privacyStatementText === null || privacyStatementText === undefined)) {
+                setLoadingPrivacyStatement(true);
+                try {
+                    const text = await fetchPrivacyStatement();
+                    if (!cancelled)
+                        setPrivacyStatement(text || '');
+                }
+                catch (err) {
+                    if (!cancelled)
+                        setPrivacyStatement('');
+                }
+                finally {
+                    if (!cancelled)
+                        setLoadingPrivacyStatement(false);
+                }
+            }
+            if (showCookies && (cookieStatementText === null || cookieStatementText === undefined)) {
+                setLoadingCookieStatement(true);
+                try {
+                    const text = await fetchCookieStatement();
+                    if (!cancelled)
+                        setCookieStatement(text || '');
+                }
+                catch (err) {
+                    if (!cancelled)
+                        setCookieStatement('');
+                }
+                finally {
+                    if (!cancelled)
+                        setLoadingCookieStatement(false);
+                }
+            }
+        };
+        loadStatements();
+        return () => {
+            cancelled = true;
+        };
+    }, [showStatements, showPrivacy, showCookies, privacyStatementText, cookieStatementText]);
     const handleSubmit = async (event) => {
         event.preventDefault();
         if (!onSubmit)
@@ -39,12 +97,14 @@ export function ProfileComponent({ onSubmit, submitText, showName = true, showPr
         setSaving(true);
         setErrorKey(null);
         setSuccessKey(null);
-        const payload = {
+        const payload = Object.assign(Object.assign(Object.assign({}, (showName && {
             first_name: firstName,
             last_name: lastName,
+        })), (showPrivacy && {
             accepted_privacy_statement: acceptedPrivacy,
+        })), (showCookies && {
             accepted_convenience_cookies: acceptedCookies,
-        };
+        }));
         try {
             await onSubmit(payload);
             setSuccessKey('Profile.UPDATE_SUCCESS');
@@ -68,5 +128,5 @@ export function ProfileComponent({ onSubmit, submitText, showName = true, showPr
     }
     const submitLabel = submitText || t('Profile.SAVE_BUTTON');
     const submitLabelLoading = t('Profile.SAVE_BUTTON_LOADING');
-    return (_jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { maxWidth: 600, display: 'flex', flexDirection: 'column', gap: 2 }, children: [errorKey && (_jsx(Alert, { severity: "error", children: t(errorKey) })), successKey && (_jsx(Alert, { severity: "success", children: t(successKey) })), _jsxs(Stack, { spacing: 2, children: [_jsx(TextField, { label: t('Profile.USERNAME_LABEL'), value: username, fullWidth: true, disabled: true }), _jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", value: email, fullWidth: true, disabled: true })] }), showName && (_jsxs(Stack, { spacing: 2, direction: { xs: 'column', sm: 'row' }, children: [_jsx(TextField, { label: t('Profile.FIRST_NAME_LABEL'), value: firstName, onChange: (e) => setFirstName(e.target.value), fullWidth: true }), _jsx(TextField, { label: t('Profile.LAST_NAME_LABEL'), value: lastName, onChange: (e) => setLastName(e.target.value), fullWidth: true })] })), (showPrivacy || showCookies) && (_jsxs(Box, { sx: { mt: 1 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Profile.PRIVACY_SECTION_TITLE') }), _jsxs(Stack, { spacing: 1, children: [showPrivacy && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acceptedPrivacy, onChange: (e) => setAcceptedPrivacy(e.target.checked) }), label: t('Profile.ACCEPT_PRIVACY_LABEL') })), showCookies && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acceptedCookies, onChange: (e) => setAcceptedCookies(e.target.checked) }), label: t('Profile.ACCEPT_COOKIES_LABEL') }))] })] })), _jsx(Box, { sx: { mt: 2 }, children: _jsx(Button, { type: "submit", variant: "contained", disabled: saving, children: saving ? submitLabelLoading : submitLabel }) })] }));
+    return (_jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { maxWidth: 600, display: 'flex', flexDirection: 'column', gap: 2 }, children: [errorKey && (_jsx(Alert, { severity: "error", children: t(errorKey) })), successKey && (_jsx(Alert, { severity: "success", children: t(successKey) })), _jsxs(Stack, { spacing: 2, children: [_jsx(TextField, { label: t('Profile.USERNAME_LABEL'), value: username, fullWidth: true, disabled: true }), _jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", value: email, fullWidth: true, disabled: true })] }), showName && (_jsxs(Stack, { spacing: 2, direction: { xs: 'column', sm: 'row' }, children: [_jsx(TextField, { label: t('Profile.FIRST_NAME_LABEL'), value: firstName, onChange: (e) => setFirstName(e.target.value), fullWidth: true }), _jsx(TextField, { label: t('Profile.LAST_NAME_LABEL'), value: lastName, onChange: (e) => setLastName(e.target.value), fullWidth: true })] })), (showPrivacy || showCookies) && (_jsxs(Box, { sx: { mt: 1 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Profile.PRIVACY_SECTION_TITLE') }), _jsxs(Stack, { spacing: 1, children: [showPrivacy && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acceptedPrivacy, onChange: (e) => setAcceptedPrivacy(e.target.checked) }), label: t('Profile.ACCEPT_PRIVACY_LABEL') })), showCookies && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acceptedCookies, onChange: (e) => setAcceptedCookies(e.target.checked) }), label: t('Profile.ACCEPT_COOKIES_LABEL') }))] }), showStatements && (_jsxs(Stack, { spacing: 1.25, sx: { mt: 1.5 }, children: [showPrivacy && (_jsxs(Accordion, { disableGutters: true, children: [_jsx(AccordionSummary, { children: _jsx(Typography, { variant: "body2", fontWeight: 600, children: t('Profile.PRIVACY_STATEMENT_TITLE', 'Privacy statement') }) }), _jsx(AccordionDetails, { children: loadingPrivacyStatement ? (_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('Profile.STATEMENT_LOADING', 'Loading statement...') })) : (_jsx(Typography, { variant: "body2", sx: { whiteSpace: 'pre-wrap' }, children: privacyStatement || t('Profile.PRIVACY_STATEMENT_EMPTY', 'Privacy statement is currently unavailable.') })) })] })), showCookies && (_jsxs(Accordion, { disableGutters: true, children: [_jsx(AccordionSummary, { children: _jsx(Typography, { variant: "body2", fontWeight: 600, children: t('Profile.COOKIES_STATEMENT_TITLE', 'Cookie statement') }) }), _jsx(AccordionDetails, { children: loadingCookieStatement ? (_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('Profile.STATEMENT_LOADING', 'Loading statement...') })) : (_jsx(Typography, { variant: "body2", sx: { whiteSpace: 'pre-wrap' }, children: cookieStatement || t('Profile.COOKIES_STATEMENT_EMPTY', 'Cookie statement is currently unavailable.') })) })] }))] }))] })), _jsx(Box, { sx: { mt: 2 }, children: _jsx(Button, { type: "submit", variant: "contained", disabled: saving, children: saving ? submitLabelLoading : submitLabel }) })] }));
 }

package/dist/components/UserInviteComponent.js

@@ -32,7 +32,7 @@ export function UserInviteComponent() {
             setLoading(false);
         }
     };
-    return (_jsxs(Box, { sx: { maxWidth: 600, mt: 2 }, children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.INVITE_TITLE', 'Invite a new user') }), message && _jsx(Alert, { severity: "success", sx: { mb: 2 }, children: message }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), _jsxs(Box, { sx: { display: 'flex', gap: 2, alignItems: 'flex-start' }, children: [_jsx(TextField, { label: t('Auth.EMAIL_LABEL', 'Email address'), type: "email", variant: "outlined", fullWidth: true, size: "small", value: inviteEmail, onChange: (e) => setInviteEmail(e.target.value), disabled: loading, onKeyPress: (e) => {
+    return (_jsxs(Box, { sx: { maxWidth: 600 }, children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.INVITE_TITLE', 'Invite a new user') }), message && _jsx(Alert, { severity: "success", sx: { mb: 2 }, children: message }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), _jsxs(Box, { sx: { display: 'flex', gap: 2, alignItems: 'flex-start' }, children: [_jsx(TextField, { label: t('Auth.EMAIL_LABEL', 'Email address'), type: "email", variant: "outlined", fullWidth: true, size: "small", value: inviteEmail, onChange: (e) => setInviteEmail(e.target.value), disabled: loading, onKeyPress: (e) => {
                             if (e.key === 'Enter')
                                 inviteUser();
                         } }), _jsx(Button, { variant: "contained", onClick: inviteUser, disabled: loading || !inviteEmail, sx: { minWidth: 100, height: 40 }, children: loading ? _jsx(CircularProgress, { size: 24, color: "inherit" }) : t('Auth.INVITE_BUTTON', 'Invite') })] })] }));

package/dist/components/UserListComponent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo, useState, useEffect } from 'react';
-import { Box, Typography, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, FormControl, Select, MenuItem, Button, IconButton, Tooltip, CircularProgress, Alert } from '@mui/material';
+import { Box, Typography, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, FormControl, Select, MenuItem, Button, Tooltip, CircularProgress, Alert, TableSortLabel, TextField } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { useTranslation } from 'react-i18next';
 import { fetchUsersList, deleteUser, updateUserRole, updateUserSupportStatus } from '../auth/authApi';
@@ -11,6 +11,11 @@ export function UserListComponent({ roles = DEFAULT_ROLES, currentUser, extraCol
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     const [rowActionLoading, setRowActionLoading] = useState({});
+    const [searchQuery, setSearchQuery] = useState('');
+    const [sortConfig, setSortConfig] = useState({ key: 'id', direction: 'asc' });
+    const cellSx = { verticalAlign: 'middle' };
+    const controlSx = { minWidth: 140 };
+    const actionButtonSx = { textTransform: 'none', minWidth: 90 };
     const loadUsers = async () => {
         setLoading(true);
         setError(null);
@@ -18,7 +23,15 @@ export function UserListComponent({ roles = DEFAULT_ROLES, currentUser, extraCol
             // FIX: Removed apiUrl parameter. 
             // fetchUsersList uses USERS_BASE from authConfig internally.
             const data = await fetchUsersList();
-            setUsers(data);
+            const list = Array.isArray(data) ? data : (Array.isArray(data === null || data === void 0 ? void 0 : data.results) ? data.results : []);
+            // Keep row identity stable even if backend returns unordered results.
+            list.sort((a, b) => {
+                var _a, _b;
+                const aId = Number((_a = a === null || a === void 0 ? void 0 : a.id) !== null && _a !== void 0 ? _a : 0);
+                const bId = Number((_b = b === null || b === void 0 ? void 0 : b.id) !== null && _b !== void 0 ? _b : 0);
+                return aId - bId;
+            });
+            setUsers(list);
         }
         catch (err) {
             setError(err.code || 'Auth.USER_LIST_FAILED');
@@ -47,7 +60,7 @@ export function UserListComponent({ roles = DEFAULT_ROLES, currentUser, extraCol
         try {
             // FIX: Removed apiUrl parameter.
             await updateUserRole(userId, newRole);
-            loadUsers();
+            await loadUsers();
         }
         catch (err) {
             alert(t(err.code || 'Auth.USER_ROLE_UPDATE_FAILED'));
@@ -57,7 +70,7 @@ export function UserListComponent({ roles = DEFAULT_ROLES, currentUser, extraCol
         try {
             // FIX: Removed apiUrl parameter.
             await updateUserSupportStatus(userId, newValue);
-            loadUsers();
+            await loadUsers();
         }
         catch (err) {
             alert(t(err.code || 'Auth.USER_UPDATE_FAILED'));
@@ -95,6 +108,135 @@ export function UserListComponent({ roles = DEFAULT_ROLES, currentUser, extraCol
     }), [currentUser, extraContext, t]);
     const visibleExtraColumns = useMemo(() => extraColumns.filter((column) => typeof column.visible === 'function' ? column.visible(listContext) : true), [extraColumns, listContext]);
     const visibleRowActions = useMemo(() => extraRowActions.filter((action) => typeof action.visible === 'function' ? action.visible(listContext) : true), [extraRowActions, listContext]);
+    const getUserDisplayName = (user) => {
+        if ((user === null || user === void 0 ? void 0 : user.first_name) || (user === null || user === void 0 ? void 0 : user.last_name)) {
+            return `${user.first_name || ''} ${user.last_name || ''}`.trim();
+        }
+        return (user === null || user === void 0 ? void 0 : user.username) || '';
+    };
+    const getExtraColumnSortValue = (column, user) => {
+        var _a;
+        const valueContext = { user, currentUser, extraContext, t };
+        if (typeof column.getSortValue === 'function') {
+            return column.getSortValue(valueContext);
+        }
+        if (typeof column.sortValue === 'function') {
+            return column.sortValue(valueContext);
+        }
+        if (typeof column.getSearchValue === 'function') {
+            return column.getSearchValue(valueContext);
+        }
+        if ((user === null || user === void 0 ? void 0 : user[column.key]) !== undefined)
+            return user[column.key];
+        if (((_a = user === null || user === void 0 ? void 0 : user.profile) === null || _a === void 0 ? void 0 : _a[column.key]) !== undefined)
+            return user.profile[column.key];
+        return '';
+    };
+    const getExtraColumnSearchValue = (column, user) => {
+        const valueContext = { user, currentUser, extraContext, t };
+        if (typeof column.getSearchValue === 'function') {
+            return column.getSearchValue(valueContext);
+        }
+        return getExtraColumnSortValue(column, user);
+    };
+    const normalizeSortValue = (value) => {
+        if (value === null || value === undefined)
+            return '';
+        if (typeof value === 'boolean')
+            return value ? 1 : 0;
+        if (typeof value === 'number')
+            return value;
+        if (value instanceof Date)
+            return value.getTime();
+        return String(value).toLocaleLowerCase();
+    };
+    const compareSortValues = (a, b) => {
+        const av = normalizeSortValue(a);
+        const bv = normalizeSortValue(b);
+        if (typeof av === 'number' && typeof bv === 'number') {
+            return av - bv;
+        }
+        return String(av).localeCompare(String(bv), undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    };
+    const getSortValueByKey = (user, sortKey) => {
+        var _a, _b;
+        if (sortKey === 'id')
+            return Number((_a = user === null || user === void 0 ? void 0 : user.id) !== null && _a !== void 0 ? _a : 0);
+        if (sortKey === 'email')
+            return (user === null || user === void 0 ? void 0 : user.email) || '';
+        if (sortKey === 'name')
+            return getUserDisplayName(user);
+        if (sortKey === 'role')
+            return (user === null || user === void 0 ? void 0 : user.role) || '';
+        if (sortKey === 'is_support_agent')
+            return Boolean(user === null || user === void 0 ? void 0 : user.is_support_agent);
+        if (sortKey.startsWith('extra:')) {
+            const extraKey = sortKey.slice('extra:'.length);
+            const column = visibleExtraColumns.find((col) => String(col.key) === extraKey);
+            if (!column)
+                return '';
+            return getExtraColumnSortValue(column, user);
+        }
+        return (_b = user === null || user === void 0 ? void 0 : user[sortKey]) !== null && _b !== void 0 ? _b : '';
+    };
+    const toSearchText = (value) => {
+        if (value === null || value === undefined)
+            return '';
+        if (Array.isArray(value))
+            return value.map((item) => toSearchText(item)).join(' ');
+        if (typeof value === 'object')
+            return Object.values(value).map((item) => toSearchText(item)).join(' ');
+        return String(value).toLocaleLowerCase();
+    };
+    const getSearchBucketForUser = (user) => {
+        const baseValues = [
+            user === null || user === void 0 ? void 0 : user.id,
+            user === null || user === void 0 ? void 0 : user.email,
+            user === null || user === void 0 ? void 0 : user.username,
+            user === null || user === void 0 ? void 0 : user.first_name,
+            user === null || user === void 0 ? void 0 : user.last_name,
+            getUserDisplayName(user),
+            user === null || user === void 0 ? void 0 : user.role,
+            user === null || user === void 0 ? void 0 : user.language,
+            (user === null || user === void 0 ? void 0 : user.is_support_agent) ? t('Common.YES', 'Yes') : t('Common.NO', 'No'),
+        ];
+        const extraValues = visibleExtraColumns.map((column) => getExtraColumnSearchValue(column, user));
+        return [...baseValues, ...extraValues].map((value) => toSearchText(value)).filter(Boolean);
+    };
+    const normalizedSearch = searchQuery.trim().toLocaleLowerCase();
+    const filteredAndSortedUsers = useMemo(() => {
+        const filtered = users.filter((user) => {
+            if (!normalizedSearch)
+                return true;
+            const bucket = getSearchBucketForUser(user);
+            return bucket.some((entry) => entry.includes(normalizedSearch));
+        });
+        const sorted = [...filtered].sort((a, b) => {
+            var _a, _b;
+            const aValue = getSortValueByKey(a, sortConfig.key);
+            const bValue = getSortValueByKey(b, sortConfig.key);
+            const cmp = compareSortValues(aValue, bValue);
+            if (cmp !== 0)
+                return sortConfig.direction === 'asc' ? cmp : -cmp;
+            // Stable fallback
+            return Number((_a = a === null || a === void 0 ? void 0 : a.id) !== null && _a !== void 0 ? _a : 0) - Number((_b = b === null || b === void 0 ? void 0 : b.id) !== null && _b !== void 0 ? _b : 0);
+        });
+        return sorted;
+    }, [users, normalizedSearch, sortConfig, visibleExtraColumns, currentUser, extraContext, t]);
+    const handleSort = (columnKey) => {
+        setSortConfig((prev) => {
+            if (prev.key === columnKey) {
+                return {
+                    key: columnKey,
+                    direction: prev.direction === 'asc' ? 'desc' : 'asc',
+                };
+            }
+            return { key: columnKey, direction: 'asc' };
+        });
+    };
     const runRowAction = async (action, user) => {
         const actionId = `${action.key}:${user.id}`;
         setRowActionLoading((prev) => (Object.assign(Object.assign({}, prev), { [actionId]: true })));
@@ -116,27 +258,27 @@ export function UserListComponent({ roles = DEFAULT_ROLES, currentUser, extraCol
             setRowActionLoading((prev) => (Object.assign(Object.assign({}, prev), { [actionId]: false })));
         }
     };
-    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('UserList.TITLE', 'All Users') }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(error) }), loading ? (_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', p: 3 }, children: _jsx(CircularProgress, {}) })) : (_jsx(TableContainer, { component: Paper, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: t('Auth.EMAIL_LABEL', 'Email') }), _jsx(TableCell, { children: t('Profile.NAME_LABEL', 'Name') }), _jsx(TableCell, { children: t('UserList.ROLE', 'Role') }), _jsx(TableCell, { children: t('UserList.SUPPORTER', 'Support Agent') }), visibleExtraColumns.map((column) => (_jsx(TableCell, { align: column.align || 'left', children: typeof column.label === 'function' ? column.label(listContext) : column.label }, column.key))), _jsx(TableCell, { children: t('Common.ACTIONS', 'Actions') })] }) }), _jsxs(TableBody, { children: [users.map((u) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: u.email }), _jsx(TableCell, { children: u.first_name || u.last_name ? `${u.first_name} ${u.last_name}` : u.username }), _jsx(TableCell, { children: _jsx(FormControl, { size: "small", fullWidth: true, disabled: !canEdit(u), children: _jsx(Select, { value: u.role || 'none', onChange: (e) => handleChangeRole(u.id, e.target.value), variant: "standard", disableUnderline: true, children: roles.map(r => _jsx(MenuItem, { value: r, children: r }, r)) }) }) }), _jsx(TableCell, { children: _jsx(Button, { size: "small", variant: u.is_support_agent ? 'contained' : 'outlined', color: u.is_support_agent ? 'primary' : 'inherit', onClick: () => handleToggleSupporter(u.id, !u.is_support_agent), disabled: !canEdit(u), sx: { textTransform: 'none' }, children: u.is_support_agent ? t('Common.YES') : t('Common.NO') }) }), visibleExtraColumns.map((column) => (_jsx(TableCell, { align: column.align || 'left', children: column.renderCell({
+    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('UserList.TITLE', 'All Users') }), _jsx(Box, { sx: { mb: 2, maxWidth: 420 }, children: _jsx(TextField, { fullWidth: true, size: "small", label: t('Common.SEARCH', 'Search'), placeholder: t('UserList.SEARCH_PLACEHOLDER', 'Search users...'), value: searchQuery, onChange: (event) => setSearchQuery(event.target.value) }) }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(error) }), loading ? (_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', p: 3 }, children: _jsx(CircularProgress, {}) })) : (_jsx(TableContainer, { component: Paper, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { sx: cellSx, sortDirection: sortConfig.key === 'email' ? sortConfig.direction : false, children: _jsx(TableSortLabel, { active: sortConfig.key === 'email', direction: sortConfig.key === 'email' ? sortConfig.direction : 'asc', onClick: () => handleSort('email'), children: t('Auth.EMAIL_LABEL', 'Email') }) }), _jsx(TableCell, { sx: cellSx, sortDirection: sortConfig.key === 'name' ? sortConfig.direction : false, children: _jsx(TableSortLabel, { active: sortConfig.key === 'name', direction: sortConfig.key === 'name' ? sortConfig.direction : 'asc', onClick: () => handleSort('name'), children: t('Profile.NAME_LABEL', 'Name') }) }), _jsx(TableCell, { sx: cellSx, sortDirection: sortConfig.key === 'role' ? sortConfig.direction : false, children: _jsx(TableSortLabel, { active: sortConfig.key === 'role', direction: sortConfig.key === 'role' ? sortConfig.direction : 'asc', onClick: () => handleSort('role'), children: t('UserList.ROLE', 'Role') }) }), _jsx(TableCell, { sx: cellSx, sortDirection: sortConfig.key === 'is_support_agent' ? sortConfig.direction : false, children: _jsx(TableSortLabel, { active: sortConfig.key === 'is_support_agent', direction: sortConfig.key === 'is_support_agent' ? sortConfig.direction : 'asc', onClick: () => handleSort('is_support_agent'), children: t('UserList.SUPPORTER', 'Support Agent') }) }), visibleExtraColumns.map((column) => (_jsx(TableCell, { sx: cellSx, align: column.align || 'left', sortDirection: sortConfig.key === `extra:${column.key}` ? sortConfig.direction : false, children: _jsx(TableSortLabel, { active: sortConfig.key === `extra:${column.key}`, direction: sortConfig.key === `extra:${column.key}` ? sortConfig.direction : 'asc', onClick: () => handleSort(`extra:${column.key}`), children: typeof column.label === 'function' ? column.label(listContext) : column.label }) }, column.key))), _jsx(TableCell, { sx: cellSx, children: t('Common.ACTIONS', 'Actions') })] }) }), _jsxs(TableBody, { children: [filteredAndSortedUsers.map((u) => (_jsxs(TableRow, { children: [_jsx(TableCell, { sx: cellSx, children: u.email }), _jsx(TableCell, { sx: cellSx, children: getUserDisplayName(u) }), _jsx(TableCell, { sx: cellSx, children: _jsx(FormControl, { size: "small", fullWidth: true, sx: controlSx, disabled: !canEdit(u), children: _jsx(Select, { value: u.role || 'none', onChange: (e) => handleChangeRole(u.id, e.target.value), variant: "outlined", children: roles.map(r => _jsx(MenuItem, { value: r, children: r }, r)) }) }) }), _jsx(TableCell, { sx: cellSx, children: _jsx(FormControl, { size: "small", fullWidth: true, sx: controlSx, disabled: !canEdit(u), children: _jsxs(Select, { value: u.is_support_agent ? 'yes' : 'no', onChange: (e) => handleToggleSupporter(u.id, e.target.value === 'yes'), variant: "outlined", children: [_jsx(MenuItem, { value: "yes", children: t('Common.YES', 'Yes') }), _jsx(MenuItem, { value: "no", children: t('Common.NO', 'No') })] }) }) }), visibleExtraColumns.map((column) => (_jsx(TableCell, { sx: cellSx, align: column.align || 'left', children: column.renderCell({
                                                 user: u,
                                                 canEdit: canEdit(u),
                                                 currentUser,
                                                 extraContext,
                                                 t,
                                                 reloadUsers: loadUsers,
-                                            }) }, `${column.key}-${u.id}`))), _jsxs(TableCell, { children: [visibleRowActions.map((action) => {
-                                                    const actionId = `${action.key}:${u.id}`;
-                                                    const isBusy = Boolean(rowActionLoading[actionId]);
-                                                    const isDisabled = typeof action.disabled === 'function'
-                                                        ? action.disabled({
-                                                            user: u,
-                                                            canEdit: canEdit(u),
-                                                            currentUser,
-                                                            extraContext,
-                                                            t,
-                                                        })
-                                                        : false;
-                                                    return (_jsx(Button, { size: "small", onClick: () => runRowAction(action, u), disabled: isBusy || isDisabled, sx: { mr: 1, mb: 0.5, textTransform: 'none' }, children: typeof action.label === 'function'
-                                                            ? action.label({ user: u, t, currentUser, canEdit: canEdit(u) })
-                                                            : action.label }, `${action.key}-${u.id}`));
-                                                }), _jsx(Tooltip, { title: t('Common.DELETE'), children: _jsx("span", { children: _jsx(IconButton, { onClick: () => handleDelete(u.id), color: "error", disabled: !canEdit(u), children: _jsx(DeleteIcon, {}) }) }) })] })] }, u.id))), users.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5 + visibleExtraColumns.length, align: "center", children: t('UserList.NO_USERS', 'No users found.') }) }))] })] }) }))] }));
+                                            }) }, `${column.key}-${u.id}`))), _jsx(TableCell, { sx: cellSx, children: _jsxs(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: 1, alignItems: 'center' }, children: [visibleRowActions.map((action) => {
+                                                        const actionId = `${action.key}:${u.id}`;
+                                                        const isBusy = Boolean(rowActionLoading[actionId]);
+                                                        const isDisabled = typeof action.disabled === 'function'
+                                                            ? action.disabled({
+                                                                user: u,
+                                                                canEdit: canEdit(u),
+                                                                currentUser,
+                                                                extraContext,
+                                                                t,
+                                                            })
+                                                            : false;
+                                                        return (_jsx(Button, { size: "small", variant: "outlined", onClick: () => runRowAction(action, u), disabled: isBusy || isDisabled, sx: actionButtonSx, children: typeof action.label === 'function'
+                                                                ? action.label({ user: u, t, currentUser, canEdit: canEdit(u) })
+                                                                : action.label }, `${action.key}-${u.id}`));
+                                                    }), _jsx(Tooltip, { title: t('Common.DELETE'), children: _jsx("span", { children: _jsx(Button, { size: "small", variant: "outlined", color: "error", startIcon: _jsx(DeleteIcon, {}), onClick: () => handleDelete(u.id), disabled: !canEdit(u), sx: actionButtonSx, children: t('Common.DELETE', 'Delete') }) }) })] }) })] }, u.id))), filteredAndSortedUsers.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5 + visibleExtraColumns.length, align: "center", children: t('UserList.NO_USERS', 'No users found.') }) }))] })] }) }))] }));
 }

package/dist/i18n/authTranslations.js

@@ -810,6 +810,36 @@ export const authTranslations = {
         "en": "I allow convenience cookies.",
         "sw": "Ninaruhusu vidakuzi vya urahisi."
     },
+    "Profile.PRIVACY_STATEMENT_TITLE": {
+        "de": "Datenschutzerklärung",
+        "fr": "Déclaration de confidentialité",
+        "en": "Privacy statement",
+        "sw": "Taarifa ya faragha"
+    },
+    "Profile.COOKIES_STATEMENT_TITLE": {
+        "de": "Cookie-Richtlinie",
+        "fr": "Politique relative aux cookies",
+        "en": "Cookie statement",
+        "sw": "Taarifa ya vidakuzi"
+    },
+    "Profile.STATEMENT_LOADING": {
+        "de": "Statement wird geladen...",
+        "fr": "Chargement du document...",
+        "en": "Loading statement...",
+        "sw": "Inapakia taarifa..."
+    },
+    "Profile.PRIVACY_STATEMENT_EMPTY": {
+        "de": "Die Datenschutzerklärung ist derzeit nicht verfügbar.",
+        "fr": "La déclaration de confidentialité n'est actuellement pas disponible.",
+        "en": "Privacy statement is currently unavailable.",
+        "sw": "Taarifa ya faragha haipatikani kwa sasa."
+    },
+    "Profile.COOKIES_STATEMENT_EMPTY": {
+        "de": "Die Cookie-Richtlinie ist derzeit nicht verfügbar.",
+        "fr": "La politique relative aux cookies n'est actuellement pas disponible.",
+        "en": "Cookie statement is currently unavailable.",
+        "sw": "Taarifa ya vidakuzi haipatikani kwa sasa."
+    },
     "Profile.SAVE_BUTTON": {
         "de": "Speichern",
         "fr": "Enregistrer",

package/dist/pages/AccountPage.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext, useMemo } from 'react';
 import { Helmet } from 'react-helmet';
 import { useSearchParams } from 'react-router-dom';
-import { Tabs, Tab, Box, Typography, Alert, CircularProgress } from '@mui/material';
+import { Tabs, Tab, Box, Typography, Alert, CircularProgress, Paper, Stack, } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 // Internal Library Components
 // Stellen Sie sicher, dass diese Pfade korrekt auf Ihre Library zeigen!
@@ -27,7 +27,10 @@ export function AccountPage({ userListExtraColumns = [], userListExtraRowActions
     const { user, login, loading } = useContext(AuthContext);
     const [searchParams, setSearchParams] = useSearchParams();
     // 1. URL State Management
-    const currentTab = searchParams.get('tab') || 'profile';
+    const currentTabRaw = searchParams.get('tab') || 'profile';
+    const currentTab = ['invite', 'bulk-invite-csv', 'access'].includes(currentTabRaw)
+        ? 'invite'
+        : currentTabRaw;
     const fromRecovery = searchParams.get('from') === 'recovery';
     const fromWeakLogin = searchParams.get('from') === 'weak_login';
     // 2. Data & Permissions
@@ -55,17 +58,8 @@ export function AccountPage({ userListExtraColumns = [], userListExtraRowActions
         if (isSuperUser || perms.can_view_users) {
             list.push({ value: 'users', label: t('Account.TAB_USERS', 'Users') });
         }
-        if (isSuperUser || perms.can_invite) {
+        if (isSuperUser || perms.can_invite || perms.can_manage_access_codes) {
             list.push({ value: 'invite', label: t('Account.TAB_INVITE', 'Invite') });
-            if (showBulkInviteCsvTab) {
-                list.push({
-                    value: 'bulk-invite-csv',
-                    label: t('Account.TAB_BULK_INVITE_CSV', 'Bulk Invite CSV'),
-                });
-            }
-        }
-        if (isSuperUser || perms.can_manage_access_codes) {
-            list.push({ value: 'access', label: t('Account.TAB_ACCESS_CODES', 'Access Codes') });
         }
         if (isSuperUser || perms.can_view_support) {
             list.push({ value: 'support', label: t('Account.TAB_SUPPORT', 'Support') });
@@ -82,7 +76,7 @@ export function AccountPage({ userListExtraColumns = [], userListExtraRowActions
             }
         });
         return list;
-    }, [user, perms, t, isSuperUser, showBulkInviteCsvTab, extraTabs]);
+    }, [user, perms, t, isSuperUser, extraTabs]);
     // 4. Loading & Auth Checks
     if (loading) {
         return (_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', mt: 10 }, children: _jsx(CircularProgress, {}) }));
@@ -94,9 +88,9 @@ export function AccountPage({ userListExtraColumns = [], userListExtraRowActions
     const activeTabExists = tabs.some(t => t.value === currentTab);
     // Falls der Tab nicht erlaubt ist (z.B. manuell in URL eingegeben), Fallback auf 'profile'
     const safeTab = activeTabExists ? currentTab : 'profile';
-    const builtInTabValues = new Set(['profile', 'security', 'users', 'invite', 'bulk-invite-csv', 'access', 'support']);
+    const builtInTabValues = new Set(['profile', 'security', 'users', 'invite', 'support']);
     const activeExtraTab = builtInTabValues.has(safeTab)
         ? null
         : extraTabs.find((tab) => tab.value === safeTab);
-    return (_jsxs(WidePage, { title: t('Account.TITLE', 'Account & Administration'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('Account.PAGE_TITLE', 'Account'), " \u2013 ", user.email] }) }), _jsx(Tabs, { value: safeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: { mb: 3, borderBottom: 1, borderColor: 'divider' }, children: tabs.map((tab) => (_jsx(Tab, { label: tab.label, value: tab.value }, tab.value))) }), safeTab === 'profile' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(ProfileComponent, { onSubmit: handleProfileSubmit, showName: true, showPrivacy: true, showCookies: true }) })), safeTab === 'security' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SecurityComponent, { fromRecovery: fromRecovery, fromWeakLogin: fromWeakLogin }) })), safeTab === 'users' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(UserListComponent, { roles: activeRoles, currentUser: user, extraColumns: userListExtraColumns, extraRowActions: userListExtraRowActions, extraContext: userListExtraContext, refreshTrigger: userListRefreshTrigger, canEditUser: userListCanEditUser }) })), safeTab === 'invite' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(UserInviteComponent, {}) })), safeTab === 'bulk-invite-csv' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(BulkInviteCsvTab, Object.assign({}, bulkInviteCsvProps)) })), safeTab === 'access' && (_jsxs(Box, { sx: { mt: 2 }, children: [_jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Account.ACCESS_CODES_HINT', 'Manage access codes for self-registration.') }), _jsx(AccessCodeManager, {})] })), safeTab === 'support' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SupportRecoveryRequestsTab, {}) })), activeExtraTab && (_jsx(Box, { sx: { mt: 2 }, children: (_a = activeExtraTab.render) === null || _a === void 0 ? void 0 : _a.call(activeExtraTab, { user, perms, isSuperUser, t }) }))] }));
+    return (_jsxs(WidePage, { title: t('Account.TITLE', 'Account & Administration'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('Account.PAGE_TITLE', 'Account'), " \u2013 ", user.email] }) }), _jsx(Tabs, { value: safeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: { mb: 3, borderBottom: 1, borderColor: 'divider' }, children: tabs.map((tab) => (_jsx(Tab, { label: tab.label, value: tab.value }, tab.value))) }), safeTab === 'profile' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(ProfileComponent, { onSubmit: handleProfileSubmit, showName: true, showPrivacy: true, showCookies: true }) })), safeTab === 'security' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SecurityComponent, { fromRecovery: fromRecovery, fromWeakLogin: fromWeakLogin }) })), safeTab === 'users' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(UserListComponent, { roles: activeRoles, currentUser: user, extraColumns: userListExtraColumns, extraRowActions: userListExtraRowActions, extraContext: userListExtraContext, refreshTrigger: userListRefreshTrigger, canEditUser: userListCanEditUser }) })), safeTab === 'invite' && (_jsx(Box, { sx: { mt: 2 }, children: _jsxs(Stack, { spacing: 2.5, children: [(isSuperUser || perms.can_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(UserInviteComponent, {}) })), (isSuperUser || perms.can_invite) && showBulkInviteCsvTab && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(BulkInviteCsvTab, Object.assign({}, bulkInviteCsvProps)) })), (isSuperUser || perms.can_manage_access_codes) && (_jsxs(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: [_jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Account.ACCESS_CODES_HINT', 'Manage access codes for self-registration.') }), _jsx(AccessCodeManager, {})] }))] }) })), safeTab === 'support' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SupportRecoveryRequestsTab, {}) })), activeExtraTab && (_jsx(Box, { sx: { mt: 2 }, children: (_a = activeExtraTab.render) === null || _a === void 0 ? void 0 : _a.call(activeExtraTab, { user, perms, isSuperUser, t }) }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micha.bigler/ui-core-micha",
-  "version": "2.1.16",
+  "version": "2.1.17",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "private": false,