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

package/dist/components/AuthFactorRequirementCard.js

@@ -45,5 +45,5 @@ export function AuthFactorRequirementCard() {
             setBusy(false);
         }
     };
-    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.AUTH_FACTOR_TITLE', 'Authentication Factors') }), _jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Auth.AUTH_FACTOR_HINT', 'Choose whether one factor is enough or two factors are required.') }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), success && _jsx(Alert, { severity: "success", sx: { mb: 2 }, children: success }), _jsx(FormControl, { children: _jsxs(RadioGroup, { value: value, onChange: handleChange, children: [_jsx(FormControlLabel, { value: "1", control: _jsx(Radio, { disabled: busy }), label: t('Auth.ONE_FACTOR_LABEL', 'One factor is enough') }), _jsx(FormControlLabel, { value: "2", control: _jsx(Radio, { disabled: busy }), label: t('Auth.TWO_FACTOR_LABEL', 'Two factors are required') })] }) })] }));
+    return (_jsxs(Box, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.AUTH_FACTOR_TITLE', 'Authentication Requirements') }), _jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Auth.AUTH_FACTOR_HINT', 'Define the minimum number of authentication factors required for sign-in.') }), error && _jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }), success && _jsx(Alert, { severity: "success", sx: { mb: 2 }, children: success }), _jsx(FormControl, { children: _jsxs(RadioGroup, { value: value, onChange: handleChange, children: [_jsx(FormControlLabel, { value: "1", control: _jsx(Radio, { disabled: busy }), label: t('Auth.ONE_FACTOR_LABEL', 'Allow single-factor authentication') }), _jsx(FormControlLabel, { value: "2", control: _jsx(Radio, { disabled: busy }), label: t('Auth.TWO_FACTOR_LABEL', 'Require two-factor authentication') })] }) })] }));
 }

package/dist/i18n/authTranslations.js

@@ -1290,6 +1290,36 @@ export const authTranslations = {
         "en": "Authentication settings saved.",
         "sw": "Mipangilio ya uthibitishaji imehifadhiwa."
     },
+    "Auth.AUTH_FACTOR_TITLE": {
+        "de": "Authentifizierungsanforderungen",
+        "fr": "Exigences d'authentification",
+        "en": "Authentication Requirements",
+        "sw": "Mahitaji ya uthibitishaji"
+    },
+    "Auth.AUTH_FACTOR_HINT": {
+        "de": "Legen Sie fest, wie viele Authentifizierungsfaktoren mindestens für die Anmeldung erforderlich sind.",
+        "fr": "Définissez le nombre minimal de facteurs d'authentification requis pour la connexion.",
+        "en": "Define the minimum number of authentication factors required for sign-in.",
+        "sw": "Weka idadi ya chini ya vipengele vya uthibitishaji vinavyohitajika ili kuingia."
+    },
+    "Auth.ONE_FACTOR_LABEL": {
+        "de": "Single-Factor-Authentifizierung erlauben",
+        "fr": "Autoriser l'authentification à un facteur",
+        "en": "Allow single-factor authentication",
+        "sw": "Ruhusu uthibitishaji wa kipengele kimoja"
+    },
+    "Auth.TWO_FACTOR_LABEL": {
+        "de": "Zwei-Faktor-Authentifizierung erzwingen",
+        "fr": "Exiger l'authentification à deux facteurs",
+        "en": "Require two-factor authentication",
+        "sw": "Hitaji uthibitishaji wa vipengele viwili"
+    },
+    "Auth.AUTH_FACTOR_SAVE_SUCCESS": {
+        "de": "Die Anforderung für Authentifizierungsfaktoren wurde gespeichert.",
+        "fr": "L'exigence relative aux facteurs d'authentification a été enregistrée.",
+        "en": "Factor requirement saved.",
+        "sw": "Hitaji la vipengele vya uthibitishaji limehifadhiwa."
+    },
     "Auth.REGISTRATION_METHODS_TITLE": {
         "de": "Registrierungsmethoden",
         "fr": "Méthodes d'inscription",

package/dist/pages/AccountPage.js

@@ -122,5 +122,5 @@ export function AccountPage({ userListExtraColumns = [], userListExtraRowActions
     const activeExtraTab = builtInTabValues.has(safeTab)
         ? null
         : extraTabs.find((tab) => tab.value === safeTab);
-    return (_jsxs(WidePage, { title: t('Account.TITLE', 'Account & Administration'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('Account.PAGE_TITLE', 'Account'), " \u2013 ", user.email] }) }), _jsx(Tabs, { value: safeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: { mb: 3, borderBottom: 1, borderColor: 'divider' }, children: tabs.map((tab) => (_jsx(Tab, { label: tab.label, value: tab.value }, tab.value))) }), safeTab === 'profile' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(ProfileComponent, { onSubmit: handleProfileSubmit, showName: true, showPrivacy: true, showCookies: true }) })), safeTab === 'security' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SecurityComponent, { fromRecovery: fromRecovery, fromWeakLogin: fromWeakLogin }) })), safeTab === 'users' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(UserListComponent, { roles: activeRoles, currentUser: user, extraColumns: userListExtraColumns, extraRowActions: userListExtraRowActions, extraContext: userListExtraContext, refreshTrigger: userListRefreshTrigger, canEditUser: userListCanEditUser }) })), safeTab === 'invite' && (_jsx(Box, { sx: { mt: 2 }, children: _jsxs(Stack, { spacing: 2.5, children: [(isSuperUser || perms.can_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(RegistrationMethodsManager, { policy: authPolicy, error: authPolicyError, onPolicyChange: setAuthPolicy }) })), (isSuperUser || perms.can_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(AuthFactorRequirementCard, {}) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_admin_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(UserInviteComponent, {}) })), (isSuperUser || perms.can_manage_access_codes) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_access_code) && (_jsxs(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.ACCESS_CODE_MANAGER_TITLE', 'Access Codes') }), _jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Account.ACCESS_CODES_HINT', 'Manage access codes for self-registration.') }), _jsx(AccessCodeManager, {})] })), (isSuperUser || perms.can_invite) && showBulkInviteCsvTab && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_admin_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(BulkInviteCsvTab, Object.assign({}, bulkInviteCsvProps)) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_email_domain) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(AllowedEmailDomainsManager, { enabled: Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_email_domain), domains: (authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allowed_email_domains) || [], onPolicyChange: setAuthPolicy }) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(QrSignupValidityManager, { enabled: Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr), expiryDays: authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.signup_qr_expiry_days, onPolicyChange: setAuthPolicy }) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(QrSignupManager, { enabled: Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr), expiryDays: authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.signup_qr_expiry_days }) }))] }) })), safeTab === 'support' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SupportRecoveryRequestsTab, {}) })), activeExtraTab && (_jsx(Box, { sx: { mt: 2 }, children: (_a = activeExtraTab.render) === null || _a === void 0 ? void 0 : _a.call(activeExtraTab, { user, perms, isSuperUser, t }) }))] }));
+    return (_jsxs(WidePage, { title: t('Account.TITLE', 'Account & Administration'), children: [_jsx(Helmet, { children: _jsxs("title", { children: [t('Account.PAGE_TITLE', 'Account'), " \u2013 ", user.email] }) }), _jsx(Tabs, { value: safeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: { mb: 3, borderBottom: 1, borderColor: 'divider' }, children: tabs.map((tab) => (_jsx(Tab, { label: tab.label, value: tab.value }, tab.value))) }), safeTab === 'profile' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(ProfileComponent, { onSubmit: handleProfileSubmit, showName: true, showPrivacy: true, showCookies: true }) })), safeTab === 'security' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SecurityComponent, { fromRecovery: fromRecovery, fromWeakLogin: fromWeakLogin }) })), safeTab === 'users' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(UserListComponent, { roles: activeRoles, currentUser: user, extraColumns: userListExtraColumns, extraRowActions: userListExtraRowActions, extraContext: userListExtraContext, refreshTrigger: userListRefreshTrigger, canEditUser: userListCanEditUser }) })), safeTab === 'invite' && (_jsx(Box, { sx: { mt: 2 }, children: _jsxs(Stack, { spacing: 2.5, children: [(isSuperUser || perms.can_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(AuthFactorRequirementCard, {}) })), (isSuperUser || perms.can_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(RegistrationMethodsManager, { policy: authPolicy, error: authPolicyError, onPolicyChange: setAuthPolicy }) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_admin_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(UserInviteComponent, {}) })), (isSuperUser || perms.can_manage_access_codes) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_access_code) && (_jsxs(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: t('Auth.ACCESS_CODE_MANAGER_TITLE', 'Access Codes') }), _jsx(Typography, { variant: "body2", sx: { mb: 2, color: 'text.secondary' }, children: t('Account.ACCESS_CODES_HINT', 'Manage access codes for self-registration.') }), _jsx(AccessCodeManager, {})] })), (isSuperUser || perms.can_invite) && showBulkInviteCsvTab && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_admin_invite) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(BulkInviteCsvTab, Object.assign({}, bulkInviteCsvProps)) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_email_domain) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(AllowedEmailDomainsManager, { enabled: Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_email_domain), domains: (authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allowed_email_domains) || [], onPolicyChange: setAuthPolicy }) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(QrSignupValidityManager, { enabled: Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr), expiryDays: authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.signup_qr_expiry_days, onPolicyChange: setAuthPolicy }) })), (isSuperUser || perms.can_invite) && Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr) && (_jsx(Paper, { variant: "outlined", sx: { p: 2.5, borderRadius: 2 }, children: _jsx(QrSignupManager, { enabled: Boolean(authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.allow_self_signup_qr), expiryDays: authPolicy === null || authPolicy === void 0 ? void 0 : authPolicy.signup_qr_expiry_days }) }))] }) })), safeTab === 'support' && (_jsx(Box, { sx: { mt: 2 }, children: _jsx(SupportRecoveryRequestsTab, {}) })), activeExtraTab && (_jsx(Box, { sx: { mt: 2 }, children: (_a = activeExtraTab.render) === null || _a === void 0 ? void 0 : _a.call(activeExtraTab, { user, perms, isSuperUser, t }) }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micha.bigler/ui-core-micha",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "private": false,
@@ -20,6 +20,7 @@
     "build": "tsc -p tsconfig.build.json"
   },
   "devDependencies": {
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "react-i18next": "^16.3.5"

package/src/components/AuthFactorRequirementCard.jsx

@@ -56,17 +56,28 @@ export function AuthFactorRequirementCard() {
   return (
     <Box>
       <Typography variant="h6" gutterBottom>
-        {t('Auth.AUTH_FACTOR_TITLE', 'Authentication Factors')}
+        {t('Auth.AUTH_FACTOR_TITLE', 'Authentication Requirements')}
       </Typography>
       <Typography variant="body2" sx={{ mb: 2, color: 'text.secondary' }}>
-        {t('Auth.AUTH_FACTOR_HINT', 'Choose whether one factor is enough or two factors are required.')}
+        {t(
+          'Auth.AUTH_FACTOR_HINT',
+          'Define the minimum number of authentication factors required for sign-in.',
+        )}
       </Typography>
       {error && <Alert severity="error" sx={{ mb: 2 }}>{error}</Alert>}
       {success && <Alert severity="success" sx={{ mb: 2 }}>{success}</Alert>}
       <FormControl>
         <RadioGroup value={value} onChange={handleChange}>
-          <FormControlLabel value="1" control={<Radio disabled={busy} />} label={t('Auth.ONE_FACTOR_LABEL', 'One factor is enough')} />
-          <FormControlLabel value="2" control={<Radio disabled={busy} />} label={t('Auth.TWO_FACTOR_LABEL', 'Two factors are required')} />
+          <FormControlLabel
+            value="1"
+            control={<Radio disabled={busy} />}
+            label={t('Auth.ONE_FACTOR_LABEL', 'Allow single-factor authentication')}
+          />
+          <FormControlLabel
+            value="2"
+            control={<Radio disabled={busy} />}
+            label={t('Auth.TWO_FACTOR_LABEL', 'Require two-factor authentication')}
+          />
         </RadioGroup>
       </FormControl>
     </Box>

package/src/i18n/authTranslations.ts

@@ -1337,6 +1337,36 @@ export const authTranslations = {
     "en": "Authentication settings saved.",
     "sw": "Mipangilio ya uthibitishaji imehifadhiwa."
   },
+  "Auth.AUTH_FACTOR_TITLE": {
+    "de": "Authentifizierungsanforderungen",
+    "fr": "Exigences d'authentification",
+    "en": "Authentication Requirements",
+    "sw": "Mahitaji ya uthibitishaji"
+  },
+  "Auth.AUTH_FACTOR_HINT": {
+    "de": "Legen Sie fest, wie viele Authentifizierungsfaktoren mindestens für die Anmeldung erforderlich sind.",
+    "fr": "Définissez le nombre minimal de facteurs d'authentification requis pour la connexion.",
+    "en": "Define the minimum number of authentication factors required for sign-in.",
+    "sw": "Weka idadi ya chini ya vipengele vya uthibitishaji vinavyohitajika ili kuingia."
+  },
+  "Auth.ONE_FACTOR_LABEL": {
+    "de": "Single-Factor-Authentifizierung erlauben",
+    "fr": "Autoriser l'authentification à un facteur",
+    "en": "Allow single-factor authentication",
+    "sw": "Ruhusu uthibitishaji wa kipengele kimoja"
+  },
+  "Auth.TWO_FACTOR_LABEL": {
+    "de": "Zwei-Faktor-Authentifizierung erzwingen",
+    "fr": "Exiger l'authentification à deux facteurs",
+    "en": "Require two-factor authentication",
+    "sw": "Hitaji uthibitishaji wa vipengele viwili"
+  },
+  "Auth.AUTH_FACTOR_SAVE_SUCCESS": {
+    "de": "Die Anforderung für Authentifizierungsfaktoren wurde gespeichert.",
+    "fr": "L'exigence relative aux facteurs d'authentification a été enregistrée.",
+    "en": "Factor requirement saved.",
+    "sw": "Hitaji la vipengele vya uthibitishaji limehifadhiwa."
+  },
   "Auth.REGISTRATION_METHODS_TITLE": {
     "de": "Registrierungsmethoden",
     "fr": "Méthodes d'inscription",

package/src/pages/AccountPage.jsx

@@ -229,17 +229,17 @@ export function AccountPage({
           <Stack spacing={2.5}>
             {(isSuperUser || perms.can_invite) && (
               <Paper variant="outlined" sx={{ p: 2.5, borderRadius: 2 }}>
-                <RegistrationMethodsManager
-                  policy={authPolicy}
-                  error={authPolicyError}
-                  onPolicyChange={setAuthPolicy}
-                />
+                <AuthFactorRequirementCard />
               </Paper>
             )}
 
             {(isSuperUser || perms.can_invite) && (
               <Paper variant="outlined" sx={{ p: 2.5, borderRadius: 2 }}>
-                <AuthFactorRequirementCard />
+                <RegistrationMethodsManager
+                  policy={authPolicy}
+                  error={authPolicyError}
+                  onPolicyChange={setAuthPolicy}
+                />
               </Paper>
             )}