@micha.bigler/ui-core-micha 1.3.1 → 1.3.4

package/dist/auth/authApi.js

@@ -373,30 +373,32 @@ export async function authenticateWithMFA({ code, credential }) {
 // Authentication: password (MODIFIZIERT)
 // -----------------------------
 export async function loginWithPassword(email, password) {
-    var _a;
+    var _a, _b;
     try {
         await axios.post(`${HEADLESS_BASE}/auth/login`, { email, password }, { withCredentials: true });
     }
     catch (error) {
-        // SKEPTISCHER CHECK: Ist es der MFA-Flow?
-        if (error.response &&
-            error.response.status === 401 &&
-            ((_a = error.response.data) === null || _a === void 0 ? void 0 : _a.flow) === 'mfa_authenticate') {
-            // KEIN FEHLER! Wir geben zurück, dass MFA nötig ist.
+        const status = (_a = error.response) === null || _a === void 0 ? void 0 : _a.status;
+        const data = (_b = error.response) === null || _b === void 0 ? void 0 : _b.data;
+        // --- SKEPTISCHER CHECK: MFA NÖTIG? ---
+        // Wenn Allauth 401 mit flow="mfa_authenticate" sendet, ist das KEIN Fehler,
+        // sondern die Aufforderung für Schritt 2.
+        if (status === 401 && (data === null || data === void 0 ? void 0 : data.flow) === 'mfa_authenticate') {
             return {
                 needsMfa: true,
-                availableTypes: error.response.data.types || [], // z.B. ["webauthn", "totp"]
+                availableTypes: data.types || [], // z.B. ["webauthn", "totp"]
             };
         }
-        // Bestehende Logik für "Already logged in"
-        if (error.response && error.response.status === 409) {
-            // continue to fetch user
+        // --- "Already Logged In" Handling ---
+        if (status === 409) {
+            // User ist schon eingeloggt, wir machen einfach weiter
         }
         else {
+            // Echter Fehler (z.B. falsches Passwort oder Serverfehler)
             throw new Error(extractErrorMessage(error));
         }
     }
-    // Wenn wir hier landen, war kein MFA nötig oder wir waren schon eingeloggt
+    // Wenn wir hier landen, war der Login direkt erfolgreich (kein MFA)
     const user = await fetchCurrentUser();
     return { user, needsMfa: false };
 }

package/dist/components/MFAComponent.js

@@ -5,7 +5,7 @@ import { QRCodeSVG } from 'qrcode.react';
 import { Box, Typography, Button, TextField, Card, CardContent, Alert, CircularProgress, Stack, Divider, IconButton, Tooltip, } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import { authApi } from '../authApi';
+import { authApi } from '../auth/authApi';
 const MFAComponent = () => {
     const [authenticators, setAuthenticators] = useState([]);
     const [loading, setLoading] = useState(true);

package/dist/pages/LoginPage.js

@@ -76,7 +76,25 @@ export function LoginPage() {
     };
     // ... (Social & Sign Up Handler bleiben gleich) ...
     const handleSocialLogin = (provider) => authApi.startSocialLogin(provider);
-    const handlePasskeyLoginInitial = async () => { };
+    const handlePasskeyLoginInitial = async () => {
+        var _a, _b;
+        setError('');
+        setSubmitting(true);
+        try {
+            // Wir rufen die existierende Passkey-Login Funktion auf
+            const { user } = await authApi.loginWithPasskey();
+            login(user);
+            navigate('/');
+        }
+        catch (err) {
+            setError(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.detail) ||
+                (err === null || err === void 0 ? void 0 : err.message) ||
+                'Passkey login failed.');
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
     const handleSignUp = () => navigate('/signup');
     const handleForgotPassword = () => navigate('/reset-request-password');
     return (_jsxs(NarrowPage, { title: "Login", children: [_jsx(Helmet, { children: _jsx("title", { children: "Login" }) }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), step === 'credentials' && (_jsx(LoginForm, { onSubmit: handleSubmitCredentials, onForgotPassword: handleForgotPassword, onSocialLogin: handleSocialLogin, onPasskeyLogin: handlePasskeyLoginInitial, onSignUp: handleSignUp, disabled: submitting })), step === 'mfa' && (_jsxs(Box, { children: [_jsx(Typography, { variant: "body1", gutterBottom: true, children: "Two-Factor Authentication required." }), _jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [mfaTypes.includes('webauthn') && (_jsx(Button, { variant: "outlined", onClick: handleMfaPasskey, fullWidth: true, children: "Use Passkey / Security Key" })), (mfaTypes.includes('totp') || mfaTypes.includes('recovery_codes')) && (_jsxs("form", { onSubmit: handleMfaTotpSubmit, children: [_jsx(TextField, { label: "Authenticator Code (or Recovery Code)", value: totpCode, onChange: (e) => setTotpCode(e.target.value), fullWidth: true, autoFocus: true, disabled: submitting, sx: { mb: 2 } }), _jsx(Button, { type: "submit", variant: "contained", fullWidth: true, disabled: submitting, children: "Verify" })] })), _jsx(Button, { size: "small", onClick: () => setStep('credentials'), children: "Back to Login" })] })] }))] }));

package/package.json

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

package/src/auth/authApi.jsx

@@ -489,31 +489,32 @@ export async function loginWithPassword(email, password) {
     await axios.post(
       `${HEADLESS_BASE}/auth/login`,
       { email, password },
-      { withCredentials: true }
+      { withCredentials: true },
     );
   } catch (error) {
-    // SKEPTISCHER CHECK: Ist es der MFA-Flow?
-    if (
-      error.response &&
-      error.response.status === 401 &&
-      error.response.data?.flow === 'mfa_authenticate'
-    ) {
-      // KEIN FEHLER! Wir geben zurück, dass MFA nötig ist.
+    const status = error.response?.status;
+    const data = error.response?.data;
+
+    // --- SKEPTISCHER CHECK: MFA NÖTIG? ---
+    // Wenn Allauth 401 mit flow="mfa_authenticate" sendet, ist das KEIN Fehler,
+    // sondern die Aufforderung für Schritt 2.
+    if (status === 401 && data?.flow === 'mfa_authenticate') {
       return {
         needsMfa: true,
-        availableTypes: error.response.data.types || [], // z.B. ["webauthn", "totp"]
+        availableTypes: data.types || [], // z.B. ["webauthn", "totp"]
       };
     }
-    
-    // Bestehende Logik für "Already logged in"
-    if (error.response && error.response.status === 409) {
-       // continue to fetch user
+
+    // --- "Already Logged In" Handling ---
+    if (status === 409) {
+      // User ist schon eingeloggt, wir machen einfach weiter
     } else {
-       throw new Error(extractErrorMessage(error));
+      // Echter Fehler (z.B. falsches Passwort oder Serverfehler)
+      throw new Error(extractErrorMessage(error));
     }
   }
 
-  // Wenn wir hier landen, war kein MFA nötig oder wir waren schon eingeloggt
+  // Wenn wir hier landen, war der Login direkt erfolgreich (kein MFA)
   const user = await fetchCurrentUser();
   return { user, needsMfa: false };
 }

package/src/components/MFAComponent.jsx

@@ -17,7 +17,8 @@ import {
 } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import { authApi } from '../authApi';
+import { authApi } from '../auth/authApi';
+
 
 const MFAComponent = () => {
   const [authenticators, setAuthenticators] = useState([]);

package/src/pages/LoginPage.jsx

@@ -77,7 +77,24 @@ export function LoginPage() {
 
   // ... (Social & Sign Up Handler bleiben gleich) ...
   const handleSocialLogin = (provider) => authApi.startSocialLogin(provider);
-  const handlePasskeyLoginInitial = async () => { /* wie gehabt für Step 1 */ };
+  const handlePasskeyLoginInitial = async () => {
+    setError('');
+    setSubmitting(true);
+    try {
+      // Wir rufen die existierende Passkey-Login Funktion auf
+      const { user } = await authApi.loginWithPasskey();
+      login(user);
+      navigate('/');
+    } catch (err) {
+      setError(
+        err?.response?.data?.detail ||
+          err?.message ||
+          'Passkey login failed.',
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  };
   const handleSignUp = () => navigate('/signup');
   const handleForgotPassword = () => navigate('/reset-request-password');