payload-auth 1.0.1 → 1.1.0

package/dist/better-auth/plugin/payload/components/sign-up.js

@@ -1,502 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from './ui/button';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card';
-import { Input } from './ui/input';
-import { Label } from './ui/label';
-import { PasswordInput } from './ui/password-input';
-import { DiscordLogoIcon, GitHubLogoIcon } from '@radix-ui/react-icons';
-import { useState } from 'react';
-import Image from 'next/image';
-import { Loader2, X } from 'lucide-react';
-import { toast } from 'sonner';
-import { useRouter } from 'next/navigation';
-import Link from 'next/link';
-import { createAuthClient } from 'better-auth/react';
-import { inferAdditionalFields } from 'better-auth/client/plugins';
-export function SignUp({ admin = false, apiRoute, userSlug, defaultAdminRole }) {
-    const [firstName, setFirstName] = useState('');
-    const [lastName, setLastName] = useState('');
-    const [email, setEmail] = useState('');
-    const [password, setPassword] = useState('');
-    const [passwordConfirmation, setPasswordConfirmation] = useState('');
-    const [image, setImage] = useState(null);
-    const [imagePreview, setImagePreview] = useState(null);
-    const router = useRouter();
-    const authClient = createAuthClient({
-        plugins: [
-            inferAdditionalFields({
-                user: {
-                    role: {
-                        type: 'string'
-                    }
-                }
-            })
-        ]
-    });
-    const handleImageChange = (e)=>{
-        const file = e.target.files?.[0];
-        if (file) {
-            setImage(file);
-            const reader = new FileReader();
-            reader.onloadend = ()=>{
-                setImagePreview(reader.result);
-            };
-            reader.readAsDataURL(file);
-        }
-    };
-    const addAdminRole = async (userId)=>{
-        try {
-            const req = await fetch(`${process.env.NEXT_PUBLIC_SERVER_URL}${apiRoute}/${userSlug}/${userId}`, {
-                method: 'PATCH',
-                credentials: 'include',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({
-                    role: defaultAdminRole ?? 'admin'
-                })
-            });
-        } catch (err) {
-            console.log(err);
-        }
-    };
-    const [loading, setLoading] = useState(false);
-    return /*#__PURE__*/ _jsxs(Card, {
-        className: "z-50 rounded-md rounded-t-none w-full max-w-md shadow-lg",
-        children: [
-            /*#__PURE__*/ _jsxs(CardHeader, {
-                className: "space-y-1",
-                children: [
-                    /*#__PURE__*/ _jsx(CardTitle, {
-                        className: "text-xl md:text-2xl font-bold",
-                        children: "Sign Up"
-                    }),
-                    /*#__PURE__*/ _jsx(CardDescription, {
-                        className: "text-sm text-muted-foreground",
-                        children: "Enter your information to create an account"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(CardContent, {
-                className: "space-y-4",
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: "space-y-4",
-                    children: [
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: "grid grid-cols-2 gap-4",
-                            children: [
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "space-y-2",
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Label, {
-                                            htmlFor: "first-name",
-                                            className: "text-sm font-medium",
-                                            children: "First name"
-                                        }),
-                                        /*#__PURE__*/ _jsx(Input, {
-                                            id: "first-name",
-                                            placeholder: "Max",
-                                            required: true,
-                                            onChange: (e)=>{
-                                                setFirstName(e.target.value);
-                                            },
-                                            value: firstName,
-                                            className: "w-full"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "space-y-2",
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Label, {
-                                            htmlFor: "last-name",
-                                            className: "text-sm font-medium",
-                                            children: "Last name"
-                                        }),
-                                        /*#__PURE__*/ _jsx(Input, {
-                                            id: "last-name",
-                                            placeholder: "Robinson",
-                                            required: true,
-                                            onChange: (e)=>{
-                                                setLastName(e.target.value);
-                                            },
-                                            value: lastName,
-                                            className: "w-full"
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: "space-y-2",
-                            children: [
-                                /*#__PURE__*/ _jsx(Label, {
-                                    htmlFor: "email",
-                                    className: "text-sm font-medium",
-                                    children: "Email"
-                                }),
-                                /*#__PURE__*/ _jsx(Input, {
-                                    id: "email",
-                                    type: "email",
-                                    placeholder: "m@example.com",
-                                    required: true,
-                                    onChange: (e)=>{
-                                        setEmail(e.target.value);
-                                    },
-                                    value: email,
-                                    className: "w-full"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: "space-y-2",
-                            children: [
-                                /*#__PURE__*/ _jsx(Label, {
-                                    htmlFor: "password",
-                                    className: "text-sm font-medium",
-                                    children: "Password"
-                                }),
-                                /*#__PURE__*/ _jsx(PasswordInput, {
-                                    id: "password",
-                                    value: password,
-                                    onChange: (e)=>setPassword(e.target.value),
-                                    autoComplete: "new-password",
-                                    placeholder: "Password",
-                                    className: "w-full"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: "space-y-2",
-                            children: [
-                                /*#__PURE__*/ _jsx(Label, {
-                                    htmlFor: "password_confirmation",
-                                    className: "text-sm font-medium",
-                                    children: "Confirm Password"
-                                }),
-                                /*#__PURE__*/ _jsx(PasswordInput, {
-                                    id: "password_confirmation",
-                                    value: passwordConfirmation,
-                                    onChange: (e)=>setPasswordConfirmation(e.target.value),
-                                    autoComplete: "new-password",
-                                    placeholder: "Confirm Password",
-                                    className: "w-full"
-                                })
-                            ]
-                        }),
-                        !admin && /*#__PURE__*/ _jsxs("div", {
-                            className: "space-y-2",
-                            children: [
-                                /*#__PURE__*/ _jsx(Label, {
-                                    htmlFor: "image",
-                                    className: "text-sm font-medium",
-                                    children: "Profile Image (optional)"
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "flex items-center gap-3",
-                                    children: [
-                                        imagePreview && /*#__PURE__*/ _jsx("div", {
-                                            className: "relative w-12 h-12 rounded-full overflow-hidden flex-shrink-0",
-                                            children: /*#__PURE__*/ _jsx(Image, {
-                                                src: imagePreview,
-                                                alt: "Profile preview",
-                                                fill: true,
-                                                className: "object-cover"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsxs("div", {
-                                            className: "flex-1 flex items-center gap-2",
-                                            children: [
-                                                /*#__PURE__*/ _jsx(Input, {
-                                                    id: "image",
-                                                    type: "file",
-                                                    accept: "image/*",
-                                                    onChange: handleImageChange,
-                                                    className: "w-full text-sm"
-                                                }),
-                                                imagePreview && /*#__PURE__*/ _jsx(Button, {
-                                                    variant: "ghost",
-                                                    size: "icon",
-                                                    className: "h-8 w-8 flex-shrink-0",
-                                                    onClick: ()=>{
-                                                        setImage(null);
-                                                        setImagePreview(null);
-                                                    },
-                                                    children: /*#__PURE__*/ _jsx(X, {
-                                                        className: "h-4 w-4"
-                                                    })
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs(Button, {
-                            type: "submit",
-                            className: "w-full",
-                            disabled: loading,
-                            onClick: async ()=>{
-                                if (password !== passwordConfirmation) {
-                                    toast.error('Please ensure your password and confirm password match.');
-                                    return;
-                                }
-                                const user = await authClient.signUp.email({
-                                    email,
-                                    password,
-                                    role: admin ? 'admin' : 'user',
-                                    name: `${firstName} ${lastName}`,
-                                    callbackURL: admin ? '/admin' : '/dashboard',
-                                    fetchOptions: {
-                                        onResponse: ()=>{
-                                            setLoading(false);
-                                        },
-                                        onRequest: ()=>{
-                                            setLoading(true);
-                                        },
-                                        onError: (ctx)=>{
-                                            toast.error(ctx.error.message);
-                                        },
-                                        onSuccess: async ()=>{
-                                            router.push(admin ? '/admin' : '/dashboard');
-                                        }
-                                    }
-                                });
-                                const userId = user.data?.user.id;
-                                if (userId && admin) {
-                                    await addAdminRole(userId);
-                                }
-                            },
-                            children: [
-                                loading ? /*#__PURE__*/ _jsx(Loader2, {
-                                    size: 16,
-                                    className: "animate-spin mr-2"
-                                }) : null,
-                                loading ? 'Creating account...' : 'Create an account'
-                            ]
-                        }),
-                        !admin && /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: "relative my-4",
-                                    children: /*#__PURE__*/ _jsx("div", {
-                                        className: "relative flex justify-center text-xs uppercase border-b border-muted pb-4",
-                                        children: /*#__PURE__*/ _jsx("span", {
-                                            className: "bg-card px-2 text-muted-foreground",
-                                            children: "Or continue with"
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "grid grid-cols-4 gap-2 sm:grid-cols-7",
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                await authClient.signIn.social({
-                                                    provider: 'github',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "GitHub",
-                                            children: /*#__PURE__*/ _jsx(GitHubLogoIcon, {
-                                                className: "h-4 w-4"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                await authClient.signIn.social({
-                                                    provider: 'discord',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "Discord",
-                                            children: /*#__PURE__*/ _jsx(DiscordLogoIcon, {
-                                                className: "h-4 w-4"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                await authClient.signIn.social({
-                                                    provider: 'google',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "Google",
-                                            children: /*#__PURE__*/ _jsxs("svg", {
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 256 262",
-                                                children: [
-                                                    /*#__PURE__*/ _jsx("path", {
-                                                        fill: "#4285F4",
-                                                        d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
-                                                    }),
-                                                    /*#__PURE__*/ _jsx("path", {
-                                                        fill: "#34A853",
-                                                        d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
-                                                    }),
-                                                    /*#__PURE__*/ _jsx("path", {
-                                                        fill: "#FBBC05",
-                                                        d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z"
-                                                    }),
-                                                    /*#__PURE__*/ _jsx("path", {
-                                                        fill: "#EB4335",
-                                                        d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
-                                                    })
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                const { data } = await authClient.signIn.social({
-                                                    provider: 'microsoft',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "Microsoft",
-                                            children: /*#__PURE__*/ _jsx("svg", {
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 24 24",
-                                                children: /*#__PURE__*/ _jsx("path", {
-                                                    fill: "currentColor",
-                                                    d: "M2 3h9v9H2zm9 19H2v-9h9zM21 3v9h-9V3zm0 19h-9v-9h9z"
-                                                })
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                await authClient.signIn.social({
-                                                    provider: 'twitch',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "Twitch",
-                                            children: /*#__PURE__*/ _jsx("svg", {
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 24 24",
-                                                children: /*#__PURE__*/ _jsx("path", {
-                                                    fill: "currentColor",
-                                                    d: "M11.64 5.93h1.43v4.28h-1.43m3.93-4.28H17v4.28h-1.43M7 2L3.43 5.57v12.86h4.28V22l3.58-3.57h2.85L20.57 12V2m-1.43 9.29l-2.85 2.85h-2.86l-2.5 2.5v-2.5H7.71V3.43h11.43Z"
-                                                })
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                await authClient.signIn.social({
-                                                    provider: 'facebook',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "Facebook",
-                                            children: /*#__PURE__*/ _jsx("svg", {
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 24 24",
-                                                children: /*#__PURE__*/ _jsx("path", {
-                                                    fill: "currentColor",
-                                                    d: "M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95"
-                                                })
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            variant: "outline",
-                                            size: "icon",
-                                            className: "h-10 w-10",
-                                            onClick: async ()=>{
-                                                await authClient.signIn.social({
-                                                    provider: 'twitter',
-                                                    callbackURL: '/dashboard'
-                                                });
-                                            },
-                                            title: "Twitter",
-                                            children: /*#__PURE__*/ _jsx("svg", {
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 14 14",
-                                                children: /*#__PURE__*/ _jsxs("g", {
-                                                    fill: "none",
-                                                    children: [
-                                                        /*#__PURE__*/ _jsx("g", {
-                                                            clipPath: "url(#primeTwitter0)",
-                                                            children: /*#__PURE__*/ _jsx("path", {
-                                                                fill: "currentColor",
-                                                                d: "M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("defs", {
-                                                            children: /*#__PURE__*/ _jsx("clipPath", {
-                                                                id: "primeTwitter0",
-                                                                children: /*#__PURE__*/ _jsx("path", {
-                                                                    fill: "#fff",
-                                                                    d: "M0 0h14v14H0z"
-                                                                })
-                                                            })
-                                                        })
-                                                    ]
-                                                })
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ _jsx(CardFooter, {
-                className: "flex flex-col",
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "w-full border-t pt-4",
-                    children: /*#__PURE__*/ _jsxs("p", {
-                        className: "text-center text-xs text-muted-foreground",
-                        children: [
-                            "Secured by",
-                            ' ',
-                            /*#__PURE__*/ _jsx(Link, {
-                                className: "font-medium text-orange-500",
-                                href: "https://github.com/forrestdevs/payload-better-auth",
-                                children: "payload-better-auth"
-                            })
-                        ]
-                    })
-                })
-            })
-        ]
-    });
-}
-async function convertImageToBase64(file) {
-    return new Promise((resolve, reject)=>{
-        const reader = new FileReader();
-        reader.onloadend = ()=>resolve(reader.result);
-        reader.onerror = reject;
-        reader.readAsDataURL(file);
-    });
-}
-
-//# sourceMappingURL=sign-up.js.map

package/dist/better-auth/plugin/payload/components/sign-up.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/plugin/payload/components/sign-up.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from './ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card'\nimport { Input } from './ui/input'\nimport { Label } from './ui/label'\nimport { PasswordInput } from './ui/password-input'\nimport { DiscordLogoIcon, GitHubLogoIcon } from '@radix-ui/react-icons'\nimport { useState } from 'react'\nimport Image from 'next/image'\nimport { Loader2, X } from 'lucide-react'\nimport { toast } from 'sonner'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport { createAuthClient } from 'better-auth/react'\nimport { inferAdditionalFields } from 'better-auth/client/plugins'\n\nexport function SignUp({\n  admin = false,\n  apiRoute,\n  userSlug,\n  defaultAdminRole,\n}: {\n  admin?: boolean\n  apiRoute: string\n  userSlug: string\n  defaultAdminRole: string\n}) {\n  const [firstName, setFirstName] = useState('')\n  const [lastName, setLastName] = useState('')\n  const [email, setEmail] = useState('')\n  const [password, setPassword] = useState('')\n  const [passwordConfirmation, setPasswordConfirmation] = useState('')\n  const [image, setImage] = useState<File | null>(null)\n  const [imagePreview, setImagePreview] = useState<string | null>(null)\n  const router = useRouter()\n\n  const authClient = createAuthClient({\n    plugins: [\n      inferAdditionalFields({\n        user: {\n          role: {\n            type: 'string',\n          },\n        },\n      }),\n    ],\n  })\n\n  const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (file) {\n      setImage(file)\n      const reader = new FileReader()\n      reader.onloadend = () => {\n        setImagePreview(reader.result as string)\n      }\n      reader.readAsDataURL(file)\n    }\n  }\n\n  const addAdminRole = async (userId: string) => {\n    try {\n      const req = await fetch(\n        `${process.env.NEXT_PUBLIC_SERVER_URL}${apiRoute}/${userSlug}/${userId}`,\n        {\n          method: 'PATCH',\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify({\n            role: defaultAdminRole ?? 'admin',\n          }),\n        },\n      )\n    } catch (err) {\n      console.log(err)\n    }\n  }\n  const [loading, setLoading] = useState(false)\n\n  return (\n    <Card className=\"z-50 rounded-md rounded-t-none w-full max-w-md shadow-lg\">\n      <CardHeader className=\"space-y-1\">\n        <CardTitle className=\"text-xl md:text-2xl font-bold\">Sign Up</CardTitle>\n        <CardDescription className=\"text-sm text-muted-foreground\">\n          Enter your information to create an account\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        <div className=\"space-y-4\">\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"first-name\" className=\"text-sm font-medium\">\n                First name\n              </Label>\n              <Input\n                id=\"first-name\"\n                placeholder=\"Max\"\n                required\n                onChange={(e) => {\n                  setFirstName(e.target.value)\n                }}\n                value={firstName}\n                className=\"w-full\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"last-name\" className=\"text-sm font-medium\">\n                Last name\n              </Label>\n              <Input\n                id=\"last-name\"\n                placeholder=\"Robinson\"\n                required\n                onChange={(e) => {\n                  setLastName(e.target.value)\n                }}\n                value={lastName}\n                className=\"w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"email\" className=\"text-sm font-medium\">\n              Email\n            </Label>\n            <Input\n              id=\"email\"\n              type=\"email\"\n              placeholder=\"m@example.com\"\n              required\n              onChange={(e) => {\n                setEmail(e.target.value)\n              }}\n              value={email}\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"password\" className=\"text-sm font-medium\">\n              Password\n            </Label>\n            <PasswordInput\n              id=\"password\"\n              value={password}\n              onChange={(e: any) => setPassword(e.target.value)}\n              autoComplete=\"new-password\"\n              placeholder=\"Password\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"password_confirmation\" className=\"text-sm font-medium\">\n              Confirm Password\n            </Label>\n            <PasswordInput\n              id=\"password_confirmation\"\n              value={passwordConfirmation}\n              onChange={(e: any) => setPasswordConfirmation(e.target.value)}\n              autoComplete=\"new-password\"\n              placeholder=\"Confirm Password\"\n              className=\"w-full\"\n            />\n          </div>\n\n          {!admin && (\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"image\" className=\"text-sm font-medium\">\n                Profile Image (optional)\n              </Label>\n              <div className=\"flex items-center gap-3\">\n                {imagePreview && (\n                  <div className=\"relative w-12 h-12 rounded-full overflow-hidden flex-shrink-0\">\n                    <Image src={imagePreview} alt=\"Profile preview\" fill className=\"object-cover\" />\n                  </div>\n                )}\n                <div className=\"flex-1 flex items-center gap-2\">\n                  <Input\n                    id=\"image\"\n                    type=\"file\"\n                    accept=\"image/*\"\n                    onChange={handleImageChange}\n                    className=\"w-full text-sm\"\n                  />\n                  {imagePreview && (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-8 w-8 flex-shrink-0\"\n                      onClick={() => {\n                        setImage(null)\n                        setImagePreview(null)\n                      }}\n                    >\n                      <X className=\"h-4 w-4\" />\n                    </Button>\n                  )}\n                </div>\n              </div>\n            </div>\n          )}\n\n          <Button\n            type=\"submit\"\n            className=\"w-full\"\n            disabled={loading}\n            onClick={async () => {\n              if (password !== passwordConfirmation) {\n                toast.error('Please ensure your password and confirm password match.')\n                return\n              }\n              const user = await authClient.signUp.email({\n                email,\n                password,\n                role: admin ? 'admin' : 'user',\n                name: `${firstName} ${lastName}`,\n                callbackURL: admin ? '/admin' : '/dashboard',\n                fetchOptions: {\n                  onResponse: () => {\n                    setLoading(false)\n                  },\n                  onRequest: () => {\n                    setLoading(true)\n                  },\n                  onError: (ctx) => {\n                    toast.error(ctx.error.message)\n                  },\n                  onSuccess: async () => {\n                    router.push(admin ? '/admin' : '/dashboard')\n                  },\n                },\n              })\n\n              const userId = user.data?.user.id\n\n              if (userId && admin) {\n                await addAdminRole(userId)\n              }\n            }}\n          >\n            {loading ? <Loader2 size={16} className=\"animate-spin mr-2\" /> : null}\n            {loading ? 'Creating account...' : 'Create an account'}\n          </Button>\n\n          {!admin && (\n            <div>\n              <div className=\"relative my-4\">\n                <div className=\"relative flex justify-center text-xs uppercase border-b border-muted pb-4\">\n                  <span className=\"bg-card px-2 text-muted-foreground\">Or continue with</span>\n                </div>\n              </div>\n              <div className=\"grid grid-cols-4 gap-2 sm:grid-cols-7\">\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    await authClient.signIn.social({\n                      provider: 'github',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"GitHub\"\n                >\n                  <GitHubLogoIcon className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    await authClient.signIn.social({\n                      provider: 'discord',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"Discord\"\n                >\n                  <DiscordLogoIcon className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    await authClient.signIn.social({\n                      provider: 'google',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"Google\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 256 262\"\n                  >\n                    <path\n                      fill=\"#4285F4\"\n                      d=\"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027\"\n                    />\n                    <path\n                      fill=\"#34A853\"\n                      d=\"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1\"\n                    />\n                    <path\n                      fill=\"#FBBC05\"\n                      d=\"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z\"\n                    />\n                    <path\n                      fill=\"#EB4335\"\n                      d=\"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251\"\n                    />\n                  </svg>\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    const { data } = await authClient.signIn.social({\n                      provider: 'microsoft',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"Microsoft\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      fill=\"currentColor\"\n                      d=\"M2 3h9v9H2zm9 19H2v-9h9zM21 3v9h-9V3zm0 19h-9v-9h9z\"\n                    ></path>\n                  </svg>\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    await authClient.signIn.social({\n                      provider: 'twitch',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"Twitch\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      fill=\"currentColor\"\n                      d=\"M11.64 5.93h1.43v4.28h-1.43m3.93-4.28H17v4.28h-1.43M7 2L3.43 5.57v12.86h4.28V22l3.58-3.57h2.85L20.57 12V2m-1.43 9.29l-2.85 2.85h-2.86l-2.5 2.5v-2.5H7.71V3.43h11.43Z\"\n                    ></path>\n                  </svg>\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    await authClient.signIn.social({\n                      provider: 'facebook',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"Facebook\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      fill=\"currentColor\"\n                      d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95\"\n                    ></path>\n                  </svg>\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"icon\"\n                  className=\"h-10 w-10\"\n                  onClick={async () => {\n                    await authClient.signIn.social({\n                      provider: 'twitter',\n                      callbackURL: '/dashboard',\n                    })\n                  }}\n                  title=\"Twitter\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 14 14\"\n                  >\n                    <g fill=\"none\">\n                      <g clipPath=\"url(#primeTwitter0)\">\n                        <path\n                          fill=\"currentColor\"\n                          d=\"M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z\"\n                        ></path>\n                      </g>\n                      <defs>\n                        <clipPath id=\"primeTwitter0\">\n                          <path fill=\"#fff\" d=\"M0 0h14v14H0z\"></path>\n                        </clipPath>\n                      </defs>\n                    </g>\n                  </svg>\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n      </CardContent>\n      <CardFooter className=\"flex flex-col\">\n        <div className=\"w-full border-t pt-4\">\n          <p className=\"text-center text-xs text-muted-foreground\">\n            Secured by{' '}\n            <Link\n              className=\"font-medium text-orange-500\"\n              href=\"https://github.com/forrestdevs/payload-better-auth\"\n            >\n              payload-better-auth\n            </Link>\n          </p>\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n\nasync function convertImageToBase64(file: File): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onloadend = () => resolve(reader.result as string)\n    reader.onerror = reject\n    reader.readAsDataURL(file)\n  })\n}\n"],"names":["Button","Card","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Input","Label","PasswordInput","DiscordLogoIcon","GitHubLogoIcon","useState","Image","Loader2","X","toast","useRouter","Link","createAuthClient","inferAdditionalFields","SignUp","admin","apiRoute","userSlug","defaultAdminRole","firstName","setFirstName","lastName","setLastName","email","setEmail","password","setPassword","passwordConfirmation","setPasswordConfirmation","image","setImage","imagePreview","setImagePreview","router","authClient","plugins","user","role","type","handleImageChange","e","file","target","files","reader","FileReader","onloadend","result","readAsDataURL","addAdminRole","userId","req","fetch","process","env","NEXT_PUBLIC_SERVER_URL","method","credentials","headers","body","JSON","stringify","err","console","log","loading","setLoading","className","div","htmlFor","id","placeholder","required","onChange","value","autoComplete","src","alt","fill","accept","variant","size","onClick","disabled","error","signUp","name","callbackURL","fetchOptions","onResponse","onRequest","onError","ctx","message","onSuccess","push","data","span","signIn","social","provider","title","svg","xmlns","width","height","viewBox","path","d","g","clipPath","defs","p","href","convertImageToBase64","Promise","resolve","reject","onerror"],"mappings":"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"}

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "lg" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants };

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

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { cn } from './cn';
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-    variants: {
-        variant: {
-            default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
-            destructive: 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
-            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
-            secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
-            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
-            link: 'text-primary underline-offset-4 hover:underline'
-        },
-        size: {
-            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-            sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
-            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-            icon: 'size-9'
-        }
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default'
-    }
-});
-function Button({ className, variant, size, asChild = false, ...props }) {
-    const Comp = asChild ? Slot : 'button';
-    return /*#__PURE__*/ _jsx(Comp, {
-        "data-slot": "button",
-        className: cn(buttonVariants({
-            variant,
-            size,
-            className
-        })),
-        ...props
-    });
-}
-export { Button, buttonVariants };
-
-//# sourceMappingURL=button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/plugin/payload/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from './cn'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"names":["React","Slot","cva","cn","buttonVariants","variants","variant","default","destructive","outline","secondary","ghost","link","size","sm","lg","icon","defaultVariants","Button","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,YAAYA,WAAW,QAAO;AAC9B,SAASC,IAAI,QAAQ,uBAAsB;AAC3C,SAASC,GAAG,QAA2B,2BAA0B;AAEjE,SAASC,EAAE,QAAQ,OAAM;AAEzB,MAAMC,iBAAiBF,IACrB,+bACA;IACEG,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,aACE;YACFC,SACE;YACFC,WAAW;YACXC,OAAO;YACPC,MAAM;QACR;QACAC,MAAM;YACJN,SAAS;YACTO,IAAI;YACJC,IAAI;YACJC,MAAM;QACR;IACF;IACAC,iBAAiB;QACfX,SAAS;QACTO,MAAM;IACR;AACF;AAGF,SAASK,OAAO,EACdC,SAAS,EACTb,OAAO,EACPO,IAAI,EACJO,UAAU,KAAK,EACf,GAAGC,OAIF;IACD,MAAMC,OAAOF,UAAUnB,OAAO;IAE9B,qBACE,KAACqB;QACCC,aAAU;QACVJ,WAAWhB,GAAGC,eAAe;YAAEE;YAASO;YAAMM;QAAU;QACvD,GAAGE,KAAK;;AAGf;AAEA,SAASH,MAAM,EAAEd,cAAc,GAAE"}