@delmaredigital/payload-better-auth 0.3.7 → 0.3.9

package/dist/components/management/PasskeysManagementClient.js

@@ -1,12 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { createPayloadAuthClient, } from '../../exports/client';
+import { createPayloadAuthClient } from '../../exports/client.js';
 /**
  * Client component for passkey management.
  * Lists, registers, and deletes passkeys.
- */
-export function PasskeysManagementClient({ authClient: providedClient, title = 'Passkeys', } = {}) {
+ */ export function PasskeysManagementClient({ authClient: providedClient, title = 'Passkeys' } = {}) {
     const [passkeys, setPasskeys] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -15,10 +14,10 @@ export function PasskeysManagementClient({ authClient: providedClient, title = '
     const [deleting, setDeleting] = useState(null);
     const [showRegisterForm, setShowRegisterForm] = useState(false);
     const [passkeyName, setPasskeyName] = useState('');
-    const getClient = () => providedClient ?? createPayloadAuthClient();
-    useEffect(() => {
+    const getClient = ()=>providedClient ?? createPayloadAuthClient();
+    useEffect(()=>{
         fetchPasskeys();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     async function fetchPasskeys() {
         setLoading(true);
@@ -28,15 +27,12 @@ export function PasskeysManagementClient({ authClient: providedClient, title = '
             const result = await client.passkey.listUserPasskeys();
             if (result.error) {
                 setError(result.error.message ?? 'Failed to load passkeys');
-            }
-            else {
+            } else {
                 setPasskeys(result.data ?? []);
             }
-        }
-        catch {
+        } catch  {
             setError('Failed to load passkeys');
-        }
-        finally {
+        } finally{
             setLoading(false);
         }
     }
@@ -48,30 +44,25 @@ export function PasskeysManagementClient({ authClient: providedClient, title = '
         try {
             const client = getClient();
             const result = await client.passkey.addPasskey({
-                name: passkeyName || undefined,
+                name: passkeyName || undefined
             });
             if (result.error) {
                 setError(result.error.message ?? 'Failed to register passkey');
-            }
-            else {
+            } else {
                 setSuccess('Passkey registered successfully!');
                 setShowRegisterForm(false);
                 setPasskeyName('');
                 fetchPasskeys();
             }
-        }
-        catch (err) {
+        } catch (err) {
             if (err instanceof Error && err.name === 'NotAllowedError') {
                 setError('Passkey registration was cancelled or not allowed');
-            }
-            else if (err instanceof Error && err.name === 'InvalidStateError') {
+            } else if (err instanceof Error && err.name === 'InvalidStateError') {
                 setError('This passkey is already registered');
-            }
-            else {
+            } else {
                 setError(err instanceof Error ? err.message : 'Failed to register passkey');
             }
-        }
-        finally {
+        } finally{
             setRegistering(false);
         }
     }
@@ -84,101 +75,173 @@ export function PasskeysManagementClient({ authClient: providedClient, title = '
         setSuccess(null);
         try {
             const client = getClient();
-            const result = await client.passkey.deletePasskey({ id: passkeyId });
+            const result = await client.passkey.deletePasskey({
+                id: passkeyId
+            });
             if (result.error) {
                 setError(result.error.message ?? 'Failed to delete passkey');
-            }
-            else {
-                setPasskeys((prev) => prev.filter((p) => p.id !== passkeyId));
+            } else {
+                setPasskeys((prev)=>prev.filter((p)=>p.id !== passkeyId));
                 setSuccess('Passkey deleted successfully');
             }
-        }
-        catch {
+        } catch  {
             setError('Failed to delete passkey');
-        }
-        finally {
+        } finally{
             setDeleting(null);
         }
     }
     function formatDate(date) {
-        if (!date)
-            return 'Never';
+        if (!date) return 'Never';
         const d = date instanceof Date ? date : new Date(date);
         return d.toLocaleString();
     }
-    return (_jsxs("div", { style: {
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
             maxWidth: '900px',
             margin: '0 auto',
-            padding: 'calc(var(--base) * 2)',
-        }, children: [_jsxs("div", { style: {
+            padding: 'calc(var(--base) * 2)'
+        },
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
-                    marginBottom: 'calc(var(--base) * 2)',
-                }, children: [_jsxs("div", { children: [_jsx("h1", { style: {
+                    marginBottom: 'calc(var(--base) * 2)'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("h1", {
+                                style: {
                                     color: 'var(--theme-text)',
                                     fontSize: 'var(--font-size-h2)',
                                     fontWeight: 600,
-                                    margin: 0,
-                                }, children: title }), _jsx("p", { style: {
+                                    margin: 0
+                                },
+                                children: title
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                style: {
                                     color: 'var(--theme-text)',
                                     opacity: 0.7,
                                     fontSize: 'var(--font-size-small)',
-                                    margin: 'calc(var(--base) * 0.5) 0 0 0',
-                                }, children: "Passkeys provide secure, passwordless sign-in using your device's biometrics or security keys." })] }), _jsx("button", { onClick: () => setShowRegisterForm(true), style: {
+                                    margin: 'calc(var(--base) * 0.5) 0 0 0'
+                                },
+                                children: "Passkeys provide secure, passwordless sign-in using your device's biometrics or security keys."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        onClick: ()=>setShowRegisterForm(true),
+                        style: {
                             padding: 'calc(var(--base) * 0.5) calc(var(--base) * 1)',
                             background: 'var(--theme-elevation-800)',
                             border: 'none',
                             borderRadius: 'var(--style-radius-s)',
                             color: 'var(--theme-elevation-50)',
                             fontSize: 'var(--font-size-small)',
-                            cursor: 'pointer',
-                        }, children: "Add Passkey" })] }), error && (_jsx("div", { style: {
+                            cursor: 'pointer'
+                        },
+                        children: "Add Passkey"
+                    })
+                ]
+            }),
+            error && /*#__PURE__*/ _jsx("div", {
+                style: {
                     color: 'var(--theme-error-500)',
                     marginBottom: 'var(--base)',
                     fontSize: 'var(--font-size-small)',
                     padding: 'calc(var(--base) * 0.75)',
                     background: 'var(--theme-error-50)',
                     borderRadius: 'var(--style-radius-s)',
-                    border: '1px solid var(--theme-error-200)',
-                }, children: error })), success && (_jsx("div", { style: {
+                    border: '1px solid var(--theme-error-200)'
+                },
+                children: error
+            }),
+            success && /*#__PURE__*/ _jsx("div", {
+                style: {
                     color: 'var(--theme-success-700)',
                     marginBottom: 'var(--base)',
                     fontSize: 'var(--font-size-small)',
                     padding: 'calc(var(--base) * 0.75)',
                     background: 'var(--theme-success-50)',
                     borderRadius: 'var(--style-radius-s)',
-                    border: '1px solid var(--theme-success-200)',
-                }, children: success })), showRegisterForm && (_jsxs("div", { style: {
+                    border: '1px solid var(--theme-success-200)'
+                },
+                children: success
+            }),
+            showRegisterForm && /*#__PURE__*/ _jsxs("div", {
+                style: {
                     marginBottom: 'calc(var(--base) * 1.5)',
                     padding: 'calc(var(--base) * 1.5)',
                     background: 'var(--theme-elevation-50)',
                     borderRadius: 'var(--style-radius-m)',
-                    border: '1px solid var(--theme-elevation-100)',
-                }, children: [_jsx("h2", { style: {
+                    border: '1px solid var(--theme-elevation-100)'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("h2", {
+                        style: {
                             color: 'var(--theme-text)',
                             fontSize: 'var(--font-size-h4)',
                             fontWeight: 500,
-                            margin: '0 0 var(--base) 0',
-                        }, children: "Register New Passkey" }), _jsxs("form", { onSubmit: handleRegister, children: [_jsxs("div", { style: { marginBottom: 'var(--base)' }, children: [_jsx("label", { style: {
+                            margin: '0 0 var(--base) 0'
+                        },
+                        children: "Register New Passkey"
+                    }),
+                    /*#__PURE__*/ _jsxs("form", {
+                        onSubmit: handleRegister,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                style: {
+                                    marginBottom: 'var(--base)'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("label", {
+                                        style: {
                                             display: 'block',
                                             color: 'var(--theme-text)',
                                             fontSize: 'var(--font-size-small)',
-                                            marginBottom: 'calc(var(--base) * 0.25)',
-                                        }, children: "Name (optional)" }), _jsx("input", { type: "text", value: passkeyName, onChange: (e) => setPasskeyName(e.target.value), placeholder: "e.g., MacBook Pro, iPhone", style: {
+                                            marginBottom: 'calc(var(--base) * 0.25)'
+                                        },
+                                        children: "Name (optional)"
+                                    }),
+                                    /*#__PURE__*/ _jsx("input", {
+                                        type: "text",
+                                        value: passkeyName,
+                                        onChange: (e)=>setPasskeyName(e.target.value),
+                                        placeholder: "e.g., MacBook Pro, iPhone",
+                                        style: {
                                             width: '100%',
                                             padding: 'calc(var(--base) * 0.5)',
                                             background: 'var(--theme-input-bg)',
                                             border: '1px solid var(--theme-elevation-150)',
                                             borderRadius: 'var(--style-radius-s)',
                                             color: 'var(--theme-text)',
-                                            boxSizing: 'border-box',
-                                        } }), _jsx("p", { style: {
+                                            boxSizing: 'border-box'
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx("p", {
+                                        style: {
                                             color: 'var(--theme-text)',
                                             opacity: 0.6,
                                             fontSize: 'var(--font-size-small)',
-                                            margin: 'calc(var(--base) * 0.25) 0 0 0',
-                                        }, children: "Your browser will prompt you to use your device's biometrics or security key." })] }), _jsxs("div", { style: { display: 'flex', gap: 'calc(var(--base) * 0.5)' }, children: [_jsx("button", { type: "submit", disabled: registering, style: {
+                                            margin: 'calc(var(--base) * 0.25) 0 0 0'
+                                        },
+                                        children: "Your browser will prompt you to use your device's biometrics or security key."
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                style: {
+                                    display: 'flex',
+                                    gap: 'calc(var(--base) * 0.5)'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("button", {
+                                        type: "submit",
+                                        disabled: registering,
+                                        style: {
                                             padding: 'calc(var(--base) * 0.5) calc(var(--base) * 1)',
                                             background: 'var(--theme-elevation-800)',
                                             border: 'none',
@@ -186,55 +249,115 @@ export function PasskeysManagementClient({ authClient: providedClient, title = '
                                             color: 'var(--theme-elevation-50)',
                                             fontSize: 'var(--font-size-small)',
                                             cursor: registering ? 'not-allowed' : 'pointer',
-                                            opacity: registering ? 0.7 : 1,
-                                        }, children: registering ? 'Registering...' : 'Register Passkey' }), _jsx("button", { type: "button", onClick: () => setShowRegisterForm(false), style: {
+                                            opacity: registering ? 0.7 : 1
+                                        },
+                                        children: registering ? 'Registering...' : 'Register Passkey'
+                                    }),
+                                    /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        onClick: ()=>setShowRegisterForm(false),
+                                        style: {
                                             padding: 'calc(var(--base) * 0.5) calc(var(--base) * 1)',
                                             background: 'transparent',
                                             border: '1px solid var(--theme-elevation-200)',
                                             borderRadius: 'var(--style-radius-s)',
                                             color: 'var(--theme-text)',
                                             fontSize: 'var(--font-size-small)',
-                                            cursor: 'pointer',
-                                        }, children: "Cancel" })] })] })] })), loading ? (_jsx("div", { style: {
+                                            cursor: 'pointer'
+                                        },
+                                        children: "Cancel"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            loading ? /*#__PURE__*/ _jsx("div", {
+                style: {
                     color: 'var(--theme-text)',
                     opacity: 0.7,
                     textAlign: 'center',
-                    padding: 'calc(var(--base) * 3)',
-                }, children: "Loading passkeys..." })) : passkeys.length === 0 ? (_jsx("div", { style: {
+                    padding: 'calc(var(--base) * 3)'
+                },
+                children: "Loading passkeys..."
+            }) : passkeys.length === 0 ? /*#__PURE__*/ _jsx("div", {
+                style: {
                     color: 'var(--theme-text)',
                     opacity: 0.7,
                     textAlign: 'center',
-                    padding: 'calc(var(--base) * 3)',
-                }, children: "No passkeys registered. Add one to enable passwordless sign-in." })) : (_jsx("div", { style: {
+                    padding: 'calc(var(--base) * 3)'
+                },
+                children: "No passkeys registered. Add one to enable passwordless sign-in."
+            }) : /*#__PURE__*/ _jsx("div", {
+                style: {
                     background: 'var(--theme-elevation-50)',
                     borderRadius: 'var(--style-radius-m)',
                     overflow: 'hidden',
-                    border: '1px solid var(--theme-elevation-100)',
-                }, children: passkeys.map((pk, index) => (_jsxs("div", { style: {
-                        display: 'flex',
-                        justifyContent: 'space-between',
-                        alignItems: 'center',
-                        padding: 'calc(var(--base) * 1)',
-                        borderBottom: index < passkeys.length - 1
-                            ? '1px solid var(--theme-elevation-100)'
-                            : 'none',
-                    }, children: [_jsxs("div", { children: [_jsx("div", { style: {
-                                        color: 'var(--theme-text)',
-                                        fontWeight: 500,
-                                        marginBottom: 'calc(var(--base) * 0.25)',
-                                    }, children: pk.name || 'Passkey' }), _jsxs("div", { style: {
-                                        color: 'var(--theme-elevation-600)',
-                                        fontSize: 'var(--font-size-small)',
-                                    }, children: [_jsxs("span", { children: ["Created: ", formatDate(pk.createdAt)] }), pk.lastUsedAt && (_jsxs("span", { children: [" | Last used: ", formatDate(pk.lastUsedAt)] }))] })] }), _jsx("button", { onClick: () => handleDelete(pk.id), disabled: deleting === pk.id, style: {
-                                padding: 'calc(var(--base) * 0.5) calc(var(--base) * 0.75)',
-                                background: 'transparent',
-                                border: '1px solid var(--theme-error-300)',
-                                borderRadius: 'var(--style-radius-s)',
-                                color: 'var(--theme-error-500)',
-                                fontSize: 'var(--font-size-small)',
-                                cursor: deleting === pk.id ? 'not-allowed' : 'pointer',
-                                opacity: deleting === pk.id ? 0.7 : 1,
-                            }, children: deleting === pk.id ? 'Deleting...' : 'Delete' })] }, pk.id))) }))] }));
+                    border: '1px solid var(--theme-elevation-100)'
+                },
+                children: passkeys.map((pk, index)=>/*#__PURE__*/ _jsxs("div", {
+                        style: {
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                            padding: 'calc(var(--base) * 1)',
+                            borderBottom: index < passkeys.length - 1 ? '1px solid var(--theme-elevation-100)' : 'none'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        style: {
+                                            color: 'var(--theme-text)',
+                                            fontWeight: 500,
+                                            marginBottom: 'calc(var(--base) * 0.25)'
+                                        },
+                                        children: pk.name || 'Passkey'
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        style: {
+                                            color: 'var(--theme-elevation-600)',
+                                            fontSize: 'var(--font-size-small)'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("span", {
+                                                children: [
+                                                    "Created: ",
+                                                    formatDate(pk.createdAt)
+                                                ]
+                                            }),
+                                            pk.lastUsedAt && /*#__PURE__*/ _jsxs("span", {
+                                                children: [
+                                                    " | Last used: ",
+                                                    formatDate(pk.lastUsedAt)
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                onClick: ()=>handleDelete(pk.id),
+                                disabled: deleting === pk.id,
+                                style: {
+                                    padding: 'calc(var(--base) * 0.5) calc(var(--base) * 0.75)',
+                                    background: 'transparent',
+                                    border: '1px solid var(--theme-error-300)',
+                                    borderRadius: 'var(--style-radius-s)',
+                                    color: 'var(--theme-error-500)',
+                                    fontSize: 'var(--font-size-small)',
+                                    cursor: deleting === pk.id ? 'not-allowed' : 'pointer',
+                                    opacity: deleting === pk.id ? 0.7 : 1
+                                },
+                                children: deleting === pk.id ? 'Deleting...' : 'Delete'
+                            })
+                        ]
+                    }, pk.id))
+            })
+        ]
+    });
 }
 export default PasskeysManagementClient;
+
 //# sourceMappingURL=PasskeysManagementClient.js.map

package/dist/components/management/PasskeysManagementClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasskeysManagementClient.js","sourceRoot":"","sources":["../../../src/components/management/PasskeysManagementClient.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/management/PasskeysManagementClient.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useEffect, type FormEvent } from 'react'\nimport {\n  createPayloadAuthClient,\n  type PayloadAuthClient,\n} from '../../exports/client.js'\n\ntype PasskeyItem = {\n  id: string\n  name?: string | null\n  credentialID?: string\n  createdAt: Date\n  lastUsedAt?: Date | null\n}\n\nexport type PasskeysManagementClientProps = {\n  /** Optional pre-configured auth client */\n  authClient?: PayloadAuthClient\n  /** Page title. Default: 'Passkeys' */\n  title?: string\n}\n\n/**\n * Client component for passkey management.\n * Lists, registers, and deletes passkeys.\n */\nexport function PasskeysManagementClient({\n  authClient: providedClient,\n  title = 'Passkeys',\n}: PasskeysManagementClientProps = {}) {\n  const [passkeys, setPasskeys] = useState<PasskeyItem[]>([])\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<string | null>(null)\n  const [success, setSuccess] = useState<string | null>(null)\n  const [registering, setRegistering] = useState(false)\n  const [deleting, setDeleting] = useState<string | null>(null)\n  const [showRegisterForm, setShowRegisterForm] = useState(false)\n  const [passkeyName, setPasskeyName] = useState('')\n\n  const getClient = () => providedClient ?? createPayloadAuthClient()\n\n  useEffect(() => {\n    fetchPasskeys()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  async function fetchPasskeys() {\n    setLoading(true)\n    setError(null)\n\n    try {\n      const client = getClient()\n      const result = await client.passkey.listUserPasskeys()\n\n      if (result.error) {\n        setError(result.error.message ?? 'Failed to load passkeys')\n      } else {\n        setPasskeys((result.data as PasskeyItem[]) ?? [])\n      }\n    } catch {\n      setError('Failed to load passkeys')\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  async function handleRegister(e: FormEvent) {\n    e.preventDefault()\n    setRegistering(true)\n    setError(null)\n    setSuccess(null)\n\n    try {\n      const client = getClient()\n      const result = await client.passkey.addPasskey({\n        name: passkeyName || undefined,\n      })\n\n      if (result.error) {\n        setError(result.error.message ?? 'Failed to register passkey')\n      } else {\n        setSuccess('Passkey registered successfully!')\n        setShowRegisterForm(false)\n        setPasskeyName('')\n        fetchPasskeys()\n      }\n    } catch (err) {\n      if (err instanceof Error && err.name === 'NotAllowedError') {\n        setError('Passkey registration was cancelled or not allowed')\n      } else if (err instanceof Error && err.name === 'InvalidStateError') {\n        setError('This passkey is already registered')\n      } else {\n        setError(err instanceof Error ? err.message : 'Failed to register passkey')\n      }\n    } finally {\n      setRegistering(false)\n    }\n  }\n\n  async function handleDelete(passkeyId: string) {\n    if (!confirm('Are you sure you want to delete this passkey?')) {\n      return\n    }\n\n    setDeleting(passkeyId)\n    setError(null)\n    setSuccess(null)\n\n    try {\n      const client = getClient()\n      const result = await client.passkey.deletePasskey({ id: passkeyId })\n\n      if (result.error) {\n        setError(result.error.message ?? 'Failed to delete passkey')\n      } else {\n        setPasskeys((prev) => prev.filter((p) => p.id !== passkeyId))\n        setSuccess('Passkey deleted successfully')\n      }\n    } catch {\n      setError('Failed to delete passkey')\n    } finally {\n      setDeleting(null)\n    }\n  }\n\n  function formatDate(date?: Date | string | null) {\n    if (!date) return 'Never'\n    const d = date instanceof Date ? date : new Date(date)\n    return d.toLocaleString()\n  }\n\n  return (\n    <div\n      style={{\n        maxWidth: '900px',\n        margin: '0 auto',\n        padding: 'calc(var(--base) * 2)',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          marginBottom: 'calc(var(--base) * 2)',\n        }}\n      >\n        <div>\n          <h1\n            style={{\n              color: 'var(--theme-text)',\n              fontSize: 'var(--font-size-h2)',\n              fontWeight: 600,\n              margin: 0,\n            }}\n          >\n            {title}\n          </h1>\n          <p\n            style={{\n              color: 'var(--theme-text)',\n              opacity: 0.7,\n              fontSize: 'var(--font-size-small)',\n              margin: 'calc(var(--base) * 0.5) 0 0 0',\n            }}\n          >\n            Passkeys provide secure, passwordless sign-in using your device's\n            biometrics or security keys.\n          </p>\n        </div>\n\n        <button\n          onClick={() => setShowRegisterForm(true)}\n          style={{\n            padding: 'calc(var(--base) * 0.5) calc(var(--base) * 1)',\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-small)',\n            cursor: 'pointer',\n          }}\n        >\n          Add Passkey\n        </button>\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.75)',\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      {success && (\n        <div\n          style={{\n            color: 'var(--theme-success-700)',\n            marginBottom: 'var(--base)',\n            fontSize: 'var(--font-size-small)',\n            padding: 'calc(var(--base) * 0.75)',\n            background: 'var(--theme-success-50)',\n            borderRadius: 'var(--style-radius-s)',\n            border: '1px solid var(--theme-success-200)',\n          }}\n        >\n          {success}\n        </div>\n      )}\n\n      {showRegisterForm && (\n        <div\n          style={{\n            marginBottom: 'calc(var(--base) * 1.5)',\n            padding: 'calc(var(--base) * 1.5)',\n            background: 'var(--theme-elevation-50)',\n            borderRadius: 'var(--style-radius-m)',\n            border: '1px solid var(--theme-elevation-100)',\n          }}\n        >\n          <h2\n            style={{\n              color: 'var(--theme-text)',\n              fontSize: 'var(--font-size-h4)',\n              fontWeight: 500,\n              margin: '0 0 var(--base) 0',\n            }}\n          >\n            Register New Passkey\n          </h2>\n          <form onSubmit={handleRegister}>\n            <div style={{ marginBottom: 'var(--base)' }}>\n              <label\n                style={{\n                  display: 'block',\n                  color: 'var(--theme-text)',\n                  fontSize: 'var(--font-size-small)',\n                  marginBottom: 'calc(var(--base) * 0.25)',\n                }}\n              >\n                Name (optional)\n              </label>\n              <input\n                type=\"text\"\n                value={passkeyName}\n                onChange={(e) => setPasskeyName(e.target.value)}\n                placeholder=\"e.g., MacBook Pro, iPhone\"\n                style={{\n                  width: '100%',\n                  padding: 'calc(var(--base) * 0.5)',\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                  boxSizing: 'border-box',\n                }}\n              />\n              <p\n                style={{\n                  color: 'var(--theme-text)',\n                  opacity: 0.6,\n                  fontSize: 'var(--font-size-small)',\n                  margin: 'calc(var(--base) * 0.25) 0 0 0',\n                }}\n              >\n                Your browser will prompt you to use your device's biometrics or\n                security key.\n              </p>\n            </div>\n            <div style={{ display: 'flex', gap: 'calc(var(--base) * 0.5)' }}>\n              <button\n                type=\"submit\"\n                disabled={registering}\n                style={{\n                  padding: 'calc(var(--base) * 0.5) calc(var(--base) * 1)',\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-small)',\n                  cursor: registering ? 'not-allowed' : 'pointer',\n                  opacity: registering ? 0.7 : 1,\n                }}\n              >\n                {registering ? 'Registering...' : 'Register Passkey'}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setShowRegisterForm(false)}\n                style={{\n                  padding: 'calc(var(--base) * 0.5) calc(var(--base) * 1)',\n                  background: 'transparent',\n                  border: '1px solid var(--theme-elevation-200)',\n                  borderRadius: 'var(--style-radius-s)',\n                  color: 'var(--theme-text)',\n                  fontSize: 'var(--font-size-small)',\n                  cursor: 'pointer',\n                }}\n              >\n                Cancel\n              </button>\n            </div>\n          </form>\n        </div>\n      )}\n\n      {loading ? (\n        <div\n          style={{\n            color: 'var(--theme-text)',\n            opacity: 0.7,\n            textAlign: 'center',\n            padding: 'calc(var(--base) * 3)',\n          }}\n        >\n          Loading passkeys...\n        </div>\n      ) : passkeys.length === 0 ? (\n        <div\n          style={{\n            color: 'var(--theme-text)',\n            opacity: 0.7,\n            textAlign: 'center',\n            padding: 'calc(var(--base) * 3)',\n          }}\n        >\n          No passkeys registered. Add one to enable passwordless sign-in.\n        </div>\n      ) : (\n        <div\n          style={{\n            background: 'var(--theme-elevation-50)',\n            borderRadius: 'var(--style-radius-m)',\n            overflow: 'hidden',\n            border: '1px solid var(--theme-elevation-100)',\n          }}\n        >\n          {passkeys.map((pk, index) => (\n            <div\n              key={pk.id}\n              style={{\n                display: 'flex',\n                justifyContent: 'space-between',\n                alignItems: 'center',\n                padding: 'calc(var(--base) * 1)',\n                borderBottom:\n                  index < passkeys.length - 1\n                    ? '1px solid var(--theme-elevation-100)'\n                    : 'none',\n              }}\n            >\n              <div>\n                <div\n                  style={{\n                    color: 'var(--theme-text)',\n                    fontWeight: 500,\n                    marginBottom: 'calc(var(--base) * 0.25)',\n                  }}\n                >\n                  {pk.name || 'Passkey'}\n                </div>\n                <div\n                  style={{\n                    color: 'var(--theme-elevation-600)',\n                    fontSize: 'var(--font-size-small)',\n                  }}\n                >\n                  <span>Created: {formatDate(pk.createdAt)}</span>\n                  {pk.lastUsedAt && (\n                    <span> | Last used: {formatDate(pk.lastUsedAt)}</span>\n                  )}\n                </div>\n              </div>\n\n              <button\n                onClick={() => handleDelete(pk.id)}\n                disabled={deleting === pk.id}\n                style={{\n                  padding: 'calc(var(--base) * 0.5) calc(var(--base) * 0.75)',\n                  background: 'transparent',\n                  border: '1px solid var(--theme-error-300)',\n                  borderRadius: 'var(--style-radius-s)',\n                  color: 'var(--theme-error-500)',\n                  fontSize: 'var(--font-size-small)',\n                  cursor: deleting === pk.id ? 'not-allowed' : 'pointer',\n                  opacity: deleting === pk.id ? 0.7 : 1,\n                }}\n              >\n                {deleting === pk.id ? 'Deleting...' : 'Delete'}\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default PasskeysManagementClient\n"],"names":["useState","useEffect","createPayloadAuthClient","PasskeysManagementClient","authClient","providedClient","title","passkeys","setPasskeys","loading","setLoading","error","setError","success","setSuccess","registering","setRegistering","deleting","setDeleting","showRegisterForm","setShowRegisterForm","passkeyName","setPasskeyName","getClient","fetchPasskeys","client","result","passkey","listUserPasskeys","message","data","handleRegister","e","preventDefault","addPasskey","name","undefined","err","Error","handleDelete","passkeyId","confirm","deletePasskey","id","prev","filter","p","formatDate","date","d","Date","toLocaleString","div","style","maxWidth","margin","padding","display","justifyContent","alignItems","marginBottom","h1","color","fontSize","fontWeight","opacity","button","onClick","background","border","borderRadius","cursor","h2","form","onSubmit","label","input","type","value","onChange","target","placeholder","width","boxSizing","gap","disabled","textAlign","length","overflow","map","pk","index","borderBottom","span","createdAt","lastUsedAt"],"mappings":"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"}

package/dist/components/management/SecurityNavLinks.d.ts

@@ -15,6 +15,6 @@ export type SecurityNavLinksProps = {
  *
  * Links are conditionally shown based on which Better Auth plugins are enabled.
  */
-export declare function SecurityNavLinks({ basePath, showTwoFactor, showApiKeys, showPasskeys, }?: SecurityNavLinksProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SecurityNavLinks({ basePath, showTwoFactor, showApiKeys, showPasskeys, }?: SecurityNavLinksProps): import("react").JSX.Element | null;
 export default SecurityNavLinks;
 //# sourceMappingURL=SecurityNavLinks.d.ts.map

package/dist/components/management/SecurityNavLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecurityNavLinks.d.ts","sourceRoot":"","sources":["../../../src/components/management/SecurityNavLinks.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAQD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAA4B,EAC5B,aAAoB,EACpB,WAAkB,EAClB,YAAmB,GACpB,GAAE,qBAA0B,kDAmF5B;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SecurityNavLinks.d.ts","sourceRoot":"","sources":["../../../src/components/management/SecurityNavLinks.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAQD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAA4B,EAC5B,aAAoB,EACpB,WAAkB,EAClB,YAAmB,GACpB,GAAE,qBAA0B,sCAmF5B;AAED,eAAe,gBAAgB,CAAA"}