import { GetServerSidePropsContext } from "next"; import { JSONObject } from "superjson/dist/types"; import { z } from "zod"; import { privacyFilteredLocations, LocationObject } from "@calcom/core/location"; import { parseRecurringEvent } from "@calcom/lib"; import { availiblityPageEventTypeSelect } from "@calcom/prisma"; import prisma from "@calcom/prisma"; import { getWorkingHours } from "@lib/availability"; import { GetBookingType } from "@lib/getBooking"; import { inferSSRProps } from "@lib/types/inferSSRProps"; import AvailabilityPage from "@components/booking/pages/AvailabilityPage"; import { ssrInit } from "@server/lib/ssr"; export type DynamicAvailabilityPageProps = inferSSRProps; export default function Type(props: DynamicAvailabilityPageProps) { return ; } Type.isThemeSupported = true; const querySchema = z.object({ link: z.string().optional().default(""), slug: z.string().optional().default(""), date: z.union([z.string(), z.null()]).optional().default(null), }); export const getServerSideProps = async (context: GetServerSidePropsContext) => { const ssr = await ssrInit(context); const { link, slug, date } = querySchema.parse(context.query); const hashedLink = await prisma.hashedLink.findUnique({ where: { link, }, select: { eventTypeId: true, eventType: { select: availiblityPageEventTypeSelect, }, }, }); const userId = hashedLink?.eventType.userId || hashedLink?.eventType.users[0]?.id; if (!userId) return { notFound: true, }; if (hashedLink?.eventType.slug !== slug) return { notFound: true, }; const users = await prisma.user.findMany({ where: { id: userId, }, select: { id: true, username: true, name: true, email: true, bio: true, avatar: true, startTime: true, endTime: true, timeZone: true, weekStart: true, availability: true, hideBranding: true, brandColor: true, darkBrandColor: true, defaultScheduleId: true, allowDynamicBooking: true, away: true, schedules: { select: { availability: true, timeZone: true, id: true, }, }, theme: true, plan: true, }, }); if (!users || !users.length) { return { notFound: true, }; } const locations = hashedLink.eventType.locations ? (hashedLink.eventType.locations as LocationObject[]) : []; const eventTypeObject = Object.assign({}, hashedLink.eventType, { metadata: {} as JSONObject, recurringEvent: parseRecurringEvent(hashedLink.eventType.recurringEvent), periodStartDate: hashedLink.eventType.periodStartDate?.toString() ?? null, periodEndDate: hashedLink.eventType.periodEndDate?.toString() ?? null, slug, locations: privacyFilteredLocations(locations), users: users.map((u) => ({ name: u.name, username: u.username, hideBranding: u.hideBranding, plan: u.plan, timeZone: u.timeZone, })), }); const [user] = users; const schedule = { ...user.schedules.filter( (schedule) => !user.defaultScheduleId || schedule.id === user.defaultScheduleId )[0], }; const timeZone = schedule.timeZone || user.timeZone; const workingHours = getWorkingHours( { timeZone, }, schedule.availability || user.availability ); eventTypeObject.schedule = null; eventTypeObject.availability = []; const booking: GetBookingType | null = null; const profile = { name: user.name || user.username, image: user.avatar, slug: user.username, theme: user.theme, weekStart: user.weekStart, brandColor: user.brandColor, darkBrandColor: user.darkBrandColor, }; return { props: { away: user.away, isDynamicGroup: false, profile, plan: user.plan, date, eventType: eventTypeObject, workingHours, trpcState: ssr.dehydrate(), previousPage: context.req.headers.referer ?? null, booking, users: [user.username], }, }; };