@micha.bigler/ui-core-micha 1.4.14 → 1.4.17

package/src/auth/webauthnClient.jsx

@@ -1,5 +1,6 @@
+//src/auth/webauthnclient.jsx
 export async function registerPasskeyStart() {
-  const res = await axios.post(
+  const res = await apiClient.post(
     `${HEADLESS_BASE}/mfa/webauthn/register/start`,
     {},
     { withCredentials: true },
@@ -9,7 +10,7 @@ export async function registerPasskeyStart() {
 
 export async function registerPasskeyComplete(publicKeyCredential) {
   const payload = serializePublicKeyCredential(publicKeyCredential);
-  const res = await axios.post(
+  const res = await apiClient.post(
     `${HEADLESS_BASE}/mfa/webauthn/register/complete`,
     payload,
     { withCredentials: true },

package/src/components/AccessCodeManager.jsx

@@ -42,7 +42,7 @@ export function AccessCodeManager() {
     setErrorKey(null);
     setSuccessKey(null);
     try {
-      const res = await axios.get(`${ACCESS_CODES_BASE}/`, {
+      const res = await apiClient.get(`${ACCESS_CODES_BASE}/`, {
         withCredentials: true,
       });
       setCodes(res.data || []);
@@ -70,7 +70,7 @@ export function AccessCodeManager() {
     setErrorKey(null);
     setSuccessKey(null);
     try {
-      const res = await axios.post(
+      const res = await apiClient.post(
         `${ACCESS_CODES_BASE}/`,
         { code },
         { withCredentials: true },
@@ -91,7 +91,7 @@ export function AccessCodeManager() {
 
   const handleAddManual = async () => {
     if (!manualCode.trim()) {
-      setErrorKey('Auth.ACCESS_CODE_REQUIRED_ADMIN');
+      setErrorKey('Auth.SIGNUP_ACCESS_CODE_REQUIRED');
       return;
     }
     await handleCreateCode(manualCode.trim());
@@ -188,7 +188,7 @@ export function AccessCodeManager() {
           disabled={submitting}
         >
           {submitting
-            ? t('Auth.ACCESS_CODE_SAVING')
+            ? t('Auth.SAVE_BUTTON_LOADING')
             : t('Auth.ACCESS_CODE_GENERATE_BUTTON')}
         </Button>
       </Box>

package/src/components/LoginForm.jsx

@@ -99,7 +99,7 @@ const LoginForm = ({
           fullWidth
           disabled={disabled}
         >
-          {t('Auth.LOGIN_SUBMIT')}
+          {t('Auth.PAGE_LOGIN_TITLE')}
         </Button>
       </Box>
 

package/src/components/MfaLoginComponent.jsx

@@ -205,10 +205,6 @@ const MfaLoginComponent = ({ availableTypes, identifier, onSuccess, onCancel })
           </Typography>
           <TextField
             label={t('Auth.MFA_HELP_MESSAGE_LABEL', 'Your message to support')}
-            helperText={t(
-              'Auth.MFA_HELP_MESSAGE_HELP',
-              'Optional, but helps support verify your identity.',
-            )}
             multiline
             minRows={3}
             fullWidth

package/src/components/ProfileComponent.jsx

@@ -59,7 +59,7 @@ export function ProfileComponent({
       setSuccessKey(null);
 
       try {
-        const res = await axios.get(`${USERS_BASE}/current/`, {
+        const res = await apiClient.get(`${USERS_BASE}/current/`, {
           withCredentials: true,
         });
         if (!mounted) return;

package/src/components/SecurityComponent.jsx

@@ -38,7 +38,7 @@ const SecurityComponent = ({
     setErrorKey(null);
     try {
       await authApi.changePassword(currentPassword, newPassword);
-      setMessageKey('Auth.PASSWORD_CHANGE_SUCCESS');
+      setMessageKey('Auth.RESET_PASSWORD_SUCCESS');
     } catch (err) {
       setErrorKey(err.code || 'Auth.PASSWORD_CHANGE_FAILED');
     }
@@ -73,7 +73,7 @@ const SecurityComponent = ({
 
       {/* Password section */}
       <Typography variant="h6" gutterBottom>
-        {t('Security.PASSWORD_SECTION_TITLE')}
+        {t('Security.LOGIN_PASSWORD_LABEL')}
       </Typography>
       <PasswordChangeForm onSubmit={handlePasswordChange} />
 

package/src/components/SupportRecoveryRequestsTab.jsx

@@ -156,7 +156,7 @@ const SupportRecoveryRequestsTab = () => {
                   {t('Support.RECOVERY_COL_CREATED', 'Created')}
                 </TableCell>
                 <TableCell>
-                  {t('Support.RECOVERY_COL_USER', 'User')}
+                  {t('Support.RECOVERY_USER', 'User')}
                 </TableCell>
                 <TableCell>
                   {t('Support.RECOVERY_COL_STATUS', 'Status')}
@@ -202,7 +202,7 @@ const SupportRecoveryRequestsTab = () => {
             <Box sx={{ mb: 2 }}>
               <Typography variant="body2" sx={{ mb: 1 }}>
                 <strong>
-                  {t('Support.RECOVERY_REVIEW_USER', 'User')}:
+                  {t('Support.RECOVERY_USER', 'User')}:
                 </strong>{' '}
                 {selectedRequest.user_email || selectedRequest.user}
               </Typography>
@@ -257,7 +257,7 @@ const SupportRecoveryRequestsTab = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={closeDialog}>
-            {t('Common.CANCEL', 'Cancel')}
+            {t('Support.CANCEL', 'Cancel')}
           </Button>
           <Button
             onClick={handleReject}

package/src/i18n/authTranslations.js

@@ -1,16 +1,6 @@
 // ui-core-micha/src/i18n/authTranslations.js
 // Gleiche Struktur wie deine app-eigene translations.json
 export const authTranslations = {
-  "Auth.Login.Title": {
-    de: "Anmelden",
-    fr: "Connexion",
-    en: "Login",
-  },
-  "Auth.Mfa.Required": {
-    de: "Zwei-Faktor-Authentifizierung erforderlich.",
-    fr: "Authentification à deux facteurs requise.",
-    en: "Two-factor authentication required.",
-  },
   "Auth.INVALID_CREDENTIALS": {
     "de": "E-Mail-Adresse oder Passwort ist falsch.",
     "fr": "Adresse e-mail ou mot de passe incorrect.",
@@ -236,16 +226,6 @@ export const authTranslations = {
     "fr": "Les codes de récupération n'ont pas pu être regénérés.",
     "en": "Recovery codes could not be regenerated."
   },
-  "Auth.PASSWORD_CHANGE_SUCCESS": {
-    "de": "Das Passwort wurde erfolgreich geändert.",
-    "fr": "Le mot de passe a été modifié avec succès.",
-    "en": "Password changed successfully."
-    },
-"Auth.PAGE_CHANGE_PASSWORD_TITLE": {
-    "de": "Passwort ändern",
-    "fr": "Modifier le mot de passe",
-    "en": "Change password"
-  },
   "Auth.PAGE_CHANGE_PASSWORD_SUBTITLE": {
     "de": "Geben Sie Ihr aktuelles und ein neues Passwort ein.",
     "fr": "Saisissez votre mot de passe actuel et un nouveau mot de passe.",
@@ -294,11 +274,6 @@ export const authTranslations = {
     "fr": "Le mot de passe a été modifié. Vous pouvez maintenant vous connecter.",
     "en": "Password changed successfully. You can now log in."
   },
-  "Auth.PAGE_RESET_REQUEST_TITLE": {
-    "de": "Passwort zurücksetzen",
-    "fr": "Réinitialiser le mot de passe",
-    "en": "Reset password"
-  },
   "Auth.PAGE_RESET_REQUEST_SUBTITLE": {
     "de": "Geben Sie Ihre E-Mail-Adresse ein, um den Link zum Zurücksetzen zu erhalten.",
     "fr": "Saisissez votre adresse e-mail pour recevoir le lien de réinitialisation.",
@@ -309,11 +284,6 @@ export const authTranslations = {
     "fr": "Veuillez saisir une adresse e-mail.",
     "en": "Please enter an email address."
   },
-  "Auth.PAGE_SIGNUP_TITLE": {
-    "de": "Registrieren",
-    "fr": "Inscription",
-    "en": "Sign up"
-  },
   "Auth.PAGE_SIGNUP_SUBTITLE": {
     "de": "Geben Sie Ihre E-Mail-Adresse und den Zugangscode ein, um eine Einladung anzufordern.",
     "fr": "Saisissez votre adresse e-mail et le code d'accès pour demander une invitation.",
@@ -325,12 +295,6 @@ export const authTranslations = {
     "fr": "Adresse e-mail",
     "en": "Email address"
   },
-  "Auth.SIGNUP_ACCESS_CODE_LABEL": {
-    "de": "Zugangscode",
-    "fr": "Code d'accès",
-    "en": "Access code"
-  },
-
   "Auth.SIGNUP_SUBMIT": {
     "de": "Einladung anfordern",
     "fr": "Demander une invitation",
@@ -393,11 +357,6 @@ export const authTranslations = {
     "fr": "Longueur : {{length}}",
     "en": "Length: {{length}}"
   },
-  "Auth.ACCESS_CODE_SAVING": {
-    "de": "Wird gespeichert…",
-    "fr": "Enregistrement…",
-    "en": "Saving…"
-  },
   "Auth.ACCESS_CODE_GENERATE_BUTTON": {
     "de": "Code generieren",
     "fr": "Générer un code",
@@ -418,12 +377,6 @@ export const authTranslations = {
     "fr": "Ajouter",
     "en": "Add"
   },
-
-  "Auth.ACCESS_CODE_REQUIRED_ADMIN": {
-    "de": "Bitte geben Sie einen Zugangscode ein.",
-    "fr": "Veuillez saisir un code d'accès.",
-    "en": "Please enter an access code."
-  },
   "Auth.ACCESS_CODE_LIST_FAILED": {
     "de": "Zugangscodes konnten nicht geladen werden.",
     "fr": "Impossible de charger les codes d'accès.",
@@ -454,11 +407,6 @@ export const authTranslations = {
     "fr": "Mot de passe",
     "en": "Password"
   },
-  "Auth.LOGIN_SUBMIT": {
-    "de": "Anmelden",
-    "fr": "Connexion",
-    "en": "Log in"
-  },
   "Auth.LOGIN_SIGNUP_BUTTON": {
     "de": "Registrieren",
     "fr": "Créer un compte",
@@ -788,11 +736,6 @@ export const authTranslations = {
     "fr": "Vous vous êtes connecté avec un code de récupération. Veuillez vérifier vos paramètres de sécurité, configurer une clé d’accès ou une application d’authentification et générer de nouveaux codes de récupération.",
     "en": "You have signed in using a recovery code. Please review your security settings, set up a passkey or authenticator app, and generate new recovery codes."
   },
-  "Security.PASSWORD_SECTION_TITLE": {
-    "de": "Passwort",
-    "fr": "Mot de passe",
-    "en": "Password"
-  },
   "Security.SOCIAL_SECTION_TITLE": {
     "de": "Soziale Logins",
     "fr": "Connexions sociales",
@@ -818,11 +761,6 @@ export const authTranslations = {
     "fr": "Veuillez confirmer votre connexion à l’aide d’une des méthodes disponibles.",
     "en": "Please confirm your login using one of the available methods."
   },
-  "Auth.MFA_SUBTITLE_SHORT": {
-    "de": "Bitte bestätige deine Anmeldung mit einer der verfügbaren Methoden.",
-    "fr": "Veuillez confirmer votre connexion à l’aide d’une des méthodes disponibles.",
-    "en": "Please confirm your login using one of the available methods."
-  },
   "Auth.MFA_USE_PASSKEY": {
     "de": "Passkey / Sicherheitsschlüssel verwenden",
     "fr": "Utiliser une clé d’accès / clé de sécurité",
@@ -868,16 +806,6 @@ export const authTranslations = {
   "fr": "Récupération de compte",
   "en": "Account recovery"
 },
-"Auth.MFA_IDENTIFIER_REQUIRED": {
-  "de": "E-Mail-Adresse oder Kennung ist erforderlich.",
-  "fr": "L’adresse e-mail ou l’identifiant est requis.",
-  "en": "Email address or identifier is required."
-},
-"Auth.MFA_HELP_REQUESTED": {
-  "de": "Falls dieses Konto existiert, wurde Ihre Anfrage dem Support weitergeleitet. Bitte kontaktiere den Support für weitere Hilfe.",
-  "fr": "Si ce compte existe, votre demande a été transmise au support. Veuillez contacter le support pour obtenir de l’aide supplémentaire.",
-  "en": "If this account exists, your request has been forwarded to support. Please contact support for further assistance."
-},
 "Support.RECOVERY_APPROVE_DIALOG_TITLE": {
   "de": "Kontowiederherstellung bestätigen",
   "fr": "Confirmer la récupération du compte",
@@ -898,11 +826,6 @@ export const authTranslations = {
   "fr": "Décrivez brièvement pourquoi vous approuvez cette demande.",
   "en": "Briefly describe why you are approving this request."
 },
-"Support.RECOVERY_APPROVE_SUBMIT": {
-  "de": "Link senden",
-  "fr": "Envoyer le lien",
-  "en": "Send link"
-},
 "Auth.MFA_HELP_DIALOG_TITLE": {
   "de": "Hilfe bei der Anmeldung",
   "fr": "Aide pour la connexion",
@@ -918,11 +841,6 @@ export const authTranslations = {
   "fr": "Votre message au support",
   "en": "Your message to support"
 },
-"Auth.MFA_HELP_MESSAGE_HELP": {
-  "de": "Optional, hilft dem Support bei der Überprüfung Ihrer Identität.",
-  "fr": "Facultatif, mais aide le support à vérifier votre identité.",
-  "en": "Optional, but helps support verify your identity."
-},
 "Auth.MFA_HELP_SUBMIT": {
   "de": "Anfrage senden",
   "fr": "Envoyer la demande",
@@ -944,16 +862,16 @@ export const authTranslations = {
   "fr": "Refuser la récupération de compte",
   "en": "Reject account recovery"
 },
-"Support.RECOVERY_REJECT_CONFIRM_QUESTION": {
-  "de": "Sind Sie sicher, dass Sie diese Wiederherstellungsanfrage ablehnen möchten?",
-  "fr": "Êtes-vous sûr de vouloir refuser cette demande de récupération ?",
-  "en": "Are you sure you want to reject this recovery request?"
-},
 "Support.RECOVERY_REJECT_SUBMIT": {
   "de": "Anfrage ablehnen",
   "fr": "Refuser la demande",
   "en": "Reject request"
 },
+"Support.CANCEL": {
+  "de": "Abbrechen",
+  "fr": "Annuler",
+  "en": "Cancel"
+},
 "Support.RECOVERY_REQUESTS_TITLE": {
     "de": "Anfragen zur Kontowiederherstellung",
     "fr": "Demandes de récupération de compte",
@@ -994,7 +912,7 @@ export const authTranslations = {
     "fr": "Créée le",
     "en": "Created"
   },
-  "Support.RECOVERY_COL_USER": {
+  "Support.RECOVERY_USER": {
     "de": "Benutzer",
     "fr": "Utilisateur",
     "en": "User"
@@ -1020,11 +938,6 @@ export const authTranslations = {
     "fr": "Examiner la demande de récupération de compte",
     "en": "Review recovery request"
   },
-  "Support.RECOVERY_REVIEW_USER": {
-    "de": "Benutzer",
-    "fr": "Utilisateur",
-    "en": "User"
-  },
   "Support.RECOVERY_REVIEW_CREATED": {
     "de": "Angefragt am",
     "fr": "Demandée le",
@@ -1040,23 +953,6 @@ export const authTranslations = {
     "fr": "Aucune explication fournie.",
     "en": "No message provided."
   },
-
-  "Support.RECOVERY_NOTE_LABEL": {
-    "de": "Begründung für Ihre Entscheidung",
-    "fr": "Raison de votre décision",
-    "en": "Reason for your decision"
-  },
-  "Support.RECOVERY_NOTE_HELP": {
-    "de": "Beschreiben Sie kurz, warum Sie diese Anfrage akzeptieren oder ablehnen.",
-    "fr": "Décrivez brièvement pourquoi vous acceptez ou refusez cette demande.",
-    "en": "Briefly explain why you approve or reject this request."
-  },
-
-  "Support.RECOVERY_REJECT_SUBMIT": {
-    "de": "Anfrage ablehnen",
-    "fr": "Refuser la demande",
-    "en": "Reject request"
-  },
   "Support.RECOVERY_APPROVE_SUBMIT": {
     "de": "Akzeptieren und Link senden",
     "fr": "Accepter et envoyer le lien",
@@ -1072,33 +968,6 @@ export const authTranslations = {
     "fr": "La demande n’a pas pu être acceptée.",
     "en": "Failed to approve the recovery request."
   },
-
-  "Auth.MFA_HELP_DIALOG_TITLE": {
-    "de": "Hilfe bei der Anmeldung",
-    "fr": "Aide pour la connexion",
-    "en": "Help with sign-in"
-  },
-  "Auth.MFA_HELP_DIALOG_DESCRIPTION": {
-    "de": "Beschreiben Sie kurz, warum Sie die verfügbaren Methoden nicht nutzen können. Eine Support-Person wird Ihre Anfrage prüfen.",
-    "fr": "Décrivez brièvement pourquoi vous ne pouvez pas utiliser les méthodes disponibles. Une personne du support examinera votre demande.",
-    "en": "Briefly describe why you cannot use the available methods. A support person will review your request."
-  },
-  "Auth.MFA_HELP_MESSAGE_LABEL": {
-    "de": "Ihre Nachricht an den Support",
-    "fr": "Votre message au support",
-    "en": "Your message to support"
-  },
-  "Auth.MFA_HELP_MESSAGE_HELP": {
-    "de": "Optional, hilft dem Support aber bei der Überprüfung Ihrer Identität.",
-    "fr": "Optionnel, mais aide le support à vérifier votre identité.",
-    "en": "Optional, but helps support verify your identity."
-  },
-  "Auth.MFA_HELP_SUBMIT": {
-    "de": "Anfrage senden",
-    "fr": "Envoyer la demande",
-    "en": "Send request"
-  },
-
   "Auth.MFA_IDENTIFIER_REQUIRED": {
     "de": "Bitte geben Sie eine E-Mail-Adresse an.",
     "fr": "Veuillez indiquer une adresse e-mail.",
@@ -1109,20 +978,4 @@ export const authTranslations = {
     "fr": "Si un compte existe avec cette adresse e-mail, votre demande a été transmise au support.",
     "en": "If an account with this email exists, your request has been forwarded to support."
   },
-  "Auth.MFA_HELP_REQUEST_FAILED": {
-    "de": "Die Anfrage an den Support konnte nicht gesendet werden.",
-    "fr": "Impossible d’envoyer la demande au support.",
-    "en": "Failed to send the request to support."
-  }
-
-
-
-
-
-
-
-    
-
-
-  // ...
 };

package/src/pages/LoginPage.jsx

@@ -135,7 +135,7 @@ export function LoginPage() {
       {recoveryToken && !errorKey && (
         <Alert severity="info" sx={{ mb: 2 }}>
           {t(
-            'Auth.RECOVERY_LOGIN_INFO',
+            'Auth.RECOVERY_LOGIN_WARNING',
             'Your recovery link was validated. Please sign in with your password to continue.',
           )}
         </Alert>

package/src/pages/PasswordChangePage.jsx

@@ -21,7 +21,7 @@ export function PasswordChangePage() {
 
     try {
       await changePassword(oldPassword, newPassword);
-      setSuccessKey('Auth.PASSWORD_CHANGE_SUCCESS');
+      setSuccessKey('Auth.RESET_PASSWORD_SUCCESS');
     } catch (err) {
       setErrorKey(err.code || 'Auth.PASSWORD_CHANGE_FAILED');
     } finally {
@@ -31,12 +31,12 @@ export function PasswordChangePage() {
 
   return (
     <NarrowPage
-      title={t('Auth.PAGE_CHANGE_PASSWORD_TITLE')}
+      title={t('Auth.CHANGE_PASSWORD_BUTTON')}
       subtitle={t('Auth.PAGE_CHANGE_PASSWORD_SUBTITLE')}
     >
       <Helmet>
         <title>
-          {t('App.NAME')} – {t('Auth.PAGE_CHANGE_PASSWORD_TITLE')}
+          {t('App.NAME')} – {t('Auth.CHANGE_PASSWORD_BUTTON')}
         </title>
       </Helmet>
 

package/src/pages/PasswordResetRequestPage.jsx

@@ -37,12 +37,12 @@ export function PasswordResetRequestPage() {
 
   return (
     <NarrowPage
-      title={t('Auth.PAGE_RESET_REQUEST_TITLE')}
+      title={t('Auth.PAGE_RESET_PASSWORD_TITLE')}
       subtitle={t('Auth.PAGE_RESET_REQUEST_SUBTITLE')}
     >
       <Helmet>
         <title>
-          {t('App.NAME')} – {t('Auth.PAGE_RESET_REQUEST_TITLE')}
+          {t('App.NAME')} – {t('Auth.PAGE_RESET_PASSWORD_TITLE')}
         </title>
       </Helmet>
 

package/src/pages/SignUpPage.jsx

@@ -65,12 +65,12 @@ export function SignUpPage() {
 
   return (
     <NarrowPage
-      title={t('Auth.PAGE_SIGNUP_TITLE')}
+      title={t('Auth.LOGIN_SIGNUP_BUTTON')}
       subtitle={t('Auth.PAGE_SIGNUP_SUBTITLE')}
     >
       <Helmet>
         <title>
-          {t('App.NAME')} – {t('Auth.PAGE_SIGNUP_TITLE')}
+          {t('App.NAME')} – {t('Auth.LOGIN_SIGNUP_BUTTON')}
         </title>
       </Helmet>
 
@@ -102,7 +102,7 @@ export function SignUpPage() {
         />
 
         <TextField
-          label={t('Auth.SIGNUP_ACCESS_CODE_LABEL')}
+          label={t('Auth.ACCESS_CODE_LABEL')}
           type="text"
           required
           fullWidth