@micha.bigler/ui-core-micha 1.3.2 → 1.3.5

package/dist/auth/authApi.js

@@ -373,30 +373,33 @@ export async function authenticateWithMFA({ code, credential }) {
 // Authentication: password (MODIFIZIERT)
 // -----------------------------
 export async function loginWithPassword(email, password) {
-    var _a;
+    var _a, _b, _c;
     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;
+        console.log('Login Error Debug:', { status, data });
+        // --- SKEPTISCHER CHECK (KORRIGIERT) ---
+        // Wir suchen in der Liste 'flows' nach einem Eintrag mit id='mfa_authenticate'
+        // und prüfen, ob er 'is_pending' ist.
+        const mfaFlow = (_c = data === null || data === void 0 ? void 0 : data.flows) === null || _c === void 0 ? void 0 : _c.find(f => f.id === 'mfa_authenticate');
+        if (status === 401 && mfaFlow && mfaFlow.is_pending) {
             return {
                 needsMfa: true,
-                availableTypes: error.response.data.types || [], // z.B. ["webauthn", "totp"]
+                availableTypes: mfaFlow.types || [], // ["recovery_codes", "webauthn"]
             };
         }
-        // Bestehende Logik für "Already logged in"
-        if (error.response && error.response.status === 409) {
-            // continue to fetch user
+        // --- Already Logged In ---
+        if (status === 409) {
+            // user ist schon eingeloggt
         }
         else {
             throw new Error(extractErrorMessage(error));
         }
     }
-    // Wenn wir hier landen, war kein MFA nötig oder wir waren schon eingeloggt
+    // Erfolg ohne MFA
     const user = await fetchCurrentUser();
     return { user, needsMfa: false };
 }

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.2",
+  "version": "1.3.5",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "private": false,

package/src/auth/authApi.jsx

@@ -489,31 +489,35 @@ 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;
+
+    console.log('Login Error Debug:', { status, data });
+
+    // --- SKEPTISCHER CHECK (KORRIGIERT) ---
+    // Wir suchen in der Liste 'flows' nach einem Eintrag mit id='mfa_authenticate'
+    // und prüfen, ob er 'is_pending' ist.
+    const mfaFlow = data?.flows?.find(f => f.id === 'mfa_authenticate');
+
+    if (status === 401 && mfaFlow && mfaFlow.is_pending) {
       return {
         needsMfa: true,
-        availableTypes: error.response.data.types || [], // z.B. ["webauthn", "totp"]
+        availableTypes: mfaFlow.types || [], // ["recovery_codes", "webauthn"]
       };
     }
-    
-    // Bestehende Logik für "Already logged in"
-    if (error.response && error.response.status === 409) {
-       // continue to fetch user
+
+    // --- Already Logged In ---
+    if (status === 409) {
+       // user ist schon eingeloggt
     } else {
-       throw new Error(extractErrorMessage(error));
+      throw new Error(extractErrorMessage(error));
     }
   }
 
-  // Wenn wir hier landen, war kein MFA nötig oder wir waren schon eingeloggt
+  // Erfolg ohne MFA
   const user = await fetchCurrentUser();
   return { user, needsMfa: false };
 }

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');