@proveanything/smartlinks-auth-ui 0.4.8 → 0.4.9

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);
         }