@delmaredigital/payload-better-auth 0.3.6 → 0.3.8

package/dist/components/twoFactor/TwoFactorSetupView.js

@@ -5,8 +5,7 @@ import { useState, useEffect } from 'react';
  * Two-factor authentication setup component.
  * Displays QR code for TOTP apps and allows verification.
  * Uses Better Auth's twoFactor plugin endpoints.
- */
-export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentication', afterSetupPath = '/admin', onSetupComplete, }) {
+ */ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentication', afterSetupPath = '/admin', onSetupComplete }) {
     const [step, setStep] = useState('loading');
     const [totpUri, setTotpUri] = useState(null);
     const [secret, setSecret] = useState(null);
@@ -14,14 +13,16 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
     const [verificationCode, setVerificationCode] = useState('');
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(false);
-    useEffect(() => {
+    useEffect(()=>{
         async function enableTwoFactor() {
             try {
                 const response = await fetch('/api/auth/two-factor/enable', {
                     method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
                     credentials: 'include',
-                    body: JSON.stringify({}),
+                    body: JSON.stringify({})
                 });
                 if (response.ok) {
                     const data = await response.json();
@@ -29,14 +30,12 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                     setSecret(data.secret);
                     setBackupCodes(data.backupCodes || []);
                     setStep('qr');
-                }
-                else {
-                    const data = await response.json().catch(() => ({}));
+                } else {
+                    const data = await response.json().catch(()=>({}));
                     setError(data.message || 'Failed to enable two-factor authentication.');
                     setStep('qr');
                 }
-            }
-            catch {
+            } catch  {
                 setError('An error occurred. Please try again.');
                 setStep('qr');
             }
@@ -50,28 +49,28 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
         try {
             const response = await fetch('/api/auth/two-factor/verify-totp', {
                 method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
+                headers: {
+                    'Content-Type': 'application/json'
+                },
                 credentials: 'include',
-                body: JSON.stringify({ code: verificationCode }),
+                body: JSON.stringify({
+                    code: verificationCode
+                })
             });
             if (response.ok) {
                 if (backupCodes.length > 0) {
                     setStep('backup');
-                }
-                else {
+                } else {
                     setStep('complete');
                     onSetupComplete?.();
                 }
-            }
-            else {
-                const data = await response.json().catch(() => ({}));
+            } else {
+                const data = await response.json().catch(()=>({}));
                 setError(data.message || 'Invalid verification code. Please try again.');
             }
-        }
-        catch {
+        } catch  {
             setError('An error occurred. Please try again.');
-        }
-        finally {
+        } finally{
             setLoading(false);
         }
     }
@@ -81,42 +80,72 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
     }
     // Loading state
     if (step === 'loading') {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _jsx("div", {
+            style: {
                 minHeight: '100vh',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-                background: 'var(--theme-bg)',
-            }, children: _jsx("div", { style: { color: 'var(--theme-text)', opacity: 0.7 }, children: "Setting up two-factor authentication..." }) }));
+                background: 'var(--theme-bg)'
+            },
+            children: /*#__PURE__*/ _jsx("div", {
+                style: {
+                    color: 'var(--theme-text)',
+                    opacity: 0.7
+                },
+                children: "Setting up two-factor authentication..."
+            })
+        });
     }
     // Complete state
     if (step === 'complete') {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _jsx("div", {
+            style: {
                 minHeight: '100vh',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 background: 'var(--theme-bg)',
-                padding: 'var(--base)',
-            }, children: _jsxs("div", { style: {
+                padding: 'var(--base)'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
                     background: 'var(--theme-elevation-50)',
                     padding: 'calc(var(--base) * 2)',
                     borderRadius: 'var(--style-radius-m)',
                     boxShadow: '0 2px 20px rgba(0, 0, 0, 0.1)',
                     width: '100%',
                     maxWidth: '400px',
-                    textAlign: 'center',
-                }, children: [logo && (_jsx("div", { style: { marginBottom: 'calc(var(--base) * 1.5)' }, children: logo })), _jsx("h1", { style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    logo && /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            marginBottom: 'calc(var(--base) * 1.5)'
+                        },
+                        children: logo
+                    }),
+                    /*#__PURE__*/ _jsx("h1", {
+                        style: {
                             color: 'var(--theme-success-500)',
                             fontSize: 'var(--font-size-h3)',
                             fontWeight: 600,
-                            margin: '0 0 var(--base) 0',
-                        }, children: "Two-Factor Enabled!" }), _jsx("p", { style: {
+                            margin: '0 0 var(--base) 0'
+                        },
+                        children: "Two-Factor Enabled!"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
                             color: 'var(--theme-text)',
                             opacity: 0.8,
                             marginBottom: 'calc(var(--base) * 1.5)',
-                            fontSize: 'var(--font-size-small)',
-                        }, children: "Your account is now protected with two-factor authentication." }), _jsx("a", { href: afterSetupPath, style: {
+                            fontSize: 'var(--font-size-small)'
+                        },
+                        children: "Your account is now protected with two-factor authentication."
+                    }),
+                    /*#__PURE__*/ _jsx("a", {
+                        href: afterSetupPath,
+                        style: {
                             display: 'inline-block',
                             padding: 'calc(var(--base) * 0.75) calc(var(--base) * 1.5)',
                             background: 'var(--theme-elevation-800)',
@@ -125,57 +154,91 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                             color: 'var(--theme-elevation-50)',
                             fontSize: 'var(--font-size-base)',
                             fontWeight: 500,
-                            textDecoration: 'none',
-                        }, children: "Continue" })] }) }));
+                            textDecoration: 'none'
+                        },
+                        children: "Continue"
+                    })
+                ]
+            })
+        });
     }
     // Backup codes state
     if (step === 'backup') {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _jsx("div", {
+            style: {
                 minHeight: '100vh',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 background: 'var(--theme-bg)',
-                padding: 'var(--base)',
-            }, children: _jsxs("div", { style: {
+                padding: 'var(--base)'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
                     background: 'var(--theme-elevation-50)',
                     padding: 'calc(var(--base) * 2)',
                     borderRadius: 'var(--style-radius-m)',
                     boxShadow: '0 2px 20px rgba(0, 0, 0, 0.1)',
                     width: '100%',
-                    maxWidth: '450px',
-                }, children: [logo && (_jsx("div", { style: {
+                    maxWidth: '450px'
+                },
+                children: [
+                    logo && /*#__PURE__*/ _jsx("div", {
+                        style: {
                             textAlign: 'center',
-                            marginBottom: 'calc(var(--base) * 1.5)',
-                        }, children: logo })), _jsx("h1", { style: {
+                            marginBottom: 'calc(var(--base) * 1.5)'
+                        },
+                        children: logo
+                    }),
+                    /*#__PURE__*/ _jsx("h1", {
+                        style: {
                             color: 'var(--theme-text)',
                             fontSize: 'var(--font-size-h3)',
                             fontWeight: 600,
                             margin: '0 0 calc(var(--base) * 0.5) 0',
-                            textAlign: 'center',
-                        }, children: "Save Your Backup Codes" }), _jsx("p", { style: {
+                            textAlign: 'center'
+                        },
+                        children: "Save Your Backup Codes"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
                             color: 'var(--theme-text)',
                             opacity: 0.7,
                             fontSize: 'var(--font-size-small)',
                             textAlign: 'center',
-                            marginBottom: 'calc(var(--base) * 1.5)',
-                        }, children: "Store these codes safely. You can use them to access your account if you lose your authenticator." }), _jsx("div", { style: {
+                            marginBottom: 'calc(var(--base) * 1.5)'
+                        },
+                        children: "Store these codes safely. You can use them to access your account if you lose your authenticator."
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
                             background: 'var(--theme-elevation-100)',
                             padding: 'var(--base)',
                             borderRadius: 'var(--style-radius-s)',
                             marginBottom: 'calc(var(--base) * 1.5)',
                             fontFamily: 'monospace',
-                            fontSize: 'var(--font-size-small)',
-                        }, children: _jsx("div", { style: {
+                            fontSize: 'var(--font-size-small)'
+                        },
+                        children: /*#__PURE__*/ _jsx("div", {
+                            style: {
                                 display: 'grid',
                                 gridTemplateColumns: 'repeat(2, 1fr)',
-                                gap: 'calc(var(--base) * 0.5)',
-                            }, children: backupCodes.map((code, index) => (_jsx("div", { style: {
-                                    color: 'var(--theme-text)',
-                                    padding: 'calc(var(--base) * 0.25)',
-                                }, children: code }, index))) }) }), _jsx("button", { onClick: () => {
+                                gap: 'calc(var(--base) * 0.5)'
+                            },
+                            children: backupCodes.map((code, index)=>/*#__PURE__*/ _jsx("div", {
+                                    style: {
+                                        color: 'var(--theme-text)',
+                                        padding: 'calc(var(--base) * 0.25)'
+                                    },
+                                    children: code
+                                }, index))
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        onClick: ()=>{
                             navigator.clipboard.writeText(backupCodes.join('\n'));
-                        }, style: {
+                        },
+                        style: {
                             width: '100%',
                             padding: 'calc(var(--base) * 0.5)',
                             background: 'var(--theme-elevation-150)',
@@ -184,8 +247,13 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                             color: 'var(--theme-text)',
                             fontSize: 'var(--font-size-small)',
                             cursor: 'pointer',
-                            marginBottom: 'var(--base)',
-                        }, children: "Copy to Clipboard" }), _jsx("button", { onClick: handleBackupContinue, style: {
+                            marginBottom: 'var(--base)'
+                        },
+                        children: "Copy to Clipboard"
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        onClick: handleBackupContinue,
+                        style: {
                             width: '100%',
                             padding: 'calc(var(--base) * 0.75)',
                             background: 'var(--theme-elevation-800)',
@@ -194,56 +262,94 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                             color: 'var(--theme-elevation-50)',
                             fontSize: 'var(--font-size-base)',
                             fontWeight: 500,
-                            cursor: 'pointer',
-                        }, children: "I've Saved My Codes" })] }) }));
+                            cursor: 'pointer'
+                        },
+                        children: "I've Saved My Codes"
+                    })
+                ]
+            })
+        });
     }
     // QR code and verify state
-    return (_jsx("div", { style: {
+    return /*#__PURE__*/ _jsx("div", {
+        style: {
             minHeight: '100vh',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
             background: 'var(--theme-bg)',
-            padding: 'var(--base)',
-        }, children: _jsxs("div", { style: {
+            padding: 'var(--base)'
+        },
+        children: /*#__PURE__*/ _jsxs("div", {
+            style: {
                 background: 'var(--theme-elevation-50)',
                 padding: 'calc(var(--base) * 2)',
                 borderRadius: 'var(--style-radius-m)',
                 boxShadow: '0 2px 20px rgba(0, 0, 0, 0.1)',
                 width: '100%',
-                maxWidth: '400px',
-            }, children: [logo && (_jsx("div", { style: {
+                maxWidth: '400px'
+            },
+            children: [
+                logo && /*#__PURE__*/ _jsx("div", {
+                    style: {
                         textAlign: 'center',
-                        marginBottom: 'calc(var(--base) * 1.5)',
-                    }, children: logo })), _jsx("h1", { style: {
+                        marginBottom: 'calc(var(--base) * 1.5)'
+                    },
+                    children: logo
+                }),
+                /*#__PURE__*/ _jsx("h1", {
+                    style: {
                         color: 'var(--theme-text)',
                         fontSize: 'var(--font-size-h3)',
                         fontWeight: 600,
                         margin: '0 0 calc(var(--base) * 0.5) 0',
-                        textAlign: 'center',
-                    }, children: title }), _jsx("p", { style: {
+                        textAlign: 'center'
+                    },
+                    children: title
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    style: {
                         color: 'var(--theme-text)',
                         opacity: 0.7,
                         fontSize: 'var(--font-size-small)',
                         textAlign: 'center',
-                        marginBottom: 'calc(var(--base) * 1.5)',
-                    }, children: "Scan the QR code with your authenticator app, then enter the code below." }), totpUri && (_jsx("div", { style: {
+                        marginBottom: 'calc(var(--base) * 1.5)'
+                    },
+                    children: "Scan the QR code with your authenticator app, then enter the code below."
+                }),
+                totpUri && /*#__PURE__*/ _jsx("div", {
+                    style: {
                         textAlign: 'center',
-                        marginBottom: 'calc(var(--base) * 1.5)',
-                    }, children: _jsx("img", { src: `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(totpUri)}`, alt: "QR Code for authenticator app", style: {
+                        marginBottom: 'calc(var(--base) * 1.5)'
+                    },
+                    children: /*#__PURE__*/ _jsx("img", {
+                        src: `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(totpUri)}`,
+                        alt: "QR Code for authenticator app",
+                        style: {
                             width: '200px',
                             height: '200px',
                             border: '1px solid var(--theme-elevation-150)',
-                            borderRadius: 'var(--style-radius-s)',
-                        } }) })), secret && (_jsxs("div", { style: {
+                            borderRadius: 'var(--style-radius-s)'
+                        }
+                    })
+                }),
+                secret && /*#__PURE__*/ _jsxs("div", {
+                    style: {
                         marginBottom: 'calc(var(--base) * 1.5)',
-                        textAlign: 'center',
-                    }, children: [_jsx("p", { style: {
+                        textAlign: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx("p", {
+                            style: {
                                 color: 'var(--theme-text)',
                                 opacity: 0.7,
                                 fontSize: 'var(--font-size-small)',
-                                marginBottom: 'calc(var(--base) * 0.5)',
-                            }, children: "Or enter this code manually:" }), _jsx("code", { style: {
+                                marginBottom: 'calc(var(--base) * 0.5)'
+                            },
+                            children: "Or enter this code manually:"
+                        }),
+                        /*#__PURE__*/ _jsx("code", {
+                            style: {
                                 display: 'inline-block',
                                 padding: 'calc(var(--base) * 0.5)',
                                 background: 'var(--theme-elevation-100)',
@@ -251,14 +357,42 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                                 fontFamily: 'monospace',
                                 fontSize: 'var(--font-size-small)',
                                 color: 'var(--theme-text)',
-                                wordBreak: 'break-all',
-                            }, children: secret })] })), _jsxs("form", { onSubmit: handleVerify, children: [_jsxs("div", { style: { marginBottom: 'calc(var(--base) * 1.5)' }, children: [_jsx("label", { htmlFor: "code", style: {
+                                wordBreak: 'break-all'
+                            },
+                            children: secret
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("form", {
+                    onSubmit: handleVerify,
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: 'calc(var(--base) * 1.5)'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "code",
+                                    style: {
                                         display: 'block',
                                         color: 'var(--theme-text)',
                                         marginBottom: 'calc(var(--base) * 0.5)',
                                         fontSize: 'var(--font-size-small)',
-                                        fontWeight: 500,
-                                    }, children: "Verification Code" }), _jsx("input", { id: "code", type: "text", inputMode: "numeric", pattern: "[0-9]*", autoComplete: "one-time-code", value: verificationCode, onChange: (e) => setVerificationCode(e.target.value.replace(/\D/g, '').slice(0, 6)), required: true, placeholder: "000000", style: {
+                                        fontWeight: 500
+                                    },
+                                    children: "Verification Code"
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "code",
+                                    type: "text",
+                                    inputMode: "numeric",
+                                    pattern: "[0-9]*",
+                                    autoComplete: "one-time-code",
+                                    value: verificationCode,
+                                    onChange: (e)=>setVerificationCode(e.target.value.replace(/\D/g, '').slice(0, 6)),
+                                    required: true,
+                                    placeholder: "000000",
+                                    style: {
                                         width: '100%',
                                         padding: 'calc(var(--base) * 0.75)',
                                         background: 'var(--theme-input-bg)',
@@ -270,16 +404,27 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                                         textAlign: 'center',
                                         letterSpacing: '0.5em',
                                         outline: 'none',
-                                        boxSizing: 'border-box',
-                                    } })] }), error && (_jsx("div", { style: {
+                                        boxSizing: 'border-box'
+                                    }
+                                })
+                            ]
+                        }),
+                        error && /*#__PURE__*/ _jsx("div", {
+                            style: {
                                 color: 'var(--theme-error-500)',
                                 marginBottom: 'var(--base)',
                                 fontSize: 'var(--font-size-small)',
                                 padding: 'calc(var(--base) * 0.5)',
                                 background: 'var(--theme-error-50)',
                                 borderRadius: 'var(--style-radius-s)',
-                                border: '1px solid var(--theme-error-200)',
-                            }, children: error })), _jsx("button", { type: "submit", disabled: loading || verificationCode.length !== 6, style: {
+                                border: '1px solid var(--theme-error-200)'
+                            },
+                            children: error
+                        }),
+                        /*#__PURE__*/ _jsx("button", {
+                            type: "submit",
+                            disabled: loading || verificationCode.length !== 6,
+                            style: {
                                 width: '100%',
                                 padding: 'calc(var(--base) * 0.75)',
                                 background: 'var(--theme-elevation-800)',
@@ -290,8 +435,16 @@ export function TwoFactorSetupView({ logo, title = 'Set Up Two-Factor Authentica
                                 fontWeight: 500,
                                 cursor: loading || verificationCode.length !== 6 ? 'not-allowed' : 'pointer',
                                 opacity: loading || verificationCode.length !== 6 ? 0.7 : 1,
-                                transition: 'opacity 150ms ease',
-                            }, children: loading ? 'Verifying...' : 'Verify and Enable' })] })] }) }));
+                                transition: 'opacity 150ms ease'
+                            },
+                            children: loading ? 'Verifying...' : 'Verify and Enable'
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 }
 export default TwoFactorSetupView;
+
 //# sourceMappingURL=TwoFactorSetupView.js.map

package/dist/components/twoFactor/TwoFactorSetupView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoFactorSetupView.js","sourceRoot":"","sources":["../../../src/components/twoFactor/TwoFactorSetupView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/twoFactor/TwoFactorSetupView.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useEffect, type FormEvent } from 'react'\n\nexport type TwoFactorSetupViewProps = {\n  /** Custom logo element */\n  logo?: React.ReactNode\n  /** Page title. Default: 'Set Up Two-Factor Authentication' */\n  title?: string\n  /** Path to redirect after successful setup. Default: '/admin' */\n  afterSetupPath?: string\n  /** Callback after successful setup */\n  onSetupComplete?: () => void\n}\n\n/**\n * Two-factor authentication setup component.\n * Displays QR code for TOTP apps and allows verification.\n * Uses Better Auth's twoFactor plugin endpoints.\n */\nexport function TwoFactorSetupView({\n  logo,\n  title = 'Set Up Two-Factor Authentication',\n  afterSetupPath = '/admin',\n  onSetupComplete,\n}: TwoFactorSetupViewProps) {\n  const [step, setStep] = useState<'loading' | 'qr' | 'verify' | 'backup' | 'complete'>('loading')\n  const [totpUri, setTotpUri] = useState<string | null>(null)\n  const [secret, setSecret] = useState<string | null>(null)\n  const [backupCodes, setBackupCodes] = useState<string[]>([])\n  const [verificationCode, setVerificationCode] = useState('')\n  const [error, setError] = useState<string | null>(null)\n  const [loading, setLoading] = useState(false)\n\n  useEffect(() => {\n    async function enableTwoFactor() {\n      try {\n        const response = await fetch('/api/auth/two-factor/enable', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          credentials: 'include',\n          body: JSON.stringify({}),\n        })\n\n        if (response.ok) {\n          const data = await response.json()\n          setTotpUri(data.totpURI)\n          setSecret(data.secret)\n          setBackupCodes(data.backupCodes || [])\n          setStep('qr')\n        } else {\n          const data = await response.json().catch(() => ({}))\n          setError(data.message || 'Failed to enable two-factor authentication.')\n          setStep('qr')\n        }\n      } catch {\n        setError('An error occurred. Please try again.')\n        setStep('qr')\n      }\n    }\n    enableTwoFactor()\n  }, [])\n\n  async function handleVerify(e: FormEvent) {\n    e.preventDefault()\n    setLoading(true)\n    setError(null)\n\n    try {\n      const response = await fetch('/api/auth/two-factor/verify-totp', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        credentials: 'include',\n        body: JSON.stringify({ code: verificationCode }),\n      })\n\n      if (response.ok) {\n        if (backupCodes.length > 0) {\n          setStep('backup')\n        } else {\n          setStep('complete')\n          onSetupComplete?.()\n        }\n      } else {\n        const data = await response.json().catch(() => ({}))\n        setError(data.message || 'Invalid verification code. Please try again.')\n      }\n    } catch {\n      setError('An error occurred. Please try again.')\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  function handleBackupContinue() {\n    setStep('complete')\n    onSetupComplete?.()\n  }\n\n  // Loading state\n  if (step === 'loading') {\n    return (\n      <div\n        style={{\n          minHeight: '100vh',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          background: 'var(--theme-bg)',\n        }}\n      >\n        <div style={{ color: 'var(--theme-text)', opacity: 0.7 }}>\n          Setting up two-factor authentication...\n        </div>\n      </div>\n    )\n  }\n\n  // Complete state\n  if (step === 'complete') {\n    return (\n      <div\n        style={{\n          minHeight: '100vh',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          background: 'var(--theme-bg)',\n          padding: 'var(--base)',\n        }}\n      >\n        <div\n          style={{\n            background: 'var(--theme-elevation-50)',\n            padding: 'calc(var(--base) * 2)',\n            borderRadius: 'var(--style-radius-m)',\n            boxShadow: '0 2px 20px rgba(0, 0, 0, 0.1)',\n            width: '100%',\n            maxWidth: '400px',\n            textAlign: 'center',\n          }}\n        >\n          {logo && (\n            <div style={{ marginBottom: 'calc(var(--base) * 1.5)' }}>\n              {logo}\n            </div>\n          )}\n\n          <h1\n            style={{\n              color: 'var(--theme-success-500)',\n              fontSize: 'var(--font-size-h3)',\n              fontWeight: 600,\n              margin: '0 0 var(--base) 0',\n            }}\n          >\n            Two-Factor Enabled!\n          </h1>\n\n          <p\n            style={{\n              color: 'var(--theme-text)',\n              opacity: 0.8,\n              marginBottom: 'calc(var(--base) * 1.5)',\n              fontSize: 'var(--font-size-small)',\n            }}\n          >\n            Your account is now protected with two-factor authentication.\n          </p>\n\n          <a\n            href={afterSetupPath}\n            style={{\n              display: 'inline-block',\n              padding: 'calc(var(--base) * 0.75) calc(var(--base) * 1.5)',\n              background: 'var(--theme-elevation-800)',\n              border: 'none',\n              borderRadius: 'var(--style-radius-s)',\n              color: 'var(--theme-elevation-50)',\n              fontSize: 'var(--font-size-base)',\n              fontWeight: 500,\n              textDecoration: 'none',\n            }}\n          >\n            Continue\n          </a>\n        </div>\n      </div>\n    )\n  }\n\n  // Backup codes state\n  if (step === 'backup') {\n    return (\n      <div\n        style={{\n          minHeight: '100vh',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          background: 'var(--theme-bg)',\n          padding: 'var(--base)',\n        }}\n      >\n        <div\n          style={{\n            background: 'var(--theme-elevation-50)',\n            padding: 'calc(var(--base) * 2)',\n            borderRadius: 'var(--style-radius-m)',\n            boxShadow: '0 2px 20px rgba(0, 0, 0, 0.1)',\n            width: '100%',\n            maxWidth: '450px',\n          }}\n        >\n          {logo && (\n            <div\n              style={{\n                textAlign: 'center',\n                marginBottom: 'calc(var(--base) * 1.5)',\n              }}\n            >\n              {logo}\n            </div>\n          )}\n\n          <h1\n            style={{\n              color: 'var(--theme-text)',\n              fontSize: 'var(--font-size-h3)',\n              fontWeight: 600,\n              margin: '0 0 calc(var(--base) * 0.5) 0',\n              textAlign: 'center',\n            }}\n          >\n            Save Your Backup Codes\n          </h1>\n\n          <p\n            style={{\n              color: 'var(--theme-text)',\n              opacity: 0.7,\n              fontSize: 'var(--font-size-small)',\n              textAlign: 'center',\n              marginBottom: 'calc(var(--base) * 1.5)',\n            }}\n          >\n            Store these codes safely. You can use them to access your account if you lose your authenticator.\n          </p>\n\n          <div\n            style={{\n              background: 'var(--theme-elevation-100)',\n              padding: 'var(--base)',\n              borderRadius: 'var(--style-radius-s)',\n              marginBottom: 'calc(var(--base) * 1.5)',\n              fontFamily: 'monospace',\n              fontSize: 'var(--font-size-small)',\n            }}\n          >\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateColumns: 'repeat(2, 1fr)',\n                gap: 'calc(var(--base) * 0.5)',\n              }}\n            >\n              {backupCodes.map((code, index) => (\n                <div\n                  key={index}\n                  style={{\n                    color: 'var(--theme-text)',\n                    padding: 'calc(var(--base) * 0.25)',\n                  }}\n                >\n                  {code}\n                </div>\n              ))}\n            </div>\n          </div>\n\n          <button\n            onClick={() => {\n              navigator.clipboard.writeText(backupCodes.join('\\n'))\n            }}\n            style={{\n              width: '100%',\n              padding: 'calc(var(--base) * 0.5)',\n              background: 'var(--theme-elevation-150)',\n              border: 'none',\n              borderRadius: 'var(--style-radius-s)',\n              color: 'var(--theme-text)',\n              fontSize: 'var(--font-size-small)',\n              cursor: 'pointer',\n              marginBottom: 'var(--base)',\n            }}\n          >\n            Copy to Clipboard\n          </button>\n\n          <button\n            onClick={handleBackupContinue}\n            style={{\n              width: '100%',\n              padding: 'calc(var(--base) * 0.75)',\n              background: 'var(--theme-elevation-800)',\n              border: 'none',\n              borderRadius: 'var(--style-radius-s)',\n              color: 'var(--theme-elevation-50)',\n              fontSize: 'var(--font-size-base)',\n              fontWeight: 500,\n              cursor: 'pointer',\n            }}\n          >\n            I've Saved My Codes\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  // QR code and verify state\n  return (\n    <div\n      style={{\n        minHeight: '100vh',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        background: 'var(--theme-bg)',\n        padding: 'var(--base)',\n      }}\n    >\n      <div\n        style={{\n          background: 'var(--theme-elevation-50)',\n          padding: 'calc(var(--base) * 2)',\n          borderRadius: 'var(--style-radius-m)',\n          boxShadow: '0 2px 20px rgba(0, 0, 0, 0.1)',\n          width: '100%',\n          maxWidth: '400px',\n        }}\n      >\n        {logo && (\n          <div\n            style={{\n              textAlign: 'center',\n              marginBottom: 'calc(var(--base) * 1.5)',\n            }}\n          >\n            {logo}\n          </div>\n        )}\n\n        <h1\n          style={{\n            color: 'var(--theme-text)',\n            fontSize: 'var(--font-size-h3)',\n            fontWeight: 600,\n            margin: '0 0 calc(var(--base) * 0.5) 0',\n            textAlign: 'center',\n          }}\n        >\n          {title}\n        </h1>\n\n        <p\n          style={{\n            color: 'var(--theme-text)',\n            opacity: 0.7,\n            fontSize: 'var(--font-size-small)',\n            textAlign: 'center',\n            marginBottom: 'calc(var(--base) * 1.5)',\n          }}\n        >\n          Scan the QR code with your authenticator app, then enter the code below.\n        </p>\n\n        {totpUri && (\n          <div\n            style={{\n              textAlign: 'center',\n              marginBottom: 'calc(var(--base) * 1.5)',\n            }}\n          >\n            {/* QR code using QRServer.com API */}\n            <img\n              src={`https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(totpUri)}`}\n              alt=\"QR Code for authenticator app\"\n              style={{\n                width: '200px',\n                height: '200px',\n                border: '1px solid var(--theme-elevation-150)',\n                borderRadius: 'var(--style-radius-s)',\n              }}\n            />\n          </div>\n        )}\n\n        {secret && (\n          <div\n            style={{\n              marginBottom: 'calc(var(--base) * 1.5)',\n              textAlign: 'center',\n            }}\n          >\n            <p\n              style={{\n                color: 'var(--theme-text)',\n                opacity: 0.7,\n                fontSize: 'var(--font-size-small)',\n                marginBottom: 'calc(var(--base) * 0.5)',\n              }}\n            >\n              Or enter this code manually:\n            </p>\n            <code\n              style={{\n                display: 'inline-block',\n                padding: 'calc(var(--base) * 0.5)',\n                background: 'var(--theme-elevation-100)',\n                borderRadius: 'var(--style-radius-s)',\n                fontFamily: 'monospace',\n                fontSize: 'var(--font-size-small)',\n                color: 'var(--theme-text)',\n                wordBreak: 'break-all',\n              }}\n            >\n              {secret}\n            </code>\n          </div>\n        )}\n\n        <form onSubmit={handleVerify}>\n          <div style={{ marginBottom: 'calc(var(--base) * 1.5)' }}>\n            <label\n              htmlFor=\"code\"\n              style={{\n                display: 'block',\n                color: 'var(--theme-text)',\n                marginBottom: 'calc(var(--base) * 0.5)',\n                fontSize: 'var(--font-size-small)',\n                fontWeight: 500,\n              }}\n            >\n              Verification Code\n            </label>\n            <input\n              id=\"code\"\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              autoComplete=\"one-time-code\"\n              value={verificationCode}\n              onChange={(e) => setVerificationCode(e.target.value.replace(/\\D/g, '').slice(0, 6))}\n              required\n              placeholder=\"000000\"\n              style={{\n                width: '100%',\n                padding: 'calc(var(--base) * 0.75)',\n                background: 'var(--theme-input-bg)',\n                border: '1px solid var(--theme-elevation-150)',\n                borderRadius: 'var(--style-radius-s)',\n                color: 'var(--theme-text)',\n                fontSize: 'var(--font-size-h4)',\n                fontFamily: 'monospace',\n                textAlign: 'center',\n                letterSpacing: '0.5em',\n                outline: 'none',\n                boxSizing: 'border-box',\n              }}\n            />\n          </div>\n\n          {error && (\n            <div\n              style={{\n                color: 'var(--theme-error-500)',\n                marginBottom: 'var(--base)',\n                fontSize: 'var(--font-size-small)',\n                padding: 'calc(var(--base) * 0.5)',\n                background: 'var(--theme-error-50)',\n                borderRadius: 'var(--style-radius-s)',\n                border: '1px solid var(--theme-error-200)',\n              }}\n            >\n              {error}\n            </div>\n          )}\n\n          <button\n            type=\"submit\"\n            disabled={loading || verificationCode.length !== 6}\n            style={{\n              width: '100%',\n              padding: 'calc(var(--base) * 0.75)',\n              background: 'var(--theme-elevation-800)',\n              border: 'none',\n              borderRadius: 'var(--style-radius-s)',\n              color: 'var(--theme-elevation-50)',\n              fontSize: 'var(--font-size-base)',\n              fontWeight: 500,\n              cursor: loading || verificationCode.length !== 6 ? 'not-allowed' : 'pointer',\n              opacity: loading || verificationCode.length !== 6 ? 0.7 : 1,\n              transition: 'opacity 150ms ease',\n            }}\n          >\n            {loading ? 'Verifying...' : 'Verify and Enable'}\n          </button>\n        </form>\n      </div>\n    </div>\n  )\n}\n\nexport default TwoFactorSetupView\n"],"names":["useState","useEffect","TwoFactorSetupView","logo","title","afterSetupPath","onSetupComplete","step","setStep","totpUri","setTotpUri","secret","setSecret","backupCodes","setBackupCodes","verificationCode","setVerificationCode","error","setError","loading","setLoading","enableTwoFactor","response","fetch","method","headers","credentials","body","JSON","stringify","ok","data","json","totpURI","catch","message","handleVerify","e","preventDefault","code","length","handleBackupContinue","div","style","minHeight","display","alignItems","justifyContent","background","color","opacity","padding","borderRadius","boxShadow","width","maxWidth","textAlign","marginBottom","h1","fontSize","fontWeight","margin","p","a","href","border","textDecoration","fontFamily","gridTemplateColumns","gap","map","index","button","onClick","navigator","clipboard","writeText","join","cursor","img","src","encodeURIComponent","alt","height","wordBreak","form","onSubmit","label","htmlFor","input","id","type","inputMode","pattern","autoComplete","value","onChange","target","replace","slice","required","placeholder","letterSpacing","outline","boxSizing","disabled","transition"],"mappings":"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"}

package/dist/components/twoFactor/TwoFactorVerifyView.d.ts

@@ -13,6 +13,6 @@ export type TwoFactorVerifyViewProps = {
  * Used during login flow when 2FA is enabled on the account.
  * Uses Better Auth's twoFactor plugin endpoints.
  */
-export declare function TwoFactorVerifyView({ logo, title, afterVerifyPath, onVerifyComplete, }: TwoFactorVerifyViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TwoFactorVerifyView({ logo, title, afterVerifyPath, onVerifyComplete, }: TwoFactorVerifyViewProps): import("react").JSX.Element;
 export default TwoFactorVerifyView;
 //# sourceMappingURL=TwoFactorVerifyView.d.ts.map

package/dist/components/twoFactor/TwoFactorVerifyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoFactorVerifyView.d.ts","sourceRoot":"","sources":["../../../src/components/twoFactor/TwoFactorVerifyView.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,wBAAwB,GAAG;IACrC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAmC,EACnC,eAA0B,EAC1B,gBAAgB,GACjB,EAAE,wBAAwB,2CAiN1B;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"TwoFactorVerifyView.d.ts","sourceRoot":"","sources":["../../../src/components/twoFactor/TwoFactorVerifyView.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,wBAAwB,GAAG;IACrC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAmC,EACnC,eAA0B,EAC1B,gBAAgB,GACjB,EAAE,wBAAwB,+BAiN1B;AAED,eAAe,mBAAmB,CAAA"}