@micha.bigler/ui-core-micha 2.2.3 → 2.2.5

package/src/components/QrSignupManager.jsx

@@ -1,39 +1,81 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
   Alert,
   Box,
   Button,
-  TextField,
+  Stack,
   Typography,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { QRCodeSVG } from 'qrcode.react';
 import { createSignupQr } from '../auth/authApi';
 
-export function QrSignupManager({ enabled = false }) {
+const DEFAULT_EXPIRY_DAYS = 90;
+
+function clampExpiryDays(value) {
+  const parsed = parseInt(value, 10);
+  if (!Number.isFinite(parsed) || parsed < 1) {
+    return DEFAULT_EXPIRY_DAYS;
+  }
+  return parsed;
+}
+
+function escapeHtml(value) {
+  return String(value ?? '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+export function QrSignupManager({
+  enabled = false,
+  expiryDays = DEFAULT_EXPIRY_DAYS,
+}) {
   const { t } = useTranslation();
-  const [label, setLabel] = useState('');
+  const qrWrapperRef = useRef(null);
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState('');
   const [success, setSuccess] = useState('');
   const [result, setResult] = useState(null);
+  const [copyState, setCopyState] = useState('idle');
   const hasGeneratedRef = useRef(false);
 
-  const generate = async () => {
+  const formattedExpiry = useMemo(() => {
+    if (!result?.expires_at) {
+      return '';
+    }
+    const parsed = new Date(result.expires_at);
+    if (Number.isNaN(parsed.getTime())) {
+      return result.expires_at;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+    }).format(parsed);
+  }, [result]);
+
+  const generate = async (daysOverride) => {
     if (!enabled) {
       setResult(null);
       return;
     }
+    const nextDays = clampExpiryDays(daysOverride ?? expiryDays);
     setBusy(true);
     setError('');
     setSuccess('');
+    setCopyState('idle');
     try {
       const data = await createSignupQr({
-        label,
+        expires_minutes: nextDays * 24 * 60,
       });
       setResult(data);
       hasGeneratedRef.current = true;
-      setSuccess(t('Auth.SIGNUP_QR_SAVE_SUCCESS', 'QR signup link updated.'));
+      setSuccess(t('Auth.SIGNUP_QR_CREATE_SUCCESS', 'New QR signup link created.'));
     } catch (err) {
       setError(t(err?.code || 'Auth.SIGNUP_QR_CREATE_FAILED', 'Could not create signup QR.'));
     } finally {
@@ -46,6 +88,7 @@ export function QrSignupManager({ enabled = false }) {
       setResult(null);
       setError('');
       setSuccess('');
+      setCopyState('idle');
       hasGeneratedRef.current = false;
       return;
     }
@@ -57,14 +100,16 @@ export function QrSignupManager({ enabled = false }) {
       setBusy(true);
       setError('');
       setSuccess('');
+      setCopyState('idle');
       try {
+        const days = clampExpiryDays(expiryDays);
         const data = await createSignupQr({
-          label,
+          expires_minutes: days * 24 * 60,
         });
         if (!active) return;
         setResult(data);
         hasGeneratedRef.current = true;
-        setSuccess(t('Auth.SIGNUP_QR_SAVE_SUCCESS', 'QR signup link updated.'));
+        setSuccess(t('Auth.SIGNUP_QR_CREATE_SUCCESS', 'New QR signup link created.'));
       } catch (err) {
         if (!active) return;
         setError(t(err?.code || 'Auth.SIGNUP_QR_CREATE_FAILED', 'Could not create signup QR.'));
@@ -78,7 +123,139 @@ export function QrSignupManager({ enabled = false }) {
     return () => {
       active = false;
     };
-  }, [enabled, label, t]);
+  }, [enabled, expiryDays, t]);
+
+  const handleCopyLink = async () => {
+    const signupUrl = result?.signup_url;
+    if (!signupUrl || !navigator?.clipboard?.writeText) {
+      setCopyState('error');
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(signupUrl);
+      setCopyState('copied');
+    } catch (_error) {
+      setCopyState('error');
+    }
+  };
+
+  const handleSavePdf = () => {
+    if (!result?.signup_url) {
+      return;
+    }
+    const svgMarkup = qrWrapperRef.current?.innerHTML;
+    if (!svgMarkup) {
+      setError(t('Auth.SIGNUP_QR_PDF_NOT_READY', 'The QR image is not ready yet. Please try again.'));
+      return;
+    }
+
+    const printWindow = window.open('', '_blank', 'width=960,height=900');
+    if (!printWindow) {
+      setError(t('Auth.SIGNUP_QR_PDF_BLOCKED', 'Popup blocked. Please allow popups to save the QR card as PDF.'));
+      return;
+    }
+
+    const safeUrl = escapeHtml(result.signup_url);
+    const safeExpiresAt = escapeHtml(formattedExpiry || result.expires_at || '');
+
+    printWindow.document.write(`
+      <!DOCTYPE html>
+      <html>
+        <head>
+          <meta charset="utf-8" />
+          <title>${escapeHtml(t('Auth.SIGNUP_QR_MANAGER_TITLE', 'QR Signup'))}</title>
+          <style>
+            body {
+              margin: 0;
+              padding: 32px;
+              font-family: Arial, sans-serif;
+              background: #f5f7fb;
+              color: #122033;
+            }
+            .card {
+              max-width: 720px;
+              margin: 0 auto;
+              border: 1px solid #d9e2f2;
+              border-radius: 20px;
+              background: #ffffff;
+              padding: 32px;
+              box-sizing: border-box;
+            }
+            .eyebrow {
+              display: inline-block;
+              padding: 6px 10px;
+              border-radius: 999px;
+              background: #e8f0ff;
+              color: #23408e;
+              font-size: 12px;
+              font-weight: 700;
+              letter-spacing: 0.06em;
+              text-transform: uppercase;
+            }
+            h1 {
+              margin: 16px 0 8px;
+              font-size: 28px;
+              line-height: 1.2;
+            }
+            .qr-box {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              padding: 24px;
+              border-radius: 16px;
+              background: #ffffff;
+              border: 1px solid #d9e2f2;
+            }
+            .meta {
+              margin-top: 20px;
+              padding: 16px;
+              border-radius: 16px;
+              background: #f8faff;
+              border: 1px solid #d9e2f2;
+              word-break: break-word;
+              font-size: 14px;
+              line-height: 1.5;
+            }
+            @media print {
+              body {
+                background: #ffffff;
+                padding: 0;
+              }
+              .card {
+                border: 0;
+                border-radius: 0;
+                max-width: none;
+                padding: 0;
+              }
+            }
+          </style>
+        </head>
+        <body>
+          <div class="card">
+            <div class="eyebrow">${escapeHtml(t('Auth.SIGNUP_QR_MANAGER_TITLE', 'QR Signup'))}</div>
+            <h1>${escapeHtml(t('Auth.SIGNUP_QR_PRINT_TITLE', 'Sign-Up Access'))}</h1>
+            <div class="qr-box">${svgMarkup}</div>
+            <div class="meta">
+              <strong>${escapeHtml(t('Auth.SIGNUP_QR_LINK_LABEL', 'Signup link'))}</strong><br />
+              <a href="${safeUrl}">${safeUrl}</a><br /><br />
+              <strong>${escapeHtml(t('Auth.SIGNUP_QR_VALID_UNTIL', 'Valid until'))}</strong>: ${safeExpiresAt}
+            </div>
+          </div>
+          <script>
+            window.addEventListener('load', function () {
+              window.focus();
+              window.print();
+            });
+          </script>
+        </body>
+      </html>
+    `);
+    printWindow.document.close();
+  };
+
+  if (!enabled) {
+    return null;
+  }
 
   return (
     <Box>
@@ -86,49 +263,71 @@ export function QrSignupManager({ enabled = false }) {
         {t('Auth.SIGNUP_QR_MANAGER_TITLE', 'QR Signup')}
       </Typography>
       <Typography variant="body2" sx={{ mb: 2, color: 'text.secondary' }}>
-        {t('Auth.SIGNUP_QR_MANAGER_HINT', 'When QR signup is enabled, a signup QR code is shown here immediately.')}
-      </Typography>
-      <Typography variant="body2" sx={{ mb: 2, color: 'text.secondary' }}>
-        {t('Auth.SIGNUP_QR_POLICY_HINT', 'The default QR validity is configured in the authentication policy above.')}
+        {t('Auth.SIGNUP_QR_MANAGER_HINT', 'Generate and share QR signup links below.')}
       </Typography>
+
       {error && <Alert severity="error" sx={{ mb: 2 }}>{error}</Alert>}
       {success && <Alert severity="success" sx={{ mb: 2 }}>{success}</Alert>}
-
-      {!enabled && (
-        <Alert severity="info" sx={{ mb: 2 }}>
-          {t('Auth.SIGNUP_QR_DISABLED_HINT', 'Enable self-signup by QR above to show a QR code here.')}
+      {copyState === 'copied' && (
+        <Alert severity="success" sx={{ mb: 2 }}>
+          {t('Auth.SIGNUP_QR_LINK_COPIED', 'Signup link copied.')}
+        </Alert>
+      )}
+      {copyState === 'error' && (
+        <Alert severity="warning" sx={{ mb: 2 }}>
+          {t('Auth.SIGNUP_QR_COPY_UNAVAILABLE', 'Copying the link is not available in this browser.')}
         </Alert>
       )}
-
-      <TextField
-        label={t('Common.LABEL', 'Label')}
-        value={label}
-        onChange={(event) => setLabel(event.target.value)}
-        fullWidth
-        disabled={!enabled || busy}
-      />
-
-      <Button variant="contained" sx={{ mt: 2 }} onClick={generate} disabled={!enabled || busy}>
-        {t('Common.SAVE', 'Save')}
-      </Button>
 
       {result?.signup_url && (
-        <Box sx={{ mt: 3 }}>
-          <QRCodeSVG value={result.signup_url} size={180} includeMargin />
-          <TextField
-            label={t('Auth.SIGNUP_QR_LINK_LABEL', 'Signup link')}
-            value={result.signup_url}
-            fullWidth
-            multiline
-            minRows={2}
-            sx={{ mt: 2 }}
-            InputProps={{ readOnly: true }}
-          />
-          {result?.expires_at && (
-            <Typography variant="body2" sx={{ mt: 1.5, color: 'text.secondary' }}>
-              {t('Auth.SIGNUP_QR_VALID_UNTIL', 'Valid until')}: {result.expires_at}
+        <Box sx={{ mt: 1 }}>
+          <Box
+            sx={{
+              display: 'flex',
+              justifyContent: 'center',
+              alignItems: 'center',
+              borderRadius: 3,
+              border: '1px solid',
+              borderColor: 'divider',
+              bgcolor: '#ffffff',
+              py: 3,
+              px: 2,
+            }}
+          >
+            <Box ref={qrWrapperRef}>
+              <QRCodeSVG value={result.signup_url} size={220} includeMargin />
+            </Box>
+          </Box>
+
+          <Box
+            sx={{
+              mt: 2,
+              borderRadius: 3,
+              p: 2,
+              bgcolor: 'grey.50',
+              border: '1px solid',
+              borderColor: 'divider',
+            }}
+          >
+            <Typography variant="subtitle2" gutterBottom>
+              {t('Auth.SIGNUP_QR_ACCESS_TITLE', 'Signup Access')}
             </Typography>
-          )}
+            <Typography variant="body2" color="text.secondary">
+              {t('Auth.SIGNUP_QR_VALID_UNTIL', 'Valid until')}: {formattedExpiry || result.expires_at}
+            </Typography>
+          </Box>
+
+          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1} sx={{ mt: 2 }}>
+            <Button variant="outlined" onClick={() => generate()} disabled={busy}>
+              {t('Auth.SIGNUP_QR_NEW_BUTTON', 'New QR-Code')}
+            </Button>
+            <Button variant="outlined" onClick={handleCopyLink} disabled={!result?.signup_url || busy}>
+              {t('Auth.SIGNUP_QR_COPY_BUTTON', 'Copy Link')}
+            </Button>
+            <Button variant="outlined" onClick={handleSavePdf} disabled={!result?.signup_url || busy}>
+              {t('Auth.SIGNUP_QR_PDF_BUTTON', 'Save as PDF')}
+            </Button>
+          </Stack>
         </Box>
       )}
     </Box>

package/src/components/QrSignupValidityManager.jsx

@@ -0,0 +1,100 @@
+import React, { useEffect, useState } from 'react';
+import {
+  Alert,
+  Box,
+  Button,
+  Stack,
+  TextField,
+  Typography,
+} from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { updateAuthPolicy } from '../auth/authApi';
+
+const DEFAULT_EXPIRY_DAYS = 90;
+
+function clampExpiryDays(value) {
+  const parsed = parseInt(value, 10);
+  if (!Number.isFinite(parsed) || parsed < 1) {
+    return DEFAULT_EXPIRY_DAYS;
+  }
+  return parsed;
+}
+
+export function QrSignupValidityManager({
+  enabled = false,
+  expiryDays = DEFAULT_EXPIRY_DAYS,
+  onPolicyChange,
+}) {
+  const { t } = useTranslation();
+  const [currentExpiryDays, setCurrentExpiryDays] = useState(String(expiryDays || DEFAULT_EXPIRY_DAYS));
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState('');
+  const [success, setSuccess] = useState('');
+
+  useEffect(() => {
+    setCurrentExpiryDays(String(expiryDays || DEFAULT_EXPIRY_DAYS));
+  }, [expiryDays]);
+
+  const handleSave = async () => {
+    const nextDays = clampExpiryDays(currentExpiryDays);
+    setBusy(true);
+    setError('');
+    setSuccess('');
+    try {
+      const next = await updateAuthPolicy({
+        signup_qr_expiry_days: nextDays,
+      });
+      setCurrentExpiryDays(String(next?.signup_qr_expiry_days || nextDays));
+      setSuccess(t('Auth.AUTH_POLICY_SAVE_SUCCESS', 'Authentication settings saved.'));
+      if (onPolicyChange) onPolicyChange(next);
+    } catch (err) {
+      setError(t(err?.code || 'Auth.AUTH_POLICY_UPDATE_FAILED', 'Could not save authentication settings.'));
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  if (!enabled) {
+    return null;
+  }
+
+  return (
+    <Box>
+      <Typography variant="h6" gutterBottom>
+        {t('Auth.SIGNUP_QR_VALIDITY_TITLE', 'QR Signup Validity')}
+      </Typography>
+      <Typography variant="body2" sx={{ mb: 2, color: 'text.secondary' }}>
+        {t(
+          'Auth.SIGNUP_QR_VALIDITY_HINT',
+          'Set the default validity for newly generated QR signup links.',
+        )}
+      </Typography>
+
+      {error && <Alert severity="error" sx={{ mb: 2 }}>{error}</Alert>}
+      {success && <Alert severity="success" sx={{ mb: 2 }}>{success}</Alert>}
+
+      <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1.5} alignItems={{ sm: 'flex-start' }}>
+        <TextField
+          label={t('Auth.SIGNUP_QR_EXPIRY_DAYS_LABEL', 'QR signup validity (days)')}
+          helperText={t(
+            'Auth.SIGNUP_QR_EXPIRY_DAYS_HINT',
+            'Default validity for newly generated QR signup links.',
+          )}
+          type="number"
+          value={currentExpiryDays}
+          onChange={(event) => setCurrentExpiryDays(event.target.value)}
+          disabled={busy}
+          sx={{ flex: 1 }}
+        />
+        <Button
+          variant="contained"
+          onClick={handleSave}
+          disabled={busy}
+          sx={{ minWidth: 120, mt: { sm: '8px' } }}
+        >
+          {t('Common.SAVE', 'Save')}
+        </Button>
+      </Stack>
+    </Box>
+  );
+}

package/src/components/RegistrationMethodsManager.jsx

@@ -2,15 +2,14 @@ import React, { useEffect, useState } from 'react';
 import {
   Alert,
   Box,
-  Button,
+  CircularProgress,
   FormControlLabel,
   Stack,
   Switch,
-  TextField,
   Typography,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import { fetchAuthPolicy, updateAuthPolicy } from '../auth/authApi';
+import { updateAuthPolicy } from '../auth/authApi';
 
 const EMPTY_POLICY = {
   allow_admin_invite: true,
@@ -19,88 +18,54 @@ const EMPTY_POLICY = {
   allow_self_signup_email_domain: false,
   allow_self_signup_qr: false,
   allowed_email_domains: [],
-  required_auth_factor_count: 1,
   signup_qr_expiry_days: 90,
+  required_auth_factor_count: 1,
 };
 
-export function RegistrationMethodsManager({ onPolicyChange }) {
+export function RegistrationMethodsManager({
+  policy: authPolicy,
+  error = '',
+  onPolicyChange,
+}) {
   const { t } = useTranslation();
-  const [policy, setPolicy] = useState(EMPTY_POLICY);
-  const [domainsText, setDomainsText] = useState('');
-  const [signupQrExpiryDays, setSignupQrExpiryDays] = useState(String(EMPTY_POLICY.signup_qr_expiry_days));
-  const [busy, setBusy] = useState(false);
+  const [policyState, setPolicyState] = useState(EMPTY_POLICY);
   const [busyField, setBusyField] = useState('');
-  const [error, setError] = useState('');
+  const [saveError, setSaveError] = useState('');
   const [success, setSuccess] = useState('');
 
   useEffect(() => {
-    let active = true;
-    (async () => {
-      try {
-        const data = await fetchAuthPolicy();
-        if (!active) return;
-        setPolicy((prev) => ({ ...prev, ...data }));
-        setDomainsText((data?.allowed_email_domains || []).join('\n'));
-        setSignupQrExpiryDays(String(data?.signup_qr_expiry_days || EMPTY_POLICY.signup_qr_expiry_days));
-        if (onPolicyChange) onPolicyChange(data);
-      } catch (err) {
-        if (active) {
-          setError(t(err?.code || 'Auth.AUTH_POLICY_FETCH_FAILED', 'Could not load authentication policy.'));
-        }
-      }
-    })();
-    return () => {
-      active = false;
-    };
-  }, [onPolicyChange, t]);
+    if (!authPolicy) {
+      return;
+    }
+    setPolicyState({ ...EMPTY_POLICY, ...authPolicy });
+  }, [authPolicy]);
 
   const toggle = (field) => async (_event, checked) => {
-    const previous = policy[field];
-    setPolicy((prev) => ({ ...prev, [field]: checked }));
+    const previous = policyState[field];
+    setPolicyState((prev) => ({ ...prev, [field]: checked }));
     setBusyField(field);
-    setError('');
+    setSaveError('');
     setSuccess('');
     try {
       const next = await updateAuthPolicy({ [field]: checked });
-      setPolicy((prev) => ({ ...prev, ...next }));
-      setDomainsText((next?.allowed_email_domains || []).join('\n'));
+      setPolicyState((prev) => ({ ...prev, ...next }));
       setSuccess(t('Auth.AUTH_POLICY_SAVE_SUCCESS', 'Authentication settings saved.'));
       if (onPolicyChange) onPolicyChange(next);
     } catch (err) {
-      setPolicy((prev) => ({ ...prev, [field]: previous }));
-      setError(t(err?.code || 'Auth.AUTH_POLICY_UPDATE_FAILED', 'Could not save authentication settings.'));
+      setPolicyState((prev) => ({ ...prev, [field]: previous }));
+      setSaveError(t(err?.code || 'Auth.AUTH_POLICY_UPDATE_FAILED', 'Could not save authentication settings.'));
     } finally {
       setBusyField('');
     }
   };
 
-  const save = async () => {
-    setBusy(true);
-    setError('');
-    setSuccess('');
-    try {
-      const allowed_email_domains = domainsText
-        .split(/\r?\n/)
-        .map((value) => value.trim())
-        .filter(Boolean);
-      const parsedExpiryDays = parseInt(signupQrExpiryDays, 10);
-      const next = await updateAuthPolicy({
-        allowed_email_domains,
-        signup_qr_expiry_days: Number.isFinite(parsedExpiryDays) && parsedExpiryDays > 0
-          ? parsedExpiryDays
-          : EMPTY_POLICY.signup_qr_expiry_days,
-      });
-      setPolicy((prev) => ({ ...prev, ...next }));
-      setDomainsText((next?.allowed_email_domains || allowed_email_domains).join('\n'));
-      setSignupQrExpiryDays(String(next?.signup_qr_expiry_days || EMPTY_POLICY.signup_qr_expiry_days));
-      setSuccess(t('Auth.AUTH_POLICY_SAVE_SUCCESS', 'Authentication settings saved.'));
-      if (onPolicyChange) onPolicyChange(next);
-    } catch (err) {
-      setError(t(err?.code || 'Auth.AUTH_POLICY_UPDATE_FAILED', 'Could not save authentication settings.'));
-    } finally {
-      setBusy(false);
-    }
-  };
+  if (!authPolicy && !error) {
+    return (
+      <Box sx={{ py: 3, display: 'flex', justifyContent: 'center' }}>
+        <CircularProgress size={28} />
+      </Box>
+    );
+  }
 
   return (
     <Box>
@@ -111,13 +76,14 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
         {t('Auth.REGISTRATION_METHODS_HINT', 'Choose which signup and invite flows are active for this app.')}
       </Typography>
       {error && <Alert severity="error" sx={{ mb: 2 }}>{error}</Alert>}
+      {saveError && <Alert severity="error" sx={{ mb: 2 }}>{saveError}</Alert>}
       {success && <Alert severity="success" sx={{ mb: 2 }}>{success}</Alert>}
 
       <Stack spacing={1}>
         <FormControlLabel
           control={(
             <Switch
-              checked={Boolean(policy.allow_admin_invite)}
+              checked={Boolean(policyState.allow_admin_invite)}
               onChange={toggle('allow_admin_invite')}
               disabled={Boolean(busyField)}
             />
@@ -127,7 +93,7 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
         <FormControlLabel
           control={(
             <Switch
-              checked={Boolean(policy.allow_self_signup_access_code)}
+              checked={Boolean(policyState.allow_self_signup_access_code)}
               onChange={toggle('allow_self_signup_access_code')}
               disabled={Boolean(busyField)}
             />
@@ -137,7 +103,7 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
         <FormControlLabel
           control={(
             <Switch
-              checked={Boolean(policy.allow_self_signup_open)}
+              checked={Boolean(policyState.allow_self_signup_open)}
               onChange={toggle('allow_self_signup_open')}
               disabled={Boolean(busyField)}
             />
@@ -147,7 +113,7 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
         <FormControlLabel
           control={(
             <Switch
-              checked={Boolean(policy.allow_self_signup_email_domain)}
+              checked={Boolean(policyState.allow_self_signup_email_domain)}
               onChange={toggle('allow_self_signup_email_domain')}
               disabled={Boolean(busyField)}
             />
@@ -157,7 +123,7 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
         <FormControlLabel
           control={(
             <Switch
-              checked={Boolean(policy.allow_self_signup_qr)}
+              checked={Boolean(policyState.allow_self_signup_qr)}
               onChange={toggle('allow_self_signup_qr')}
               disabled={Boolean(busyField)}
             />
@@ -166,7 +132,7 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
         />
       </Stack>
 
-      {policy.allow_self_signup_email_domain && !(policy.allowed_email_domains || []).length && (
+      {policyState.allow_self_signup_email_domain && !(policyState.allowed_email_domains || []).length && (
         <Alert severity="info" sx={{ mt: 2 }}>
           {t(
             'Auth.EMAIL_DOMAIN_CURRENTLY_BLOCKED_HINT',
@@ -174,34 +140,6 @@ export function RegistrationMethodsManager({ onPolicyChange }) {
           )}
         </Alert>
       )}
-
-      <TextField
-        label={t('Auth.ALLOWED_EMAIL_DOMAINS_LABEL', 'Allowed email domains')}
-        helperText={t('Auth.ALLOWED_EMAIL_DOMAINS_HINT', 'One domain per line, e.g. example.org. You can leave this empty temporarily.')}
-        multiline
-        minRows={3}
-        fullWidth
-        sx={{ mt: 2 }}
-        value={domainsText}
-        onChange={(event) => setDomainsText(event.target.value)}
-      />
-
-      <TextField
-        label={t('Auth.SIGNUP_QR_EXPIRY_DAYS_LABEL', 'QR signup validity (days)')}
-        helperText={t(
-          'Auth.SIGNUP_QR_EXPIRY_DAYS_HINT',
-          'Default validity for newly generated QR signup links.',
-        )}
-        type="number"
-        fullWidth
-        sx={{ mt: 2 }}
-        value={signupQrExpiryDays}
-        onChange={(event) => setSignupQrExpiryDays(event.target.value)}
-      />
-
-      <Button variant="contained" sx={{ mt: 2 }} onClick={save} disabled={busy}>
-        {t('Common.SAVE', 'Save')}
-      </Button>
     </Box>
   );
 }