* Extracted UI related logic on the DatePicker, stripped out all logic * wip * fixed small regression due to merge * Fix alignment of the chevrons * Added isToday dot, added onMonthChange so we can fetch this month slots * Added includedDates to inverse excludedDates * removed trpcState * Improvements to the state * All params are now dynamic * This builds the flat map so not all paths block on every new build * Added requiresConfirmation * Correctly take into account getFilteredTimes to make the calendar function * Rewritten team availability, seems to work * Circumvent i18n flicker by showing the loader instead * 'You can remove this code. Its not being used now' - Hariom * Nailed a persistent little bug, new Date() caused the current day to flicker on and off * TS fixes * Fix some eventType details in AvailableTimes * '5 / 6 Seats Available' instead of '6 / Seats Available' * More type fixes * Removed unrelated merge artifact * Use WEBAPP_URL instead of hardcoded * Next round of TS fixes * I believe this was mistyped * Temporarily disabled rescheduling 'this is when you originally scheduled', so removed dep * Sorting some dead code * This page has a lot of red, not all related to this PR * A PR to your PR (#3067) * Cleanup * Cleanup * Uses zod to parse params * Type fixes * Fixes ISR * E2E fixes * Disabled dynamic bookings until post v1.7 * More test fixes * Fixed border position (transparent border) to prevent dot from jumping - and possibly fix spacing * Disabled style nitpicks * Delete useSlots.ts Removed early design artifact * Unlock DatePicker locale * Adds mini spinner to DatePicker Co-authored-by: Peer Richelsen <peeroke@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: zomars <zomars@me.com>
154 lines
4.3 KiB
TypeScript
154 lines
4.3 KiB
TypeScript
import { Prisma } from "@prisma/client";
|
|
import dayjs, { Dayjs } from "dayjs";
|
|
import { z } from "zod";
|
|
|
|
import { getWorkingHours } from "@calcom/lib/availability";
|
|
import { HttpError } from "@calcom/lib/http-error";
|
|
import prisma, { availabilityUserSelect } from "@calcom/prisma";
|
|
import { stringToDayjs } from "@calcom/prisma/zod-utils";
|
|
|
|
import { getBusyTimes } from "./getBusyTimes";
|
|
|
|
const availabilitySchema = z
|
|
.object({
|
|
dateFrom: stringToDayjs,
|
|
dateTo: stringToDayjs,
|
|
eventTypeId: z.number().optional(),
|
|
timezone: z.string().optional(),
|
|
username: z.string().optional(),
|
|
userId: z.number().optional(),
|
|
})
|
|
.refine((data) => !!data.username || !!data.userId, "Either username or userId should be filled in.");
|
|
|
|
const getEventType = (id: number) =>
|
|
prisma.eventType.findUnique({
|
|
where: { id },
|
|
select: {
|
|
id: true,
|
|
seatsPerTimeSlot: true,
|
|
timeZone: true,
|
|
schedule: {
|
|
select: {
|
|
availability: true,
|
|
timeZone: true,
|
|
},
|
|
},
|
|
availability: {
|
|
select: {
|
|
startTime: true,
|
|
endTime: true,
|
|
days: true,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
type EventType = Awaited<ReturnType<typeof getEventType>>;
|
|
|
|
const getUser = (where: Prisma.UserWhereUniqueInput) =>
|
|
prisma.user.findUnique({
|
|
where,
|
|
select: availabilityUserSelect,
|
|
});
|
|
|
|
type User = Awaited<ReturnType<typeof getUser>>;
|
|
|
|
export const getCurrentSeats = (eventTypeId: number, dateFrom: Dayjs, dateTo: Dayjs) =>
|
|
prisma.booking.findMany({
|
|
where: {
|
|
eventTypeId,
|
|
startTime: {
|
|
gte: dateFrom.format(),
|
|
lte: dateTo.format(),
|
|
},
|
|
},
|
|
select: {
|
|
uid: true,
|
|
startTime: true,
|
|
_count: {
|
|
select: {
|
|
attendees: true,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export type CurrentSeats = Awaited<ReturnType<typeof getCurrentSeats>>;
|
|
|
|
export async function getUserAvailability(
|
|
query: {
|
|
username?: string;
|
|
userId?: number;
|
|
dateFrom: string;
|
|
dateTo: string;
|
|
eventTypeId?: number;
|
|
timezone?: string;
|
|
},
|
|
initialData?: {
|
|
user?: User;
|
|
eventType?: EventType;
|
|
currentSeats?: CurrentSeats;
|
|
}
|
|
) {
|
|
const { username, userId, dateFrom, dateTo, eventTypeId, timezone } = availabilitySchema.parse(query);
|
|
|
|
if (!dateFrom.isValid() || !dateTo.isValid())
|
|
throw new HttpError({ statusCode: 400, message: "Invalid time range given." });
|
|
|
|
const where: Prisma.UserWhereUniqueInput = {};
|
|
if (username) where.username = username;
|
|
if (userId) where.id = userId;
|
|
|
|
let user: User | null = initialData?.user || null;
|
|
if (!user) user = await getUser(where);
|
|
if (!user) throw new HttpError({ statusCode: 404, message: "No user found" });
|
|
|
|
let eventType: EventType | null = initialData?.eventType || null;
|
|
if (!eventType && eventTypeId) eventType = await getEventType(eventTypeId);
|
|
|
|
/* Current logic is if a booking is in a time slot mark it as busy, but seats can have more than one attendee so grab
|
|
current bookings with a seats event type and display them on the calendar, even if they are full */
|
|
let currentSeats: CurrentSeats | null = initialData?.currentSeats || null;
|
|
if (!currentSeats && eventType?.seatsPerTimeSlot)
|
|
currentSeats = await getCurrentSeats(eventType.id, dateFrom, dateTo);
|
|
|
|
const { selectedCalendars, ...currentUser } = user;
|
|
|
|
const busyTimes = await getBusyTimes({
|
|
credentials: currentUser.credentials,
|
|
startTime: dateFrom.toISOString(),
|
|
endTime: dateTo.toISOString(),
|
|
eventTypeId,
|
|
userId: currentUser.id,
|
|
selectedCalendars,
|
|
});
|
|
|
|
const bufferedBusyTimes = busyTimes.map((a) => ({
|
|
start: dayjs(a.start).subtract(currentUser.bufferTime, "minute").toISOString(),
|
|
end: dayjs(a.end).add(currentUser.bufferTime, "minute").toISOString(),
|
|
}));
|
|
|
|
const schedule = eventType?.schedule
|
|
? { ...eventType?.schedule }
|
|
: {
|
|
...currentUser.schedules.filter(
|
|
(schedule) => !currentUser.defaultScheduleId || schedule.id === currentUser.defaultScheduleId
|
|
)[0],
|
|
};
|
|
|
|
const timeZone = timezone || schedule?.timeZone || eventType?.timeZone || currentUser.timeZone;
|
|
|
|
const workingHours = getWorkingHours(
|
|
{ timeZone },
|
|
schedule.availability ||
|
|
(eventType?.availability.length ? eventType.availability : currentUser.availability)
|
|
);
|
|
|
|
return {
|
|
busy: bufferedBusyTimes,
|
|
timeZone,
|
|
workingHours,
|
|
currentSeats,
|
|
};
|
|
}
|