import type { GetServerSidePropsContext } from "next"; import { signIn } from "next-auth/react"; import { useRouter } from "next/router"; import type { SubmitHandler } from "react-hook-form"; import { FormProvider, 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 { WEBAPP_URL } from "@calcom/lib/constants"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { collectPageParameters, telemetryEventTypes, useTelemetry } from "@calcom/lib/telemetry"; import prisma from "@calcom/prisma"; import type { inferSSRProps } from "@calcom/types/inferSSRProps"; import { Alert, Button, EmailField, HeadSeo, PasswordField, TextField } from "@calcom/ui"; import { asStringOrNull } from "../lib/asStringOrNull"; import { IS_GOOGLE_LOGIN_ENABLED } from "../server/lib/constants"; import { ssrInit } from "../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 telemetry = useTelemetry(); 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 () => { telemetry.event(telemetryEventTypes.signup, collectPageParameters()); await signIn<"credentials">("credentials", { ...data, callbackUrl: router.query.callbackUrl ? `${WEBAPP_URL}/${router.query.callbackUrl}` : `${WEBAPP_URL}/getting-started`, }); }) .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, }; if (process.env.NEXT_PUBLIC_DISABLE_SIGNUP === "true") { return { notFound: true, }; } // 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, }, }, }; };