@revealui/auth 0.0.1-pre.0

package/dist/better-auth/plugin/payload/components/logout-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/better-auth/plugin/payload/components/logout-button.tsx"],"sourcesContent":["'use client';\n\nimport { LogOutIcon, useConfig, useTranslation } from '@payloadcms/ui';\nimport { formatAdminURL } from 'payload/shared';\nimport React from 'react';\n\nconst baseClass = 'nav';\n\nexport const LogoutButton: React.FC<{\n  tabIndex?: number;\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation();\n  const { config } = useConfig();\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config;\n\n  return (\n    <a\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </a>\n  );\n};\n"],"names":["LogOutIcon","useConfig","useTranslation","formatAdminURL","React","baseClass","LogoutButton","tabIndex","t","config","admin","routes","logout","logoutRoute","adminRoute","a","aria-label","className","href","path","title"],"mappings":"AAAA;;AAEA,SAASA,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAiB;AACvE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,OAAOC,WAAW,QAAQ;AAE1B,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAER,CAAC,EAAEC,WAAW,CAAC,EAAE;IACpB,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,MAAM,EAAEO,MAAM,EAAE,GAAGR;IAEnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,qBACE,KAACM;QACCC,cAAYR,EAAE;QACdS,WAAW,GAAGZ,UAAU,SAAS,CAAC;QAClCa,MAAMf,eAAe;YACnBW;YACAK,MAAMN;QACR;QACAN,UAAUA;QACVa,OAAOZ,EAAE;kBAET,cAAA,KAACR;;AAGP,EAAE"}

package/dist/better-auth/plugin/payload/components/passkeys/add-button.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PassKeyAddButtonProps {
+    onAdd?: () => void;
+    baseURL?: string;
+    basePath?: string;
+}
+export declare const PassKeyAddButton: React.FC<PassKeyAddButtonProps>;
+export {};

package/dist/better-auth/plugin/payload/components/passkeys/add-button.js

@@ -0,0 +1,117 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Modal, TextInput, toast, useModal } from "@payloadcms/ui";
+import { passkeyClient } from "better-auth/client/plugins";
+import { createAuthClient } from "better-auth/react";
+import { X as XIcon } from "lucide-react";
+import React, { useMemo } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { z } from "zod";
+const baseClass = 'passkeys-modal';
+export const PassKeyAddButton = ({ onAdd, baseURL, basePath })=>{
+    const { openModal, closeModal } = useModal();
+    const authClient = useMemo(()=>{
+        const options = {
+            plugins: [
+                passkeyClient()
+            ]
+        };
+        if (baseURL) options.baseURL = baseURL;
+        if (basePath) options.basePath = basePath;
+        return createAuthClient(options);
+    }, []);
+    const AddPasskeyForm = ()=>{
+        const nameSchema = z.object({
+            name: z.string().min(1, 'Name is required')
+        });
+        const methods = useForm({
+            defaultValues: {
+                name: ''
+            },
+            resolver: zodResolver(nameSchema),
+            mode: 'onSubmit'
+        });
+        const onSubmit = async (value)=>{
+            const res = await authClient.passkey.addPasskey({
+                name: value.name
+            });
+            if (res?.error) {
+                toast.error(res.error.message);
+                return;
+            }
+            toast.success('Passkey added successfully');
+            closeModal('passkeys-modal');
+            if (typeof onAdd === 'function') onAdd();
+        };
+        return /*#__PURE__*/ _jsx(FormProvider, {
+            ...methods,
+            children: /*#__PURE__*/ _jsxs("form", {
+                onSubmit: methods.handleSubmit(onSubmit),
+                className: "passkeys-add-form",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "passkeys-add-form__inputWrap",
+                        children: /*#__PURE__*/ _jsx(TextInput, {
+                            label: "Passkey Name",
+                            path: "name",
+                            required: true,
+                            value: methods.watch('name'),
+                            onChange: (e)=>methods.setValue('name', e.target.value)
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "submit",
+                        children: "Create Passkey"
+                    })
+                ]
+            })
+        });
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                onClick: ()=>openModal('passkeys-modal'),
+                size: "medium",
+                buttonStyle: "pill",
+                children: "Add Passkey"
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                slug: "passkeys-modal",
+                className: baseClass,
+                closeOnBlur: true,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__wrapper`,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: ()=>closeModal('passkeys-modal'),
+                            buttonStyle: "icon-label",
+                            size: "small",
+                            className: `${baseClass}__close-button`,
+                            children: /*#__PURE__*/ _jsx(XIcon, {
+                                size: 24
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__content`,
+                            style: {
+                                maxWidth: '30rem'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("h2", {
+                                    children: "Create New Passkey"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: "Securely access your account without a password by creating a new passkey."
+                                }),
+                                /*#__PURE__*/ _jsx(AddPasskeyForm, {})
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=add-button.js.map

package/dist/better-auth/plugin/payload/components/passkeys/add-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/components/passkeys/add-button.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button, Modal, TextInput, toast, useModal } from '@payloadcms/ui';\nimport { passkeyClient } from 'better-auth/client/plugins';\nimport { createAuthClient } from 'better-auth/react';\nimport { X as XIcon } from 'lucide-react';\nimport React, { useMemo } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nconst baseClass = 'passkeys-modal';\n\ninterface PassKeyAddButtonProps {\n  onAdd?: () => void;\n  baseURL?: string;\n  basePath?: string;\n}\n\nexport const PassKeyAddButton: React.FC<PassKeyAddButtonProps> = ({ onAdd, baseURL, basePath }) => {\n  const { openModal, closeModal } = useModal();\n  const authClient = useMemo(() => {\n    const options: any = { plugins: [passkeyClient() as any] };\n    if (baseURL) options.baseURL = baseURL;\n    if (basePath) options.basePath = basePath;\n    return createAuthClient(options);\n  }, []);\n\n  const AddPasskeyForm: React.FC = () => {\n    const nameSchema = z.object({\n      name: z.string().min(1, 'Name is required'),\n    });\n\n    const methods = useForm({\n      defaultValues: { name: '' },\n      resolver: zodResolver(nameSchema),\n      mode: 'onSubmit',\n    });\n\n    const onSubmit = async (value: { name: string }) => {\n      const res = await (authClient as any).passkey.addPasskey({ name: value.name });\n      if (res?.error) {\n        toast.error(res.error.message);\n        return;\n      }\n      toast.success('Passkey added successfully');\n      closeModal('passkeys-modal');\n      if (typeof onAdd === 'function') onAdd();\n    };\n\n    return (\n      <FormProvider {...methods}>\n        <form onSubmit={methods.handleSubmit(onSubmit)} className='passkeys-add-form'>\n          <div className='passkeys-add-form__inputWrap'>\n            <TextInput\n              label='Passkey Name'\n              path='name'\n              required\n              value={methods.watch('name')}\n              onChange={(e: any) => methods.setValue('name', e.target.value)}\n            />\n          </div>\n          <Button type='submit'>Create Passkey</Button>\n        </form>\n      </FormProvider>\n    );\n  };\n\n  return (\n    <>\n      <Button onClick={() => openModal('passkeys-modal')} size='medium' buttonStyle='pill'>\n        Add Passkey\n      </Button>\n      <Modal slug='passkeys-modal' className={baseClass} closeOnBlur>\n        <div className={`${baseClass}__wrapper`}>\n          <Button\n            onClick={() => closeModal('passkeys-modal')}\n            buttonStyle='icon-label'\n            size='small'\n            className={`${baseClass}__close-button`}\n          >\n            <XIcon size={24} />\n          </Button>\n          <div className={`${baseClass}__content`} style={{ maxWidth: '30rem' }}>\n            <h2>Create New Passkey</h2>\n            <p>Securely access your account without a password by creating a new passkey.</p>\n            <AddPasskeyForm />\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n};\n"],"names":["zodResolver","Button","Modal","TextInput","toast","useModal","passkeyClient","createAuthClient","X","XIcon","React","useMemo","FormProvider","useForm","z","baseClass","PassKeyAddButton","onAdd","baseURL","basePath","openModal","closeModal","authClient","options","plugins","AddPasskeyForm","nameSchema","object","name","string","min","methods","defaultValues","resolver","mode","onSubmit","value","res","passkey","addPasskey","error","message","success","form","handleSubmit","className","div","label","path","required","watch","onChange","e","setValue","target","type","onClick","size","buttonStyle","slug","closeOnBlur","style","maxWidth","h2","p"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,0BAA0B;AACtD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,iBAAiB;AAC3E,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAKC,KAAK,QAAQ,eAAe;AAC1C,OAAOC,SAASC,OAAO,QAAQ,QAAQ;AACvC,SAASC,YAAY,EAAEC,OAAO,QAAQ,kBAAkB;AACxD,SAASC,CAAC,QAAQ,MAAM;AAExB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,mBAAoD,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAE;IAC5F,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGhB;IAClC,MAAMiB,aAAaX,QAAQ;QACzB,MAAMY,UAAe;YAAEC,SAAS;gBAAClB;aAAuB;QAAC;QACzD,IAAIY,SAASK,QAAQL,OAAO,GAAGA;QAC/B,IAAIC,UAAUI,QAAQJ,QAAQ,GAAGA;QACjC,OAAOZ,iBAAiBgB;IAC1B,GAAG,EAAE;IAEL,MAAME,iBAA2B;QAC/B,MAAMC,aAAaZ,EAAEa,MAAM,CAAC;YAC1BC,MAAMd,EAAEe,MAAM,GAAGC,GAAG,CAAC,GAAG;QAC1B;QAEA,MAAMC,UAAUlB,QAAQ;YACtBmB,eAAe;gBAAEJ,MAAM;YAAG;YAC1BK,UAAUjC,YAAY0B;YACtBQ,MAAM;QACR;QAEA,MAAMC,WAAW,OAAOC;YACtB,MAAMC,MAAM,MAAM,AAACf,WAAmBgB,OAAO,CAACC,UAAU,CAAC;gBAAEX,MAAMQ,MAAMR,IAAI;YAAC;YAC5E,IAAIS,KAAKG,OAAO;gBACdpC,MAAMoC,KAAK,CAACH,IAAIG,KAAK,CAACC,OAAO;gBAC7B;YACF;YACArC,MAAMsC,OAAO,CAAC;YACdrB,WAAW;YACX,IAAI,OAAOJ,UAAU,YAAYA;QACnC;QAEA,qBACE,KAACL;YAAc,GAAGmB,OAAO;sBACvB,cAAA,MAACY;gBAAKR,UAAUJ,QAAQa,YAAY,CAACT;gBAAWU,WAAU;;kCACxD,KAACC;wBAAID,WAAU;kCACb,cAAA,KAAC1C;4BACC4C,OAAM;4BACNC,MAAK;4BACLC,QAAQ;4BACRb,OAAOL,QAAQmB,KAAK,CAAC;4BACrBC,UAAU,CAACC,IAAWrB,QAAQsB,QAAQ,CAAC,QAAQD,EAAEE,MAAM,CAAClB,KAAK;;;kCAGjE,KAACnC;wBAAOsD,MAAK;kCAAS;;;;;IAI9B;IAEA,qBACE;;0BACE,KAACtD;gBAAOuD,SAAS,IAAMpC,UAAU;gBAAmBqC,MAAK;gBAASC,aAAY;0BAAO;;0BAGrF,KAACxD;gBAAMyD,MAAK;gBAAiBd,WAAW9B;gBAAW6C,WAAW;0BAC5D,cAAA,MAACd;oBAAID,WAAW,GAAG9B,UAAU,SAAS,CAAC;;sCACrC,KAACd;4BACCuD,SAAS,IAAMnC,WAAW;4BAC1BqC,aAAY;4BACZD,MAAK;4BACLZ,WAAW,GAAG9B,UAAU,cAAc,CAAC;sCAEvC,cAAA,KAACN;gCAAMgD,MAAM;;;sCAEf,MAACX;4BAAID,WAAW,GAAG9B,UAAU,SAAS,CAAC;4BAAE8C,OAAO;gCAAEC,UAAU;4BAAQ;;8CAClE,KAACC;8CAAG;;8CACJ,KAACC;8CAAE;;8CACH,KAACvC;;;;;;;;AAMb,EAAE"}

package/dist/better-auth/plugin/payload/components/passkeys/client.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PasskeysClientComponentProps } from './types';
+export declare const PasskeysClient: React.FC<PasskeysClientComponentProps>;

package/dist/better-auth/plugin/payload/components/passkeys/client.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useConfig } from "@payloadcms/ui";
+import React, { useState, useEffect, useCallback } from "react";
+import { PassKeyAddButton } from "./add-button";
+import { PasskeyList } from "./list";
+export const PasskeysClient = ({ initialPasskeys, documentId, currentUserId, passkeySlug, passkeyUserIdFieldName, baseURL, basePath })=>{
+    const { config: { routes: { api: apiRoute } } } = useConfig();
+    const [passkeys, setPasskeys] = useState(initialPasskeys);
+    const fetchPasskeys = useCallback(async ()=>{
+        const url = `${apiRoute}/${passkeySlug}?where[${passkeyUserIdFieldName}][equals]=${documentId}`;
+        const res = await fetch(url, {
+            credentials: 'include'
+        });
+        if (!res.ok) return;
+        const data = await res.json();
+        setPasskeys(data.docs);
+    }, [
+        apiRoute,
+        passkeySlug,
+        passkeyUserIdFieldName,
+        documentId
+    ]);
+    useEffect(()=>{
+        void fetchPasskeys();
+    }, [
+        fetchPasskeys
+    ]);
+    const handleDelete = useCallback(async (id)=>{
+        const res = await fetch(`${apiRoute}/${passkeySlug}/${id}`, {
+            method: 'DELETE',
+            credentials: 'include'
+        });
+        if (!res.ok) return;
+        void fetchPasskeys();
+    }, [
+        apiRoute,
+        passkeySlug,
+        fetchPasskeys
+    ]);
+    const handleAdd = useCallback(()=>{
+        void fetchPasskeys();
+    }, [
+        fetchPasskeys
+    ]);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(PasskeyList, {
+                passkeys: passkeys,
+                onDelete: handleDelete
+            }),
+            currentUserId === documentId && (()=>{
+                const props = {
+                    onAdd: handleAdd
+                };
+                if (baseURL) props.baseURL = baseURL;
+                if (basePath) props.basePath = basePath;
+                return /*#__PURE__*/ _jsx(PassKeyAddButton, {
+                    ...props
+                });
+            })()
+        ]
+    });
+};
+
+//# sourceMappingURL=client.js.map

package/dist/better-auth/plugin/payload/components/passkeys/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/components/passkeys/client.tsx"],"sourcesContent":["'use client';\n\nimport { useConfig } from '@payloadcms/ui';\nimport React, { useState, useEffect, useCallback } from 'react';\nimport { PassKeyAddButton } from './add-button';\nimport { PasskeyList } from './list';\nimport type { PasskeyWithId, PasskeysClientComponentProps } from './types';\n\nexport const PasskeysClient: React.FC<PasskeysClientComponentProps> = ({\n  initialPasskeys,\n  documentId,\n  currentUserId,\n  passkeySlug,\n  passkeyUserIdFieldName,\n  baseURL,\n  basePath,\n}) => {\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig();\n\n  const [passkeys, setPasskeys] = useState<PasskeyWithId[]>(initialPasskeys);\n\n  const fetchPasskeys = useCallback(async () => {\n    const url = `${apiRoute}/${passkeySlug}?where[${passkeyUserIdFieldName}][equals]=${documentId}`;\n    const res = await fetch(url, { credentials: 'include' });\n    if (!res.ok) return;\n    const data = (await res.json()) as { docs: PasskeyWithId[] };\n    setPasskeys(data.docs);\n  }, [apiRoute, passkeySlug, passkeyUserIdFieldName, documentId]);\n\n  useEffect(() => {\n    void fetchPasskeys();\n  }, [fetchPasskeys]);\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      const res = await fetch(`${apiRoute}/${passkeySlug}/${id}`, {\n        method: 'DELETE',\n        credentials: 'include',\n      });\n      if (!res.ok) return;\n      void fetchPasskeys();\n    },\n    [apiRoute, passkeySlug, fetchPasskeys]\n  );\n\n  const handleAdd = useCallback(() => {\n    void fetchPasskeys();\n  }, [fetchPasskeys]);\n\n  return (\n    <>\n      <PasskeyList passkeys={passkeys} onDelete={handleDelete} />\n      {currentUserId === documentId &&\n        (() => {\n          const props: any = { onAdd: handleAdd };\n          if (baseURL) props.baseURL = baseURL;\n          if (basePath) props.basePath = basePath;\n          return <PassKeyAddButton {...props} />;\n        })()}\n    </>\n  );\n};\n"],"names":["useConfig","React","useState","useEffect","useCallback","PassKeyAddButton","PasskeyList","PasskeysClient","initialPasskeys","documentId","currentUserId","passkeySlug","passkeyUserIdFieldName","baseURL","basePath","config","routes","api","apiRoute","passkeys","setPasskeys","fetchPasskeys","url","res","fetch","credentials","ok","data","json","docs","handleDelete","id","method","handleAdd","onDelete","props","onAdd"],"mappings":"AAAA;;AAEA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,OAAOC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,QAAQ;AAChE,SAASC,gBAAgB,QAAQ,eAAe;AAChD,SAASC,WAAW,QAAQ,SAAS;AAGrC,OAAO,MAAMC,iBAAyD,CAAC,EACrEC,eAAe,EACfC,UAAU,EACVC,aAAa,EACbC,WAAW,EACXC,sBAAsB,EACtBC,OAAO,EACPC,QAAQ,EACT;IACC,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EAC1B,EACF,GAAGlB;IAEJ,MAAM,CAACmB,UAAUC,YAAY,GAAGlB,SAA0BM;IAE1D,MAAMa,gBAAgBjB,YAAY;QAChC,MAAMkB,MAAM,GAAGJ,SAAS,CAAC,EAAEP,YAAY,OAAO,EAAEC,uBAAuB,UAAU,EAAEH,YAAY;QAC/F,MAAMc,MAAM,MAAMC,MAAMF,KAAK;YAAEG,aAAa;QAAU;QACtD,IAAI,CAACF,IAAIG,EAAE,EAAE;QACb,MAAMC,OAAQ,MAAMJ,IAAIK,IAAI;QAC5BR,YAAYO,KAAKE,IAAI;IACvB,GAAG;QAACX;QAAUP;QAAaC;QAAwBH;KAAW;IAE9DN,UAAU;QACR,KAAKkB;IACP,GAAG;QAACA;KAAc;IAElB,MAAMS,eAAe1B,YACnB,OAAO2B;QACL,MAAMR,MAAM,MAAMC,MAAM,GAAGN,SAAS,CAAC,EAAEP,YAAY,CAAC,EAAEoB,IAAI,EAAE;YAC1DC,QAAQ;YACRP,aAAa;QACf;QACA,IAAI,CAACF,IAAIG,EAAE,EAAE;QACb,KAAKL;IACP,GACA;QAACH;QAAUP;QAAaU;KAAc;IAGxC,MAAMY,YAAY7B,YAAY;QAC5B,KAAKiB;IACP,GAAG;QAACA;KAAc;IAElB,qBACE;;0BACE,KAACf;gBAAYa,UAAUA;gBAAUe,UAAUJ;;YAC1CpB,kBAAkBD,cACjB,AAAC,CAAA;gBACC,MAAM0B,QAAa;oBAAEC,OAAOH;gBAAU;gBACtC,IAAIpB,SAASsB,MAAMtB,OAAO,GAAGA;gBAC7B,IAAIC,UAAUqB,MAAMrB,QAAQ,GAAGA;gBAC/B,qBAAO,KAACT;oBAAkB,GAAG8B,KAAK;;YACpC,CAAA;;;AAGR,EAAE"}

package/dist/better-auth/plugin/payload/components/passkeys/index.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import './index.scss';
+import type { PasskeysServerComponentProps } from './types';
+export declare const Passkeys: React.FC<PasskeysServerComponentProps>;

package/dist/better-auth/plugin/payload/components/passkeys/index.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PasskeysClient } from "./client";
+import "./index.scss";
+export const Passkeys = async (props)=>{
+    const { id, passkeySlug, payload, passkeyUserIdFieldName, req, user, pluginOptions } = props;
+    if (!id || !passkeySlug || !passkeyUserIdFieldName) return null;
+    // Using any because PayloadCMS collection slugs are dynamic and cannot be strictly typed
+    const { docs: userPasskeys } = await payload.find({
+        // biome-ignore lint/suspicious/noExplicitAny: PayloadCMS collection slugs are dynamic
+        collection: passkeySlug,
+        where: {
+            [passkeyUserIdFieldName]: {
+                equals: id
+            }
+        },
+        limit: 100,
+        req,
+        depth: 0
+    });
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "passkeys-field",
+        children: [
+            /*#__PURE__*/ _jsx("h3", {
+                className: "passkeys-field__title",
+                style: {
+                    marginBottom: '0.7rem'
+                },
+                children: "Passkeys"
+            }),
+            (()=>{
+                // Using any because PasskeysClient props structure varies by configuration
+                // biome-ignore lint/suspicious/noExplicitAny: PasskeysClient props structure varies by configuration
+                const props = {
+                    initialPasskeys: userPasskeys,
+                    documentId: id,
+                    currentUserId: user?.id,
+                    passkeySlug,
+                    passkeyUserIdFieldName
+                };
+                const baseURL = pluginOptions.betterAuthOptions?.baseURL;
+                const basePath = pluginOptions.betterAuthOptions?.basePath;
+                if (baseURL) props.baseURL = baseURL;
+                if (basePath) props.basePath = basePath;
+                return /*#__PURE__*/ _jsx(PasskeysClient, {
+                    ...props
+                });
+            })()
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/better-auth/plugin/payload/components/passkeys/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/components/passkeys/index.tsx"],"sourcesContent":["import type React from 'react';\nimport { PasskeysClient } from './client';\nimport './index.scss';\nimport type { PasskeyWithId, PasskeysServerComponentProps } from './types';\n\nexport const Passkeys: React.FC<PasskeysServerComponentProps> = async props => {\n  const { id, passkeySlug, payload, passkeyUserIdFieldName, req, user, pluginOptions } = props;\n\n  if (!id || !passkeySlug || !passkeyUserIdFieldName) return null;\n\n  // Using any because PayloadCMS collection slugs are dynamic and cannot be strictly typed\n  const { docs: userPasskeys } = (await payload.find({\n    // biome-ignore lint/suspicious/noExplicitAny: PayloadCMS collection slugs are dynamic\n    collection: passkeySlug as any,\n    where: {\n      [passkeyUserIdFieldName]: { equals: id },\n    },\n    limit: 100,\n    req,\n    depth: 0,\n  })) as unknown as { docs: PasskeyWithId[] };\n\n  return (\n    <div className='passkeys-field'>\n      <h3 className='passkeys-field__title' style={{ marginBottom: '0.7rem' }}>\n        Passkeys\n      </h3>\n      {(() => {\n        // Using any because PasskeysClient props structure varies by configuration\n        // biome-ignore lint/suspicious/noExplicitAny: PasskeysClient props structure varies by configuration\n        const props: any = {\n          initialPasskeys: userPasskeys,\n          documentId: id,\n          currentUserId: user?.id,\n          passkeySlug,\n          passkeyUserIdFieldName,\n        };\n        const baseURL = pluginOptions.betterAuthOptions?.baseURL;\n        const basePath = pluginOptions.betterAuthOptions?.basePath;\n        if (baseURL) props.baseURL = baseURL;\n        if (basePath) props.basePath = basePath;\n        return <PasskeysClient {...props} />;\n      })()}\n    </div>\n  );\n};\n"],"names":["PasskeysClient","Passkeys","props","id","passkeySlug","payload","passkeyUserIdFieldName","req","user","pluginOptions","docs","userPasskeys","find","collection","where","equals","limit","depth","div","className","h3","style","marginBottom","initialPasskeys","documentId","currentUserId","baseURL","betterAuthOptions","basePath"],"mappings":";AACA,SAASA,cAAc,QAAQ,WAAW;AAC1C,OAAO,eAAe;AAGtB,OAAO,MAAMC,WAAmD,OAAMC;IACpE,MAAM,EAAEC,EAAE,EAAEC,WAAW,EAAEC,OAAO,EAAEC,sBAAsB,EAAEC,GAAG,EAAEC,IAAI,EAAEC,aAAa,EAAE,GAAGP;IAEvF,IAAI,CAACC,MAAM,CAACC,eAAe,CAACE,wBAAwB,OAAO;IAE3D,yFAAyF;IACzF,MAAM,EAAEI,MAAMC,YAAY,EAAE,GAAI,MAAMN,QAAQO,IAAI,CAAC;QACjD,sFAAsF;QACtFC,YAAYT;QACZU,OAAO;YACL,CAACR,uBAAuB,EAAE;gBAAES,QAAQZ;YAAG;QACzC;QACAa,OAAO;QACPT;QACAU,OAAO;IACT;IAEA,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBAAGD,WAAU;gBAAwBE,OAAO;oBAAEC,cAAc;gBAAS;0BAAG;;YAGvE,CAAA;gBACA,2EAA2E;gBAC3E,qGAAqG;gBACrG,MAAMpB,QAAa;oBACjBqB,iBAAiBZ;oBACjBa,YAAYrB;oBACZsB,eAAejB,MAAML;oBACrBC;oBACAE;gBACF;gBACA,MAAMoB,UAAUjB,cAAckB,iBAAiB,EAAED;gBACjD,MAAME,WAAWnB,cAAckB,iBAAiB,EAAEC;gBAClD,IAAIF,SAASxB,MAAMwB,OAAO,GAAGA;gBAC7B,IAAIE,UAAU1B,MAAM0B,QAAQ,GAAGA;gBAC/B,qBAAO,KAAC5B;oBAAgB,GAAGE,KAAK;;YAClC,CAAA;;;AAGN,EAAE"}

package/dist/better-auth/plugin/payload/components/passkeys/list.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PasskeyWithId } from './types';
+interface PasskeyListProps {
+    passkeys: PasskeyWithId[];
+    onDelete?: (id: string) => void;
+}
+export declare const PasskeyList: React.FC<PasskeyListProps>;
+export {};

package/dist/better-auth/plugin/payload/components/passkeys/list.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@payloadcms/ui";
+import { Fingerprint, Trash } from "lucide-react";
+import React from "react";
+export const PasskeyList = ({ passkeys, onDelete })=>{
+    if (passkeys.length === 0) return /*#__PURE__*/ _jsx("p", {
+        style: {
+            marginBottom: '1rem'
+        },
+        children: "No passkeys found."
+    });
+    return /*#__PURE__*/ _jsx("ul", {
+        className: "passkeys-field__list",
+        children: passkeys.map((pk)=>{
+            const { id, createdAt } = pk;
+            if (!id || !createdAt) return null;
+            return /*#__PURE__*/ _jsxs("li", {
+                className: "passkeys-field__list-item",
+                children: [
+                    /*#__PURE__*/ _jsx(Fingerprint, {
+                        size: 16
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        children: pk.name || 'My Passkey'
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "passkeys-field__list-item-date",
+                        children: " - "
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "passkeys-field__list-item-date",
+                        children: new Date(createdAt).toLocaleString('en-US', {
+                            month: 'long',
+                            day: 'numeric',
+                            year: 'numeric',
+                            hour: 'numeric',
+                            minute: '2-digit',
+                            hour12: true
+                        })
+                    }),
+                    onDelete && /*#__PURE__*/ _jsx(Button, {
+                        buttonStyle: "none",
+                        size: "small",
+                        className: "passkeys-field__delete-button",
+                        onClick: ()=>onDelete(id),
+                        children: /*#__PURE__*/ _jsx(Trash, {
+                            size: 16
+                        })
+                    })
+                ]
+            }, id);
+        })
+    });
+};
+
+//# sourceMappingURL=list.js.map

package/dist/better-auth/plugin/payload/components/passkeys/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/components/passkeys/list.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@payloadcms/ui';\nimport { Fingerprint, Trash } from 'lucide-react';\nimport React from 'react';\nimport type { PasskeyWithId } from './types';\n\ninterface PasskeyListProps {\n  passkeys: PasskeyWithId[];\n  onDelete?: (id: string) => void;\n}\n\nexport const PasskeyList: React.FC<PasskeyListProps> = ({ passkeys, onDelete }) => {\n  if (passkeys.length === 0) return <p style={{ marginBottom: '1rem' }}>No passkeys found.</p>;\n\n  return (\n    <ul className='passkeys-field__list'>\n      {passkeys.map(pk => {\n        const { id, createdAt } = pk;\n        if (!id || !createdAt) return null;\n        return (\n          <li key={id} className='passkeys-field__list-item'>\n            <Fingerprint size={16} />\n            <span>{pk.name || 'My Passkey'}</span>\n            <span className='passkeys-field__list-item-date'> - </span>\n            <span className='passkeys-field__list-item-date'>\n              {new Date(createdAt).toLocaleString('en-US', {\n                month: 'long',\n                day: 'numeric',\n                year: 'numeric',\n                hour: 'numeric',\n                minute: '2-digit',\n                hour12: true,\n              })}\n            </span>\n            {onDelete && (\n              <Button\n                buttonStyle='none'\n                size='small'\n                className='passkeys-field__delete-button'\n                onClick={() => onDelete(id)}\n              >\n                <Trash size={16} />\n              </Button>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n"],"names":["Button","Fingerprint","Trash","React","PasskeyList","passkeys","onDelete","length","p","style","marginBottom","ul","className","map","pk","id","createdAt","li","size","span","name","Date","toLocaleString","month","day","year","hour","minute","hour12","buttonStyle","onClick"],"mappings":"AAAA;;AAEA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,WAAW,EAAEC,KAAK,QAAQ,eAAe;AAClD,OAAOC,WAAW,QAAQ;AAQ1B,OAAO,MAAMC,cAA0C,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAE;IAC5E,IAAID,SAASE,MAAM,KAAK,GAAG,qBAAO,KAACC;QAAEC,OAAO;YAAEC,cAAc;QAAO;kBAAG;;IAEtE,qBACE,KAACC;QAAGC,WAAU;kBACXP,SAASQ,GAAG,CAACC,CAAAA;YACZ,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;YAC1B,IAAI,CAACC,MAAM,CAACC,WAAW,OAAO;YAC9B,qBACE,MAACC;gBAAYL,WAAU;;kCACrB,KAACX;wBAAYiB,MAAM;;kCACnB,KAACC;kCAAML,GAAGM,IAAI,IAAI;;kCAClB,KAACD;wBAAKP,WAAU;kCAAiC;;kCACjD,KAACO;wBAAKP,WAAU;kCACb,IAAIS,KAAKL,WAAWM,cAAc,CAAC,SAAS;4BAC3CC,OAAO;4BACPC,KAAK;4BACLC,MAAM;4BACNC,MAAM;4BACNC,QAAQ;4BACRC,QAAQ;wBACV;;oBAEDtB,0BACC,KAACN;wBACC6B,aAAY;wBACZX,MAAK;wBACLN,WAAU;wBACVkB,SAAS,IAAMxB,SAASS;kCAExB,cAAA,KAACb;4BAAMgB,MAAM;;;;eArBVH;QA0Bb;;AAGN,EAAE"}

package/dist/better-auth/plugin/payload/components/passkeys/types.d.ts

@@ -0,0 +1,22 @@
+import type { Passkey } from '@/better-auth/generated-types';
+import type { BetterAuthPluginOptions, BuiltBetterAuthSchema } from '@/better-auth/types';
+import type { UIFieldServerProps } from 'payload';
+export type PasskeyWithId = Passkey & {
+    id: string;
+    createdAt: Date;
+};
+export type PasskeysServerComponentProps = UIFieldServerProps & {
+    schema: BuiltBetterAuthSchema;
+    passkeySlug: string;
+    passkeyUserIdFieldName: string;
+    pluginOptions: BetterAuthPluginOptions;
+};
+export type PasskeysClientComponentProps = {
+    initialPasskeys: PasskeyWithId[];
+    documentId: string | number;
+    currentUserId: string | number;
+    passkeySlug: string;
+    passkeyUserIdFieldName: string;
+    baseURL?: string;
+    basePath?: string;
+};

package/dist/better-auth/plugin/payload/components/passkeys/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/better-auth/plugin/payload/components/passkeys/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/components/passkeys/types.ts"],"sourcesContent":["import type { Passkey } from '@/better-auth/generated-types';\nimport type { BetterAuthPluginOptions, BuiltBetterAuthSchema } from '@/better-auth/types';\nimport type { UIFieldServerProps } from 'payload';\n\nexport type PasskeyWithId = Passkey & { id: string; createdAt: Date };\n\nexport type PasskeysServerComponentProps = UIFieldServerProps & {\n  schema: BuiltBetterAuthSchema;\n  passkeySlug: string;\n  passkeyUserIdFieldName: string;\n  pluginOptions: BetterAuthPluginOptions;\n};\n\nexport type PasskeysClientComponentProps = {\n  initialPasskeys: PasskeyWithId[];\n  documentId: string | number;\n  currentUserId: string | number;\n  passkeySlug: string;\n  passkeyUserIdFieldName: string;\n  baseURL?: string;\n  basePath?: string;\n};\n"],"names":[],"mappings":"AAaA,WAQE"}

package/dist/better-auth/plugin/payload/components/rsc-redirect.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+type RSCRedirectProps = {
+    redirectTo: string;
+};
+declare const RSCRedirect: React.FC<RSCRedirectProps>;
+export default RSCRedirect;

package/dist/better-auth/plugin/payload/components/rsc-redirect.js

@@ -0,0 +1,7 @@
+import { redirect } from "next/navigation";
+const RSCRedirect = ({ redirectTo })=>{
+    redirect(redirectTo);
+};
+export default RSCRedirect;
+
+//# sourceMappingURL=rsc-redirect.js.map

package/dist/better-auth/plugin/payload/components/rsc-redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/better-auth/plugin/payload/components/rsc-redirect.tsx"],"sourcesContent":["import { redirect } from 'next/navigation';\nimport type React from 'react';\n\ntype RSCRedirectProps = {\n  redirectTo: string;\n};\n\nconst RSCRedirect: React.FC<RSCRedirectProps> = ({ redirectTo }) => {\n  redirect(redirectTo);\n};\n\nexport default RSCRedirect;\n"],"names":["redirect","RSCRedirect","redirectTo"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,kBAAkB;AAO3C,MAAMC,cAA0C,CAAC,EAAEC,UAAU,EAAE;IAC7DF,SAASE;AACX;AAEA,eAAeD,YAAY"}

package/dist/better-auth/plugin/payload/components/social-provider-buttons/index.d.ts

@@ -0,0 +1,15 @@
+import type { LoginMethod } from '@/better-auth/plugin/types';
+import type React from 'react';
+import './index.scss';
+type AdminSocialProviderButtonsProps = {
+    isSignup: boolean;
+    loginMethods: LoginMethod[];
+    setLoading: (loading: boolean) => void;
+    redirectUrl?: string;
+    newUserCallbackURL?: string;
+    adminInviteToken?: string;
+    baseURL?: string;
+    basePath?: string;
+};
+export declare const AdminSocialProviderButtons: React.FC<AdminSocialProviderButtonsProps>;
+export {};

package/dist/better-auth/plugin/payload/components/social-provider-buttons/index.js

@@ -0,0 +1,157 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { socialProviders } from "@/better-auth/plugin/constants";
+import { Button, toast } from "@payloadcms/ui";
+import { passkeyClient } from "better-auth/client/plugins";
+import { createAuthClient } from "better-auth/react";
+import { Key } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useMemo } from "react";
+import "./index.scss";
+const baseClass = 'admin-social-provider-buttons';
+export const AdminSocialProviderButtons = ({ isSignup, loginMethods, setLoading, redirectUrl, newUserCallbackURL, adminInviteToken, baseURL, basePath })=>{
+    const router = useRouter();
+    const authClient = useMemo(()=>{
+        // Using any because BetterAuth client options structure varies by plugin configuration
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const options = {
+            plugins: [
+                passkeyClient()
+            ]
+        };
+        if (baseURL) options.baseURL = baseURL;
+        if (basePath) options.basePath = basePath;
+        return createAuthClient(options);
+    }, []);
+    const loginMethodCount = loginMethods.filter((method)=>method !== 'emailPassword', 'passkey').length;
+    if (loginMethodCount === 0) return null;
+    const showIconOnly = loginMethodCount >= 3;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            loginMethods.includes('emailPassword') && /*#__PURE__*/ _jsx("div", {
+                style: {
+                    textAlign: 'center',
+                    fontSize: '0.875rem',
+                    textTransform: 'uppercase',
+                    marginTop: '-.5rem',
+                    color: 'var(--theme-elevation-450)',
+                    marginBottom: '1.5rem'
+                },
+                children: /*#__PURE__*/ _jsxs("span", {
+                    children: [
+                        "Or ",
+                        isSignup ? 'sign up' : 'login',
+                        " with"
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass} ${baseClass}--count-${showIconOnly ? 'many' : loginMethodCount}`,
+                children: loginMethods.map((loginMethod)=>{
+                    const providerName = loginMethod.charAt(0).toUpperCase() + loginMethod.slice(1);
+                    const isSocialProvider = socialProviders.includes(loginMethod);
+                    // ---- Passkey ----
+                    if (loginMethod === 'passkey') {
+                        if (isSignup) return null;
+                        const handlePasskeyClick = async ()=>{
+                            setLoading(true);
+                            try {
+                                // Using any because BetterAuth signIn methods have dynamic types that vary by plugin
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                await authClient.signIn.passkey({
+                                    fetchOptions: {
+                                        onSuccess () {
+                                            if (router && redirectUrl) router.push(redirectUrl);
+                                        },
+                                        // Using any because BetterAuth error context types vary by operation
+                                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                        onError (context) {
+                                            toast.error(context.error.message || 'Failed to sign in with passkey');
+                                        }
+                                    }
+                                });
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            } catch (error) {
+                                // Using any because error types vary and cannot be strictly typed
+                                toast.error(error?.message ?? 'Failed to sign in with passkey');
+                            } finally{
+                                setLoading(false);
+                            }
+                        };
+                        return /*#__PURE__*/ _jsxs(Button, {
+                            type: "button",
+                            size: "large",
+                            className: `${baseClass}__button provider--passkey`,
+                            onClick: handlePasskeyClick,
+                            icon: showIconOnly ? /*#__PURE__*/ _jsx(Key, {
+                                className: `${baseClass}__icon`
+                            }) : undefined,
+                            ...showIconOnly ? {
+                                tooltip: `Sign in with ${providerName}`
+                            } : {},
+                            children: [
+                                !showIconOnly && /*#__PURE__*/ _jsx(Key, {
+                                    className: `${baseClass}__icon`
+                                }),
+                                !showIconOnly && /*#__PURE__*/ _jsx("span", {
+                                    children: providerName
+                                })
+                            ]
+                        }, loginMethod);
+                    }
+                    // ---- Social providers ----
+                    if (isSocialProvider) {
+                        const handleSocialClick = async ()=>{
+                            setLoading(true);
+                            try {
+                                // Using any because BetterAuth signIn methods have dynamic types that vary by plugin
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                const res = await authClient.signIn.social({
+                                    provider: loginMethod,
+                                    fetchOptions: {
+                                        query: {
+                                            ...isSignup && {
+                                                adminInviteToken
+                                            }
+                                        }
+                                    },
+                                    errorCallbackURL: window.location.href,
+                                    callbackURL: redirectUrl,
+                                    newUserCallbackURL,
+                                    ...isSignup && {
+                                        requestSignUp: true
+                                    }
+                                });
+                                if (res?.error) {
+                                    toast.error(res.error.message);
+                                }
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            } catch (error) {
+                                // Using any because error types vary and cannot be strictly typed
+                                toast.error(`Failed to sign in with ${providerName}`);
+                            } finally{
+                                setLoading(false);
+                            }
+                        };
+                        return /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            size: "large",
+                            className: `${baseClass}__button provider--${loginMethod}`,
+                            onClick: handleSocialClick,
+                            ...showIconOnly ? {
+                                tooltip: `Sign in with ${providerName}`
+                            } : {},
+                            children: !showIconOnly && /*#__PURE__*/ _jsx("span", {
+                                children: providerName
+                            })
+                        }, loginMethod);
+                    }
+                    // Unknown provider — render nothing
+                    return null;
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/better-auth/plugin/payload/components/social-provider-buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/components/social-provider-buttons/index.tsx"],"sourcesContent":["'use client';\n\nimport { socialProviders } from '@/better-auth/plugin/constants';\nimport type { LoginMethod, SocialProvider } from '@/better-auth/plugin/types';\nimport { Button, toast } from '@payloadcms/ui';\nimport { passkeyClient } from 'better-auth/client/plugins';\nimport { createAuthClient } from 'better-auth/react';\nimport { Key } from 'lucide-react';\nimport { useRouter } from 'next/navigation';\nimport type React from 'react';\nimport { useMemo } from 'react';\nimport './index.scss';\n\ntype AdminSocialProviderButtonsProps = {\n  isSignup: boolean;\n  loginMethods: LoginMethod[];\n  setLoading: (loading: boolean) => void;\n  redirectUrl?: string;\n  newUserCallbackURL?: string;\n  adminInviteToken?: string;\n  baseURL?: string;\n  basePath?: string;\n};\n\nconst baseClass = 'admin-social-provider-buttons';\n\nexport const AdminSocialProviderButtons: React.FC<AdminSocialProviderButtonsProps> = ({\n  isSignup,\n  loginMethods,\n  setLoading,\n  redirectUrl,\n  newUserCallbackURL,\n  adminInviteToken,\n  baseURL,\n  basePath,\n}) => {\n  const router = useRouter();\n  const authClient = useMemo(() => {\n    // Using any because BetterAuth client options structure varies by plugin configuration\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const options: any = { plugins: [passkeyClient() as any] };\n    if (baseURL) options.baseURL = baseURL;\n    if (basePath) options.basePath = basePath;\n    return createAuthClient(options);\n  }, []);\n\n  const loginMethodCount = loginMethods.filter(\n    method => method !== 'emailPassword',\n    'passkey'\n  ).length;\n  if (loginMethodCount === 0) return null;\n\n  const showIconOnly = loginMethodCount >= 3;\n\n  return (\n    <>\n      {loginMethods.includes('emailPassword') && (\n        <div\n          style={{\n            textAlign: 'center',\n            fontSize: '0.875rem',\n            textTransform: 'uppercase',\n            marginTop: '-.5rem',\n            color: 'var(--theme-elevation-450)',\n            marginBottom: '1.5rem',\n          }}\n        >\n          <span>Or {isSignup ? 'sign up' : 'login'} with</span>\n        </div>\n      )}\n      <div\n        className={`${baseClass} ${baseClass}--count-${showIconOnly ? 'many' : loginMethodCount}`}\n      >\n        {loginMethods.map(loginMethod => {\n          const providerName = loginMethod.charAt(0).toUpperCase() + loginMethod.slice(1);\n          const isSocialProvider = socialProviders.includes(loginMethod as SocialProvider);\n\n          // ---- Passkey ----\n          if (loginMethod === 'passkey') {\n            if (isSignup) return null;\n            const handlePasskeyClick = async () => {\n              setLoading(true);\n              try {\n                // Using any because BetterAuth signIn methods have dynamic types that vary by plugin\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                await (authClient as any).signIn.passkey({\n                  fetchOptions: {\n                    onSuccess() {\n                      if (router && redirectUrl) router.push(redirectUrl);\n                    },\n                    // Using any because BetterAuth error context types vary by operation\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    onError(context: any) {\n                      toast.error(context.error.message || 'Failed to sign in with passkey');\n                    },\n                  },\n                });\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              } catch (error: any) {\n                // Using any because error types vary and cannot be strictly typed\n                toast.error(error?.message ?? 'Failed to sign in with passkey');\n              } finally {\n                setLoading(false);\n              }\n            };\n\n            return (\n              <Button\n                key={loginMethod}\n                type='button'\n                size='large'\n                className={`${baseClass}__button provider--passkey`}\n                onClick={handlePasskeyClick}\n                icon={showIconOnly ? <Key className={`${baseClass}__icon`} /> : undefined}\n                // Using any because PayloadCMS Button tooltip prop type varies by component version\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(showIconOnly ? ({ tooltip: `Sign in with ${providerName}` } as any) : {})}\n              >\n                {!showIconOnly && <Key className={`${baseClass}__icon`} />}\n                {!showIconOnly && <span>{providerName}</span>}\n              </Button>\n            );\n          }\n\n          // ---- Social providers ----\n          if (isSocialProvider) {\n            const handleSocialClick = async () => {\n              setLoading(true);\n              try {\n                // Using any because BetterAuth signIn methods have dynamic types that vary by plugin\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                const res = await (authClient as any).signIn.social({\n                  provider: loginMethod as SocialProvider,\n                  fetchOptions: {\n                    query: {\n                      ...(isSignup && { adminInviteToken }),\n                    },\n                  },\n                  errorCallbackURL: window.location.href,\n                  callbackURL: redirectUrl,\n                  newUserCallbackURL,\n                  ...(isSignup && { requestSignUp: true }),\n                });\n\n                if (res?.error) {\n                  toast.error(res.error.message);\n                }\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              } catch (error: any) {\n                // Using any because error types vary and cannot be strictly typed\n                toast.error(`Failed to sign in with ${providerName}`);\n              } finally {\n                setLoading(false);\n              }\n            };\n\n            return (\n              <Button\n                key={loginMethod}\n                type='button'\n                size='large'\n                className={`${baseClass}__button provider--${loginMethod}`}\n                onClick={handleSocialClick}\n                // Using any because PayloadCMS Button tooltip prop type varies by component version\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(showIconOnly ? ({ tooltip: `Sign in with ${providerName}` } as any) : {})}\n              >\n                {!showIconOnly && <span>{providerName}</span>}\n              </Button>\n            );\n          }\n\n          // Unknown provider — render nothing\n          return null;\n        })}\n      </div>\n    </>\n  );\n};\n"],"names":["socialProviders","Button","toast","passkeyClient","createAuthClient","Key","useRouter","useMemo","baseClass","AdminSocialProviderButtons","isSignup","loginMethods","setLoading","redirectUrl","newUserCallbackURL","adminInviteToken","baseURL","basePath","router","authClient","options","plugins","loginMethodCount","filter","method","length","showIconOnly","includes","div","style","textAlign","fontSize","textTransform","marginTop","color","marginBottom","span","className","map","loginMethod","providerName","charAt","toUpperCase","slice","isSocialProvider","handlePasskeyClick","signIn","passkey","fetchOptions","onSuccess","push","onError","context","error","message","type","size","onClick","icon","undefined","tooltip","handleSocialClick","res","social","provider","query","errorCallbackURL","window","location","href","callbackURL","requestSignUp"],"mappings":"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"}