chore: migrate /auth/forgot-password pages (calcom#18945)

Author: hbjORbj

.env.example

@@ -359,12 +359,6 @@ AB_TEST_BUCKET_PROBABILITY=50
 APP_ROUTER_APPS_SLUG_SETUP_ENABLED=0
 APP_ROUTER_APPS_ENABLED=0
 APP_ROUTER_TEAM_ENABLED=0
-APP_ROUTER_AUTH_FORGOT_PASSWORD_ENABLED=0
-APP_ROUTER_AUTH_LOGIN_ENABLED=0
-APP_ROUTER_AUTH_LOGOUT_ENABLED=0
-APP_ROUTER_AUTH_SAML_ENABLED=0
-APP_ROUTER_AUTH_PLATFORM_ENABLED=0
-APP_ROUTER_AUTH_OAUTH2_ENABLED=0
 
 # disable setry server source maps
 SENTRY_DISABLE_SERVER_WEBPACK_PLUGIN=1

apps/web/abTest/middlewareFactory.ts

@@ -6,12 +6,6 @@ import { FUTURE_ROUTES_ENABLED_COOKIE_NAME, FUTURE_ROUTES_OVERRIDE_COOKIE_NAME }
 
 const ROUTES: [URLPattern, boolean][] = [
   ["/apps/:slug/setup", process.env.APP_ROUTER_APPS_SLUG_SETUP_ENABLED === "1"] as const,
-  ["/auth/forgot-password/:path*", process.env.APP_ROUTER_AUTH_FORGOT_PASSWORD_ENABLED === "1"] as const,
-  ["/auth/login", process.env.APP_ROUTER_AUTH_LOGIN_ENABLED === "1"] as const,
-  ["/auth/logout", process.env.APP_ROUTER_AUTH_LOGOUT_ENABLED === "1"] as const,
-  ["/auth/saml-idp", process.env.APP_ROUTER_AUTH_SAML_ENABLED === "1"] as const,
-  ["/auth/platform/:path*", process.env.APP_ROUTER_AUTH_PLATFORM_ENABLED === "1"] as const,
-  ["/auth/oauth2/:path*", process.env.APP_ROUTER_AUTH_OAUTH2_ENABLED === "1"] as const,
   ["/team", process.env.APP_ROUTER_TEAM_ENABLED === "1"] as const,
 ].map(([pathname, enabled]) => [
   new URLPattern({

apps/web/app/(use-page-wrapper)/auth/forgot-password/[id]/page.tsx

@@ -0,0 +1,28 @@
+import { withAppDirSsr } from "app/WithAppDirSsr";
+import type { PageProps as ServerPageProps } from "app/_types";
+import { _generateMetadata } from "app/_utils";
+import { cookies, headers } from "next/headers";
+
+import { buildLegacyCtx } from "@lib/buildLegacyCtx";
+
+import { getServerSideProps } from "@server/lib/auth/forgot-password/[id]/getServerSideProps";
+
+import type { PageProps as ClientPageProps } from "~/auth/forgot-password/[id]/forgot-password-single-view";
+import SetNewUserPassword from "~/auth/forgot-password/[id]/forgot-password-single-view";
+
+export const generateMetadata = async () => {
+  return await _generateMetadata(
+    (t) => t("reset_password"),
+    (t) => t("change_your_password")
+  );
+};
+
+const getData = withAppDirSsr<ClientPageProps>(getServerSideProps);
+const ServerPage = async ({ params, searchParams }: ServerPageProps) => {
+  const context = buildLegacyCtx(headers(), cookies(), params, searchParams);
+  const props = await getData(context);
+
+  return <SetNewUserPassword {...props} />;
+};
+
+export default ServerPage;

apps/web/app/(use-page-wrapper)/auth/forgot-password/page.tsx

@@ -0,0 +1,33 @@
+import type { PageProps as ServerPageProps } from "app/_types";
+import { _generateMetadata } from "app/_utils";
+import { getCsrfToken } from "next-auth/react";
+import { cookies, headers } from "next/headers";
+import { redirect } from "next/navigation";
+
+import { getServerSession } from "@calcom/features/auth/lib/getServerSession";
+
+import { buildLegacyCtx } from "@lib/buildLegacyCtx";
+
+import ForgotPassword from "~/auth/forgot-password/forgot-password-view";
+
+export const generateMetadata = async () => {
+  return await _generateMetadata(
+    (t) => t("forgot_password"),
+    (t) => t("request_password_reset")
+  );
+};
+
+const ServerPage = async ({ params, searchParams }: ServerPageProps) => {
+  const context = buildLegacyCtx(headers(), cookies(), params, searchParams);
+  const session = await getServerSession({ req: context.req });
+
+  if (session) {
+    redirect("/");
+  }
+
+  const csrfToken = await getCsrfToken(context);
+
+  return <ForgotPassword csrfToken={csrfToken} />;
+};
+
+export default ServerPage;

apps/web/app/future/auth/forgot-password/[id]/page.tsx

@@ -9,13 +9,11 @@ import React from "react";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Button, EmailField } from "@calcom/ui";
 
-import { type inferSSRProps } from "@lib/types/inferSSRProps";
-
 import AuthContainer from "@components/ui/AuthContainer";
 
-import type { getServerSideProps } from "@server/lib/auth/forgot-password/getServerSideProps";
-
-export type PageProps = inferSSRProps<typeof getServerSideProps>;
+export type PageProps = {
+  csrfToken?: string;
+};
 
 export default function ForgotPassword(props: PageProps) {
   const csrfToken = "csrfToken" in props ? (props.csrfToken as string) : undefined;

apps/web/app/future/auth/forgot-password/page.tsx

@@ -7,12 +7,6 @@ checkRoute () {
 # These conditionals are used to remove directories from the build that are not needed in production
 # This is to reduce the size of the build and prevent OOM errors
 checkRoute "$APP_ROUTER_APPS_SLUG_SETUP_ENABLED" app/future/apps/\[slug\]/setup
-checkRoute "$APP_ROUTER_AUTH_FORGOT_PASSWORD_ENABLED" app/future/auth/forgot-password
-checkRoute "$APP_ROUTER_AUTH_LOGIN_ENABLED" app/future/auth/login
-checkRoute "$APP_ROUTER_AUTH_LOGOUT_ENABLED" app/future/auth/logout
-checkRoute "$APP_ROUTER_AUTH_SAML_ENABLED" app/future/auth/saml-idp
-checkRoute "$APP_ROUTER_AUTH_PLATFORM_ENABLED" app/future/auth/platform
-checkRoute "$APP_ROUTER_AUTH_OAUTH2_ENABLED" app/future/auth/oauth2
 checkRoute "$APP_ROUTER_TEAM_ENABLED" app/future/team
 
 # These are routes that don't have and environment variable to enable or disable them

apps/web/modules/auth/forgot-password/forgot-password-view.tsx

@@ -241,12 +241,6 @@
     "ANALYZE",
     "API_KEY_PREFIX",
     "APP_ROUTER_APPS_SLUG_SETUP_ENABLED",
-    "APP_ROUTER_AUTH_FORGOT_PASSWORD_ENABLED",
-    "APP_ROUTER_AUTH_LOGIN_ENABLED",
-    "APP_ROUTER_AUTH_LOGOUT_ENABLED",
-    "APP_ROUTER_AUTH_SAML_ENABLED",
-    "APP_ROUTER_AUTH_PLATFORM_ENABLED",
-    "APP_ROUTER_AUTH_OAUTH2_ENABLED",
     "APP_ROUTER_TEAM_ENABLED",
     "APP_USER_NAME",
     "BASECAMP3_CLIENT_ID",