import type { DehydratedState } from "@tanstack/react-query"; import type { GetServerSideProps } from "next"; import { encode } from "querystring"; import type { z } from "zod"; import { orgDomainConfig } from "@calcom/features/ee/organizations/lib/orgDomains"; import { DEFAULT_DARK_BRAND_COLOR, DEFAULT_LIGHT_BRAND_COLOR } from "@calcom/lib/constants"; import { getUsernameList } from "@calcom/lib/defaultEvents"; import { getEventTypesPublic } from "@calcom/lib/event-types/getEventTypesPublic"; import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl"; import logger from "@calcom/lib/logger"; import { markdownToSafeHTML } from "@calcom/lib/markdownToSafeHTML"; import { safeStringify } from "@calcom/lib/safeStringify"; import { UserRepository } from "@calcom/lib/server/repository/user"; import { stripMarkdown } from "@calcom/lib/stripMarkdown"; import { RedirectType, type EventType, type User } from "@calcom/prisma/client"; import type { EventTypeMetaDataSchema } from "@calcom/prisma/zod-utils"; import type { UserProfile } from "@calcom/types/UserProfile"; import { getTemporaryOrgRedirect } from "@lib/getTemporaryOrgRedirect"; import type { EmbedProps } from "@lib/withEmbedSsr"; import { ssrInit } from "@server/lib/ssr"; const log = logger.getSubLogger({ prefix: ["[[pages/[user]]]"] }); export type UserPageProps = { trpcState: DehydratedState; profile: { name: string; image: string; theme: string | null; brandColor: string; darkBrandColor: string; organization: { requestedSlug: string | null; slug: string | null; id: number | null; } | null; allowSEOIndexing: boolean; username: string | null; }; users: (Pick & { profile: UserProfile; })[]; themeBasis: string | null; markdownStrippedBio: string; safeBio: string; entity: { logoUrl?: string | null; considerUnpublished: boolean; orgSlug?: string | null; name?: string | null; teamSlug?: string | null; }; eventTypes: ({ descriptionAsSafeHTML: string; metadata: z.infer; } & Pick< EventType, | "id" | "title" | "slug" | "length" | "hidden" | "lockTimeZoneToggleOnBookingPage" | "requiresConfirmation" | "requiresBookerEmailVerification" | "price" | "currency" | "recurringEvent" >)[]; } & EmbedProps; export const getServerSideProps: GetServerSideProps = async (context) => { const ssr = await ssrInit(context); const { currentOrgDomain, isValidOrgDomain } = orgDomainConfig(context.req, context.params?.orgSlug); const usernameList = getUsernameList(context.query.user as string); const isARedirectFromNonOrgLink = context.query.orgRedirection === "true"; const isOrgContext = isValidOrgDomain && !!currentOrgDomain; const dataFetchStart = Date.now(); if (!isOrgContext) { // If there is no org context, see if some redirect is setup due to org migration const redirect = await getTemporaryOrgRedirect({ slugs: usernameList, redirectType: RedirectType.User, eventTypeSlug: null, currentQuery: context.query, }); if (redirect) { return redirect; } } const usersInOrgContext = await UserRepository.findUsersByUsername({ usernameList, orgSlug: isValidOrgDomain ? currentOrgDomain : null, }); const isDynamicGroup = usersInOrgContext.length > 1; log.debug(safeStringify({ usersInOrgContext, isValidOrgDomain, currentOrgDomain, isDynamicGroup })); if (isDynamicGroup) { const destinationUrl = `/${usernameList.join("+")}/dynamic`; const originalQueryString = new URLSearchParams(context.query as Record).toString(); const destinationWithQuery = `${destinationUrl}?${originalQueryString}`; log.debug(`Dynamic group detected, redirecting to ${destinationUrl}`); return { redirect: { permanent: false, destination: destinationWithQuery, }, } as const; } const isNonOrgUser = (user: { profile: UserProfile }) => { return !user.profile?.organization; }; const isThereAnyNonOrgUser = usersInOrgContext.some(isNonOrgUser); if (!usersInOrgContext.length || (!isValidOrgDomain && !isThereAnyNonOrgUser)) { return { notFound: true, } as const; } const [user] = usersInOrgContext; //to be used when dealing with single user, not dynamic group const profile = { name: user.name || user.username || "", image: getUserAvatarUrl({ avatarUrl: user.avatarUrl, }), theme: user.theme, brandColor: user.brandColor ?? DEFAULT_LIGHT_BRAND_COLOR, avatarUrl: user.avatarUrl, darkBrandColor: user.darkBrandColor ?? DEFAULT_DARK_BRAND_COLOR, allowSEOIndexing: user.allowSEOIndexing ?? true, username: user.username, organization: user.profile.organization, }; const dataFetchEnd = Date.now(); if (context.query.log === "1") { context.res.setHeader("X-Data-Fetch-Time", `${dataFetchEnd - dataFetchStart}ms`); } const eventTypes = await getEventTypesPublic(user.id); // if profile only has one public event-type, redirect to it if (eventTypes.length === 1 && context.query.redirect !== "false") { // Redirect but don't change the URL const urlDestination = `/${user.profile.username}/${eventTypes[0].slug}`; const { query } = context; const urlQuery = new URLSearchParams(encode(query)); return { redirect: { permanent: false, destination: `${urlDestination}?${urlQuery}`, }, }; } const safeBio = markdownToSafeHTML(user.bio) || ""; const markdownStrippedBio = stripMarkdown(user?.bio || ""); const org = usersInOrgContext[0].profile.organization; return { props: { users: usersInOrgContext.map((user) => ({ name: user.name, username: user.username, bio: user.bio, avatarUrl: user.avatarUrl, verified: user.verified, profile: user.profile, })), entity: { ...(org?.logoUrl ? { logoUrl: org?.logoUrl } : {}), considerUnpublished: !isARedirectFromNonOrgLink && org?.slug === null, orgSlug: currentOrgDomain, name: org?.name ?? null, }, eventTypes, safeBio, profile, // Dynamic group has no theme preference right now. It uses system theme. themeBasis: user.username, trpcState: ssr.dehydrate(), markdownStrippedBio, }, }; };