* 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>
177 lines
4.4 KiB
TypeScript
177 lines
4.4 KiB
TypeScript
import type { EventTypeCustomInput } from "@prisma/client";
|
|
import { PeriodType, Prisma, SchedulingType, UserPlan } from "@prisma/client";
|
|
|
|
import { baseUserSelect } from "@calcom/prisma/selects";
|
|
|
|
const userSelectData = Prisma.validator<Prisma.UserArgs>()({ select: baseUserSelect });
|
|
type User = Prisma.UserGetPayload<typeof userSelectData>;
|
|
|
|
const availability = [
|
|
{
|
|
days: [1, 2, 3, 4, 5],
|
|
startTime: new Date().getTime(),
|
|
endTime: new Date().getTime(),
|
|
date: new Date(),
|
|
scheduleId: null,
|
|
},
|
|
];
|
|
|
|
type UsernameSlugLinkProps = {
|
|
users: {
|
|
id?: number;
|
|
username: string | null;
|
|
email?: string;
|
|
name?: string | null;
|
|
bio?: string | null;
|
|
avatar?: string | null;
|
|
theme?: string | null;
|
|
plan?: UserPlan;
|
|
away?: boolean;
|
|
verified?: boolean | null;
|
|
allowDynamicBooking?: boolean | null;
|
|
}[];
|
|
slug: string;
|
|
};
|
|
|
|
const customInputs: EventTypeCustomInput[] = [];
|
|
|
|
const commons = {
|
|
isDynamic: true,
|
|
periodCountCalendarDays: true,
|
|
periodStartDate: null,
|
|
periodEndDate: null,
|
|
beforeEventBuffer: 0,
|
|
afterEventBuffer: 0,
|
|
periodType: PeriodType.UNLIMITED,
|
|
periodDays: null,
|
|
slotInterval: null,
|
|
locations: [{ type: "integrations:daily" }],
|
|
customInputs,
|
|
disableGuests: true,
|
|
minimumBookingNotice: 120,
|
|
schedule: null,
|
|
timeZone: null,
|
|
successRedirectUrl: "",
|
|
availability: [],
|
|
price: 0,
|
|
currency: "usd",
|
|
schedulingType: SchedulingType.COLLECTIVE,
|
|
seatsPerTimeSlot: null,
|
|
id: 0,
|
|
metadata: {
|
|
smartContractAddress: "",
|
|
},
|
|
isWeb3Active: false,
|
|
hideCalendarNotes: false,
|
|
recurringEvent: null,
|
|
destinationCalendar: null,
|
|
team: null,
|
|
requiresConfirmation: false,
|
|
hidden: false,
|
|
userId: 0,
|
|
users: [
|
|
{
|
|
id: 0,
|
|
plan: UserPlan.PRO,
|
|
email: "jdoe@example.com",
|
|
name: "John Doe",
|
|
username: "jdoe",
|
|
avatar: "",
|
|
hideBranding: true,
|
|
timeZone: "",
|
|
destinationCalendar: null,
|
|
credentials: [],
|
|
bufferTime: 0,
|
|
locale: "en",
|
|
theme: null,
|
|
brandColor: "#292929",
|
|
darkBrandColor: "#fafafa",
|
|
availability: [],
|
|
selectedCalendars: [],
|
|
startTime: 0,
|
|
endTime: 0,
|
|
schedules: [],
|
|
defaultScheduleId: null,
|
|
} as User,
|
|
],
|
|
};
|
|
|
|
const min15Event = {
|
|
length: 15,
|
|
slug: "15",
|
|
title: "15min",
|
|
eventName: "Dynamic Collective 15min Event",
|
|
description: "Dynamic Collective 15min Event",
|
|
...commons,
|
|
};
|
|
const min30Event = {
|
|
length: 30,
|
|
slug: "30",
|
|
title: "30min",
|
|
eventName: "Dynamic Collective 30min Event",
|
|
description: "Dynamic Collective 30min Event",
|
|
...commons,
|
|
};
|
|
const min60Event = {
|
|
length: 60,
|
|
slug: "60",
|
|
title: "60min",
|
|
eventName: "Dynamic Collective 60min Event",
|
|
description: "Dynamic Collective 60min Event",
|
|
...commons,
|
|
};
|
|
|
|
const defaultEvents = [min15Event, min30Event, min60Event];
|
|
|
|
export const getDynamicEventDescription = (dynamicUsernames: string[], slug: string): string => {
|
|
return `Book a ${slug} min event with ${dynamicUsernames.join(", ")}`;
|
|
};
|
|
|
|
export const getDynamicEventName = (dynamicNames: string[], slug: string): string => {
|
|
const lastUser = dynamicNames.pop();
|
|
return `Dynamic Collective ${slug} min event with ${dynamicNames.join(", ")} & ${lastUser}`;
|
|
};
|
|
|
|
export const getDefaultEvent = (slug: string) => {
|
|
const event = defaultEvents.find((obj) => {
|
|
return obj.slug === slug;
|
|
});
|
|
return event || min15Event;
|
|
};
|
|
|
|
export const getGroupName = (usernameList: string[]): string => {
|
|
return usernameList.join(", ");
|
|
};
|
|
|
|
export const getUsernameSlugLink = ({ users, slug }: UsernameSlugLinkProps): string => {
|
|
let slugLink = ``;
|
|
if (users.length > 1) {
|
|
const combinedUsername = users.map((user) => user.username).join("+");
|
|
slugLink = `/${combinedUsername}/${slug}`;
|
|
} else {
|
|
slugLink = `/${users[0].username}/${slug}`;
|
|
}
|
|
return slugLink;
|
|
};
|
|
|
|
const arrayCast = (value: unknown | unknown[]) => {
|
|
return Array.isArray(value) ? value : value ? [value] : [];
|
|
};
|
|
|
|
export const getUsernameList = (users: string | string[] | undefined): string[] => {
|
|
// Multiple users can come in case of a team round-robin booking and in that case dynamic link won't be a user.
|
|
// So, even though this code handles even if individual user is dynamic link, that isn't a possibility right now.
|
|
users = arrayCast(users);
|
|
|
|
const allUsers = users.map((user) =>
|
|
user
|
|
.toLowerCase()
|
|
.replace(/( |%20)/g, "+")
|
|
.split("+")
|
|
);
|
|
|
|
return Array.prototype.concat(...allUsers);
|
|
};
|
|
|
|
export default defaultEvents;
|