@micha.bigler/ui-core-micha 1.4.37 → 1.4.39

package/dist/auth/authApi.js

@@ -388,12 +388,9 @@ export async function updateUserRole(userId, newRole) {
  */
 export async function updateUserSupportStatus(userId, isSupportAgent) {
     try {
-        // Wir gehen davon aus, dass dein Serializer "profile" nested akzeptiert
-        // (siehe BaseUserSerializer.update Logik im Backend)
+        // Backend expects flat field names, DRF maps via `source="profile.is_support_agent"`
         const payload = {
-            profile: {
-                is_support_agent: isSupportAgent,
-            },
+            is_support_agent: isSupportAgent,
         };
         const res = await apiClient.patch(`${USERS_BASE}/${userId}/`, payload);
         return res.data;

package/dist/components/SecurityComponent.js

@@ -36,6 +36,6 @@ export function SecurityComponent({ fromRecovery = false, fromWeakLogin = false,
             setErrorKey(err.code || 'Auth.PASSWORD_CHANGE_FAILED');
         }
     };
-    return (_jsxs(Box, { children: [fromRecovery && (_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('Security.RECOVERY_LOGIN_WARNING') })), fromWeakLogin && (_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('Security.WEAK_LOGIN_WARNING') })), messageKey && (_jsx(Alert, { severity: "success", sx: { mb: 2 }, children: t(messageKey) })), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), _jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Security.LOGIN_PASSWORD_LABEL') }), _jsx(PasswordChangeForm, { onSubmit: handlePasswordChange }), _jsx(Divider, { sx: { my: 3 } }), _jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Security.SOCIAL_SECTION_TITLE') }), _jsx(Typography, { variant: "body2", sx: { mb: 1 }, children: t('Security.SOCIAL_SECTION_DESCRIPTION') }), _jsx(SocialLoginButtons, { onProviderClick: handleSocialClick }), _jsx(Divider, { sx: { my: 3 } }), _jsx(PasskeysComponent, {}), _jsx(Divider, { sx: { my: 3 } }), _jsx(MFAComponent, {})] }));
+    return (_jsxs(Box, { children: [fromRecovery && (_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('Security.RECOVERY_LOGIN_WARNING') })), fromWeakLogin && (_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('Security.WEAK_LOGIN_WARNING') })), messageKey && (_jsx(Alert, { severity: "success", sx: { mb: 2 }, children: t(messageKey) })), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), _jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.LOGIN_PASSWORD_LABEL') }), _jsx(PasswordChangeForm, { onSubmit: handlePasswordChange }), _jsx(Divider, { sx: { my: 3 } }), _jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Security.SOCIAL_SECTION_TITLE') }), _jsx(Typography, { variant: "body2", sx: { mb: 1 }, children: t('Security.SOCIAL_SECTION_DESCRIPTION') }), _jsx(SocialLoginButtons, { onProviderClick: handleSocialClick }), _jsx(Divider, { sx: { my: 3 } }), _jsx(PasskeysComponent, {}), _jsx(Divider, { sx: { my: 3 } }), _jsx(MFAComponent, {})] }));
 }
 ;

package/dist/i18n/authTranslations.js

@@ -955,5 +955,66 @@ export const authTranslations = {
         "de": "Abgelaufen",
         "fr": "Expirée",
         "en": "Expired"
+    },
+    "Common.Yes": {
+        "de": "Ja",
+        "fr": "Oui",
+        "en": "Yes"
+    },
+    "Common.No": {
+        "de": "Nein",
+        "fr": "Non",
+        "en": "No"
+    },
+    "Account.TITLE": {
+        "de": "Konto & Verwaltung",
+        "fr": "Compte et administration",
+        "en": "Account & Administration"
+    },
+    "Account.PAGE_TITLE": {
+        "de": "Konto",
+        "fr": "Compte",
+        "en": "Account"
+    },
+    "Account.TAB_PROFILE": {
+        "de": "Profil",
+        "fr": "Profil",
+        "en": "Profile"
+    },
+    "Account.TAB_SECURITY": {
+        "de": "Sicherheit",
+        "fr": "Sécurité",
+        "en": "Security"
+    },
+    "Account.TAB_USERS": {
+        "de": "Benutzer",
+        "fr": "Utilisateurs",
+        "en": "Users"
+    },
+    "Account.TAB_INVITE": {
+        "de": "Einladen",
+        "fr": "Inviter",
+        "en": "Invite"
+    },
+    "Account.TAB_ACCESS_CODES": {
+        "de": "Zugangscodes",
+        "fr": "Codes d'accès",
+        "en": "Access codes"
+    },
+    "Account.TAB_SUPPORT": {
+        "de": "Support",
+        "fr": "Support",
+        "en": "Support"
+    },
+    "Account.ACCESS_CODES_HINT": {
+        "de": "Verwalten Sie Zugangscodes für die Selbstregistrierung.",
+        "fr": "Gérer les codes d'accès pour l'auto-inscription.",
+        "en": "Manage access codes for self-registration."
+    },
+    // --- Missing Auth Keys ---
+    "Auth.NOT_LOGGED_IN": {
+        "de": "Benutzer nicht angemeldet.",
+        "fr": "Utilisateur non connecté.",
+        "en": "User not logged in."
     }
 };

package/dist/pages/AccountPage.js

@@ -4,7 +4,7 @@ import { Helmet } from 'react-helmet';
 import { useSearchParams } from 'react-router-dom';
 import { Tabs, Tab, Box, Typography, Alert, CircularProgress } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-// Interne Komponenten der Library
+// Internal Library Components
 import { WidePage } from '../layout/PageLayout';
 import { ProfileComponent } from '../components/ProfileComponent';
 import { SecurityComponent } from '../components/SecurityComponent';
@@ -15,11 +15,10 @@ import { SupportRecoveryRequestsTab } from '../components/SupportRecoveryRequest
 import { AuthContext } from '../auth/AuthContext';
 import { updateUserProfile } from '../auth/authApi';
 /**
- * Vollständige, selbst-konfigurierende Account-Seite.
- * * Architektur:
- * - Permissions: Werden aus user.ui_permissions gelesen (vom Backend).
- * - Rollen: Werden aus user.available_roles gelesen (vom Backend).
- * - Keine Props mehr nötig -> Plug & Play in der App.js.
+ * Complete, self-configuring Account Page.
+ * Architecture:
+ * - Permissions: Read from user.ui_permissions (from Backend).
+ * - Roles: Read from user.available_roles (from Backend).
  */
 export function AccountPage() {
     const { t } = useTranslation();
@@ -29,10 +28,8 @@ export function AccountPage() {
     const currentTab = searchParams.get('tab') || 'profile';
     const fromRecovery = searchParams.get('from') === 'recovery';
     const fromWeakLogin = searchParams.get('from') === 'weak_login';
-    // 2. Daten & Permissions extrahieren (Single Source of Truth)
-    // Backend liefert die Liste der Rollen (Keys), z.B. ['student', 'teacher']
+    // 2. Data & Permissions (Single Source of Truth)
     const activeRoles = (user === null || user === void 0 ? void 0 : user.available_roles) || [];
-    // Backend liefert Permissions basierend auf settings.py
     const perms = (user === null || user === void 0 ? void 0 : user.ui_permissions) || {};
     const handleTabChange = (_event, newValue) => {
         setSearchParams({ tab: newValue });
@@ -41,9 +38,8 @@ export function AccountPage() {
         const updatedUser = await updateUserProfile(payload);
         login(updatedUser);
     };
-    // 3. Dynamische Tabs bauen
+    // 3. Dynamic Tabs
     const tabs = useMemo(() => {
-        // Wenn User noch nicht da ist, leere Liste (Loading State fängt das ab)
         if (!user)
             return [];
         const list = [
@@ -71,8 +67,7 @@ export function AccountPage() {
     if (!user) {
         return (_jsx(WidePage, { children: _jsx(Alert, { severity: "warning", children: t('Auth.NOT_LOGGED_IN', 'User not logged in.') }) }));
     }
-    // 5. Sicherheits-Check: Ist der aktuelle Tab überhaupt erlaubt?
-    // Verhindert Zugriff durch URL-Manipulation (z.B. ?tab=users eingeben ohne Admin-Rechte)
+    // 5. Security Check: Is the active tab allowed?
     const activeTabExists = tabs.some(t => t.value === currentTab);
     const safeTab = activeTabExists ? currentTab : 'profile';
     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 }) })), safeTab === 'invite' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(UserInviteComponent, {}) })), 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, {}) }))] }));

package/package.json

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

package/src/auth/authApi.jsx

@@ -402,12 +402,9 @@ export async function updateUserRole(userId, newRole) {
  */
 export async function updateUserSupportStatus(userId, isSupportAgent) {
   try {
-    // Wir gehen davon aus, dass dein Serializer "profile" nested akzeptiert
-    // (siehe BaseUserSerializer.update Logik im Backend)
+    // Backend expects flat field names, DRF maps via `source="profile.is_support_agent"`
     const payload = {
-      profile: {
-        is_support_agent: isSupportAgent,
-      },
+      is_support_agent: isSupportAgent,
     };
     const res = await apiClient.patch(`${USERS_BASE}/${userId}/`, payload);
     return res.data;

package/src/components/SecurityComponent.jsx

@@ -74,7 +74,7 @@ export function SecurityComponent({
 
       {/* Password section */}
       <Typography variant="h6" gutterBottom>
-        {t('Security.LOGIN_PASSWORD_LABEL')}
+        {t('Auth.LOGIN_PASSWORD_LABEL')}
       </Typography>
       <PasswordChangeForm onSubmit={handlePasswordChange} />
 

package/src/i18n/authTranslations.js

@@ -1002,5 +1002,67 @@ export const authTranslations = {
     "de": "Abgelaufen",
     "fr": "Expirée",
     "en": "Expired"
+  },
+  "Common.Yes": {
+    "de": "Ja",
+    "fr": "Oui",
+    "en": "Yes"
+  },
+  "Common.No": {
+    "de": "Nein",
+    "fr": "Non",
+    "en": "No"
+  },
+  "Account.TITLE": {
+    "de": "Konto & Verwaltung",
+    "fr": "Compte et administration",
+    "en": "Account & Administration"
+  },
+  "Account.PAGE_TITLE": {
+    "de": "Konto",
+    "fr": "Compte",
+    "en": "Account"
+  },
+  "Account.TAB_PROFILE": {
+    "de": "Profil",
+    "fr": "Profil",
+    "en": "Profile"
+  },
+  "Account.TAB_SECURITY": {
+    "de": "Sicherheit",
+    "fr": "Sécurité",
+    "en": "Security"
+  },
+  "Account.TAB_USERS": {
+    "de": "Benutzer",
+    "fr": "Utilisateurs",
+    "en": "Users"
+  },
+  "Account.TAB_INVITE": {
+    "de": "Einladen",
+    "fr": "Inviter",
+    "en": "Invite"
+  },
+  "Account.TAB_ACCESS_CODES": {
+    "de": "Zugangscodes",
+    "fr": "Codes d'accès",
+    "en": "Access codes"
+  },
+  "Account.TAB_SUPPORT": {
+    "de": "Support",
+    "fr": "Support",
+    "en": "Support"
+  },
+  "Account.ACCESS_CODES_HINT": {
+    "de": "Verwalten Sie Zugangscodes für die Selbstregistrierung.",
+    "fr": "Gérer les codes d'accès pour l'auto-inscription.",
+    "en": "Manage access codes for self-registration."
+  },
+
+  // --- Missing Auth Keys ---
+  "Auth.NOT_LOGGED_IN": {
+    "de": "Benutzer nicht angemeldet.",
+    "fr": "Utilisateur non connecté.",
+    "en": "User not logged in."
   }
 };

package/src/pages/AccountPage.jsx

@@ -11,7 +11,7 @@ import {
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 
-// Interne Komponenten der Library
+// Internal Library Components
 import { WidePage } from '../layout/PageLayout';
 import { ProfileComponent } from '../components/ProfileComponent';
 import { SecurityComponent } from '../components/SecurityComponent';
@@ -23,11 +23,10 @@ import { AuthContext } from '../auth/AuthContext';
 import { updateUserProfile } from '../auth/authApi';
 
 /**
- * Vollständige, selbst-konfigurierende Account-Seite.
- * * Architektur:
- * - Permissions: Werden aus user.ui_permissions gelesen (vom Backend).
- * - Rollen: Werden aus user.available_roles gelesen (vom Backend).
- * - Keine Props mehr nötig -> Plug & Play in der App.js.
+ * Complete, self-configuring Account Page.
+ * Architecture:
+ * - Permissions: Read from user.ui_permissions (from Backend).
+ * - Roles: Read from user.available_roles (from Backend).
  */
 export function AccountPage() {
   const { t } = useTranslation();
@@ -39,11 +38,8 @@ export function AccountPage() {
   const fromRecovery = searchParams.get('from') === 'recovery';
   const fromWeakLogin = searchParams.get('from') === 'weak_login';
 
-  // 2. Daten & Permissions extrahieren (Single Source of Truth)
-  // Backend liefert die Liste der Rollen (Keys), z.B. ['student', 'teacher']
+  // 2. Data & Permissions (Single Source of Truth)
   const activeRoles = user?.available_roles || [];
-  
-  // Backend liefert Permissions basierend auf settings.py
   const perms = user?.ui_permissions || {};
 
   const handleTabChange = (_event, newValue) => {
@@ -55,9 +51,8 @@ export function AccountPage() {
     login(updatedUser);
   };
 
-  // 3. Dynamische Tabs bauen
+  // 3. Dynamic Tabs
   const tabs = useMemo(() => {
-    // Wenn User noch nicht da ist, leere Liste (Loading State fängt das ab)
     if (!user) return [];
 
     const list = [
@@ -103,8 +98,7 @@ export function AccountPage() {
       );
   }
 
-  // 5. Sicherheits-Check: Ist der aktuelle Tab überhaupt erlaubt?
-  // Verhindert Zugriff durch URL-Manipulation (z.B. ?tab=users eingeben ohne Admin-Rechte)
+  // 5. Security Check: Is the active tab allowed?
   const activeTabExists = tabs.some(t => t.value === currentTab);
   const safeTab = activeTabExists ? currentTab : 'profile';