@micha.bigler/ui-core-micha 1.4.29 → 1.4.31

package/dist/components/AccessCodeManager.js

@@ -98,4 +98,3 @@ export function AccessCodeManager() {
                             ? t('Auth.SAVE_BUTTON_LOADING')
                             : t('Auth.ACCESS_CODE_GENERATE_BUTTON') })] }), _jsxs(Box, { sx: { mb: 2, maxWidth: 360 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Auth.ACCESS_CODE_SECTION_MANUAL') }), _jsxs(Box, { sx: { display: 'flex', gap: 1 }, children: [_jsx(TextField, { label: t('Auth.ACCESS_CODE_LABEL'), fullWidth: true, value: manualCode, onChange: (e) => setManualCode(e.target.value), disabled: submitting }), _jsx(Button, { variant: "outlined", onClick: handleAddManual, disabled: submitting, children: t('Auth.ACCESS_CODE_ADD_BUTTON') })] })] })] }));
 }
-export default AccessCodeManager;

package/dist/components/LoginForm.js

@@ -2,9 +2,9 @@ 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';
-const LoginForm = ({ onSubmit, onForgotPassword, onSocialLogin, onPasskeyLogin, onSignUp, error, // bereits übersetzter Text oder t(errorKey) aus dem Parent
-disabled = false, initialIdentifier = '', }) => {
+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();
     const [identifier, setIdentifier] = useState(initialIdentifier);
     const [password, setPassword] = useState('');
@@ -22,5 +22,5 @@ disabled = false, initialIdentifier = '', }) => {
         typeof window !== 'undefined' &&
         !!window.PublicKeyCredential;
     return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 3 }, children: [error && (_jsx(Typography, { color: "error", gutterBottom: true, children: error })), supportsPasskey && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", fullWidth: true, type: "button", onClick: onPasskeyLogin, disabled: disabled, children: t('Auth.LOGIN_USE_PASSKEY_BUTTON') }), _jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') })] })), _jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { display: 'flex', flexDirection: 'column', gap: 2 }, children: [_jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", required: true, fullWidth: true, value: identifier, onChange: (e) => setIdentifier(e.target.value), disabled: disabled }), _jsx(TextField, { label: t('Auth.LOGIN_PASSWORD_LABEL'), type: "password", required: true, fullWidth: true, value: password, onChange: (e) => setPassword(e.target.value), disabled: disabled }), _jsx(Button, { type: "submit", variant: "contained", fullWidth: true, disabled: disabled, children: t('Auth.PAGE_LOGIN_TITLE') })] }), _jsxs(Box, { children: [_jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') }), _jsx(SocialLoginButtons, { onProviderClick: onSocialLogin })] }), _jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle2", sx: { mb: 1 }, children: t('Auth.LOGIN_ACCOUNT_RECOVERY_TITLE') }), _jsxs(Box, { sx: { display: 'flex', gap: 1, flexWrap: 'wrap' }, children: [onSignUp && (_jsx(Button, { type: "button", variant: "outlined", onClick: onSignUp, disabled: disabled, children: t('Auth.LOGIN_SIGNUP_BUTTON') })), _jsx(Button, { type: "button", variant: "outlined", onClick: onForgotPassword, disabled: disabled, children: t('Auth.LOGIN_FORGOT_PASSWORD_BUTTON') })] })] })] }));
-};
-export default LoginForm;
+}
+;

package/dist/components/MFAComponent.js

@@ -7,7 +7,7 @@ import DeleteIcon from '@mui/icons-material/Delete';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import { useTranslation } from 'react-i18next';
 import { fetchAuthenticators, requestTotpKey, activateTotp, deactivateTotp, fetchRecoveryCodes, generateRecoveryCodes } from '../auth/authApi';
-const MFAComponent = () => {
+export function MFAComponent() {
     const { t } = useTranslation();
     const [authenticators, setAuthenticators] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -162,5 +162,5 @@ const MFAComponent = () => {
                                     alignItems: 'center',
                                     gap: 1,
                                 }, children: [code, _jsx(Tooltip, { title: t('Auth.MFA_RECOVERY_COPY_TOOLTIP'), children: _jsx(IconButton, { size: "small", onClick: () => handleCopyCode(code), children: _jsx(ContentCopyIcon, { fontSize: "small" }) }) })] }, code))) }), _jsx(Button, { sx: { mt: 2 }, size: "small", onClick: handleGenerateNewRecoveryCodes, children: t('Auth.MFA_RECOVERY_GENERATE_NEW') })] }))] }));
-};
-export default MFAComponent;
+}
+;

package/dist/components/MfaLoginComponent.js

@@ -5,7 +5,7 @@ import { Box, Typography, TextField, Button, Stack, Alert, Divider, Dialog, Dial
 import { useTranslation } from 'react-i18next';
 import { authenticateWithMFA, fetchCurrentUser, requestMfaSupportHelp } from '../auth/authApi';
 import { loginWithPasskey } from '../utils/authService';
-const MfaLoginComponent = ({ availableTypes, identifier, onSuccess, onCancel }) => {
+export function MfaLoginComponent({ availableTypes, identifier, onSuccess, onCancel }) {
     const { t } = useTranslation();
     const [code, setCode] = useState('');
     const [submitting, setSubmitting] = useState(false);
@@ -78,5 +78,5 @@ const MfaLoginComponent = ({ availableTypes, identifier, onSuccess, onCancel })
         }
     };
     return (_jsxs(Box, { children: [_jsx(Typography, { variant: "body2", sx: { mb: 2 }, children: t('Auth.MFA_SUBTITLE', 'Please confirm your login using one of the available methods.') }), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), infoKey && (_jsx(Alert, { severity: "info", sx: { mb: 2 }, children: t(infoKey) })), _jsxs(Stack, { spacing: 2, children: [supportsWebauthn && (_jsx(Button, { variant: "contained", fullWidth: true, onClick: handlePasskey, disabled: submitting || helpRequested, children: t('Auth.LOGIN_USE_PASSKEY_BUTTON', 'Use passkey / security key') })), _jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') }), supportsTotpOrRecovery && (_jsxs(Box, { component: "form", onSubmit: handleSubmitCode, children: [_jsx(TextField, { label: t('Auth.MFA_CODE_LABEL', 'Authenticator code (or recovery code)'), value: code, onChange: (e) => setCode(e.target.value), fullWidth: true, disabled: submitting || helpRequested, autoComplete: "one-time-code", sx: { mb: 2 } }), _jsx(Button, { type: "submit", variant: "contained", fullWidth: true, disabled: submitting || !code.trim() || helpRequested, children: t('Auth.MFA_VERIFY', 'Verify') })] })), _jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') }), _jsxs(Stack, { direction: "row", spacing: 1, sx: { mt: 1 }, children: [_jsx(Button, { fullWidth: true, size: "small", variant: "outlined", onClick: onCancel, disabled: submitting, children: t('Auth.MFA_BACK_TO_LOGIN', 'Back to login') }), _jsx(Button, { fullWidth: true, size: "small", variant: "outlined", color: "secondary", onClick: openHelpDialog, disabled: submitting || helpRequested, children: t('Auth.MFA_NEED_HELP', "I can't use any of these methods") })] })] }), _jsxs(Dialog, { open: helpDialogOpen, onClose: () => setHelpDialogOpen(false), fullWidth: true, maxWidth: "sm", children: [_jsx(DialogTitle, { children: t('Auth.MFA_HELP_DIALOG_TITLE', 'Need help with sign-in') }), _jsxs(DialogContent, { dividers: true, children: [_jsx(Typography, { variant: "body2", sx: { mb: 2 }, children: t('Auth.MFA_HELP_DIALOG_DESCRIPTION', 'Describe briefly why you cannot use the available methods. A support person will review your request.') }), _jsx(TextField, { label: t('Auth.MFA_HELP_MESSAGE_LABEL', 'Your message to support'), multiline: true, minRows: 3, fullWidth: true, value: helpMessage, onChange: (e) => setHelpMessage(e.target.value), disabled: submitting })] }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: () => setHelpDialogOpen(false), disabled: submitting, children: t('Common.CANCEL', 'Cancel') }), _jsx(Button, { onClick: handleNeedHelp, disabled: submitting, variant: "contained", children: t('Auth.MFA_HELP_SUBMIT', 'Send request') })] })] })] }));
-};
-export default MfaLoginComponent;
+}
+;

package/dist/components/PasskeysComponent.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { fetchPasskeys, deletePasskey } from '../auth/authApi';
 import { registerPasskey } from '../utils/authService';
 import { FEATURES } from '../auth/authConfig';
-const PasskeysComponent = () => {
+export function PasskeysComponent() {
     const { t } = useTranslation();
     const [passkeys, setPasskeys] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -97,5 +97,5 @@ const PasskeysComponent = () => {
                                                 value: pk.created_at,
                                             })
                                             : undefined }), _jsx(ListItemSecondaryAction, { children: _jsx(Tooltip, { title: t('Auth.PASSKEY_DELETE_TOOLTIP'), children: _jsx("span", { children: _jsx(IconButton, { edge: "end", "aria-label": "delete", onClick: () => handleDelete(pk.id), disabled: deletingIds.has(pk.id), size: "small", children: deletingIds.has(pk.id) ? (_jsx(CircularProgress, { size: 18 })) : (_jsx(DeleteIcon, { fontSize: "small" })) }) }) }) })] }, pk.id))) }))] }))] }));
-};
-export default PasskeysComponent;
+}
+;

package/dist/components/PasswordChangeForm.js

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
  * A simplified form to handle password changes.
  * Does not require password confirmation.
  */
-const PasswordChangeForm = ({ onSubmit, submitting = false }) => {
+export function PasswordChangeForm({ onSubmit, submitting = false }) {
     const { t } = useTranslation();
     const [currentPassword, setCurrentPassword] = useState('');
     const [newPassword, setNewPassword] = useState('');
@@ -23,5 +23,5 @@ const PasswordChangeForm = ({ onSubmit, submitting = false }) => {
     return (_jsx(Box, { component: "form", onSubmit: handleSubmit, sx: { maxWidth: 500 }, children: _jsxs(Stack, { spacing: 2, children: [_jsx(TextField, { label: t('Auth.CURRENT_PASSWORD_LABEL'), type: "password", value: currentPassword, onChange: (e) => setCurrentPassword(e.target.value), required: true, fullWidth: true, disabled: submitting }), _jsx(TextField, { label: t('Auth.NEW_PASSWORD_LABEL'), type: "password", value: newPassword, onChange: (e) => setNewPassword(e.target.value), required: true, fullWidth: true, disabled: submitting }), _jsx(Box, { children: _jsx(Button, { type: "submit", variant: "contained", disabled: submitting, children: submitting
                             ? t('Auth.CHANGE_PASSWORD_BUTTON_LOADING')
                             : t('Auth.CHANGE_PASSWORD_BUTTON') }) })] }) }));
-};
-export default PasswordChangeForm;
+}
+;

package/dist/components/PasswordResetRequestForm.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { Box, TextField, Button } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-const PasswordResetRequestForm = ({ onSubmit, submitting = false }) => {
+export function PasswordResetRequestForm({ onSubmit, submitting = false }) {
     const { t } = useTranslation();
     const [email, setEmail] = useState('');
     const handleSubmit = (event) => {
@@ -15,5 +15,5 @@ const PasswordResetRequestForm = ({ onSubmit, submitting = false }) => {
     return (_jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { display: 'flex', flexDirection: 'column', gap: 2, mt: 2 }, children: [_jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", required: true, fullWidth: true, value: email, onChange: (e) => setEmail(e.target.value), disabled: submitting }), _jsx(Button, { type: "submit", variant: "contained", disabled: submitting, children: submitting
                     ? t('Auth.RESET_REQUEST_BUTTON_LOADING')
                     : t('Auth.RESET_REQUEST_BUTTON') })] }));
-};
-export default PasswordResetRequestForm;
+}
+;

package/dist/components/PasswordSetForm.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
  * Simple form to set a new password (once, with confirmation).
  * Caller passes onSubmit(newPassword) and handles redirect / API call.
  */
-const PasswordSetForm = ({ onSubmit, submitting = false }) => {
+export function PasswordSetForm({ onSubmit, submitting = false }) {
     const { t } = useTranslation();
     const [password1, setPassword1] = useState('');
     const [password2, setPassword2] = useState('');
@@ -30,5 +30,5 @@ const PasswordSetForm = ({ onSubmit, submitting = false }) => {
     return (_jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { display: 'flex', flexDirection: 'column', gap: 2, mt: 2 }, children: [localErrorKey && (_jsx(Box, { sx: { color: 'error.main', fontSize: 14 }, children: t(localErrorKey) })), _jsx(TextField, { label: t('Auth.NEW_PASSWORD_LABEL'), type: "password", fullWidth: true, autoComplete: "new-password", value: password1, onChange: (e) => setPassword1(e.target.value), disabled: submitting }), _jsx(TextField, { label: t('Auth.PASSWORD_CONFIRM_LABEL'), type: "password", fullWidth: true, autoComplete: "new-password", value: password2, onChange: (e) => setPassword2(e.target.value), disabled: submitting }), _jsx(Button, { type: "submit", variant: "contained", disabled: submitting, children: submitting
                     ? t('Auth.PASSWORD_SET_BUTTON_LOADING')
                     : t('Auth.PASSWORD_SET_BUTTON') })] }));
-};
-export default PasswordSetForm;
+}
+;

package/dist/components/ProfileComponent.js

@@ -70,4 +70,3 @@ export function ProfileComponent({ onSubmit, submitText, showName = true, showPr
     const submitLabelLoading = t('Profile.SAVE_BUTTON_LOADING');
     return (_jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { maxWidth: 600, display: 'flex', flexDirection: 'column', gap: 2 }, children: [errorKey && (_jsx(Alert, { severity: "error", children: t(errorKey) })), successKey && (_jsx(Alert, { severity: "success", children: t(successKey) })), _jsxs(Stack, { spacing: 2, children: [_jsx(TextField, { label: t('Profile.USERNAME_LABEL'), value: username, fullWidth: true, disabled: true }), _jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", value: email, fullWidth: true, disabled: true })] }), showName && (_jsxs(Stack, { spacing: 2, direction: { xs: 'column', sm: 'row' }, children: [_jsx(TextField, { label: t('Profile.FIRST_NAME_LABEL'), value: firstName, onChange: (e) => setFirstName(e.target.value), fullWidth: true }), _jsx(TextField, { label: t('Profile.LAST_NAME_LABEL'), value: lastName, onChange: (e) => setLastName(e.target.value), fullWidth: true })] })), (showPrivacy || showCookies) && (_jsxs(Box, { sx: { mt: 1 }, children: [_jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: t('Profile.PRIVACY_SECTION_TITLE') }), _jsxs(Stack, { spacing: 1, children: [showPrivacy && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acceptedPrivacy, onChange: (e) => setAcceptedPrivacy(e.target.checked) }), label: t('Profile.ACCEPT_PRIVACY_LABEL') })), showCookies && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acceptedCookies, onChange: (e) => setAcceptedCookies(e.target.checked) }), label: t('Profile.ACCEPT_COOKIES_LABEL') }))] })] })), _jsx(Box, { sx: { mt: 2 }, children: _jsx(Button, { type: "submit", variant: "contained", disabled: saving, children: saving ? submitLabelLoading : submitLabel }) })] }));
 }
-export default ProfileComponent;

package/dist/components/SecurityComponent.js

@@ -3,14 +3,14 @@ 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';
-const SecurityComponent = ({ fromRecovery = false, fromWeakLogin = false, // optional: wenn du später weak-login-Redirect nutzt
- }) => {
+export function SecurityComponent({ fromRecovery = false, fromWeakLogin = false, // optional: wenn du später weak-login-Redirect nutzt
+ }) {
     const { t } = useTranslation();
     const [messageKey, setMessageKey] = useState(null);
     const [errorKey, setErrorKey] = useState(null);
@@ -37,5 +37,5 @@ const SecurityComponent = ({ fromRecovery = false, fromWeakLogin = false, // opt
         }
     };
     return (_jsxs(Box, { children: [fromRecovery && (_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('Security.RECOVERY_LOGIN_WARNING') })), fromWeakLogin && (_jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('Security.WEAK_LOGIN_WARNING') })), messageKey && (_jsx(Alert, { severity: "success", sx: { mb: 2 }, children: t(messageKey) })), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), _jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Security.LOGIN_PASSWORD_LABEL') }), _jsx(PasswordChangeForm, { onSubmit: handlePasswordChange }), _jsx(Divider, { sx: { my: 3 } }), _jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Security.SOCIAL_SECTION_TITLE') }), _jsx(Typography, { variant: "body2", sx: { mb: 1 }, children: t('Security.SOCIAL_SECTION_DESCRIPTION') }), _jsx(SocialLoginButtons, { onProviderClick: handleSocialClick }), _jsx(Divider, { sx: { my: 3 } }), _jsx(PasskeysComponent, {}), _jsx(Divider, { sx: { my: 3 } }), _jsx(MFAComponent, {})] }));
-};
-export { SecurityComponent };
+}
+;

package/dist/components/SocialLoginButtons.js

@@ -8,7 +8,7 @@ import { SOCIAL_PROVIDERS } from '../auth/authConfig';
  * Renders buttons for social login providers.
  * The caller passes a handler that receives the provider key.
  */
-const SocialLoginButtons = ({ onProviderClick }) => {
+export function SocialLoginButtons({ onProviderClick }) {
     const { t } = useTranslation();
     const handleClick = (provider) => {
         if (onProviderClick) {
@@ -33,5 +33,5 @@ const SocialLoginButtons = ({ onProviderClick }) => {
                         gridTemplateRows: '1fr 1fr',
                         gap: '1px',
                     }, children: [_jsx(Box, { sx: { bgcolor: 'primary.main', opacity: 0.9 } }), _jsx(Box, { sx: { bgcolor: 'primary.main', opacity: 0.7 } }), _jsx(Box, { sx: { bgcolor: 'primary.main', opacity: 0.7 } }), _jsx(Box, { sx: { bgcolor: 'primary.main', opacity: 0.9 } })] }), children: t('Auth.LOGIN_SOCIAL_MICROSOFT') })] }));
-};
-export default SocialLoginButtons;
+}
+;

package/dist/components/SupportRecoveryRequestsTab.js

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from 'react';
 import { Box, Typography, Table, TableHead, TableBody, TableRow, TableCell, TableContainer, Paper, Button, CircularProgress, Alert, Stack, Dialog, DialogTitle, DialogContent, DialogActions, TextField, } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { fetchRecoveryRequests, approveRecoveryRequest, rejectRecoveryRequest } from '../auth/authApi';
-const SupportRecoveryRequestsTab = () => {
+export function SupportRecoveryRequestsTab() {
     const { t } = useTranslation();
     const [requests, setRequests] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -83,5 +83,5 @@ const SupportRecoveryRequestsTab = () => {
                                             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('Support.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;
+}
+;

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();
@@ -112,4 +112,3 @@ export function LoginPage() {
     // --- Render ---
     return (_jsxs(NarrowPage, { title: t('Auth.PAGE_LOGIN_TITLE'), subtitle: t('Auth.PAGE_LOGIN_SUBTITLE'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('App.NAME'), " \u2013 ", t('Auth.PAGE_LOGIN_TITLE')] }) }), errorKey && (_jsx(Alert, { severity: "error", sx: { mb: 2 }, children: t(errorKey) })), recoveryToken && !errorKey && (_jsx(Alert, { severity: "info", sx: { mb: 2 }, children: t('Auth.RECOVERY_LOGIN_WARNING', 'Recovery link validated. Please enter your password.') })), step === 'credentials' && (_jsx(LoginForm, { onSubmit: handleSubmitCredentials, onForgotPassword: () => navigate('/reset-request-password'), onSocialLogin: (provider) => startSocialLogin(provider), onPasskeyLogin: handlePasskeyLoginInitial, onSignUp: () => navigate('/signup'), disabled: submitting, initialIdentifier: recoveryEmail })), step === 'mfa' && mfaState && (_jsx(Box, { children: _jsx(MfaLoginComponent, { availableTypes: mfaState.availableTypes, identifier: mfaState.identifier, onSuccess: handleMfaSuccess, onCancel: handleMfaCancel }) }))] }));
 }
-export default LoginPage;

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();
@@ -29,4 +29,3 @@ export function PasswordChangePage() {
     };
     return (_jsxs(NarrowPage, { title: t('Auth.CHANGE_PASSWORD_BUTTON'), subtitle: t('Auth.PAGE_CHANGE_PASSWORD_SUBTITLE'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('App.NAME'), " \u2013 ", t('Auth.CHANGE_PASSWORD_BUTTON')] }) }), successKey && (_jsx(Typography, { color: "primary", gutterBottom: true, children: t(successKey) })), errorKey && (_jsx(Typography, { color: "error", gutterBottom: true, children: t(errorKey) })), _jsx(PasswordChangeForm, { onSubmit: handleSubmit, submitting: submitting })] }));
 }
-export default PasswordChangePage;

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();
@@ -72,4 +72,3 @@ export function PasswordInvitePage() {
     }
     return (_jsxs(NarrowPage, { title: t(pageTitleKey), subtitle: t(pageSubtitleKey), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('App.NAME'), " \u2013 ", t(pageTitleKey)] }) }), errorKey && (_jsx(Typography, { color: "error", gutterBottom: true, children: t(errorKey) })), successKey && (_jsx(Typography, { color: "primary", gutterBottom: true, children: t(successKey) })), !successKey && !errorKey && (_jsx(PasswordSetForm, { onSubmit: handleSubmit, submitting: submitting }))] }));
 }
-export default PasswordInvitePage;

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);
@@ -34,4 +34,3 @@ export function PasswordResetRequestPage() {
     };
     return (_jsxs(NarrowPage, { title: t('Auth.PAGE_RESET_PASSWORD_TITLE'), subtitle: t('Auth.PAGE_RESET_REQUEST_SUBTITLE'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('App.NAME'), " \u2013 ", t('Auth.PAGE_RESET_PASSWORD_TITLE')] }) }), successKey && (_jsx(Typography, { color: "primary", gutterBottom: true, children: t(successKey) })), errorKey && (_jsx(Typography, { color: "error", gutterBottom: true, children: t(errorKey) })), _jsx(PasswordResetRequestForm, { onSubmit: handleSubmit, submitting: submitting })] }));
 }
-export default PasswordResetRequestPage;

package/dist/pages/SignUpPage.js

@@ -54,4 +54,3 @@ export function SignUpPage() {
                             ? t('Auth.SIGNUP_SUBMITTING')
                             : t('Auth.SIGNUP_SUBMIT') })] }), _jsx(Box, { sx: { mt: 3 }, children: _jsxs(Typography, { variant: "body2", children: [t('Auth.SIGNUP_ALREADY_HAVE_ACCOUNT'), ' ', _jsx(Button, { onClick: handleGoToLogin, variant: "text", size: "small", children: t('Auth.SIGNUP_GO_TO_LOGIN') })] }) })] }));
 }
-export default SignUpPage;

package/package.json

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

package/src/components/AccessCodeManager.jsx

@@ -219,4 +219,3 @@ export function AccessCodeManager() {
   );
 }
 
-export default AccessCodeManager;

package/src/components/LoginForm.jsx

@@ -7,9 +7,9 @@ import {
   Divider,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import SocialLoginButtons from './SocialLoginButtons';
+import { SocialLoginButtons } from './SocialLoginButtons';
 
-const LoginForm = ({
+export function LoginForm({
   onSubmit,
   onForgotPassword,
   onSocialLogin,
@@ -18,7 +18,7 @@ const LoginForm = ({
   error,           // bereits übersetzter Text oder t(errorKey) aus dem Parent
   disabled = false,
   initialIdentifier = '',
-}) => {
+}) {
   const { t } = useTranslation();
 
   const [identifier, setIdentifier] = useState(initialIdentifier);
@@ -142,5 +142,3 @@ const LoginForm = ({
     </Box>
   );
 };
-
-export default LoginForm;

package/src/components/MFAComponent.jsx

@@ -20,7 +20,7 @@ import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import { useTranslation } from 'react-i18next';
 import { fetchAuthenticators, requestTotpKey, activateTotp, deactivateTotp, fetchRecoveryCodes, generateRecoveryCodes  } from '../auth/authApi';
 
-const MFAComponent = () => {
+export function MFAComponent() {
   const { t } = useTranslation();
 
   const [authenticators, setAuthenticators] = useState([]);
@@ -338,4 +338,4 @@ const MFAComponent = () => {
   );
 };
 
-export default MFAComponent;
+

package/src/components/MfaLoginComponent.jsx

@@ -17,7 +17,7 @@ import { useTranslation } from 'react-i18next';
 import { authenticateWithMFA, fetchCurrentUser, requestMfaSupportHelp  } from '../auth/authApi';
 import { loginWithPasskey  } from '../utils/authService';
 
-const MfaLoginComponent = ({ availableTypes, identifier, onSuccess, onCancel }) => {
+ export function MfaLoginComponent({ availableTypes, identifier, onSuccess, onCancel }) {
   const { t } = useTranslation();
   const [code, setCode] = useState('');
   const [submitting, setSubmitting] = useState(false);
@@ -237,4 +237,3 @@ const MfaLoginComponent = ({ availableTypes, identifier, onSuccess, onCancel })
 };
 
 
-export default MfaLoginComponent;

package/src/components/PasskeysComponent.jsx

@@ -22,7 +22,7 @@ import { fetchPasskeys, deletePasskey } from '../auth/authApi';
 import { registerPasskey } from '../utils/authService';
 import { FEATURES } from '../auth/authConfig';
 
-const PasskeysComponent = () => {
+export function PasskeysComponent() {
   const { t } = useTranslation();
 
   const [passkeys, setPasskeys] = useState([]);
@@ -246,4 +246,3 @@ const PasskeysComponent = () => {
   );
 };
 
-export default PasskeysComponent;

package/src/components/PasswordChangeForm.jsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
  * A simplified form to handle password changes.
  * Does not require password confirmation.
  */
-const PasswordChangeForm = ({ onSubmit, submitting = false }) => {
+export function PasswordChangeForm({ onSubmit, submitting = false }) {
   const { t } = useTranslation();
   const [currentPassword, setCurrentPassword] = useState('');
   const [newPassword, setNewPassword] = useState('');
@@ -60,4 +60,3 @@ const PasswordChangeForm = ({ onSubmit, submitting = false }) => {
   );
 };
 
-export default PasswordChangeForm;

package/src/components/PasswordResetRequestForm.jsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { Box, TextField, Button } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 
-const PasswordResetRequestForm = ({ onSubmit, submitting = false }) => {
+export function PasswordResetRequestForm({ onSubmit, submitting = false }) {
   const { t } = useTranslation();
   const [email, setEmail] = useState('');
 
@@ -41,4 +41,3 @@ const PasswordResetRequestForm = ({ onSubmit, submitting = false }) => {
   );
 };
 
-export default PasswordResetRequestForm;

package/src/components/PasswordSetForm.jsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
  * Simple form to set a new password (once, with confirmation).
  * Caller passes onSubmit(newPassword) and handles redirect / API call.
  */
-const PasswordSetForm = ({ onSubmit, submitting = false }) => {
+export function PasswordSetForm({ onSubmit, submitting = false }) {
   const { t } = useTranslation();
 
   const [password1, setPassword1] = useState('');
@@ -78,4 +78,3 @@ const PasswordSetForm = ({ onSubmit, submitting = false }) => {
   );
 };
 
-export default PasswordSetForm;

package/src/components/ProfileComponent.jsx

@@ -198,5 +198,3 @@ export function ProfileComponent({
     </Box>
   );
 }
-
-export default ProfileComponent;

package/src/components/SecurityComponent.jsx

@@ -7,17 +7,17 @@ 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';
 
-const SecurityComponent = ({
+export function SecurityComponent({
   fromRecovery = false,
   fromWeakLogin = false, // optional: wenn du später weak-login-Redirect nutzt
-}) => {
+}) {
   const { t } = useTranslation();
 
   const [messageKey, setMessageKey] = useState(null);
@@ -102,4 +102,3 @@ const SecurityComponent = ({
   );
 };
 
-export { SecurityComponent };

package/src/components/SocialLoginButtons.jsx

@@ -8,7 +8,7 @@ import { SOCIAL_PROVIDERS } from '../auth/authConfig';
  * Renders buttons for social login providers.
  * The caller passes a handler that receives the provider key.
  */
-const SocialLoginButtons = ({ onProviderClick }) => {
+export function SocialLoginButtons({ onProviderClick }) {
   const { t } = useTranslation();
 
   const handleClick = (provider) => {
@@ -72,4 +72,3 @@ const SocialLoginButtons = ({ onProviderClick }) => {
   );
 };
 
-export default SocialLoginButtons;

package/src/components/SupportRecoveryRequestsTab.jsx

@@ -23,7 +23,7 @@ import {
 import { useTranslation } from 'react-i18next';
 import { fetchRecoveryRequests, approveRecoveryRequest, rejectRecoveryRequest } from '../auth/authApi';
 
-const SupportRecoveryRequestsTab = () => {
+export function SupportRecoveryRequestsTab() {
   const { t } = useTranslation();
 
   const [requests, setRequests] = useState([]);
@@ -281,4 +281,3 @@ const SupportRecoveryRequestsTab = () => {
   );
 };
 
-export default SupportRecoveryRequestsTab 

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();
@@ -169,6 +169,4 @@ export function LoginPage() {
       )}
     </NarrowPage>
   );
-}
-
-export default LoginPage;
+}

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() {
@@ -59,6 +59,3 @@ export function PasswordChangePage() {
     </NarrowPage>
   );
 }
-
-
-export default 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() {
@@ -114,5 +114,3 @@ export function PasswordInvitePage() {
     </NarrowPage>
   );
 }
-
-export default 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();
@@ -65,5 +65,3 @@ export function PasswordResetRequestPage() {
     </NarrowPage>
   );
 }
-
-export default PasswordResetRequestPage;

package/src/pages/SignUpPage.jsx

@@ -137,5 +137,3 @@ export function SignUpPage() {
     </NarrowPage>
   );
 }
-
-export default SignUpPage;