@proveanything/smartlinks-auth-ui 0.1.38 → 0.1.40

package/dist/components/PasswordResetForm.d.ts

@@ -6,6 +6,7 @@ interface PasswordResetFormProps {
     loading: boolean;
     error?: string;
     success?: boolean;
+    successMessage?: string;
     token?: string;
 }
 export declare const PasswordResetForm: React.FC<PasswordResetFormProps>;

package/dist/components/PasswordResetForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordResetForm.d.ts","sourceRoot":"","sources":["../../src/components/PasswordResetForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAExB,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwL9D,CAAC"}
+{"version":3,"file":"PasswordResetForm.d.ts","sourceRoot":"","sources":["../../src/components/PasswordResetForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAExB,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyL9D,CAAC"}

package/dist/components/SmartlinksAuthUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmartlinksAuthUI.d.ts","sourceRoot":"","sources":["../../src/components/SmartlinksAuthUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,KAAK,EAAE,qBAAqB,EAAuD,MAAM,UAAU,CAAC;AAgI3G,QAAA,MAAM,mBAAmB,QAAa,OAAO,CAAC,IAAI,CA+CjD,CAAC;AAyFF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AA8B/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAk6C5D,CAAC"}
+{"version":3,"file":"SmartlinksAuthUI.d.ts","sourceRoot":"","sources":["../../src/components/SmartlinksAuthUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,KAAK,EAAE,qBAAqB,EAAuD,MAAM,UAAU,CAAC;AAgI3G,QAAA,MAAM,mBAAmB,QAAa,OAAO,CAAC,IAAI,CA+CjD,CAAC;AAyFF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AA8B/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA48C5D,CAAC"}

package/dist/index.esm.js

@@ -10671,7 +10671,7 @@ const PhoneAuthForm = ({ onSubmit, onBack, loading, error, }) => {
                                 : 'Resend code' }) })] })), jsx("button", { type: "submit", className: "auth-button auth-button-primary", disabled: loading, children: loading ? (jsx("span", { className: "auth-spinner" })) : codeSent ? ('Verify Code') : ('Send Code') }), jsx("div", { className: "auth-divider", children: jsx("button", { type: "button", className: "auth-link auth-link-bold", onClick: onBack, disabled: loading, children: "\u2190 Back to login" }) })] }));
 };
 
-const PasswordResetForm = ({ onSubmit, onBack, loading, error, success, token, }) => {
+const PasswordResetForm = ({ onSubmit, onBack, loading, error, success, successMessage, token, }) => {
     const [email, setEmail] = useState('');
     const [password, setPassword] = useState('');
     const [confirmPassword, setConfirmPassword] = useState('');
@@ -10698,8 +10698,8 @@ const PasswordResetForm = ({ onSubmit, onBack, loading, error, success, token, }
     };
     if (success) {
         return (jsxs("div", { className: "auth-form", children: [jsxs("div", { className: "auth-form-header", children: [jsx("div", { style: { textAlign: 'center', marginBottom: '1rem' }, children: jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", style: { margin: '0 auto' }, children: [jsx("circle", { cx: "32", cy: "32", r: "32", fill: "#10b981", fillOpacity: "0.1" }), jsx("path", { d: "M20 32l8 8 16-16", stroke: "#10b981", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })] }) }), jsx("h2", { className: "auth-form-title", children: token ? 'Password reset!' : 'Check your email' }), jsx("p", { className: "auth-form-subtitle", children: token
-                                ? 'Your password has been successfully reset. You can now sign in with your new password.'
-                                : `We've sent password reset instructions to ${email}` })] }), jsx("button", { type: "button", className: "auth-button auth-button-primary", onClick: onBack, children: "Back to Sign in" })] }));
+                                ? (successMessage || 'Your password has been successfully reset. You can now sign in with your new password.')
+                                : (successMessage || `We've sent password reset instructions to ${email}`) })] }), jsx("button", { type: "button", className: "auth-button auth-button-primary", onClick: onBack, children: "Back to Sign in" })] }));
     }
     return (jsxs("form", { className: "auth-form", onSubmit: handleSubmit, children: [jsxs("div", { className: "auth-form-header", children: [jsx("h2", { className: "auth-form-title", children: token ? 'Set new password' : 'Reset your password' }), jsx("p", { className: "auth-form-subtitle", children: token
                             ? 'Enter your new password below.'
@@ -12404,6 +12404,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
     const [showRequestNewReset, setShowRequestNewReset] = useState(false);
     const [resetRequestEmail, setResetRequestEmail] = useState();
     const [resetToken, setResetToken] = useState(); // Store the reset token from URL
+    const [resetEmail, setResetEmail] = useState(); // Store email from token verification for auto-login
     const [config, setConfig] = useState(null);
     const [configLoading, setConfigLoading] = useState(!skipConfigFetch);
     const [showEmailForm, setShowEmailForm] = useState(false); // Track if email form should be shown when emailDisplayMode is 'button'
@@ -12760,8 +12761,15 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
             else if (urlMode === 'resetPassword') {
                 log.log('Verifying reset token:', token);
                 // Verify token is valid, then show password reset form
-                await api.verifyResetToken(token);
+                const verifyResult = await api.verifyResetToken(token);
+                // Check if token is valid before proceeding
+                if (!verifyResult.valid) {
+                    throw new Error(verifyResult.message || 'Invalid or expired token');
+                }
                 setResetToken(token); // Store token for use in password reset
+                if (verifyResult.email) {
+                    setResetEmail(verifyResult.email); // Store email for auto-login after reset
+                }
                 setMode('reset-password');
                 // Clear the URL parameters
                 const cleanUrl = window.location.href.split('?')[0];
@@ -13394,14 +13402,42 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                 // Complete password reset with token
                 console.log(`${LOG_PREFIX} 🔑 Completing password reset with token`);
                 await api.completePasswordReset(resetToken, emailOrPassword);
+                // Auto-login with the new password if we have the email
+                if (resetEmail) {
+                    console.log(`${LOG_PREFIX} 🔑 Auto-signing in after password reset`);
+                    try {
+                        const loginResponse = await api.login(resetEmail, emailOrPassword);
+                        if (loginResponse.token) {
+                            auth.login(loginResponse.token, loginResponse.user, loginResponse.accountData, false);
+                            setAuthSuccess(true);
+                            setSuccessMessage('Password reset successful! You are now signed in.');
+                            onAuthSuccess(loginResponse.token, loginResponse.user, loginResponse.accountData);
+                            // Clear reset state
+                            setResetToken(undefined);
+                            setResetEmail(undefined);
+                            return; // Exit early - we've handled everything
+                        }
+                    }
+                    catch (loginErr) {
+                        // Auto-login failed, fall back to showing success message
+                        console.log(`${LOG_PREFIX} ⚠️ Auto-login after reset failed, showing manual login prompt`, loginErr);
+                    }
+                }
+                // Fallback: show success but require manual login
                 setResetSuccess(true);
-                setResetToken(undefined); // Clear token after successful reset
+                setSuccessMessage('Password reset successful! Please sign in with your new password.');
+                setResetToken(undefined);
+                setResetEmail(undefined);
             }
             else {
                 // Request password reset email
                 console.log(`${LOG_PREFIX} 🔑 Requesting password reset email with redirectUrl:`, effectiveRedirectUrl);
-                await api.requestPasswordReset(emailOrPassword, effectiveRedirectUrl);
+                const result = await api.requestPasswordReset(emailOrPassword, effectiveRedirectUrl);
                 setResetSuccess(true);
+                // Use backend message if available
+                if (result?.message) {
+                    setSuccessMessage(result.message);
+                }
             }
         }
         catch (err) {
@@ -13450,7 +13486,9 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                 setMode('login');
                 setResetSuccess(false);
                 setResetToken(undefined); // Clear token when going back
-            }, loading: loading, error: error, success: resetSuccess, token: resetToken })) : (mode === 'login' || mode === 'register') ? (jsx(Fragment, { children: showResendVerification ? (jsxs("div", { style: { marginTop: '1rem', padding: '1.5rem', backgroundColor: 'rgba(79, 70, 229, 0.05)', borderRadius: '0.5rem' }, children: [jsx("h3", { style: { marginBottom: '0.75rem', fontSize: '1rem', fontWeight: 600, color: 'var(--auth-text-color, #374151)' }, children: "Verification Link Expired" }), jsx("p", { style: { marginBottom: '1rem', fontSize: '0.875rem', color: 'var(--auth-text-color, #6B7280)', lineHeight: '1.5' }, children: "Your verification link has expired or is no longer valid. Please enter your email address below and we'll send you a new verification link." }), jsx("input", { type: "email", value: resendEmail || '', onChange: (e) => setResendEmail(e.target.value), placeholder: "your@email.com", style: {
+                setResetEmail(undefined); // Clear email when going back
+                setSuccessMessage(undefined); // Clear success message
+            }, loading: loading, error: error, success: resetSuccess, successMessage: successMessage, token: resetToken })) : (mode === 'login' || mode === 'register') ? (jsx(Fragment, { children: showResendVerification ? (jsxs("div", { style: { marginTop: '1rem', padding: '1.5rem', backgroundColor: 'rgba(79, 70, 229, 0.05)', borderRadius: '0.5rem' }, children: [jsx("h3", { style: { marginBottom: '0.75rem', fontSize: '1rem', fontWeight: 600, color: 'var(--auth-text-color, #374151)' }, children: "Verification Link Expired" }), jsx("p", { style: { marginBottom: '1rem', fontSize: '0.875rem', color: 'var(--auth-text-color, #6B7280)', lineHeight: '1.5' }, children: "Your verification link has expired or is no longer valid. Please enter your email address below and we'll send you a new verification link." }), jsx("input", { type: "email", value: resendEmail || '', onChange: (e) => setResendEmail(e.target.value), placeholder: "your@email.com", style: {
                             width: '100%',
                             padding: '0.625rem',
                             marginBottom: '1rem',