import type { GetServerSidePropsContext } from "next"; import { signIn } from "next-auth/react"; import { useRouter } from "next/router"; import { FormProvider, SubmitHandler, useForm } from "react-hook-form"; import LicenseRequired from "@calcom/features/ee/common/components/v2/LicenseRequired"; import { isSAMLLoginEnabled } from "@calcom/features/ee/sso/lib/saml"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { inferSSRProps } from "@calcom/types/inferSSRProps"; import { Alert } from "@calcom/ui/Alert"; import { Button } from "@calcom/ui/components/button"; import { EmailField, PasswordField, TextField } from "@calcom/ui/components/form"; import { HeadSeo } from "@calcom/web/components/seo/head-seo"; import { asStringOrNull } from "@calcom/web/lib/asStringOrNull"; import { WEBAPP_URL } from "@calcom/web/lib/config/constants"; import prisma from "@calcom/web/lib/prisma"; import { IS_GOOGLE_LOGIN_ENABLED } from "@calcom/web/server/lib/constants"; import { ssrInit } from "@calcom/web/server/lib/ssr"; type FormValues = { username: string; email: string; password: string; passwordcheck: string; apiError: string; }; export default function Signup({ prepopulateFormValues }: inferSSRProps) { const { t } = useLocale(); const router = useRouter(); const methods = useForm({ defaultValues: prepopulateFormValues, }); const { register, formState: { errors, isSubmitting }, } = methods; const handleErrors = async (resp: Response) => { if (!resp.ok) { const err = await resp.json(); throw new Error(err.message); } }; const signUp: SubmitHandler = async (data) => { await fetch("/api/auth/signup", { body: JSON.stringify({ ...data, }), headers: { "Content-Type": "application/json", }, method: "POST", }) .then(handleErrors) .then(async () => { await signIn("Cal.com", { callbackUrl: router.query.callbackUrl ? `${WEBAPP_URL}/${router.query.callbackUrl}` : WEBAPP_URL, }); }) .catch((err) => { methods.setError("apiError", { message: err.message }); }); }; return (

{t("create_your_account")}

{errors.apiError && }
value === methods.watch("password") || (t("error_password_mismatch") as string), })} />
); } export const getServerSideProps = async (ctx: GetServerSidePropsContext) => { const ssr = await ssrInit(ctx); const token = asStringOrNull(ctx.query.token); const props = { isGoogleLoginEnabled: IS_GOOGLE_LOGIN_ENABLED, isSAMLLoginEnabled, trpcState: ssr.dehydrate(), prepopulateFormValues: undefined, }; // no token given, treat as a normal signup without verification token if (!token) { return { props: JSON.parse(JSON.stringify(props)), }; } const verificationToken = await prisma.verificationToken.findUnique({ where: { token, }, }); if (!verificationToken || verificationToken.expires < new Date()) { return { notFound: true, }; } const existingUser = await prisma.user.findFirst({ where: { AND: [ { email: verificationToken?.identifier, }, { emailVerified: { not: null, }, }, ], }, }); if (existingUser) { return { redirect: { permanent: false, destination: "/auth/login?callbackUrl=" + `${WEBAPP_URL}/${ctx.query.callbackUrl}`, }, }; } return { props: { ...props, prepopulateFormValues: { email: verificationToken.identifier, }, }, }; };