@revealui/auth 0.0.1-pre.0

package/dist/better-auth/plugin/payload/views/admin-signup/client.js

@@ -0,0 +1,299 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { adminEndpoints } from "@/better-auth/plugin/constants";
+import { AdminSocialProviderButtons } from "@/better-auth/plugin/payload/components/social-provider-buttons";
+import { getSafeRedirect } from "@/better-auth/plugin/payload/utils/get-safe-redirect";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast, useConfig, useTranslation } from "@payloadcms/ui";
+import { usernameClient } from "better-auth/client/plugins";
+import { createAuthClient } from "better-auth/react";
+import React, { useState } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { z } from "zod";
+const baseClass = 'admin-signup';
+const SignupForm = ({ searchParams, loginWithUsername, requireEmailVerification, setRequireEmailVerification, adminInviteToken, baseURL, basePath })=>{
+    const { config: { routes: { admin: adminRoute } } } = useConfig();
+    const { t } = useTranslation();
+    const redirectUrl = getSafeRedirect(searchParams?.redirect ?? '', adminRoute);
+    const authClient = (()=>{
+        const options = {
+            plugins: [
+                usernameClient()
+            ]
+        };
+        if (baseURL) options.baseURL = baseURL;
+        if (basePath) options.basePath = basePath;
+        return createAuthClient(options);
+    })();
+    const requireUsername = Boolean(loginWithUsername && typeof loginWithUsername === 'object' && loginWithUsername.requireUsername);
+    const requireConfirmPassword = true;
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    const signupSchema = z.object({
+        name: z.string().min(1, 'Name is required'),
+        email: z.string().min(1, 'Email is required').refine((val)=>emailRegex.test(val), 'Invalid email'),
+        password: z.string().min(1, 'Password is required'),
+        confirmPassword: requireConfirmPassword ? z.string().min(1, 'Confirm password is required') : z.string().optional(),
+        ...loginWithUsername ? {
+            username: requireUsername ? z.string().min(1, 'Username is required') : z.string().optional()
+        } : {}
+    }).refine((data)=>{
+        if (requireConfirmPassword && data.password && data.confirmPassword) {
+            return data.password === data.confirmPassword;
+        }
+        return true;
+    }, {
+        message: 'Passwords do not match',
+        path: [
+            'confirmPassword'
+        ]
+    });
+    const methods = useForm({
+        defaultValues: {
+            name: '',
+            email: '',
+            password: '',
+            ...requireConfirmPassword ? {
+                confirmPassword: ''
+            } : {},
+            ...loginWithUsername ? {
+                username: ''
+            } : {}
+        },
+        resolver: zodResolver(signupSchema),
+        mode: 'onSubmit'
+    });
+    const onSubmit = async (value)=>{
+        const { name, email, username, password } = value;
+        const { data, error } = await authClient.signUp.email({
+            name,
+            email,
+            password,
+            callbackURL: redirectUrl,
+            ...loginWithUsername && username ? {
+                username
+            } : {},
+            fetchOptions: {
+                query: {
+                    adminInviteToken
+                }
+            }
+        });
+        if (error && error.code === 'EMAIL_NOT_VERIFIED' || !error && !data.token && !data?.user.emailVerified) {
+            setRequireEmailVerification(true);
+            toast.success('Check your email for a verification link');
+            return;
+        }
+        if (error) {
+            toast.error(error.message);
+            return;
+        }
+    };
+    if (requireEmailVerification) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "form-header",
+            style: {
+                textAlign: 'center'
+            },
+            children: [
+                /*#__PURE__*/ _jsx("h1", {
+                    children: "Please verify your email"
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    children: "Check your email for a verification link."
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(FormProvider, {
+        ...methods,
+        children: /*#__PURE__*/ _jsxs("form", {
+            className: baseClass,
+            onSubmit: methods.handleSubmit(onSubmit),
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "login__form",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: '1rem'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "signup-name",
+                                    style: {
+                                        display: 'block',
+                                        marginBottom: '0.5rem'
+                                    },
+                                    children: "Name"
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "signup-name",
+                                    type: "text",
+                                    required: true,
+                                    value: methods.watch('name') ?? '',
+                                    onChange: (e)=>methods.setValue('name', e.target.value),
+                                    autoComplete: "name",
+                                    style: {
+                                        width: '100%',
+                                        padding: '0.5rem'
+                                    }
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: '1rem'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "admin-signup-email",
+                                    style: {
+                                        display: 'block',
+                                        marginBottom: '0.5rem'
+                                    },
+                                    children: t('general:email')
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "admin-signup-email",
+                                    type: "email",
+                                    required: true,
+                                    value: methods.watch('email') ?? '',
+                                    onChange: (e)=>methods.setValue('email', e.target.value),
+                                    autoComplete: "email",
+                                    style: {
+                                        width: '100%',
+                                        padding: '0.5rem'
+                                    }
+                                })
+                            ]
+                        }),
+                        loginWithUsername && /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: '1rem'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "admin-signup-username",
+                                    style: {
+                                        display: 'block',
+                                        marginBottom: '0.5rem'
+                                    },
+                                    children: t('authentication:username')
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "admin-signup-username",
+                                    type: "text",
+                                    required: requireUsername,
+                                    value: methods.watch('username') ?? '',
+                                    onChange: (e)=>methods.setValue('username', e.target.value),
+                                    autoComplete: "username",
+                                    style: {
+                                        width: '100%',
+                                        padding: '0.5rem'
+                                    }
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: '1rem'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "admin-signup-password",
+                                    style: {
+                                        display: 'block',
+                                        marginBottom: '0.5rem'
+                                    },
+                                    children: t('authentication:newPassword')
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "admin-signup-password",
+                                    type: "password",
+                                    required: true,
+                                    value: methods.watch('password') ?? '',
+                                    onChange: (e)=>methods.setValue('password', e.target.value),
+                                    style: {
+                                        width: '100%',
+                                        padding: '0.5rem'
+                                    }
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                marginBottom: '1rem'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("label", {
+                                    htmlFor: "admin-signup-confirm-password",
+                                    style: {
+                                        display: 'block',
+                                        marginBottom: '0.5rem'
+                                    },
+                                    children: t('authentication:confirmPassword')
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    id: "admin-signup-confirm-password",
+                                    type: "password",
+                                    required: true,
+                                    value: methods.watch('confirmPassword') ?? '',
+                                    onChange: (e)=>methods.setValue('confirmPassword', e.target.value),
+                                    style: {
+                                        width: '100%',
+                                        padding: '0.5rem'
+                                    }
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    type: "submit",
+                    children: t('general:create')
+                })
+            ]
+        })
+    });
+};
+export const AdminSignupClient = ({ adminInviteToken, userSlug, searchParams, loginMethods, loginWithUsername, baseURL, basePath })=>{
+    const { config: { routes: { admin: adminRoute, api: apiRoute }, serverURL } } = useConfig();
+    const [requireEmailVerification, setRequireEmailVerification] = useState(false);
+    const redirectUrl = getSafeRedirect(searchParams?.redirect ?? '', adminRoute);
+    const setAdminRoleCallbackURL = `${serverURL}${apiRoute}/${userSlug}${adminEndpoints.setAdminRole}?token=${adminInviteToken}&redirect=${redirectUrl}`;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            loginMethods.includes('emailPassword') && (()=>{
+                const props = {
+                    adminInviteToken,
+                    searchParams,
+                    loginWithUsername,
+                    requireEmailVerification,
+                    setRequireEmailVerification
+                };
+                if (baseURL) props.baseURL = baseURL;
+                if (basePath) props.basePath = basePath;
+                return /*#__PURE__*/ _jsx(SignupForm, {
+                    ...props
+                });
+            })(),
+            !requireEmailVerification && (()=>{
+                const props = {
+                    isSignup: true,
+                    loginMethods,
+                    adminInviteToken,
+                    setLoading: ()=>{},
+                    redirectUrl,
+                    newUserCallbackURL: setAdminRoleCallbackURL
+                };
+                if (baseURL) props.baseURL = baseURL;
+                if (basePath) props.basePath = basePath;
+                return /*#__PURE__*/ _jsx(AdminSocialProviderButtons, {
+                    ...props
+                });
+            })()
+        ]
+    });
+};
+
+//# sourceMappingURL=client.js.map

package/dist/better-auth/plugin/payload/views/admin-signup/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/views/admin-signup/client.tsx"],"sourcesContent":["'use client';\n\nimport { adminEndpoints } from '@/better-auth/plugin/constants';\nimport { AdminSocialProviderButtons } from '@/better-auth/plugin/payload/components/social-provider-buttons';\nimport { getSafeRedirect } from '@/better-auth/plugin/payload/utils/get-safe-redirect';\nimport type { LoginMethod } from '@/better-auth/plugin/types';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button, toast, useConfig, useTranslation } from '@payloadcms/ui';\nimport { usernameClient } from 'better-auth/client/plugins';\nimport { createAuthClient } from 'better-auth/react';\nimport type { LoginWithUsernameOptions } from 'payload';\nimport React, { useState } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\ntype AdminSignupClientProps = {\n  adminInviteToken: string;\n  userSlug: string;\n  loginMethods: LoginMethod[];\n  searchParams: { [key: string]: string | string[] | undefined };\n  loginWithUsername: false | LoginWithUsernameOptions;\n  baseURL?: string;\n  basePath?: string;\n};\n\nconst baseClass = 'admin-signup';\n\ntype SignupFormProps = {\n  adminInviteToken: string;\n  searchParams: { [key: string]: string | string[] | undefined };\n  loginWithUsername: false | LoginWithUsernameOptions;\n  requireEmailVerification: boolean;\n  setRequireEmailVerification: React.Dispatch<React.SetStateAction<boolean>>;\n  baseURL?: string;\n  basePath?: string;\n};\n\nconst SignupForm: React.FC<SignupFormProps> = ({\n  searchParams,\n  loginWithUsername,\n  requireEmailVerification,\n  setRequireEmailVerification,\n  adminInviteToken,\n  baseURL,\n  basePath,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig();\n  const { t } = useTranslation();\n  const redirectUrl = getSafeRedirect((searchParams?.redirect as string) ?? '', adminRoute);\n  const authClient = (() => {\n    const options: any = { plugins: [usernameClient() as any] };\n    if (baseURL) options.baseURL = baseURL;\n    if (basePath) options.basePath = basePath;\n    return createAuthClient(options);\n  })();\n\n  const requireUsername = Boolean(\n    loginWithUsername && typeof loginWithUsername === 'object' && loginWithUsername.requireUsername\n  );\n\n  const requireConfirmPassword = true;\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  const signupSchema = z\n    .object({\n      name: z.string().min(1, 'Name is required'),\n      email: z\n        .string()\n        .min(1, 'Email is required')\n        .refine(val => emailRegex.test(val), 'Invalid email'),\n      password: z.string().min(1, 'Password is required'),\n      confirmPassword: requireConfirmPassword\n        ? z.string().min(1, 'Confirm password is required')\n        : z.string().optional(),\n      ...(loginWithUsername\n        ? {\n            username: requireUsername\n              ? z.string().min(1, 'Username is required')\n              : z.string().optional(),\n          }\n        : {}),\n    })\n    .refine(\n      data => {\n        if (requireConfirmPassword && data.password && data.confirmPassword) {\n          return data.password === data.confirmPassword;\n        }\n        return true;\n      },\n      {\n        message: 'Passwords do not match',\n        path: ['confirmPassword'],\n      }\n    );\n\n  const methods = useForm({\n    defaultValues: {\n      name: '',\n      email: '',\n      password: '',\n      ...(requireConfirmPassword ? { confirmPassword: '' } : {}),\n      ...(loginWithUsername ? { username: '' } : {}),\n    },\n    resolver: zodResolver(signupSchema),\n    mode: 'onSubmit',\n  });\n\n  const onSubmit = async (value: any) => {\n    const { name, email, username, password } = value;\n\n    const { data, error } = await (authClient as any).signUp.email({\n      name,\n      email,\n      password,\n      callbackURL: redirectUrl,\n      ...(loginWithUsername && username ? { username } : {}),\n      fetchOptions: {\n        query: {\n          adminInviteToken,\n        },\n      },\n    });\n\n    if (\n      (error && error.code === 'EMAIL_NOT_VERIFIED') ||\n      (!error && !data.token && !data?.user.emailVerified)\n    ) {\n      setRequireEmailVerification(true);\n      toast.success('Check your email for a verification link');\n      return;\n    }\n\n    if (error) {\n      toast.error(error.message);\n      return;\n    }\n  };\n\n  if (requireEmailVerification) {\n    return (\n      <div className='form-header' style={{ textAlign: 'center' }}>\n        <h1>Please verify your email</h1>\n        <p>Check your email for a verification link.</p>\n      </div>\n    );\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <form className={baseClass} onSubmit={methods.handleSubmit(onSubmit)}>\n        <div className='login__form'>\n          <div style={{ marginBottom: '1rem' }}>\n            <label htmlFor='signup-name' style={{ display: 'block', marginBottom: '0.5rem' }}>\n              Name\n            </label>\n            <input\n              id='signup-name'\n              type='text'\n              required\n              value={(methods.watch('name') as string) ?? ''}\n              onChange={(e: any) => methods.setValue('name', e.target.value)}\n              autoComplete='name'\n              style={{ width: '100%', padding: '0.5rem' }}\n            />\n          </div>\n          <div style={{ marginBottom: '1rem' }}>\n            <label\n              htmlFor='admin-signup-email'\n              style={{ display: 'block', marginBottom: '0.5rem' }}\n            >\n              {t('general:email')}\n            </label>\n            <input\n              id='admin-signup-email'\n              type='email'\n              required\n              value={(methods.watch('email') as string) ?? ''}\n              onChange={(e: any) => methods.setValue('email', e.target.value)}\n              autoComplete='email'\n              style={{ width: '100%', padding: '0.5rem' }}\n            />\n          </div>\n          {loginWithUsername && (\n            <div style={{ marginBottom: '1rem' }}>\n              <label\n                htmlFor='admin-signup-username'\n                style={{ display: 'block', marginBottom: '0.5rem' }}\n              >\n                {t('authentication:username')}\n              </label>\n              <input\n                id='admin-signup-username'\n                type='text'\n                required={requireUsername}\n                value={(methods.watch('username') as string) ?? ''}\n                onChange={(e: any) => methods.setValue('username', e.target.value)}\n                autoComplete='username'\n                style={{ width: '100%', padding: '0.5rem' }}\n              />\n            </div>\n          )}\n          <div style={{ marginBottom: '1rem' }}>\n            <label\n              htmlFor='admin-signup-password'\n              style={{ display: 'block', marginBottom: '0.5rem' }}\n            >\n              {t('authentication:newPassword')}\n            </label>\n            <input\n              id='admin-signup-password'\n              type='password'\n              required\n              value={(methods.watch('password') as string) ?? ''}\n              onChange={(e: any) => methods.setValue('password', e.target.value)}\n              style={{ width: '100%', padding: '0.5rem' }}\n            />\n          </div>\n          <div style={{ marginBottom: '1rem' }}>\n            <label\n              htmlFor='admin-signup-confirm-password'\n              style={{ display: 'block', marginBottom: '0.5rem' }}\n            >\n              {t('authentication:confirmPassword')}\n            </label>\n            <input\n              id='admin-signup-confirm-password'\n              type='password'\n              required\n              value={(methods.watch('confirmPassword') as string) ?? ''}\n              onChange={(e: any) => methods.setValue('confirmPassword', e.target.value)}\n              style={{ width: '100%', padding: '0.5rem' }}\n            />\n          </div>\n        </div>\n        <Button type='submit'>{t('general:create')}</Button>\n      </form>\n    </FormProvider>\n  );\n};\n\nexport const AdminSignupClient: React.FC<AdminSignupClientProps> = ({\n  adminInviteToken,\n  userSlug,\n  searchParams,\n  loginMethods,\n  loginWithUsername,\n  baseURL,\n  basePath,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n  } = useConfig();\n  const [requireEmailVerification, setRequireEmailVerification] = useState<boolean>(false);\n  const redirectUrl = getSafeRedirect((searchParams?.redirect as string) ?? '', adminRoute);\n  const setAdminRoleCallbackURL = `${serverURL}${apiRoute}/${userSlug}${adminEndpoints.setAdminRole}?token=${adminInviteToken}&redirect=${redirectUrl}`;\n\n  return (\n    <>\n      {loginMethods.includes('emailPassword') &&\n        (() => {\n          const props: any = {\n            adminInviteToken,\n            searchParams,\n            loginWithUsername,\n            requireEmailVerification,\n            setRequireEmailVerification,\n          };\n          if (baseURL) props.baseURL = baseURL;\n          if (basePath) props.basePath = basePath;\n          return <SignupForm {...props} />;\n        })()}\n      {!requireEmailVerification &&\n        (() => {\n          const props: any = {\n            isSignup: true,\n            loginMethods,\n            adminInviteToken,\n            setLoading: () => {},\n            redirectUrl,\n            newUserCallbackURL: setAdminRoleCallbackURL,\n          };\n          if (baseURL) props.baseURL = baseURL;\n          if (basePath) props.basePath = basePath;\n          return <AdminSocialProviderButtons {...props} />;\n        })()}\n    </>\n  );\n};\n"],"names":["adminEndpoints","AdminSocialProviderButtons","getSafeRedirect","zodResolver","Button","toast","useConfig","useTranslation","usernameClient","createAuthClient","React","useState","FormProvider","useForm","z","baseClass","SignupForm","searchParams","loginWithUsername","requireEmailVerification","setRequireEmailVerification","adminInviteToken","baseURL","basePath","config","routes","admin","adminRoute","t","redirectUrl","redirect","authClient","options","plugins","requireUsername","Boolean","requireConfirmPassword","emailRegex","signupSchema","object","name","string","min","email","refine","val","test","password","confirmPassword","optional","username","data","message","path","methods","defaultValues","resolver","mode","onSubmit","value","error","signUp","callbackURL","fetchOptions","query","code","token","user","emailVerified","success","div","className","style","textAlign","h1","p","form","handleSubmit","marginBottom","label","htmlFor","display","input","id","type","required","watch","onChange","e","setValue","target","autoComplete","width","padding","AdminSignupClient","userSlug","loginMethods","api","apiRoute","serverURL","setAdminRoleCallbackURL","setAdminRole","includes","props","isSignup","setLoading","newUserCallbackURL"],"mappings":"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"}

package/dist/better-auth/plugin/payload/views/admin-signup/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { AdminViewServerProps } from 'payload';
+import type { BetterAuthPluginOptions } from '../../../types';
+interface AdminSignupProps extends AdminViewServerProps {
+    adminInvitationsSlug: string;
+    pluginOptions: BetterAuthPluginOptions;
+}
+declare const AdminSignup: React.FC<AdminSignupProps>;
+export default AdminSignup;

package/dist/better-auth/plugin/payload/views/admin-signup/index.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { z } from "zod";
+// Logo component placeholder - using minimal logo for auth package
+const Logo = ({ i18n })=>/*#__PURE__*/ _jsx("div", {
+        style: {
+            textAlign: 'center',
+            marginBottom: '2rem'
+        },
+        children: /*#__PURE__*/ _jsx("h1", {
+            style: {
+                fontSize: '1.5rem',
+                fontWeight: 'bold'
+            },
+            children: i18n?.t('general:appName') || 'Admin'
+        })
+    });
+import { AdminSignupClient } from "./client";
+const FormHeader = ({ heading, description, style })=>/*#__PURE__*/ _jsxs("div", {
+        className: "form-header",
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                children: heading
+            }),
+            description && /*#__PURE__*/ _jsx("p", {
+                children: description
+            })
+        ]
+    });
+import { supportedBAPluginIds } from "@/better-auth/plugin/constants";
+import { checkPluginExists } from "@/better-auth/plugin/helpers/check-plugin-exists";
+import { MinimalTemplate } from "@payloadcms/next/templates";
+//  Avoid the need for custom styles
+const baseClass = 'login';
+const searchParamsSchema = z.object({
+    token: z.string()
+});
+const AdminSignup = async ({ initPageResult, params, searchParams, pluginOptions, adminInvitationsSlug })=>{
+    const { locale, permissions, req, req: { i18n, user, payload: { collections, config: { admin: { user: userSlug } } } } } = initPageResult;
+    const { success, data } = searchParamsSchema.safeParse(searchParams);
+    let hasInvalidToken = false;
+    if (!success) {
+        hasInvalidToken = true;
+    } else {
+        const { totalDocs: isValidInvite } = await req.payload.count({
+            collection: adminInvitationsSlug,
+            where: {
+                token: {
+                    equals: data.token
+                }
+            }
+        });
+        if (!isValidInvite) {
+            hasInvalidToken = true;
+        }
+    }
+    const loginMethods = pluginOptions.admin?.loginMethods ?? [];
+    const hasUsernamePlugin = checkPluginExists(pluginOptions.betterAuthOptions ?? {}, supportedBAPluginIds.username);
+    const loginWithUsername = collections?.[userSlug]?.config.auth.loginWithUsername;
+    const canLoginWithUsername = (hasUsernamePlugin && loginWithUsername) ?? false;
+    return /*#__PURE__*/ _jsxs(MinimalTemplate, {
+        className: `${baseClass} admin-signup`,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__brand admin-signup__brand`,
+                children: /*#__PURE__*/ _jsx(Logo, {
+                    i18n: i18n,
+                    locale: locale,
+                    params: params,
+                    payload: req.payload,
+                    permissions: permissions,
+                    searchParams: searchParams,
+                    user: user ?? undefined
+                })
+            }),
+            hasInvalidToken ? /*#__PURE__*/ _jsx(FormHeader, {
+                style: {
+                    textAlign: 'center'
+                },
+                heading: "Invalid or expired token",
+                description: "You need to get a new invite to sign up."
+            }) : data && (()=>{
+                const props = {
+                    adminInviteToken: data.token,
+                    userSlug,
+                    loginMethods,
+                    searchParams: searchParams ?? {},
+                    loginWithUsername: canLoginWithUsername
+                };
+                const baseURL = pluginOptions.betterAuthOptions?.baseURL;
+                const basePath = pluginOptions.betterAuthOptions?.basePath;
+                if (baseURL) props.baseURL = baseURL;
+                if (basePath) props.basePath = basePath;
+                return /*#__PURE__*/ _jsx(AdminSignupClient, {
+                    ...props
+                });
+            })()
+        ]
+    });
+};
+export default AdminSignup;
+
+//# sourceMappingURL=index.js.map

package/dist/better-auth/plugin/payload/views/admin-signup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/views/admin-signup/index.tsx"],"sourcesContent":["import React from 'react';\nimport { z } from 'zod';\n// Logo component placeholder - using minimal logo for auth package\nconst Logo = ({ i18n }: { i18n?: any; [key: string]: any }) => (\n  <div style={{ textAlign: 'center', marginBottom: '2rem' }}>\n    <h1 style={{ fontSize: '1.5rem', fontWeight: 'bold' }}>\n      {i18n?.t('general:appName') || 'Admin'}\n    </h1>\n  </div>\n);\nimport { AdminSignupClient } from './client';\nconst FormHeader = ({\n  heading,\n  description,\n  style,\n}: { heading: string; description?: string; style?: React.CSSProperties }) => (\n  <div className='form-header' style={style}>\n    <h1>{heading}</h1>\n    {description && <p>{description}</p>}\n  </div>\n);\nimport { supportedBAPluginIds } from '@/better-auth/plugin/constants';\nimport { checkPluginExists } from '@/better-auth/plugin/helpers/check-plugin-exists';\nimport { MinimalTemplate } from '@payloadcms/next/templates';\nimport type { AdminViewServerProps } from 'payload';\nimport type { BetterAuthPluginOptions } from '../../../types';\n\n//  Avoid the need for custom styles\nconst baseClass = 'login';\n\nconst searchParamsSchema = z.object({\n  token: z.string(),\n});\n\ninterface AdminSignupProps extends AdminViewServerProps {\n  adminInvitationsSlug: string;\n  pluginOptions: BetterAuthPluginOptions;\n}\n\nconst AdminSignup: React.FC<AdminSignupProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n  pluginOptions,\n  adminInvitationsSlug,\n}: AdminSignupProps) => {\n  const {\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      user,\n      payload: {\n        collections,\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult;\n\n  const { success, data } = searchParamsSchema.safeParse(searchParams);\n\n  let hasInvalidToken = false;\n  if (!success) {\n    hasInvalidToken = true;\n  } else {\n    const { totalDocs: isValidInvite } = await req.payload.count({\n      collection: adminInvitationsSlug as any,\n      where: { token: { equals: data.token } },\n    });\n    if (!isValidInvite) {\n      hasInvalidToken = true;\n    }\n  }\n\n  const loginMethods = pluginOptions.admin?.loginMethods ?? [];\n  const hasUsernamePlugin = checkPluginExists(\n    pluginOptions.betterAuthOptions ?? {},\n    supportedBAPluginIds.username\n  );\n  const loginWithUsername = (collections as any)?.[userSlug]?.config.auth.loginWithUsername;\n  const canLoginWithUsername = (hasUsernamePlugin && loginWithUsername) ?? false;\n\n  return (\n    <MinimalTemplate className={`${baseClass} admin-signup`}>\n      <div className={`${baseClass}__brand admin-signup__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={req.payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          user={user ?? undefined}\n        />\n      </div>\n      {hasInvalidToken ? (\n        <FormHeader\n          style={{ textAlign: 'center' }}\n          heading='Invalid or expired token'\n          description='You need to get a new invite to sign up.'\n        />\n      ) : (\n        data &&\n        (() => {\n          const props: any = {\n            adminInviteToken: data.token,\n            userSlug,\n            loginMethods,\n            searchParams: searchParams ?? {},\n            loginWithUsername: canLoginWithUsername,\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 <AdminSignupClient {...props} />;\n        })()\n      )}\n    </MinimalTemplate>\n  );\n};\n\nexport default AdminSignup;\n"],"names":["React","z","Logo","i18n","div","style","textAlign","marginBottom","h1","fontSize","fontWeight","t","AdminSignupClient","FormHeader","heading","description","className","p","supportedBAPluginIds","checkPluginExists","MinimalTemplate","baseClass","searchParamsSchema","object","token","string","AdminSignup","initPageResult","params","searchParams","pluginOptions","adminInvitationsSlug","locale","permissions","req","user","payload","collections","config","admin","userSlug","success","data","safeParse","hasInvalidToken","totalDocs","isValidInvite","count","collection","where","equals","loginMethods","hasUsernamePlugin","betterAuthOptions","username","loginWithUsername","auth","canLoginWithUsername","undefined","props","adminInviteToken","baseURL","basePath"],"mappings":"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"}

package/dist/better-auth/plugin/payload/views/forgot-password/client.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+type ForgotPasswordFormProps = {
+    baseURL?: string;
+    basePath?: string;
+};
+export declare const ForgotPasswordForm: FC<ForgotPasswordFormProps>;
+export {};

package/dist/better-auth/plugin/payload/views/forgot-password/client.js

@@ -0,0 +1,119 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { adminRoutes } from "@/better-auth/plugin/constants";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast, useConfig, useTranslation } from "@payloadcms/ui";
+import { createAuthClient } from "better-auth/react";
+import { useMemo, useState } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { z } from "zod";
+export const ForgotPasswordForm = ({ baseURL, basePath })=>{
+    const { t } = useTranslation();
+    const { config } = useConfig();
+    const adminRoute = config.routes.admin;
+    const [hasSubmitted, setHasSubmitted] = useState(false);
+    const authClient = useMemo(()=>{
+        const options = {};
+        if (baseURL) options.baseURL = baseURL;
+        if (basePath) options.basePath = basePath;
+        return createAuthClient(options);
+    }, []);
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    const forgotSchema = z.object({
+        email: z.string().refine((val)=>emailRegex.test(val), {
+            message: t('authentication:emailNotValid') ?? 'Invalid email'
+        })
+    });
+    const methods = useForm({
+        defaultValues: {
+            email: ''
+        },
+        resolver: zodResolver(forgotSchema),
+        mode: 'onSubmit'
+    });
+    const onSubmit = async (data)=>{
+        const { email } = data;
+        try {
+            const { data: responseData, error } = await authClient.forgetPassword({
+                email,
+                redirectTo: `${adminRoute}${adminRoutes.resetPassword}`
+            });
+            if (error) {
+                toast.error(error.message ?? t('authentication:emailNotValid') ?? 'Error');
+                return;
+            }
+            if (responseData?.status) {
+                setHasSubmitted(true);
+                toast.success('Successfully sent reset email.');
+            } else {
+                toast.error(t('general:error') ?? 'Server Error');
+            }
+        } catch (e) {
+            toast.error(t('general:error') || 'An unexpected error occurred');
+        }
+    };
+    if (hasSubmitted) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "form-header",
+            children: [
+                /*#__PURE__*/ _jsx("h1", {
+                    children: t('authentication:emailSent')
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    children: t('authentication:checkYourEmailForPasswordReset')
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(FormProvider, {
+        ...methods,
+        children: /*#__PURE__*/ _jsxs("form", {
+            onSubmit: methods.handleSubmit(onSubmit),
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "form-header",
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            children: t('authentication:forgotPassword')
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            children: t('authentication:forgotPasswordEmailInstructions')
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    style: {
+                        marginBottom: '1rem'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx("label", {
+                            htmlFor: "forgot-password-email",
+                            style: {
+                                display: 'block',
+                                marginBottom: '0.5rem'
+                            },
+                            children: t('general:email')
+                        }),
+                        /*#__PURE__*/ _jsx("input", {
+                            id: "forgot-password-email",
+                            type: "email",
+                            value: methods.watch('email') ?? '',
+                            onChange: (e)=>methods.setValue('email', e.target.value),
+                            autoComplete: "email",
+                            style: {
+                                width: '100%',
+                                padding: '0.5rem'
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    type: "submit",
+                    children: t('general:submit')
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=client.js.map

package/dist/better-auth/plugin/payload/views/forgot-password/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/better-auth/plugin/payload/views/forgot-password/client.tsx"],"sourcesContent":["'use client';\n\nimport { adminRoutes } from '@/better-auth/plugin/constants';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button, toast, useConfig, useTranslation } from '@payloadcms/ui';\nimport { createAuthClient } from 'better-auth/react';\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\ntype ForgotPasswordFormProps = {\n  baseURL?: string;\n  basePath?: string;\n};\n\nexport const ForgotPasswordForm: FC<ForgotPasswordFormProps> = ({ baseURL, basePath }) => {\n  const { t } = useTranslation();\n  const { config } = useConfig();\n  const adminRoute = config.routes.admin;\n  const [hasSubmitted, setHasSubmitted] = useState<boolean>(false);\n  const authClient = useMemo(() => {\n    const options: any = {};\n    if (baseURL) options.baseURL = baseURL;\n    if (basePath) options.basePath = basePath;\n    return createAuthClient(options);\n  }, []);\n\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  const forgotSchema = z.object({\n    email: z.string().refine((val: string) => emailRegex.test(val), {\n      message: t('authentication:emailNotValid') ?? 'Invalid email',\n    }),\n  });\n\n  const methods = useForm({\n    defaultValues: {\n      email: '',\n    },\n    resolver: zodResolver(forgotSchema),\n    mode: 'onSubmit',\n  });\n\n  const onSubmit = async (data: { email: string }) => {\n    const { email } = data;\n    try {\n      const { data: responseData, error } = await (authClient as any).forgetPassword({\n        email,\n        redirectTo: `${adminRoute}${adminRoutes.resetPassword}`,\n      });\n      if (error) {\n        toast.error(error.message ?? t('authentication:emailNotValid') ?? 'Error');\n        return;\n      }\n      if (responseData?.status) {\n        setHasSubmitted(true);\n        toast.success('Successfully sent reset email.');\n      } else {\n        toast.error(t('general:error') ?? 'Server Error');\n      }\n    } catch (e) {\n      toast.error(t('general:error') || 'An unexpected error occurred');\n    }\n  };\n\n  if (hasSubmitted) {\n    return (\n      <div className='form-header'>\n        <h1>{t('authentication:emailSent')}</h1>\n        <p>{t('authentication:checkYourEmailForPasswordReset')}</p>\n      </div>\n    );\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <form onSubmit={methods.handleSubmit(onSubmit)}>\n        <div className='form-header'>\n          <h1>{t('authentication:forgotPassword')}</h1>\n          <p>{t('authentication:forgotPasswordEmailInstructions')}</p>\n        </div>\n        <div style={{ marginBottom: '1rem' }}>\n          <label\n            htmlFor='forgot-password-email'\n            style={{ display: 'block', marginBottom: '0.5rem' }}\n          >\n            {t('general:email')}\n          </label>\n          <input\n            id='forgot-password-email'\n            type='email'\n            value={(methods.watch('email') as string) ?? ''}\n            onChange={(e: any) => methods.setValue('email', e.target.value)}\n            autoComplete='email'\n            style={{ width: '100%', padding: '0.5rem' }}\n          />\n        </div>\n        <Button type='submit'>{t('general:submit')}</Button>\n      </form>\n    </FormProvider>\n  );\n};\n"],"names":["adminRoutes","zodResolver","Button","toast","useConfig","useTranslation","createAuthClient","useMemo","useState","FormProvider","useForm","z","ForgotPasswordForm","baseURL","basePath","t","config","adminRoute","routes","admin","hasSubmitted","setHasSubmitted","authClient","options","emailRegex","forgotSchema","object","email","string","refine","val","test","message","methods","defaultValues","resolver","mode","onSubmit","data","responseData","error","forgetPassword","redirectTo","resetPassword","status","success","e","div","className","h1","p","form","handleSubmit","style","marginBottom","label","htmlFor","display","input","id","type","value","watch","onChange","setValue","target","autoComplete","width","padding"],"mappings":"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"}

package/dist/better-auth/plugin/payload/views/forgot-password/index.d.ts

@@ -0,0 +1,8 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+import type { BetterAuthPluginOptions } from '@/better-auth/plugin/types';
+type ForgotPasswordProps = AdminViewServerProps & {
+    pluginOptions: BetterAuthPluginOptions;
+};
+declare const ForgotPassword: React.FC<ForgotPasswordProps>;
+export default ForgotPassword;