@delmaredigital/payload-better-auth 0.3.6 → 0.3.8

package/dist/components/PasskeySignInButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasskeySignInButton.js","sourceRoot":"","sources":["../../src/components/PasskeySignInButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAA6B,MAAM,OAAO,CAAA;AAC3D,OAAO,EACL,uBAAuB,GAExB,MAAM,mBAAmB,CAAA;AAkB1B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,UAAU,EAAE,cAAc,EAC1B,SAAS,EACT,OAAO,EACP,KAAK,GAAG,sBAAsB,EAC9B,YAAY,GAAG,mBAAmB,EAClC,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,KAAK,UAAU,WAAW;QACxB,UAAU,CAAC,IAAI,CAAC,CAAA;QAEhB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,cAAc,IAAI,uBAAuB,EAAE,CAAA;YAC1D,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA;YAE5C,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACjB,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,+BAA+B,CAAC,CAAA;YACpE,CAAC;iBAAM,IAAI,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC;gBAC7B,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAoD,CAAC,CAAA;YAC/E,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,GAAG,YAAY,KAAK,IAAI,GAAG,CAAC,IAAI,KAAK,iBAAiB,EAAE,CAAC;gBAC3D,OAAO,EAAE,CAAC,qDAAqD,CAAC,CAAA;YAClE,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAE,CACP,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,+BAA+B,CACrE,CAAA;YACH,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;IACH,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,KACzB,WAAW,YAEd,QAAQ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,GACtC,CACV,CAAA;AACH,CAAC;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"sources":["../../src/components/PasskeySignInButton.tsx"],"sourcesContent":["'use client'\n\nimport { useState, type ButtonHTMLAttributes } from 'react'\nimport {\n  createPayloadAuthClient,\n  type PayloadAuthClient,\n} from '../exports/client.js'\n\nexport type PasskeySignInButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'onClick'\n> & {\n  /** Optional pre-configured auth client */\n  authClient?: PayloadAuthClient\n  /** Callback when sign-in succeeds */\n  onSuccess?: (user: { id: string; email: string; role?: string }) => void\n  /** Callback when sign-in fails */\n  onError?: (error: string) => void\n  /** Button text when idle. Default: 'Sign in with Passkey' */\n  label?: string\n  /** Button text when loading. Default: 'Authenticating...' */\n  loadingLabel?: string\n}\n\n/**\n * Standalone passkey sign-in button component.\n * Handles the WebAuthn authentication flow with Better Auth.\n *\n * @example\n * ```tsx\n * import { PasskeySignInButton } from '@delmaredigital/payload-better-auth/components'\n *\n * function LoginForm() {\n *   return (\n *     <PasskeySignInButton\n *       onSuccess={(user) => {\n *         router.push('/dashboard')\n *       }}\n *       onError={(error) => {\n *         setError(error)\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function PasskeySignInButton({\n  authClient: providedClient,\n  onSuccess,\n  onError,\n  label = 'Sign in with Passkey',\n  loadingLabel = 'Authenticating...',\n  disabled,\n  children,\n  ...buttonProps\n}: PasskeySignInButtonProps) {\n  const [loading, setLoading] = useState(false)\n\n  async function handleClick() {\n    setLoading(true)\n\n    try {\n      const client = providedClient ?? createPayloadAuthClient()\n      const result = await client.signIn.passkey()\n\n      if (result.error) {\n        onError?.(result.error.message ?? 'Passkey authentication failed')\n      } else if (result.data?.user) {\n        onSuccess?.(result.data.user as { id: string; email: string; role?: string })\n      }\n    } catch (err) {\n      if (err instanceof Error && err.name === 'NotAllowedError') {\n        onError?.('Passkey authentication was cancelled or not allowed')\n      } else {\n        onError?.(\n          err instanceof Error ? err.message : 'Passkey authentication failed'\n        )\n      }\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={disabled || loading}\n      {...buttonProps}\n    >\n      {children ?? (loading ? loadingLabel : label)}\n    </button>\n  )\n}\n\nexport default PasskeySignInButton\n"],"names":["useState","createPayloadAuthClient","PasskeySignInButton","authClient","providedClient","onSuccess","onError","label","loadingLabel","disabled","children","buttonProps","loading","setLoading","handleClick","client","result","signIn","passkey","error","message","data","user","err","Error","name","button","type","onClick"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAmC,QAAO;AAC3D,SACEC,uBAAuB,QAElB,uBAAsB;AAkB7B;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,oBAAoB,EAClCC,YAAYC,cAAc,EAC1BC,SAAS,EACTC,OAAO,EACPC,QAAQ,sBAAsB,EAC9BC,eAAe,mBAAmB,EAClCC,QAAQ,EACRC,QAAQ,EACR,GAAGC,aACsB;IACzB,MAAM,CAACC,SAASC,WAAW,GAAGb,SAAS;IAEvC,eAAec;QACbD,WAAW;QAEX,IAAI;YACF,MAAME,SAASX,kBAAkBH;YACjC,MAAMe,SAAS,MAAMD,OAAOE,MAAM,CAACC,OAAO;YAE1C,IAAIF,OAAOG,KAAK,EAAE;gBAChBb,UAAUU,OAAOG,KAAK,CAACC,OAAO,IAAI;YACpC,OAAO,IAAIJ,OAAOK,IAAI,EAAEC,MAAM;gBAC5BjB,YAAYW,OAAOK,IAAI,CAACC,IAAI;YAC9B;QACF,EAAE,OAAOC,KAAK;YACZ,IAAIA,eAAeC,SAASD,IAAIE,IAAI,KAAK,mBAAmB;gBAC1DnB,UAAU;YACZ,OAAO;gBACLA,UACEiB,eAAeC,QAAQD,IAAIH,OAAO,GAAG;YAEzC;QACF,SAAU;YACRP,WAAW;QACb;IACF;IAEA,qBACE,KAACa;QACCC,MAAK;QACLC,SAASd;QACTL,UAAUA,YAAYG;QACrB,GAAGD,WAAW;kBAEdD,YAAaE,CAAAA,UAAUJ,eAAeD,KAAI;;AAGjD;AAEA,eAAeL,oBAAmB"}

package/dist/components/auth/ForgotPasswordView.d.ts

@@ -12,6 +12,6 @@ export type ForgotPasswordViewProps = {
  * Forgot password page component for requesting a password reset email.
  * Uses Better Auth's forgetPassword endpoint.
  */
-export declare function ForgotPasswordView({ logo, title, loginPath, successMessage, }: ForgotPasswordViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ForgotPasswordView({ logo, title, loginPath, successMessage, }: ForgotPasswordViewProps): import("react").JSX.Element;
 export default ForgotPasswordView;
 //# sourceMappingURL=ForgotPasswordView.d.ts.map

package/dist/components/auth/ForgotPasswordView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordView.d.ts","sourceRoot":"","sources":["../../../src/components/auth/ForgotPasswordView.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,uBAAuB,GAAG;IACpC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAyB,EACzB,SAA0B,EAC1B,cAAgG,GACjG,EAAE,uBAAuB,2CAuPzB;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ForgotPasswordView.d.ts","sourceRoot":"","sources":["../../../src/components/auth/ForgotPasswordView.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,uBAAuB,GAAG;IACpC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAyB,EACzB,SAA0B,EAC1B,cAAgG,GACjG,EAAE,uBAAuB,+BAuPzB;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/auth/ForgotPasswordView.js

@@ -4,8 +4,7 @@ import { useState } from 'react';
 /**
  * Forgot password page component for requesting a password reset email.
  * Uses Better Auth's forgetPassword endpoint.
- */
-export function ForgotPasswordView({ logo, title = 'Forgot Password', loginPath = '/admin/login', successMessage = 'If an account exists with this email, you will receive a password reset link.', }) {
+ */ export function ForgotPasswordView({ logo, title = 'Forgot Password', loginPath = '/admin/login', successMessage = 'If an account exists with this email, you will receive a password reset link.' }) {
     const [email, setEmail] = useState('');
     const [error, setError] = useState(null);
     const [success, setSuccess] = useState(false);
@@ -17,97 +16,159 @@ export function ForgotPasswordView({ logo, title = 'Forgot Password', loginPath
         try {
             const response = await fetch('/api/auth/forget-password', {
                 method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
+                headers: {
+                    'Content-Type': 'application/json'
+                },
                 credentials: 'include',
                 body: JSON.stringify({
                     email,
-                    redirectTo: `${window.location.origin}/admin/reset-password`,
-                }),
+                    redirectTo: `${window.location.origin}/admin/reset-password`
+                })
             });
             if (response.ok) {
                 setSuccess(true);
-            }
-            else {
+            } else {
                 // Always show success message to prevent email enumeration
                 setSuccess(true);
             }
-        }
-        catch {
+        } catch  {
             setError('An error occurred. Please try again.');
-        }
-        finally {
+        } finally{
             setLoading(false);
         }
     }
     if (success) {
-        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-text)',
                             fontSize: 'var(--font-size-h3)',
                             fontWeight: 600,
-                            margin: '0 0 var(--base) 0',
-                        }, children: "Check Your Email" }), _jsx("p", { style: {
+                            margin: '0 0 var(--base) 0'
+                        },
+                        children: "Check Your Email"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
                             color: 'var(--theme-text)',
                             opacity: 0.8,
                             marginBottom: 'calc(var(--base) * 1.5)',
-                            fontSize: 'var(--font-size-small)',
-                        }, children: successMessage }), _jsx("a", { href: loginPath, style: {
+                            fontSize: 'var(--font-size-small)'
+                        },
+                        children: successMessage
+                    }),
+                    /*#__PURE__*/ _jsx("a", {
+                        href: loginPath,
+                        style: {
                             color: 'var(--theme-elevation-800)',
                             fontSize: 'var(--font-size-small)',
-                            textDecoration: 'underline',
-                        }, children: "Back to login" })] }) }));
+                            textDecoration: 'underline'
+                        },
+                        children: "Back to login"
+                    })
+                ]
+            })
+        });
     }
-    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,
                         marginBottom: 'calc(var(--base) * 0.5)',
                         textAlign: 'center',
-                        margin: '0 0 calc(var(--base) * 0.5) 0',
-                    }, children: title }), _jsx("p", { style: {
+                        margin: '0 0 calc(var(--base) * 0.5) 0'
+                    },
+                    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: "Enter your email and we'll send you a reset link." }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { style: { marginBottom: 'calc(var(--base) * 1.5)' }, children: [_jsx("label", { htmlFor: "email", style: {
+                        marginBottom: 'calc(var(--base) * 1.5)'
+                    },
+                    children: "Enter your email and we'll send you a reset link."
+                }),
+                /*#__PURE__*/ _jsxs("form", {
+                    onSubmit: handleSubmit,
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: 'calc(var(--base) * 1.5)'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "email",
+                                    style: {
                                         display: 'block',
                                         color: 'var(--theme-text)',
                                         marginBottom: 'calc(var(--base) * 0.5)',
                                         fontSize: 'var(--font-size-small)',
-                                        fontWeight: 500,
-                                    }, children: "Email" }), _jsx("input", { id: "email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", style: {
+                                        fontWeight: 500
+                                    },
+                                    children: "Email"
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "email",
+                                    type: "email",
+                                    value: email,
+                                    onChange: (e)=>setEmail(e.target.value),
+                                    required: true,
+                                    autoComplete: "email",
+                                    style: {
                                         width: '100%',
                                         padding: 'calc(var(--base) * 0.75)',
                                         background: 'var(--theme-input-bg)',
@@ -116,16 +177,27 @@ export function ForgotPasswordView({ logo, title = 'Forgot Password', loginPath
                                         color: 'var(--theme-text)',
                                         fontSize: 'var(--font-size-base)',
                                         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, style: {
+                                border: '1px solid var(--theme-error-200)'
+                            },
+                            children: error
+                        }),
+                        /*#__PURE__*/ _jsx("button", {
+                            type: "submit",
+                            disabled: loading,
+                            style: {
                                 width: '100%',
                                 padding: 'calc(var(--base) * 0.75)',
                                 background: 'var(--theme-elevation-800)',
@@ -137,13 +209,31 @@ export function ForgotPasswordView({ logo, title = 'Forgot Password', loginPath
                                 cursor: loading ? 'not-allowed' : 'pointer',
                                 opacity: loading ? 0.7 : 1,
                                 transition: 'opacity 150ms ease',
-                                marginBottom: 'var(--base)',
-                            }, children: loading ? 'Sending...' : 'Send Reset Link' }), _jsx("div", { style: { textAlign: 'center' }, children: _jsx("a", { href: loginPath, style: {
+                                marginBottom: 'var(--base)'
+                            },
+                            children: loading ? 'Sending...' : 'Send Reset Link'
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: {
+                                textAlign: 'center'
+                            },
+                            children: /*#__PURE__*/ _jsx("a", {
+                                href: loginPath,
+                                style: {
                                     color: 'var(--theme-text)',
                                     opacity: 0.7,
                                     fontSize: 'var(--font-size-small)',
-                                    textDecoration: 'underline',
-                                }, children: "Back to login" }) })] })] }) }));
+                                    textDecoration: 'underline'
+                                },
+                                children: "Back to login"
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 }
 export default ForgotPasswordView;
+
 //# sourceMappingURL=ForgotPasswordView.js.map

package/dist/components/auth/ForgotPasswordView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordView.js","sourceRoot":"","sources":["../../../src/components/auth/ForgotPasswordView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/auth/ForgotPasswordView.tsx"],"sourcesContent":["'use client'\n\nimport { useState, type FormEvent } from 'react'\n\nexport type ForgotPasswordViewProps = {\n  /** Custom logo element */\n  logo?: React.ReactNode\n  /** Page title. Default: 'Forgot Password' */\n  title?: string\n  /** Path to login page. Default: '/admin/login' */\n  loginPath?: string\n  /** Success message to show after email is sent */\n  successMessage?: string\n}\n\n/**\n * Forgot password page component for requesting a password reset email.\n * Uses Better Auth's forgetPassword endpoint.\n */\nexport function ForgotPasswordView({\n  logo,\n  title = 'Forgot Password',\n  loginPath = '/admin/login',\n  successMessage = 'If an account exists with this email, you will receive a password reset link.',\n}: ForgotPasswordViewProps) {\n  const [email, setEmail] = useState('')\n  const [error, setError] = useState<string | null>(null)\n  const [success, setSuccess] = useState(false)\n  const [loading, setLoading] = useState(false)\n\n  async function handleSubmit(e: FormEvent) {\n    e.preventDefault()\n    setLoading(true)\n    setError(null)\n\n    try {\n      const response = await fetch('/api/auth/forget-password', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        credentials: 'include',\n        body: JSON.stringify({\n          email,\n          redirectTo: `${window.location.origin}/admin/reset-password`,\n        }),\n      })\n\n      if (response.ok) {\n        setSuccess(true)\n      } else {\n        // Always show success message to prevent email enumeration\n        setSuccess(true)\n      }\n    } catch {\n      setError('An error occurred. Please try again.')\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  if (success) {\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-text)',\n              fontSize: 'var(--font-size-h3)',\n              fontWeight: 600,\n              margin: '0 0 var(--base) 0',\n            }}\n          >\n            Check Your Email\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            {successMessage}\n          </p>\n\n          <a\n            href={loginPath}\n            style={{\n              color: 'var(--theme-elevation-800)',\n              fontSize: 'var(--font-size-small)',\n              textDecoration: 'underline',\n            }}\n          >\n            Back to login\n          </a>\n        </div>\n      </div>\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            marginBottom: 'calc(var(--base) * 0.5)',\n            textAlign: 'center',\n            margin: '0 0 calc(var(--base) * 0.5) 0',\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          Enter your email and we'll send you a reset link.\n        </p>\n\n        <form onSubmit={handleSubmit}>\n          <div style={{ marginBottom: 'calc(var(--base) * 1.5)' }}>\n            <label\n              htmlFor=\"email\"\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              Email\n            </label>\n            <input\n              id=\"email\"\n              type=\"email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              required\n              autoComplete=\"email\"\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-base)',\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}\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 ? 'not-allowed' : 'pointer',\n              opacity: loading ? 0.7 : 1,\n              transition: 'opacity 150ms ease',\n              marginBottom: 'var(--base)',\n            }}\n          >\n            {loading ? 'Sending...' : 'Send Reset Link'}\n          </button>\n\n          <div style={{ textAlign: 'center' }}>\n            <a\n              href={loginPath}\n              style={{\n                color: 'var(--theme-text)',\n                opacity: 0.7,\n                fontSize: 'var(--font-size-small)',\n                textDecoration: 'underline',\n              }}\n            >\n              Back to login\n            </a>\n          </div>\n        </form>\n      </div>\n    </div>\n  )\n}\n\nexport default ForgotPasswordView\n"],"names":["useState","ForgotPasswordView","logo","title","loginPath","successMessage","email","setEmail","error","setError","success","setSuccess","loading","setLoading","handleSubmit","e","preventDefault","response","fetch","method","headers","credentials","body","JSON","stringify","redirectTo","window","location","origin","ok","div","style","minHeight","display","alignItems","justifyContent","background","padding","borderRadius","boxShadow","width","maxWidth","textAlign","marginBottom","h1","color","fontSize","fontWeight","margin","p","opacity","a","href","textDecoration","form","onSubmit","label","htmlFor","input","id","type","value","onChange","target","required","autoComplete","border","outline","boxSizing","button","disabled","cursor","transition"],"mappings":"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"}

package/dist/components/auth/ResetPasswordView.d.ts

@@ -13,6 +13,6 @@ export type ResetPasswordViewProps = {
  * Expects a token in the URL query parameter.
  * Uses Better Auth's resetPassword endpoint.
  */
-export declare function ResetPasswordView({ logo, title, afterResetPath, minPasswordLength, }: ResetPasswordViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResetPasswordView({ logo, title, afterResetPath, minPasswordLength, }: ResetPasswordViewProps): import("react").JSX.Element;
 export default ResetPasswordView;
 //# sourceMappingURL=ResetPasswordView.d.ts.map

package/dist/components/auth/ResetPasswordView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordView.d.ts","sourceRoot":"","sources":["../../../src/components/auth/ResetPasswordView.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAwB,EACxB,cAA+B,EAC/B,iBAAqB,GACtB,EAAE,sBAAsB,2CA8SxB;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"ResetPasswordView.d.ts","sourceRoot":"","sources":["../../../src/components/auth/ResetPasswordView.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAwB,EACxB,cAA+B,EAC/B,iBAAqB,GACtB,EAAE,sBAAsB,+BA8SxB;AAED,eAAe,iBAAiB,CAAA"}