@delmaredigital/payload-better-auth 0.3.6 → 0.3.8

package/dist/components/twoFactor/TwoFactorVerifyView.js

@@ -6,8 +6,7 @@ import { useRouter } from 'next/navigation.js';
  * Two-factor authentication verification component.
  * Used during login flow when 2FA is enabled on the account.
  * Uses Better Auth's twoFactor plugin endpoints.
- */
-export function TwoFactorVerifyView({ logo, title = 'Two-Factor Authentication', afterVerifyPath = '/admin', onVerifyComplete, }) {
+ */ export function TwoFactorVerifyView({ logo, title = 'Two-Factor Authentication', afterVerifyPath = '/admin', onVerifyComplete }) {
     const router = useRouter();
     const [code, setCode] = useState('');
     const [error, setError] = useState(null);
@@ -18,77 +17,113 @@ export function TwoFactorVerifyView({ logo, title = 'Two-Factor Authentication',
         setLoading(true);
         setError(null);
         try {
-            const endpoint = useBackupCode
-                ? '/api/auth/two-factor/verify-backup-code'
-                : '/api/auth/two-factor/verify-totp';
+            const endpoint = useBackupCode ? '/api/auth/two-factor/verify-backup-code' : '/api/auth/two-factor/verify-totp';
             const response = await fetch(endpoint, {
                 method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
+                headers: {
+                    'Content-Type': 'application/json'
+                },
                 credentials: 'include',
-                body: JSON.stringify({ code }),
+                body: JSON.stringify({
+                    code
+                })
             });
             if (response.ok) {
                 onVerifyComplete?.();
                 router.push(afterVerifyPath);
                 router.refresh();
-            }
-            else {
-                const data = await response.json().catch(() => ({}));
+            } else {
+                const data = await response.json().catch(()=>({}));
                 setError(data.message || 'Invalid code. Please try again.');
             }
-        }
-        catch {
+        } catch  {
             setError('An error occurred. Please try again.');
-        }
-        finally {
+        } finally{
             setLoading(false);
         }
     }
-    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: useBackupCode
-                        ? 'Enter one of your backup codes.'
-                        : 'Enter the code from your authenticator app.' }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { style: { marginBottom: 'calc(var(--base) * 1.5)' }, children: [_jsx("label", { htmlFor: "code", style: {
+                        marginBottom: 'calc(var(--base) * 1.5)'
+                    },
+                    children: useBackupCode ? 'Enter one of your backup codes.' : 'Enter the code from your authenticator app.'
+                }),
+                /*#__PURE__*/ _jsxs("form", {
+                    onSubmit: handleSubmit,
+                    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: useBackupCode ? 'Backup Code' : 'Verification Code' }), _jsx("input", { id: "code", type: "text", inputMode: useBackupCode ? 'text' : 'numeric', pattern: useBackupCode ? undefined : '[0-9]*', autoComplete: "one-time-code", value: code, onChange: (e) => {
+                                        fontWeight: 500
+                                    },
+                                    children: useBackupCode ? 'Backup Code' : 'Verification Code'
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "code",
+                                    type: "text",
+                                    inputMode: useBackupCode ? 'text' : 'numeric',
+                                    pattern: useBackupCode ? undefined : '[0-9]*',
+                                    autoComplete: "one-time-code",
+                                    value: code,
+                                    onChange: (e)=>{
                                         if (useBackupCode) {
                                             setCode(e.target.value);
-                                        }
-                                        else {
+                                        } else {
                                             setCode(e.target.value.replace(/\D/g, '').slice(0, 6));
                                         }
-                                    }, required: true, placeholder: useBackupCode ? 'xxxxxxxx' : '000000', style: {
+                                    },
+                                    required: true,
+                                    placeholder: useBackupCode ? 'xxxxxxxx' : '000000',
+                                    style: {
                                         width: '100%',
                                         padding: 'calc(var(--base) * 0.75)',
                                         background: 'var(--theme-input-bg)',
@@ -100,16 +135,27 @@ export function TwoFactorVerifyView({ logo, title = 'Two-Factor Authentication',
                                         textAlign: 'center',
                                         letterSpacing: useBackupCode ? '0.2em' : '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 || (!useBackupCode && code.length !== 6), style: {
+                                border: '1px solid var(--theme-error-200)'
+                            },
+                            children: error
+                        }),
+                        /*#__PURE__*/ _jsx("button", {
+                            type: "submit",
+                            disabled: loading || !useBackupCode && code.length !== 6,
+                            style: {
                                 width: '100%',
                                 padding: 'calc(var(--base) * 0.75)',
                                 background: 'var(--theme-elevation-800)',
@@ -118,15 +164,25 @@ export function TwoFactorVerifyView({ logo, title = 'Two-Factor Authentication',
                                 color: 'var(--theme-elevation-50)',
                                 fontSize: 'var(--font-size-base)',
                                 fontWeight: 500,
-                                cursor: loading || (!useBackupCode && code.length !== 6) ? 'not-allowed' : 'pointer',
-                                opacity: loading || (!useBackupCode && code.length !== 6) ? 0.7 : 1,
+                                cursor: loading || !useBackupCode && code.length !== 6 ? 'not-allowed' : 'pointer',
+                                opacity: loading || !useBackupCode && code.length !== 6 ? 0.7 : 1,
                                 transition: 'opacity 150ms ease',
-                                marginBottom: 'var(--base)',
-                            }, children: loading ? 'Verifying...' : 'Verify' }), _jsx("div", { style: { textAlign: 'center' }, children: _jsx("button", { type: "button", onClick: () => {
+                                marginBottom: 'var(--base)'
+                            },
+                            children: loading ? 'Verifying...' : 'Verify'
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: {
+                                textAlign: 'center'
+                            },
+                            children: /*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                onClick: ()=>{
                                     setUseBackupCode(!useBackupCode);
                                     setCode('');
                                     setError(null);
-                                }, style: {
+                                },
+                                style: {
                                     background: 'none',
                                     border: 'none',
                                     color: 'var(--theme-text)',
@@ -134,10 +190,17 @@ export function TwoFactorVerifyView({ logo, title = 'Two-Factor Authentication',
                                     fontSize: 'var(--font-size-small)',
                                     textDecoration: 'underline',
                                     cursor: 'pointer',
-                                    padding: 0,
-                                }, children: useBackupCode
-                                    ? 'Use authenticator app instead'
-                                    : 'Use a backup code instead' }) })] })] }) }));
+                                    padding: 0
+                                },
+                                children: useBackupCode ? 'Use authenticator app instead' : 'Use a backup code instead'
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 }
 export default TwoFactorVerifyView;
+
 //# sourceMappingURL=TwoFactorVerifyView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TwoFactorVerifyView.js","sourceRoot":"","sources":["../../../src/components/twoFactor/TwoFactorVerifyView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/twoFactor/TwoFactorVerifyView.tsx"],"sourcesContent":["'use client'\n\nimport { useState, type FormEvent } from 'react'\nimport { useRouter } from 'next/navigation.js'\n\nexport type TwoFactorVerifyViewProps = {\n  /** Custom logo element */\n  logo?: React.ReactNode\n  /** Page title. Default: 'Two-Factor Authentication' */\n  title?: string\n  /** Path to redirect after successful verification. Default: '/admin' */\n  afterVerifyPath?: string\n  /** Callback after successful verification */\n  onVerifyComplete?: () => void\n}\n\n/**\n * Two-factor authentication verification component.\n * Used during login flow when 2FA is enabled on the account.\n * Uses Better Auth's twoFactor plugin endpoints.\n */\nexport function TwoFactorVerifyView({\n  logo,\n  title = 'Two-Factor Authentication',\n  afterVerifyPath = '/admin',\n  onVerifyComplete,\n}: TwoFactorVerifyViewProps) {\n  const router = useRouter()\n  const [code, setCode] = useState('')\n  const [error, setError] = useState<string | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [useBackupCode, setUseBackupCode] = useState(false)\n\n  async function handleSubmit(e: FormEvent) {\n    e.preventDefault()\n    setLoading(true)\n    setError(null)\n\n    try {\n      const endpoint = useBackupCode\n        ? '/api/auth/two-factor/verify-backup-code'\n        : '/api/auth/two-factor/verify-totp'\n\n      const response = await fetch(endpoint, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        credentials: 'include',\n        body: JSON.stringify({ code }),\n      })\n\n      if (response.ok) {\n        onVerifyComplete?.()\n        router.push(afterVerifyPath)\n        router.refresh()\n      } else {\n        const data = await response.json().catch(() => ({}))\n        setError(data.message || 'Invalid code. Please try again.')\n      }\n    } catch {\n      setError('An error occurred. Please try again.')\n    } finally {\n      setLoading(false)\n    }\n  }\n\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          {useBackupCode\n            ? 'Enter one of your backup codes.'\n            : 'Enter the code from your authenticator app.'}\n        </p>\n\n        <form onSubmit={handleSubmit}>\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              {useBackupCode ? 'Backup Code' : 'Verification Code'}\n            </label>\n            <input\n              id=\"code\"\n              type=\"text\"\n              inputMode={useBackupCode ? 'text' : 'numeric'}\n              pattern={useBackupCode ? undefined : '[0-9]*'}\n              autoComplete=\"one-time-code\"\n              value={code}\n              onChange={(e) => {\n                if (useBackupCode) {\n                  setCode(e.target.value)\n                } else {\n                  setCode(e.target.value.replace(/\\D/g, '').slice(0, 6))\n                }\n              }}\n              required\n              placeholder={useBackupCode ? 'xxxxxxxx' : '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: useBackupCode ? '0.2em' : '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 || (!useBackupCode && code.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 || (!useBackupCode && code.length !== 6) ? 'not-allowed' : 'pointer',\n              opacity: loading || (!useBackupCode && code.length !== 6) ? 0.7 : 1,\n              transition: 'opacity 150ms ease',\n              marginBottom: 'var(--base)',\n            }}\n          >\n            {loading ? 'Verifying...' : 'Verify'}\n          </button>\n\n          <div style={{ textAlign: 'center' }}>\n            <button\n              type=\"button\"\n              onClick={() => {\n                setUseBackupCode(!useBackupCode)\n                setCode('')\n                setError(null)\n              }}\n              style={{\n                background: 'none',\n                border: 'none',\n                color: 'var(--theme-text)',\n                opacity: 0.7,\n                fontSize: 'var(--font-size-small)',\n                textDecoration: 'underline',\n                cursor: 'pointer',\n                padding: 0,\n              }}\n            >\n              {useBackupCode\n                ? 'Use authenticator app instead'\n                : 'Use a backup code instead'}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  )\n}\n\nexport default TwoFactorVerifyView\n"],"names":["useState","useRouter","TwoFactorVerifyView","logo","title","afterVerifyPath","onVerifyComplete","router","code","setCode","error","setError","loading","setLoading","useBackupCode","setUseBackupCode","handleSubmit","e","preventDefault","endpoint","response","fetch","method","headers","credentials","body","JSON","stringify","ok","push","refresh","data","json","catch","message","div","style","minHeight","display","alignItems","justifyContent","background","padding","borderRadius","boxShadow","width","maxWidth","textAlign","marginBottom","h1","color","fontSize","fontWeight","margin","p","opacity","form","onSubmit","label","htmlFor","input","id","type","inputMode","pattern","undefined","autoComplete","value","onChange","target","replace","slice","required","placeholder","border","fontFamily","letterSpacing","outline","boxSizing","button","disabled","length","cursor","transition","onClick","textDecoration"],"mappings":"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"}

package/dist/components/twoFactor/index.js

@@ -2,7 +2,7 @@
  * Two-factor authentication UI components
  *
  * @packageDocumentation
- */
-export { TwoFactorSetupView } from './TwoFactorSetupView.js';
+ */ export { TwoFactorSetupView } from './TwoFactorSetupView.js';
 export { TwoFactorVerifyView } from './TwoFactorVerifyView.js';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/twoFactor/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAgC,MAAM,yBAAyB,CAAA;AAC1F,OAAO,EAAE,mBAAmB,EAAiC,MAAM,0BAA0B,CAAA"}
+{"version":3,"sources":["../../../src/components/twoFactor/index.ts"],"sourcesContent":["/**\n * Two-factor authentication UI components\n *\n * @packageDocumentation\n */\n\nexport { TwoFactorSetupView, type TwoFactorSetupViewProps } from './TwoFactorSetupView.js'\nexport { TwoFactorVerifyView, type TwoFactorVerifyViewProps } from './TwoFactorVerifyView.js'\n"],"names":["TwoFactorSetupView","TwoFactorVerifyView"],"mappings":"AAAA;;;;CAIC,GAED,SAASA,kBAAkB,QAAsC,0BAAyB;AAC1F,SAASC,mBAAmB,QAAuC,2BAA0B"}