npm - @micha.bigler/ui-core-micha - Versions diffs - 1.4.12 → 1.4.13 - Mend

@micha.bigler/ui-core-micha 1.4.12 → 1.4.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/components/SupportRecoveryRequestsTab.js +34 -27
package/dist/i18n/authTranslations.js +155 -0
package/package.json +1 -1
package/src/components/SupportRecoveryRequestsTab.jsx +82 -70
package/src/i18n/authTranslations.js +161 -1

package/dist/components/SupportRecoveryRequestsTab.js CHANGED Viewed

@@ -12,8 +12,7 @@ const SupportRecoveryRequestsTab = () => {
     const [statusFilter, setStatusFilter] = useState('pending');
     const [dialogOpen, setDialogOpen] = useState(false);
     const [dialogNote, setDialogNote] = useState('');
-    const [dialogRequestId, setDialogRequestId] = useState(null);
-    const [dialogMode, setDialogMode] = useState('approve');
+    const [selectedRequest, setSelectedRequest] = useState(null);
     const loadRequests = async () => {
         setLoading(true);
         setErrorKey(null);
@@ -32,49 +31,57 @@ const SupportRecoveryRequestsTab = () => {
         loadRequests();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [statusFilter]);
-    const openDialog = (id, mode) => {
-        setDialogRequestId(id);
-        setDialogMode(mode);
+    const openDialog = (req) => {
+        setSelectedRequest(req);
         setDialogNote('');
         setDialogOpen(true);
     };
     const closeDialog = () => {
         setDialogOpen(false);
-        setDialogRequestId(null);
+        setSelectedRequest(null);
         setDialogNote('');
     };
-    const handleConfirm = async () => {
-        if (!dialogRequestId)
+    const handleApprove = async () => {
+        if (!selectedRequest)
             return;
         setErrorKey(null);
         try {
-            if (dialogMode === 'approve') {
-                await authApi.approveRecoveryRequest(dialogRequestId, dialogNote);
-            }
-            else {
-                await authApi.rejectRecoveryRequest(dialogRequestId, dialogNote);
-            }
+            await authApi.approveRecoveryRequest(selectedRequest.id, dialogNote);
             await loadRequests();
             closeDialog();
         }
         catch (err) {
-            setErrorKey(err.code ||
-                (dialogMode === 'approve'
-                    ? 'Support.RECOVERY_REQUEST_APPROVE_FAILED'
-                    : 'Support.RECOVERY_REQUEST_REJECT_FAILED'));
+            setErrorKey(err.code || 'Support.RECOVERY_REQUEST_APPROVE_FAILED');
+        }
+    };
+    const handleReject = async () => {
+        if (!selectedRequest)
+            return;
+        setErrorKey(null);
+        try {
+            await authApi.rejectRecoveryRequest(selectedRequest.id, dialogNote);
+            await loadRequests();
+            closeDialog();
+        }
+        catch (err) {
+            setErrorKey(err.code || 'Support.RECOVERY_REQUEST_REJECT_FAILED');
         }
     };
     if (loading) {
         return (_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', mt: 4 }, children: _jsx(CircularProgress, {}) }));
     }
-    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Support.RECOVERY_REQUESTS_TITLE', 'Account recovery requests') }), _jsx(Typography, { variant: "body2", sx: { mb: 2 }, children: t('Support.RECOVERY_REQUESTS_DESCRIPTION', 'Users who cannot complete MFA can request support. You can send them a recovery link or reject the request after verification.') }), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), _jsxs(Stack, { direction: "row", spacing: 2, sx: { mb: 2 }, children: [_jsx(Button, { variant: statusFilter === 'pending' ? 'contained' : 'outlined', size: "small", onClick: () => setStatusFilter('pending'), children: t('Support.RECOVERY_FILTER_PENDING', 'Open') }), _jsx(Button, { variant: statusFilter === 'approved' ? 'contained' : 'outlined', size: "small", onClick: () => setStatusFilter('approved'), children: t('Support.RECOVERY_FILTER_APPROVED', 'Approved') }), _jsx(Button, { variant: statusFilter === 'rejected' ? 'contained' : 'outlined', size: "small", onClick: () => setStatusFilter('rejected'), children: t('Support.RECOVERY_FILTER_REJECTED', 'Rejected') })] }), requests.length === 0 ? (_jsx(Typography, { variant: "body2", children: t('Support.RECOVERY_REQUESTS_EMPTY', 'No recovery requests for this filter.') })) : (_jsx(TableContainer, { component: Paper, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: t('Support.RECOVERY_COL_CREATED', 'Created') }), _jsx(TableCell, { children: t('Support.RECOVERY_COL_USER', 'User') }), _jsx(TableCell, { children: t('Support.RECOVERY_COL_STATUS', 'Status') }), _jsx(TableCell, { children: t('Support.RECOVERY_COL_ACTIONS', 'Actions') })] }) }), _jsx(TableBody, { children: requests.map((req) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: req.created_at
+    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Support.RECOVERY_REQUESTS_TITLE', 'Account recovery requests') }), _jsx(Typography, { variant: "body2", sx: { mb: 2 }, children: t('Support.RECOVERY_REQUESTS_DESCRIPTION', 'Users who cannot complete MFA can request support. You can review their request and approve or reject it.') }), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), _jsxs(Stack, { direction: "row", spacing: 2, sx: { mb: 2 }, children: [_jsx(Button, { variant: statusFilter === 'pending' ? 'contained' : 'outlined', size: "small", onClick: () => setStatusFilter('pending'), children: t('Support.RECOVERY_FILTER_PENDING', 'Open') }), _jsx(Button, { variant: statusFilter === 'approved' ? 'contained' : 'outlined', size: "small", onClick: () => setStatusFilter('approved'), children: t('Support.RECOVERY_FILTER_APPROVED', 'Approved') }), _jsx(Button, { variant: statusFilter === 'rejected' ? 'contained' : 'outlined', size: "small", onClick: () => setStatusFilter('rejected'), children: t('Support.RECOVERY_FILTER_REJECTED', 'Rejected') })] }), requests.length === 0 ? (_jsx(Typography, { variant: "body2", children: t('Support.RECOVERY_REQUESTS_EMPTY', 'No recovery requests for this filter.') })) : (_jsx(TableContainer, { component: Paper, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: t('Support.RECOVERY_COL_CREATED', 'Created') }), _jsx(TableCell, { children: t('Support.RECOVERY_COL_USER', 'User') }), _jsx(TableCell, { children: t('Support.RECOVERY_COL_STATUS', 'Status') }), _jsx(TableCell, { children: t('Support.RECOVERY_COL_ACTIONS', 'Actions') })] }) }), _jsx(TableBody, { children: requests.map((req) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: req.created_at
                                             ? new Date(req.created_at).toLocaleString()
-                                            : '-' }), _jsx(TableCell, { children: req.user_email || req.user }), _jsx(TableCell, { children: req.status }), _jsx(TableCell, { children: _jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(Button, { variant: "contained", size: "small", onClick: () => openDialog(req.id, 'approve'), disabled: req.status !== 'pending', children: t('Support.RECOVERY_ACTION_SEND_LINK', 'Send recovery link') }), _jsx(Button, { variant: "outlined", size: "small", color: "error", onClick: () => openDialog(req.id, 'reject'), disabled: req.status !== 'pending', children: t('Support.RECOVERY_ACTION_REJECT', 'Reject') })] }) })] }, req.id))) })] }) })), _jsxs(Dialog, { open: dialogOpen, onClose: closeDialog, fullWidth: true, maxWidth: "sm", children: [_jsx(DialogTitle, { children: dialogMode === 'approve'
-                            ? t('Support.RECOVERY_APPROVE_DIALOG_TITLE', 'Confirm account recovery')
-                            : t('Support.RECOVERY_REJECT_DIALOG_TITLE', 'Reject account recovery') }), _jsxs(DialogContent, { dividers: true, children: [_jsx(Typography, { variant: "body2", sx: { mb: 2 }, children: dialogMode === 'approve'
-                                    ? t('Support.RECOVERY_APPROVE_CONFIRM_QUESTION', 'Are you sure you want to approve this recovery request?')
-                                    : t('Support.RECOVERY_REJECT_CONFIRM_QUESTION', 'Are you sure you want to reject this recovery request?') }), _jsx(TextField, { label: t('Support.RECOVERY_NOTE_LABEL', 'Reason for this decision'), helperText: t('Support.RECOVERY_NOTE_HELP', 'Describe briefly why you are approving or rejecting this request.'), multiline: true, minRows: 3, fullWidth: true, value: dialogNote, onChange: (e) => setDialogNote(e.target.value) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: closeDialog, children: t('Common.CANCEL', 'Cancel') }), _jsx(Button, { onClick: handleConfirm, variant: "contained", disabled: !dialogNote.trim(), color: dialogMode === 'approve' ? 'primary' : 'error', children: dialogMode === 'approve'
-                                    ? t('Support.RECOVERY_APPROVE_SUBMIT', 'Send link')
-                                    : t('Support.RECOVERY_REJECT_SUBMIT', 'Reject request') })] })] })] }));
+                                            : '-' }), _jsx(TableCell, { children: req.user_email || req.user }), _jsx(TableCell, { children: req.status }), _jsx(TableCell, { children: _jsx(Button, { variant: "contained", size: "small", onClick: () => openDialog(req), disabled: req.status !== 'pending', children: t('Support.RECOVERY_ACTION_REVIEW', 'Review') }) })] }, req.id))) })] }) })), _jsxs(Dialog, { open: dialogOpen, onClose: closeDialog, fullWidth: true, maxWidth: "sm", children: [_jsx(DialogTitle, { children: t('Support.RECOVERY_REVIEW_DIALOG_TITLE', 'Review recovery request') }), _jsxs(DialogContent, { dividers: true, children: [selectedRequest && (_jsxs(Box, { sx: { mb: 2 }, children: [_jsxs(Typography, { variant: "body2", sx: { mb: 1 }, children: [_jsxs("strong", { children: [t('Support.RECOVERY_REVIEW_USER', 'User'), ":"] }), ' ', selectedRequest.user_email || selectedRequest.user] }), _jsxs(Typography, { variant: "body2", sx: { mb: 1 }, children: [_jsxs("strong", { children: [t('Support.RECOVERY_REVIEW_CREATED', 'Requested at'), ":"] }), ' ', selectedRequest.created_at
+                                                ? new Date(selectedRequest.created_at).toLocaleString()
+                                                : '-'] }), _jsx(Typography, { variant: "body2", sx: { mb: 1 }, children: _jsxs("strong", { children: [t('Support.RECOVERY_REVIEW_MESSAGE', 'User’s explanation'), ":"] }) }), _jsx(Box, { sx: {
+                                            border: 1,
+                                            borderColor: 'divider',
+                                            borderRadius: 1,
+                                            p: 1,
+                                            mb: 2,
+                                            whiteSpace: 'pre-wrap',
+                                            fontSize: '0.875rem',
+                                        }, children: selectedRequest.message || t('Support.RECOVERY_NO_MESSAGE', 'No message provided.') })] })), _jsx(TextField, { label: t('Support.RECOVERY_NOTE_LABEL', 'Reason for your decision'), helperText: t('Support.RECOVERY_NOTE_HELP', 'Explain briefly why you approve or reject this request.'), multiline: true, minRows: 3, fullWidth: true, value: dialogNote, onChange: (e) => setDialogNote(e.target.value) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: closeDialog, children: t('Common.CANCEL', 'Cancel') }), _jsx(Button, { onClick: handleReject, color: "error", disabled: !dialogNote.trim(), children: t('Support.RECOVERY_REJECT_SUBMIT', 'Reject request') }), _jsx(Button, { onClick: handleApprove, variant: "contained", disabled: !dialogNote.trim(), children: t('Support.RECOVERY_APPROVE_SUBMIT', 'Approve and send link') })] })] })] }));
 };
-export default SupportRecoveryRequestsTab;
+export default SupportRecove;

package/dist/i18n/authTranslations.js CHANGED Viewed

@@ -905,6 +905,161 @@ export const authTranslations = {
         "de": "Anfrage ablehnen",
         "fr": "Refuser la demande",
         "en": "Reject request"
+    },
+    "Support.RECOVERY_REQUESTS_TITLE": {
+        "de": "Anfragen zur Kontowiederherstellung",
+        "fr": "Demandes de récupération de compte",
+        "en": "Account recovery requests"
+    },
+    "Support.RECOVERY_REQUESTS_DESCRIPTION": {
+        "de": "Benutzer, die die MFA nicht abschliessen können, können hier eine Anfrage stellen. Sie können die Anfrage prüfen und anschliessend akzeptieren oder ablehnen.",
+        "fr": "Les utilisateurs qui ne peuvent pas terminer la MFA peuvent envoyer ici une demande. Vous pouvez examiner la demande puis l’accepter ou la refuser.",
+        "en": "Users who cannot complete MFA can submit a request here. You can review the request and then approve or reject it."
+    },
+    "Support.RECOVERY_REQUESTS_LOAD_FAILED": {
+        "de": "Die Anfragen zur Kontowiederherstellung konnten nicht geladen werden.",
+        "fr": "Impossible de charger les demandes de récupération de compte.",
+        "en": "Failed to load account recovery requests."
+    },
+    "Support.RECOVERY_FILTER_PENDING": {
+        "de": "Offen",
+        "fr": "Ouvertes",
+        "en": "Open"
+    },
+    "Support.RECOVERY_FILTER_APPROVED": {
+        "de": "Akzeptiert",
+        "fr": "Acceptées",
+        "en": "Approved"
+    },
+    "Support.RECOVERY_FILTER_REJECTED": {
+        "de": "Abgelehnt",
+        "fr": "Refusées",
+        "en": "Rejected"
+    },
+    "Support.RECOVERY_REQUESTS_EMPTY": {
+        "de": "Für diesen Filter liegen keine Anfragen vor.",
+        "fr": "Aucune demande pour ce filtre.",
+        "en": "No recovery requests for this filter."
+    },
+    "Support.RECOVERY_COL_CREATED": {
+        "de": "Erstellt",
+        "fr": "Créée le",
+        "en": "Created"
+    },
+    "Support.RECOVERY_COL_USER": {
+        "de": "Benutzer",
+        "fr": "Utilisateur",
+        "en": "User"
+    },
+    "Support.RECOVERY_COL_STATUS": {
+        "de": "Status",
+        "fr": "Statut",
+        "en": "Status"
+    },
+    "Support.RECOVERY_COL_ACTIONS": {
+        "de": "Aktionen",
+        "fr": "Actions",
+        "en": "Actions"
+    },
+    "Support.RECOVERY_ACTION_REVIEW": {
+        "de": "Prüfen",
+        "fr": "Examiner",
+        "en": "Review"
+    },
+    "Support.RECOVERY_REVIEW_DIALOG_TITLE": {
+        "de": "Anfrage zur Kontowiederherstellung prüfen",
+        "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",
+        "en": "Requested at"
+    },
+    "Support.RECOVERY_REVIEW_MESSAGE": {
+        "de": "Begründung des Benutzers",
+        "fr": "Explication de l’utilisateur",
+        "en": "User’s explanation"
+    },
+    "Support.RECOVERY_NO_MESSAGE": {
+        "de": "Keine Begründung angegeben.",
+        "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",
+        "en": "Approve and send link"
+    },
+    "Support.RECOVERY_REQUEST_REJECT_FAILED": {
+        "de": "Die Anfrage konnte nicht abgelehnt werden.",
+        "fr": "La demande n’a pas pu être refusée.",
+        "en": "Failed to reject the recovery request."
+    },
+    "Support.RECOVERY_REQUEST_APPROVE_FAILED": {
+        "de": "Die Anfrage konnte nicht akzeptiert werden.",
+        "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.",
+        "en": "Please provide an email address."
+    },
+    "Auth.MFA_HELP_REQUESTED": {
+        "de": "Falls ein Konto mit dieser E-Mail existiert, wurde Ihre Anfrage an den Support weitergeleitet.",
+        "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/package.json CHANGED Viewed

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

package/src/components/SupportRecoveryRequestsTab.jsx CHANGED Viewed

@@ -33,8 +33,7 @@ const SupportRecoveryRequestsTab = () => {
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogNote, setDialogNote] = useState('');
-  const [dialogRequestId, setDialogRequestId] = useState(null);
-  const [dialogMode, setDialogMode] = useState('approve');
+  const [selectedRequest, setSelectedRequest] = useState(null);
   const loadRequests = async () => {
     setLoading(true);
@@ -54,37 +53,39 @@ const SupportRecoveryRequestsTab = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [statusFilter]);
-  const openDialog = (id, mode) => {
-    setDialogRequestId(id);
-    setDialogMode(mode);
+  const openDialog = (req) => {
+    setSelectedRequest(req);
     setDialogNote('');
     setDialogOpen(true);
   };
   const closeDialog = () => {
     setDialogOpen(false);
-    setDialogRequestId(null);
+    setSelectedRequest(null);
     setDialogNote('');
   };
-  const handleConfirm = async () => {
-    if (!dialogRequestId) return;
+  const handleApprove = async () => {
+    if (!selectedRequest) return;
     setErrorKey(null);
     try {
-      if (dialogMode === 'approve') {
-        await authApi.approveRecoveryRequest(dialogRequestId, dialogNote);
-      } else {
-        await authApi.rejectRecoveryRequest(dialogRequestId, dialogNote);
-      }
+      await authApi.approveRecoveryRequest(selectedRequest.id, dialogNote);
       await loadRequests();
       closeDialog();
     } catch (err) {
-      setErrorKey(
-        err.code ||
-          (dialogMode === 'approve'
-            ? 'Support.RECOVERY_REQUEST_APPROVE_FAILED'
-            : 'Support.RECOVERY_REQUEST_REJECT_FAILED'),
-      );
+      setErrorKey(err.code || 'Support.RECOVERY_REQUEST_APPROVE_FAILED');
+    }
+  };
+  const handleReject = async () => {
+    if (!selectedRequest) return;
+    setErrorKey(null);
+    try {
+      await authApi.rejectRecoveryRequest(selectedRequest.id, dialogNote);
+      await loadRequests();
+      closeDialog();
+    } catch (err) {
+      setErrorKey(err.code || 'Support.RECOVERY_REQUEST_REJECT_FAILED');
     }
   };
@@ -105,7 +106,7 @@ const SupportRecoveryRequestsTab = () => {
       <Typography variant="body2" sx={{ mb: 2 }}>
         {t(
           'Support.RECOVERY_REQUESTS_DESCRIPTION',
-          'Users who cannot complete MFA can request support. You can send them a recovery link or reject the request after verification.',
+          'Users who cannot complete MFA can request support. You can review their request and approve or reject it.',
         )}
       </Typography>
@@ -176,28 +177,14 @@ const SupportRecoveryRequestsTab = () => {
                   <TableCell>{req.user_email || req.user}</TableCell>
                   <TableCell>{req.status}</TableCell>
                   <TableCell>
-                    <Stack direction="row" spacing={1}>
-                      <Button
-                        variant="contained"
-                        size="small"
-                        onClick={() => openDialog(req.id, 'approve')}
-                        disabled={req.status !== 'pending'}
-                      >
-                        {t(
-                          'Support.RECOVERY_ACTION_SEND_LINK',
-                          'Send recovery link',
-                        )}
-                      </Button>
-                      <Button
-                        variant="outlined"
-                        size="small"
-                        color="error"
-                        onClick={() => openDialog(req.id, 'reject')}
-                        disabled={req.status !== 'pending'}
-                      >
-                        {t('Support.RECOVERY_ACTION_REJECT', 'Reject')}
-                      </Button>
-                    </Stack>
+                    <Button
+                      variant="contained"
+                      size="small"
+                      onClick={() => openDialog(req)}
+                      disabled={req.status !== 'pending'}
+                    >
+                      {t('Support.RECOVERY_ACTION_REVIEW', 'Review')}
+                    </Button>
                   </TableCell>
                 </TableRow>
               ))}
@@ -208,37 +195,58 @@ const SupportRecoveryRequestsTab = () => {
       <Dialog open={dialogOpen} onClose={closeDialog} fullWidth maxWidth="sm">
         <DialogTitle>
-          {dialogMode === 'approve'
-            ? t(
-                'Support.RECOVERY_APPROVE_DIALOG_TITLE',
-                'Confirm account recovery',
-              )
-            : t(
-                'Support.RECOVERY_REJECT_DIALOG_TITLE',
-                'Reject account recovery',
-              )}
+          {t('Support.RECOVERY_REVIEW_DIALOG_TITLE', 'Review recovery request')}
         </DialogTitle>
         <DialogContent dividers>
-          <Typography variant="body2" sx={{ mb: 2 }}>
-            {dialogMode === 'approve'
-              ? t(
-                  'Support.RECOVERY_APPROVE_CONFIRM_QUESTION',
-                  'Are you sure you want to approve this recovery request?',
-                )
-              : t(
-                  'Support.RECOVERY_REJECT_CONFIRM_QUESTION',
-                  'Are you sure you want to reject this recovery request?',
-                )}
-          </Typography>
+          {selectedRequest && (
+            <Box sx={{ mb: 2 }}>
+              <Typography variant="body2" sx={{ mb: 1 }}>
+                <strong>
+                  {t('Support.RECOVERY_REVIEW_USER', 'User')}:
+                </strong>{' '}
+                {selectedRequest.user_email || selectedRequest.user}
+              </Typography>
+              <Typography variant="body2" sx={{ mb: 1 }}>
+                <strong>
+                  {t('Support.RECOVERY_REVIEW_CREATED', 'Requested at')}:
+                </strong>{' '}
+                {selectedRequest.created_at
+                  ? new Date(selectedRequest.created_at).toLocaleString()
+                  : '-'}
+              </Typography>
+              <Typography variant="body2" sx={{ mb: 1 }}>
+                <strong>
+                  {t(
+                    'Support.RECOVERY_REVIEW_MESSAGE',
+                    'User’s explanation',
+                  )}
+                  :
+                </strong>
+              </Typography>
+              <Box
+                sx={{
+                  border: 1,
+                  borderColor: 'divider',
+                  borderRadius: 1,
+                  p: 1,
+                  mb: 2,
+                  whiteSpace: 'pre-wrap',
+                  fontSize: '0.875rem',
+                }}
+              >
+                {selectedRequest.message || t('Support.RECOVERY_NO_MESSAGE', 'No message provided.')}
+              </Box>
+            </Box>
+          )}
           <TextField
             label={t(
               'Support.RECOVERY_NOTE_LABEL',
-              'Reason for this decision',
+              'Reason for your decision',
             )}
             helperText={t(
               'Support.RECOVERY_NOTE_HELP',
-              'Describe briefly why you are approving or rejecting this request.',
+              'Explain briefly why you approve or reject this request.',
             )}
             multiline
             minRows={3}
@@ -252,14 +260,18 @@ const SupportRecoveryRequestsTab = () => {
             {t('Common.CANCEL', 'Cancel')}
           </Button>
           <Button
-            onClick={handleConfirm}
+            onClick={handleReject}
+            color="error"
+            disabled={!dialogNote.trim()}
+          >
+            {t('Support.RECOVERY_REJECT_SUBMIT', 'Reject request')}
+          </Button>
+          <Button
+            onClick={handleApprove}
             variant="contained"
             disabled={!dialogNote.trim()}
-            color={dialogMode === 'approve' ? 'primary' : 'error'}
           >
-            {dialogMode === 'approve'
-              ? t('Support.RECOVERY_APPROVE_SUBMIT', 'Send link')
-              : t('Support.RECOVERY_REJECT_SUBMIT', 'Reject request')}
+            {t('Support.RECOVERY_APPROVE_SUBMIT', 'Approve and send link')}
           </Button>
         </DialogActions>
       </Dialog>
@@ -267,4 +279,4 @@ const SupportRecoveryRequestsTab = () => {
   );
 };
-export default SupportRecoveryRequestsTab;
+export default SupportRecove

package/src/i18n/authTranslations.js CHANGED Viewed

@@ -953,7 +953,167 @@ export const authTranslations = {
   "de": "Anfrage ablehnen",
   "fr": "Refuser la demande",
   "en": "Reject request"
-}
+},
+"Support.RECOVERY_REQUESTS_TITLE": {
+    "de": "Anfragen zur Kontowiederherstellung",
+    "fr": "Demandes de récupération de compte",
+    "en": "Account recovery requests"
+  },
+  "Support.RECOVERY_REQUESTS_DESCRIPTION": {
+    "de": "Benutzer, die die MFA nicht abschliessen können, können hier eine Anfrage stellen. Sie können die Anfrage prüfen und anschliessend akzeptieren oder ablehnen.",
+    "fr": "Les utilisateurs qui ne peuvent pas terminer la MFA peuvent envoyer ici une demande. Vous pouvez examiner la demande puis l’accepter ou la refuser.",
+    "en": "Users who cannot complete MFA can submit a request here. You can review the request and then approve or reject it."
+  },
+  "Support.RECOVERY_REQUESTS_LOAD_FAILED": {
+    "de": "Die Anfragen zur Kontowiederherstellung konnten nicht geladen werden.",
+    "fr": "Impossible de charger les demandes de récupération de compte.",
+    "en": "Failed to load account recovery requests."
+  },
+  "Support.RECOVERY_FILTER_PENDING": {
+    "de": "Offen",
+    "fr": "Ouvertes",
+    "en": "Open"
+  },
+  "Support.RECOVERY_FILTER_APPROVED": {
+    "de": "Akzeptiert",
+    "fr": "Acceptées",
+    "en": "Approved"
+  },
+  "Support.RECOVERY_FILTER_REJECTED": {
+    "de": "Abgelehnt",
+    "fr": "Refusées",
+    "en": "Rejected"
+  },
+  "Support.RECOVERY_REQUESTS_EMPTY": {
+    "de": "Für diesen Filter liegen keine Anfragen vor.",
+    "fr": "Aucune demande pour ce filtre.",
+    "en": "No recovery requests for this filter."
+  },
+  "Support.RECOVERY_COL_CREATED": {
+    "de": "Erstellt",
+    "fr": "Créée le",
+    "en": "Created"
+  },
+  "Support.RECOVERY_COL_USER": {
+    "de": "Benutzer",
+    "fr": "Utilisateur",
+    "en": "User"
+  },
+  "Support.RECOVERY_COL_STATUS": {
+    "de": "Status",
+    "fr": "Statut",
+    "en": "Status"
+  },
+  "Support.RECOVERY_COL_ACTIONS": {
+    "de": "Aktionen",
+    "fr": "Actions",
+    "en": "Actions"
+  },
+  "Support.RECOVERY_ACTION_REVIEW": {
+    "de": "Prüfen",
+    "fr": "Examiner",
+    "en": "Review"
+  },
+  "Support.RECOVERY_REVIEW_DIALOG_TITLE": {
+    "de": "Anfrage zur Kontowiederherstellung prüfen",
+    "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",
+    "en": "Requested at"
+  },
+  "Support.RECOVERY_REVIEW_MESSAGE": {
+    "de": "Begründung des Benutzers",
+    "fr": "Explication de l’utilisateur",
+    "en": "User’s explanation"
+  },
+  "Support.RECOVERY_NO_MESSAGE": {
+    "de": "Keine Begründung angegeben.",
+    "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",
+    "en": "Approve and send link"
+  },
+  "Support.RECOVERY_REQUEST_REJECT_FAILED": {
+    "de": "Die Anfrage konnte nicht abgelehnt werden.",
+    "fr": "La demande n’a pas pu être refusée.",
+    "en": "Failed to reject the recovery request."
+  },
+  "Support.RECOVERY_REQUEST_APPROVE_FAILED": {
+    "de": "Die Anfrage konnte nicht akzeptiert werden.",
+    "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.",
+    "en": "Please provide an email address."
+  },
+  "Auth.MFA_HELP_REQUESTED": {
+    "de": "Falls ein Konto mit dieser E-Mail existiert, wurde Ihre Anfrage an den Support weitergeleitet.",
+    "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."
+  }