@micha.bigler/ui-core-micha 2.1.14 → 2.1.16

package/dist/layout/PageLayout.js

@@ -3,6 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Container, Box, Typography } from '@mui/material';
 // Layout for content pages with larger width (e.g. Profile, Welcome, Input)
-export const WidePage = ({ title, children }) => (_jsxs(Container, { maxWidth: "md", sx: { mt: 4 }, children: [title && (_jsx(Typography, { variant: "h4", gutterBottom: true, children: title })), children] }));
+export const WidePage = ({ title, children, maxWidth = 'lg' }) => (_jsxs(Container, { maxWidth: maxWidth, sx: { mt: 4 }, children: [title && (_jsx(Typography, { variant: "h4", gutterBottom: true, children: title })), children] }));
 // Layout for forms or narrow pages (e.g. Login, Reset, Invite)
 export const NarrowPage = ({ title, subtitle, children }) => (_jsx(Container, { maxWidth: "md", sx: { mt: 4 }, children: _jsxs(Box, { sx: { maxWidth: 480, mx: 'auto' }, children: [title && (_jsx(Typography, { variant: "h4", gutterBottom: true, children: title })), subtitle && (_jsx(Typography, { paragraph: true, children: subtitle })), children] }) }));

package/dist/pages/LoginPage.js

@@ -25,9 +25,13 @@ export function LoginPage() {
     const [mfaState, setMfaState] = useState(null); // { availableTypes: [...], identifier }
     // URL Params parsing
     const params = new URLSearchParams(location.search);
-    const recoveryToken = params.get('recovery');
-    // Auto-fill email if provided in URL (UX improvement)
-    const recoveryEmail = params.get('email') || '';
+    const hashParams = new URLSearchParams(String(location.hash || "").startsWith("#") ? String(location.hash).slice(1) : String(location.hash || ""));
+    const recoveryTokenRaw = hashParams.get('recovery') || params.get('recovery');
+    const recoveryToken = ['invalid', 'expired'].includes(String(recoveryTokenRaw || '').toLowerCase())
+        ? null
+        : recoveryTokenRaw;
+    // Backward-compatible fallback for legacy links using query parameters.
+    const recoveryEmail = hashParams.get('email') || params.get('email') || '';
     // --- Helper: Central Success Logic ---
     const handleLoginSuccess = (user) => {
         var _a;

package/package.json

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

package/src/layout/PageLayout.jsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Container, Box, Typography } from '@mui/material';
 
 // Layout for content pages with larger width (e.g. Profile, Welcome, Input)
-export const WidePage = ({ title, children }) => (
-  <Container maxWidth="md" sx={{ mt: 4 }}>
+export const WidePage = ({ title, children, maxWidth = 'lg' }) => (
+  <Container maxWidth={maxWidth} sx={{ mt: 4 }}>
     {title && (
       <Typography variant="h4" gutterBottom>
         {title}

package/src/pages/LoginPage.jsx

@@ -30,9 +30,15 @@ export function LoginPage() {
 
   // URL Params parsing
   const params = new URLSearchParams(location.search);
-  const recoveryToken = params.get('recovery');
-  // Auto-fill email if provided in URL (UX improvement)
-  const recoveryEmail = params.get('email') || '';
+  const hashParams = new URLSearchParams(
+    String(location.hash || "").startsWith("#") ? String(location.hash).slice(1) : String(location.hash || ""),
+  );
+  const recoveryTokenRaw = hashParams.get('recovery') || params.get('recovery');
+  const recoveryToken = ['invalid', 'expired'].includes(String(recoveryTokenRaw || '').toLowerCase())
+    ? null
+    : recoveryTokenRaw;
+  // Backward-compatible fallback for legacy links using query parameters.
+  const recoveryEmail = hashParams.get('email') || params.get('email') || '';
 
   // --- Helper: Central Success Logic ---
   const handleLoginSuccess = (user) => {
@@ -169,4 +175,4 @@ export function LoginPage() {
       )}
     </NarrowPage>
   );
-}
+}