@micha.bigler/ui-core-micha 1.4.30 → 1.4.32

package/dist/components/LoginForm.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import React, { useState, useEffect } from 'react';
 import { Box, TextField, Button, Typography, Divider, } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import SocialLoginButtons from './SocialLoginButtons';
+import { SocialLoginButtons } from './SocialLoginButtons';
 export function LoginForm({ onSubmit, onForgotPassword, onSocialLogin, onPasskeyLogin, onSignUp, error, // bereits übersetzter Text oder t(errorKey) aus dem Parent
 disabled = false, initialIdentifier = '', }) {
     const { t } = useTranslation();

package/dist/components/MfaLoginComponent.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// src/auth/components/MfaLoginComponent.jsx
 import React, { useState } from 'react';
 import { Box, Typography, TextField, Button, Stack, Alert, Divider, Dialog, DialogTitle, DialogContent, DialogActions, } from '@mui/material';
 import { useTranslation } from 'react-i18next';
@@ -44,11 +43,22 @@ export function MfaLoginComponent({ availableTypes, identifier, onSuccess, onCan
         setInfoKey(null);
         setSubmitting(true);
         try {
-            const { user } = await loginWithPasskey();
+            // Use standard passkey login (starts a fresh session flow).
+            // This allows users to bypass the password MFA step if they have a valid passkey.
+            const user = await loginWithPasskey();
             onSuccess({ user, method: 'webauthn' });
         }
         catch (err) {
-            setErrorKey(err.code || 'Auth.PASSKEY_FAILED');
+            // Detailed error handling
+            if (err.code === 'Auth.PASSKEY_CANCELLED') {
+                // User cancelled - show specific key or just ignore
+                setErrorKey('Auth.PASSKEY_CANCELLED');
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.error(err);
+                setErrorKey('Auth.PASSKEY_FAILED');
+            }
         }
         finally {
             setSubmitting(false);

package/dist/components/SecurityComponent.js

@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { Box, Typography, Divider, Alert, } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import PasswordChangeForm from './PasswordChangeForm';
-import SocialLoginButtons from './SocialLoginButtons';
-import PasskeysComponent from './PasskeysComponent';
-import MFAComponent from './MFAComponent';
+import { PasswordChangeForm } from './PasswordChangeForm';
+import { SocialLoginButtons } from './SocialLoginButtons';
+import { PasskeysComponent } from './PasskeysComponent';
+import { MFAComponent } from './MFAComponent';
 import { changePassword } from '../auth/authApi';
 import { startSocialLogin } from '../utils/authService';
 export function SecurityComponent({ fromRecovery = false, fromWeakLogin = false, // optional: wenn du später weak-login-Redirect nutzt

package/dist/pages/LoginPage.js

@@ -11,8 +11,8 @@ import { AuthContext } from '../auth/AuthContext';
 import { loginWithRecoveryPassword, loginWithPassword } from '../auth/authApi';
 import { loginWithPasskey, startSocialLogin } from '../utils/authService';
 // Components
-import LoginForm from '../components/LoginForm';
-import MfaLoginComponent from '../components/MfaLoginComponent';
+import { LoginForm } from '../components/LoginForm';
+import { MfaLoginComponent } from '../components/MfaLoginComponent';
 export function LoginPage() {
     const navigate = useNavigate();
     const location = useLocation();

package/dist/pages/PasswordChangePage.js

@@ -5,7 +5,7 @@ import { Helmet } from 'react-helmet';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { NarrowPage } from '../layout/PageLayout';
-import PasswordChangeForm from '../components/PasswordChangeForm';
+import { PasswordChangeForm } from '../components/PasswordChangeForm';
 import { changePassword } from '../auth/authApi';
 export function PasswordChangePage() {
     const { t } = useTranslation();

package/dist/pages/PasswordInvitePage.js

@@ -6,7 +6,7 @@ import { Helmet } from 'react-helmet';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { NarrowPage } from '../layout/PageLayout';
-import PasswordSetForm from '../components/PasswordSetForm';
+import { PasswordSetForm } from '../components/PasswordSetForm';
 import { verifyResetToken, setNewPassword } from '../auth/authApi';
 export function PasswordInvitePage() {
     const { uid, token } = useParams();

package/dist/pages/PasswordResetRequestPage.js

@@ -6,7 +6,7 @@ import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { NarrowPage } from '../layout/PageLayout';
 import { requestPasswordReset } from '../auth/authApi';
-import PasswordResetRequestForm from '../components/PasswordResetRequestForm';
+import { PasswordResetRequestForm } from '../components/PasswordResetRequestForm';
 export function PasswordResetRequestPage() {
     const { t } = useTranslation();
     const [submitting, setSubmitting] = useState(false);

package/dist/utils/authService.js

@@ -27,7 +27,7 @@ export async function registerPasskey(name = 'Passkey') {
 }
 export async function loginWithPasskey() {
     ensureWebAuthnSupport();
-    // 1. Get Challenge
+    // 1. Get Challenge (für passwordless Login)
     const requestOptions = await getPasskeyLoginOptions();
     // 2. Browser Sign
     let assertion;
@@ -36,7 +36,11 @@ export async function loginWithPasskey() {
         assertion = await navigator.credentials.get({ publicKey: pubKey });
     }
     catch (err) {
-        throw normaliseApiError(new Error('Auth.PASSKEY_CANCELLED'), 'Auth.PASSKEY_CANCELLED');
+        if (err.name === 'NotAllowedError') {
+            throw normaliseApiError(new Error('Auth.PASSKEY_CANCELLED'), 'Auth.PASSKEY_CANCELLED');
+        }
+        // Wenn der Browser sagt "No credentials found", werfen wir das weiter
+        throw err;
     }
     // 3. Complete
     const credentialJson = serializeCredential(assertion);

package/package.json

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

package/src/components/LoginForm.jsx

@@ -7,7 +7,7 @@ import {
   Divider,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import SocialLoginButtons from './SocialLoginButtons';
+import { SocialLoginButtons } from './SocialLoginButtons';
 
 export function LoginForm({
   onSubmit,

package/src/components/MfaLoginComponent.jsx

@@ -1,4 +1,3 @@
-// src/auth/components/MfaLoginComponent.jsx
 import React, { useState } from 'react';
 import {
   Box,
@@ -14,10 +13,10 @@ import {
   DialogActions,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import { authenticateWithMFA, fetchCurrentUser, requestMfaSupportHelp  } from '../auth/authApi';
-import { loginWithPasskey  } from '../utils/authService';
+import { authenticateWithMFA, fetchCurrentUser, requestMfaSupportHelp } from '../auth/authApi';
+import { loginWithPasskey } from '../utils/authService';
 
- export function MfaLoginComponent({ availableTypes, identifier, onSuccess, onCancel }) {
+export function MfaLoginComponent({ availableTypes, identifier, onSuccess, onCancel }) {
   const { t } = useTranslation();
   const [code, setCode] = useState('');
   const [submitting, setSubmitting] = useState(false);
@@ -62,10 +61,20 @@ import { loginWithPasskey  } from '../utils/authService';
     setInfoKey(null);
     setSubmitting(true);
     try {
-      const { user } = await loginWithPasskey();
+      // Use standard passkey login (starts a fresh session flow).
+      // This allows users to bypass the password MFA step if they have a valid passkey.
+      const user = await loginWithPasskey();
       onSuccess({ user, method: 'webauthn' });
     } catch (err) {
-      setErrorKey(err.code || 'Auth.PASSKEY_FAILED');
+      // Detailed error handling
+      if (err.code === 'Auth.PASSKEY_CANCELLED') {
+          // User cancelled - show specific key or just ignore
+          setErrorKey('Auth.PASSKEY_CANCELLED');
+      } else {
+          // eslint-disable-next-line no-console
+          console.error(err);
+          setErrorKey('Auth.PASSKEY_FAILED');
+      }
     } finally {
       setSubmitting(false);
     }
@@ -236,4 +245,3 @@ import { loginWithPasskey  } from '../utils/authService';
   
 };
 
-

package/src/components/SecurityComponent.jsx

@@ -7,10 +7,10 @@ import {
   Alert,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import PasswordChangeForm from './PasswordChangeForm';
-import SocialLoginButtons from './SocialLoginButtons';
-import PasskeysComponent from './PasskeysComponent';
-import MFAComponent from './MFAComponent';
+import { PasswordChangeForm } from './PasswordChangeForm';
+import { SocialLoginButtons } from './SocialLoginButtons';
+import { PasskeysComponent } from './PasskeysComponent';
+import { MFAComponent } from './MFAComponent';
 import { changePassword } from '../auth/authApi';
 import { startSocialLogin } from '../utils/authService';
 

package/src/pages/LoginPage.jsx

@@ -13,8 +13,8 @@ import { loginWithRecoveryPassword, loginWithPassword } from '../auth/authApi';
 import { loginWithPasskey, startSocialLogin } from '../utils/authService';
 
 // Components
-import LoginForm from '../components/LoginForm';
-import MfaLoginComponent from '../components/MfaLoginComponent';
+import { LoginForm } from '../components/LoginForm';
+import { MfaLoginComponent } from '../components/MfaLoginComponent';
 
 export function LoginPage() {
   const navigate = useNavigate();

package/src/pages/PasswordChangePage.jsx

@@ -4,7 +4,7 @@ import { Helmet } from 'react-helmet';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { NarrowPage } from '../layout/PageLayout';
-import PasswordChangeForm from '../components/PasswordChangeForm';
+import { PasswordChangeForm } from '../components/PasswordChangeForm';
 import { changePassword } from '../auth/authApi';
 
 export function PasswordChangePage() {

package/src/pages/PasswordInvitePage.jsx

@@ -5,7 +5,7 @@ import { Helmet } from 'react-helmet';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { NarrowPage } from '../layout/PageLayout';
-import PasswordSetForm from '../components/PasswordSetForm';
+import { PasswordSetForm } from '../components/PasswordSetForm';
 import { verifyResetToken, setNewPassword } from '../auth/authApi';
 
 export function PasswordInvitePage() {

package/src/pages/PasswordResetRequestPage.jsx

@@ -5,7 +5,7 @@ import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { NarrowPage } from '../layout/PageLayout';
 import { requestPasswordReset } from '../auth/authApi';
-import PasswordResetRequestForm from '../components/PasswordResetRequestForm';
+import {PasswordResetRequestForm } from '../components/PasswordResetRequestForm';
 
 export function PasswordResetRequestPage() {
   const { t } = useTranslation();

package/src/utils/authService.js

@@ -36,7 +36,7 @@ export async function registerPasskey(name = 'Passkey') {
 export async function loginWithPasskey() {
     ensureWebAuthnSupport();
     
-    // 1. Get Challenge
+    // 1. Get Challenge (für passwordless Login)
     const requestOptions = await getPasskeyLoginOptions();
     
     // 2. Browser Sign
@@ -45,7 +45,11 @@ export async function loginWithPasskey() {
         const pubKey = window.PublicKeyCredential.parseRequestOptionsFromJSON(requestOptions);
         assertion = await navigator.credentials.get({ publicKey: pubKey });
     } catch (err) {
-         throw normaliseApiError(new Error('Auth.PASSKEY_CANCELLED'), 'Auth.PASSKEY_CANCELLED');
+         if (err.name === 'NotAllowedError') {
+            throw normaliseApiError(new Error('Auth.PASSKEY_CANCELLED'), 'Auth.PASSKEY_CANCELLED');
+         }
+         // Wenn der Browser sagt "No credentials found", werfen wir das weiter
+         throw err;
     }
 
     // 3. Complete
@@ -55,7 +59,6 @@ export async function loginWithPasskey() {
     // 4. Reload User
     return fetchCurrentUser();
 }
-
 export function startSocialLogin(provider) {
   if (typeof window === 'undefined') {
     throw normaliseApiError(