@proveanything/smartlinks-auth-ui 0.6.2 → 0.6.4

package/dist/index.js

@@ -277,11 +277,11 @@ const AuthModeToggle = ({ mode, onModeChange, disabled = false, }) => {
     return (jsxRuntime.jsxs("div", { className: "auth-mode-toggle", role: "tablist", "aria-label": "Authentication mode", children: [jsxRuntime.jsx("button", { type: "button", role: "tab", "aria-selected": mode === 'login', className: `auth-mode-toggle-button ${mode === 'login' ? 'auth-mode-toggle-button--active' : ''}`, onClick: () => onModeChange('login'), disabled: disabled, children: "Sign In" }), jsxRuntime.jsx("button", { type: "button", role: "tab", "aria-selected": mode === 'register', className: `auth-mode-toggle-button ${mode === 'register' ? 'auth-mode-toggle-button--active' : ''}`, onClick: () => onModeChange('register'), disabled: disabled, children: "Create Account" })] }));
 };
 
-const EmailAuthForm = ({ mode, onSubmit, onModeSwitch, onForgotPassword, loading, error, signupProminence = 'minimal', signupRedirectUrl, schema, registrationFieldsConfig = [], additionalFields = [], }) => {
+const EmailAuthForm = ({ mode, onSubmit, onModeSwitch, onForgotPassword, loading, error, signupProminence = 'minimal', signupRedirectUrl, prefillEmail, prefillDisplayName, schema, registrationFieldsConfig = [], additionalFields = [], }) => {
     const [formData, setFormData] = React.useState({
-        email: '',
+        email: prefillEmail || '',
         password: '',
-        displayName: '',
+        displayName: prefillDisplayName || '',
     });
     const [customFieldValues, setCustomFieldValues] = React.useState({});
     // Get schema-driven registration fields
@@ -13733,7 +13733,7 @@ const checkSilentGoogleSignIn = async (clientId, googleClientId) => {
     });
 };
 // getFriendlyErrorMessage is now imported from ../utils/errorHandling
-const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAuthSuccess, onAuthError, onRedirect, enabledProviders = ['email', 'google', 'phone'], initialMode, signupProminence, redirectUrl, theme = 'light', className, customization, skipConfigFetch = false, minimal = false, logger, proxyMode = false, collectionId, disableConfigCache = false, enableSilentGoogleSignIn = false, nativeAuth, enableSilentNativeSignIn = false, whatsappReply, whatsappPrefillMessage, }) => {
+const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, prefillEmail, prefillDisplayName, onAuthSuccess, onAuthError, onRedirect, enabledProviders = ['email', 'google', 'phone'], initialMode, signupProminence, redirectUrl, theme = 'light', className, customization, skipConfigFetch = false, minimal = false, logger, proxyMode = false, collectionId, disableConfigCache = false, enableSilentGoogleSignIn = false, nativeAuth, enableSilentNativeSignIn = false, whatsappReply, whatsappPrefillMessage, }) => {
     // Resolve signup prominence from props, customization, config, or default
     const resolvedSignupProminence = signupProminence || customization?.signupProminence || 'minimal';
     // Determine initial mode based on signupProminence setting
@@ -14430,18 +14430,21 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         catch (err) {
             // Debug: log the raw error shape to help diagnose SDK error wrapping issues
             log.error('handleEmailAuth error:', typeof err, err instanceof Error ? `Error.message=${err.message}` : '', JSON.stringify(err, Object.getOwnPropertyNames(err || {})));
-            // Check if error requires email verification (403 EMAIL_NOT_VERIFIED, ACCOUNT_LOCKED, etc.)
+            const errorCode = getErrorCode(err);
+            // 1. Explicit "email exists AND is unverified" → go straight to resend.
+            //    Also catches generic EMAIL_NOT_VERIFIED / ACCOUNT_LOCKED / etc.
             if (requiresEmailVerification(err)) {
                 setShowResendVerification(true);
                 setResendEmail(data.email);
                 setError(getFriendlyErrorMessage(err) + ' Click below to resend the verification link.');
             }
-            // Check if error is about email already registered (409 conflict)
-            else if (mode === 'register' && (isConflictError(err) ||
-                (err instanceof Error && /already (registered|exists)/i.test(err.message)))) {
-                setShowResendVerification(true);
-                setResendEmail(data.email);
-                setError('This email is already registered. If you didn\'t receive the verification email, you can resend it below.');
+            // 2. Explicit "email already exists" (verified account) on register → send to login.
+            else if (mode === 'register' && (errorCode === 'EMAIL_ALREADY_EXISTS' ||
+                errorCode === 'EMAIL_ALREADY_IN_USE' ||
+                isConflictError(err) ||
+                (err instanceof Error && /already (registered|exists|in use)/i.test(err.message)))) {
+                setMode('login');
+                setError('An account with this email already exists. Please sign in instead.');
             }
             else {
                 setError(getFriendlyErrorMessage(err));
@@ -15443,16 +15446,17 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                             boxSizing: 'border-box',
                             backgroundColor: resolvedTheme === 'dark' ? '#0f172a' : '#f8fafc',
                             color: resolvedTheme === 'dark' ? '#f1f5f9' : '#1e293b'
-                        } }), jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.75rem' }, children: [jsxRuntime.jsx("button", { onClick: handleResendVerification, disabled: loading || !resendEmail, className: config?.branding?.inheritHostStyles ? 'auth-button auth-button-primary' : undefined, style: config?.branding?.inheritHostStyles ? {
-                                    flex: 1,
+                        } }), jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }, children: [jsxRuntime.jsx("button", { onClick: handleResendVerification, disabled: loading || !resendEmail, className: config?.branding?.inheritHostStyles ? 'auth-button auth-button-primary' : undefined, style: config?.branding?.inheritHostStyles ? {
+                                    flex: '2 1 12rem',
                                     padding: '0.625rem 1rem',
                                     borderRadius: '0.375rem',
                                     fontSize: '0.875rem',
                                     fontWeight: 500,
+                                    whiteSpace: 'nowrap',
                                     opacity: (loading || !resendEmail) ? 0.6 : 1,
                                     cursor: (loading || !resendEmail) ? 'not-allowed' : 'pointer',
                                 } : {
-                                    flex: 1,
+                                    flex: '2 1 12rem',
                                     padding: '0.625rem 1rem',
                                     backgroundColor: 'var(--auth-primary-color, #4F46E5)',
                                     color: 'white',
@@ -15461,19 +15465,23 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                                     cursor: (loading || !resendEmail) ? 'not-allowed' : 'pointer',
                                     fontSize: '0.875rem',
                                     fontWeight: 500,
+                                    whiteSpace: 'nowrap',
                                     opacity: (loading || !resendEmail) ? 0.6 : 1
                                 }, children: loading ? 'Sending...' : 'Send New Verification Link' }), jsxRuntime.jsx("button", { onClick: () => {
                                     setShowResendVerification(false);
                                     setResendEmail('');
                                     setError(undefined);
                                 }, disabled: loading, className: config?.branding?.inheritHostStyles ? 'auth-button auth-button-secondary' : undefined, style: config?.branding?.inheritHostStyles ? {
+                                    flex: '0 0 auto',
                                     padding: '0.625rem 1rem',
                                     borderRadius: '0.375rem',
                                     fontSize: '0.875rem',
                                     fontWeight: 500,
+                                    whiteSpace: 'nowrap',
                                     opacity: loading ? 0.6 : 1,
                                     cursor: loading ? 'not-allowed' : 'pointer',
                                 } : {
+                                    flex: '0 0 auto',
                                     padding: '0.625rem 1rem',
                                     backgroundColor: 'transparent',
                                     color: resolvedTheme === 'dark' ? '#94a3b8' : '#6B7280',
@@ -15482,6 +15490,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                                     cursor: loading ? 'not-allowed' : 'pointer',
                                     fontSize: '0.875rem',
                                     fontWeight: 500,
+                                    whiteSpace: 'nowrap',
                                     opacity: loading ? 0.6 : 1
                                 }, children: "Cancel" })] })] })) : showRequestNewReset ? (jsxRuntime.jsxs("div", { style: {
                     marginTop: '1rem',
@@ -15671,7 +15680,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                                         setShowResendVerification(false);
                                         setShowRequestNewReset(false);
                                         setError(undefined);
-                                    }, onForgotPassword: () => setMode('reset-password'), loading: loading, error: error, signupProminence: resolvedSignupProminence, signupRedirectUrl: config?.signupRedirectUrl || customization?.signupRedirectUrl, schema: contactSchema, registrationFieldsConfig: config?.registrationFields, additionalFields: config?.signupAdditionalFields }), emailDisplayMode === 'form' && actualProviders.length > 1 && (jsxRuntime.jsx(ProviderButtons, { enabledProviders: actualProviders.filter((p) => p !== 'email'), providerOrder: providerOrder, onGoogleLogin: handleGoogleLogin, onAppleLogin: handleAppleLogin, onPhoneLogin: () => setMode('phone'), onMagicLinkLogin: () => setMode('magic-link'), onWhatsAppLogin: () => setMode('whatsapp'), loading: loading }))] }));
+                                    }, onForgotPassword: () => setMode('reset-password'), loading: loading, error: error, signupProminence: resolvedSignupProminence, signupRedirectUrl: config?.signupRedirectUrl || customization?.signupRedirectUrl, prefillEmail: prefillEmail, prefillDisplayName: prefillDisplayName, schema: contactSchema, registrationFieldsConfig: config?.registrationFields, additionalFields: config?.signupAdditionalFields }), emailDisplayMode === 'form' && actualProviders.length > 1 && (jsxRuntime.jsx(ProviderButtons, { enabledProviders: actualProviders.filter((p) => p !== 'email'), providerOrder: providerOrder, onGoogleLogin: handleGoogleLogin, onAppleLogin: handleAppleLogin, onPhoneLogin: () => setMode('phone'), onMagicLinkLogin: () => setMode('magic-link'), onWhatsAppLogin: () => setMode('whatsapp'), loading: loading }))] }));
                     })()] })) })) : null }));
 };