Remove the Signup from /api and remove @calcom/ui dep (#201)

Also adds missing dependencies

auth/README.md

@@ -1,15 +0,0 @@
-# Signup for self-hosted EE
-
-In order to open the signup, please replace the contents of the file in
-
-`cal.com/apps/web/pages/auth/signup.tsx`
-
-with the contents of the new file provided here in the @calcom/api repo at the folder:
-`/auth/signup.tsx`
-
-Once you do, if you run your cal.com self-hosted instance and go to:
-`http://localhost:3000/auth/signup`
-
-You should see the signup page, and your users should be able to create new accounts.
-
-Please, keep in mind this will create git conflict resolutions if you try to git pull from main, where the signup.tsx file will still be different. We will find a better workaround for this soon in order to make it pain free.

auth/signup.tsx

@@ -1,182 +0,0 @@
-import { GetServerSidePropsContext } from "next";
-import { signIn } from "next-auth/react";
-import { useRouter } from "next/router";
-import { FormProvider, SubmitHandler, useForm } from "react-hook-form";
-
-import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { Alert } from "@calcom/ui/Alert";
-import Button from "@calcom/ui/Button";
-import { EmailField, PasswordField, TextField } from "@calcom/ui/form/fields";
-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 { isSAMLLoginEnabled } from "@calcom/web/lib/saml";
-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() {
-  const { t } = useLocale();
-  const router = useRouter();
-  const methods = useForm<FormValues>();
-  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<FormValues> = 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: (`${WEBAPP_URL}/${router.query.callbackUrl}` || "") as string,
-          })
-      )
-      .catch((err) => {
-        methods.setError("apiError", { message: err.message });
-      });
-  };
-
-  return (
-    <div
-      className="flex min-h-screen flex-col justify-center bg-gray-50 py-12 sm:px-6 lg:px-8"
-      aria-labelledby="modal-title"
-      role="dialog"
-      aria-modal="true">
-      <HeadSeo title={t("sign_up")} description={t("sign_up")} />
-      <div className="sm:mx-auto sm:w-full sm:max-w-md">
-        <h2 className="font-cal text-center text-3xl font-extrabold text-gray-900">
-          {t("create_your_account")}
-        </h2>
-      </div>
-      <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
-        <div className="mx-2 bg-white px-4 py-8 shadow sm:rounded-lg sm:px-10">
-          <FormProvider {...methods}>
-            <form onSubmit={methods.handleSubmit(signUp)} className="space-y-6 bg-white">
-              {errors.apiError && <Alert severity="error" message={errors.apiError?.message} />}
-              <div className="space-y-2">
-                <TextField
-                  addOnLeading={
-                    <span className="inline-flex items-center rounded-l-sm border border-r-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500">
-                      {process.env.NEXT_PUBLIC_WEBSITE_URL}/
-                    </span>
-                  }
-                  labelProps={{ className: "block text-sm font-medium text-gray-700" }}
-                  className="block w-full min-w-0 flex-grow rounded-none rounded-r-sm border-gray-300 lowercase focus:border-black focus:ring-black sm:text-sm"
-                  {...register("username")}
-                  required
-                />
-                <EmailField
-                  {...register("email")}
-                  className="mt-1 block w-full rounded-md border border-gray-300 bg-gray-100 px-3 py-2 shadow-sm focus:border-black focus:outline-none focus:ring-black sm:text-sm"
-                />
-                <PasswordField
-                  labelProps={{
-                    className: "block text-sm font-medium text-gray-700",
-                  }}
-                  {...register("password")}
-                  className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-black focus:outline-none focus:ring-black sm:text-sm"
-                />
-                <PasswordField
-                  label={t("confirm_password")}
-                  labelProps={{
-                    className: "block text-sm font-medium text-gray-700",
-                  }}
-                  {...register("passwordcheck", {
-                    validate: (value) =>
-                      value === methods.watch("password") || (t("error_password_mismatch") as string),
-                  })}
-                  className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-black focus:outline-none focus:ring-black sm:text-sm"
-                />
-              </div>
-              <div className="flex space-x-2 rtl:space-x-reverse">
-                <Button loading={isSubmitting} className="w-7/12 justify-center">
-                  {t("create_account")}
-                </Button>
-                <Button
-                  color="secondary"
-                  className="w-5/12 justify-center"
-                  onClick={() =>
-                    signIn("Cal.com", {
-                      callbackUrl: (`${WEBAPP_URL}/${router.query.callbackUrl}` || "") as string,
-                    })
-                  }>
-                  {t("login_instead")}
-                </Button>
-              </div>
-            </form>
-          </FormProvider>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export const getServerSideProps = async (ctx: GetServerSidePropsContext) => {
-  const ssr = await ssrInit(ctx);
-  const token = asStringOrNull(ctx.query.token);
-  if (token) {
-    const verificationToken = await prisma.verificationToken.findUnique({
-      where: {
-        token,
-      },
-    });
-    if (verificationToken) {
-      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: {
-      isGoogleLoginEnabled: IS_GOOGLE_LOGIN_ENABLED,
-      isSAMLLoginEnabled,
-      trpcState: ssr.dehydrate(),
-    },
-  };
-};

next.config.js

@@ -11,7 +11,6 @@ const withTM = require("next-transpile-modules")([
   "@calcom/lib",
   "@calcom/prisma",
   "@calcom/trpc",
-  "@calcom/ui",
 ]);
 const { withAxiom } = require("next-axiom");
 

package.json

@@ -27,6 +27,14 @@
   "dependencies": {
     "@calcom/prisma": "*",
     "@calcom/trpc": "*",
+    "@calcom/embed-core": "*",
+    "@calcom/app-store": "*",
+    "@calcom/core": "*",
+    "@calcom/dayjs": "*",
+    "@calcom/emails": "*",
+    "@calcom/embed-snippet": "*",
+    "@calcom/features": "*",
+    "@calcom/lib": "*",
     "@sentry/nextjs": "^6.19.7",
     "bcryptjs": "^2.4.3",
     "memory-cache": "^0.2.0",