@proveanything/smartlinks-auth-ui 0.4.8 → 0.4.10

package/dist/index.js

@@ -10797,7 +10797,8 @@ const PhoneAuthForm = ({ onSubmit, onBack, loading, error, collectName = false,
     const handleSendCode = async (e) => {
         e.preventDefault();
         try {
-            await onSubmit(phoneNumber, undefined, collectName ? displayName || undefined : undefined);
+            const normalizedDisplayName = displayName.trim();
+            await onSubmit(phoneNumber, undefined, collectName ? normalizedDisplayName || undefined : undefined);
             // Only transition to code entry UI AFTER successful send
             setCodeSent(true);
             setResendCooldown(60); // 60 second cooldown
@@ -10872,7 +10873,8 @@ const MagicLinkForm = ({ onSubmit, onCancel, loading = false, error, collectName
     const [displayName, setDisplayName] = React.useState('');
     const handleSubmit = async (e) => {
         e.preventDefault();
-        await onSubmit(email, collectName ? displayName || undefined : undefined);
+        const normalizedDisplayName = displayName.trim();
+        await onSubmit(email, collectName ? normalizedDisplayName || undefined : undefined);
     };
     return (jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "auth-form", children: [collectName && (jsxRuntime.jsxs("div", { className: "auth-form-group", children: [jsxRuntime.jsx("label", { htmlFor: "magic-link-name", className: "auth-label", children: "Name" }), jsxRuntime.jsx("input", { id: "magic-link-name", type: "text", value: displayName, onChange: (e) => setDisplayName(e.target.value), className: "auth-input", placeholder: "John Smith", disabled: loading, autoComplete: "name" })] })), jsxRuntime.jsxs("div", { className: "auth-form-group", children: [jsxRuntime.jsx("label", { htmlFor: "magic-link-email", className: "auth-label", children: "Email Address" }), jsxRuntime.jsx("input", { id: "magic-link-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "auth-input", placeholder: "you@example.com", required: true, disabled: loading })] }), error && (jsxRuntime.jsx("div", { className: "auth-error-message", children: error })), jsxRuntime.jsx("button", { type: "submit", className: "auth-button auth-button-primary", disabled: loading || !email, children: loading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "auth-spinner" }), "Sending..."] })) : ('Send Magic Link') }), jsxRuntime.jsx("button", { type: "button", onClick: onCancel, className: "auth-button auth-button-secondary", disabled: loading, children: "Cancel" })] }));
 };
@@ -11313,10 +11315,14 @@ class AuthAPI {
         try {
             // Generate a random password since passwordless users won't use it
             const randomPassword = crypto.randomUUID?.() || Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
+            // Backend requires displayName to be a valid string
+            // Fall back to email local part if no name provided
+            const normalizedDisplayName = typeof data.displayName === 'string' ? data.displayName.trim() : '';
+            const fallbackName = normalizedDisplayName || (data.email ? data.email.split('@')[0] : 'User');
             await this.register({
                 email: data.email,
                 password: randomPassword,
-                displayName: data.displayName,
+                displayName: fallbackName,
             });
             this.log.log('ensureAccount: new account created for', data.email || data.phoneNumber);
         }
@@ -11330,10 +11336,11 @@ class AuthAPI {
             throw err;
         }
     }
-    async sendMagicLink(email, redirectUrl) {
+    async sendMagicLink(email, redirectUrl, displayName) {
         return smartlinks__namespace.authKit.sendMagicLink(this.clientId, {
             email,
-            redirectUrl
+            redirectUrl,
+            accountData: displayName ? { displayName } : undefined,
         });
     }
     async verifyMagicLink(token) {
@@ -14029,9 +14036,8 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         setLoading(true);
         setError(undefined);
         try {
-            // Ensure account exists before sending magic link (creates if new, no-op if exists)
-            await api.ensureAccount({ email, displayName });
-            await api.sendMagicLink(email, getRedirectUrl());
+            // Send magic link - backend handles account creation automatically on verify
+            await api.sendMagicLink(email, getRedirectUrl(), displayName);
             setAuthSuccess(true);
             setSuccessMessage('Magic link sent! Check your email to log in.');
         }