feat: Multiple Private links per Event Type

apps/web/lib/d/[link]/[slug]/getServerSideProps.tsx

@@ -127,6 +127,7 @@ async function getUserPageProps(context: GetServerSidePropsContext) {
         queryDuration,
         eventData.length
       ),
+      durationConfig: eventData.metadata?.multipleDuration ?? [],
       booking,
       user: name,
       slug,

apps/web/modules/event-types/views/event-types-listing-view.tsx

@@ -22,7 +22,6 @@ import { getTeamsFiltersFromQuery } from "@calcom/features/filters/lib/getTeamsF
 import Shell from "@calcom/features/shell/Shell";
 import { parseEventTypeColor } from "@calcom/lib";
 import { APP_NAME } from "@calcom/lib/constants";
-import { WEBSITE_URL } from "@calcom/lib/constants";
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import useMediaQuery from "@calcom/lib/hooks/useMediaQuery";
@@ -310,6 +309,7 @@ export const EventTypeList = ({
   const [deleteDialogTypeSchedulingType, setDeleteDialogSchedulingType] = useState<SchedulingType | null>(
     null
   );
+  const [privateLinkCopyIndices, setPrivateLinkCopyIndices] = useState<Record<string, number>>({});
   const utils = trpc.useUtils();
   const mutation = trpc.viewer.eventTypeOrder.useMutation({
     onError: async (err) => {
@@ -477,8 +477,11 @@ export const EventTypeList = ({
         {types.map((type, index) => {
           const embedLink = `${group.profile.slug}/${type.slug}`;
           const calLink = `${bookerUrl}/${embedLink}`;
-          const isPrivateURLEnabled = type.hashedLink?.link;
-          const placeholderHashedLink = `${WEBSITE_URL}/d/${type.hashedLink?.link}/${type.slug}`;
+          const isPrivateURLEnabled =
+            type.hashedLink && type.hashedLink.length > 0
+              ? type.hashedLink[privateLinkCopyIndices[type.slug] ?? 0]?.link
+              : "";
+          const placeholderHashedLink = `${bookerUrl}/d/${isPrivateURLEnabled}/${type.slug}`;
           const isManagedEventType = type.schedulingType === SchedulingType.MANAGED;
           const isChildrenManagedEventType =
             type.metadata?.managedEventConfig !== undefined && type.schedulingType !== SchedulingType.MANAGED;
@@ -567,6 +570,11 @@ export const EventTypeList = ({
                                     onClick={() => {
                                       showToast(t("private_link_copied"), "success");
                                       navigator.clipboard.writeText(placeholderHashedLink);
+                                      setPrivateLinkCopyIndices((prev) => {
+                                        const prevIndex = prev[type.slug] ?? 0;
+                                        prev[type.slug] = (prevIndex + 1) % type.hashedLink.length;
+                                        return prev;
+                                      });
                                     }}
                                   />
                                 </Tooltip>
@@ -814,6 +822,7 @@ export const InfiniteEventTypeList = ({
   const [deleteDialogTypeSchedulingType, setDeleteDialogSchedulingType] = useState<SchedulingType | null>(
     null
   );
+  const [privateLinkCopyIndices, setPrivateLinkCopyIndices] = useState<Record<string, number>>({});
 
   const utils = trpc.useUtils();
   const mutation = trpc.viewer.eventTypeOrder.useMutation({
@@ -1007,8 +1016,11 @@ export const InfiniteEventTypeList = ({
           return page?.eventTypes?.map((type, index) => {
             const embedLink = `${group.profile.slug}/${type.slug}`;
             const calLink = `${bookerUrl}/${embedLink}`;
-            const isPrivateURLEnabled = type.hashedLink?.link;
-            const placeholderHashedLink = `${WEBSITE_URL}/d/${type.hashedLink?.link}/${type.slug}`;
+            const isPrivateURLEnabled =
+              type.hashedLink && type.hashedLink.length > 0
+                ? type.hashedLink[privateLinkCopyIndices[type.slug] ?? 0]?.link
+                : "";
+            const placeholderHashedLink = `${bookerUrl}/d/${isPrivateURLEnabled}/${type.slug}`;
             const isManagedEventType = type.schedulingType === SchedulingType.MANAGED;
             const isChildrenManagedEventType =
               type.metadata?.managedEventConfig !== undefined &&
@@ -1108,6 +1120,11 @@ export const InfiniteEventTypeList = ({
                                       onClick={() => {
                                         showToast(t("private_link_copied"), "success");
                                         navigator.clipboard.writeText(placeholderHashedLink);
+                                        setPrivateLinkCopyIndices((prev) => {
+                                          const prevIndex = prev[type.slug] ?? 0;
+                                          prev[type.slug] = (prevIndex + 1) % type.hashedLink.length;
+                                          return prev;
+                                        });
                                       }}
                                     />
                                   </Tooltip>

apps/web/playwright/organization/organization-redirection.e2e.ts

@@ -147,9 +147,11 @@ test.describe("Unpublished Organization Redirection", () => {
         },
         data: {
           hashedLink: {
-            create: {
-              link: generateHashedLink(eventType.id),
-            },
+            create: [
+              {
+                link: generateHashedLink(eventType.id),
+              },
+            ],
           },
         },
         include: {
@@ -158,7 +160,7 @@ test.describe("Unpublished Organization Redirection", () => {
       });
 
       await doOnOrgDomain({ page, orgSlug }, async () => {
-        await page.goto(`/d/${privateEvent.hashedLink?.link}/${privateEvent.slug}`);
+        await page.goto(`/d/${privateEvent.hashedLink[0]?.link}/${privateEvent.slug}`);
 
         // Expect the empty screen, indicating the event is inaccessible.
         await expect(page.getByTestId("empty-screen")).toBeVisible();
@@ -180,9 +182,11 @@ test.describe("Unpublished Organization Redirection", () => {
         },
         data: {
           hashedLink: {
-            create: {
-              link: generateHashedLink(eventType.id),
-            },
+            create: [
+              {
+                link: generateHashedLink(eventType.id),
+              },
+            ],
           },
         },
         include: {
@@ -191,7 +195,7 @@ test.describe("Unpublished Organization Redirection", () => {
       });
 
       await doOnOrgDomain({ page, orgSlug }, async () => {
-        await page.goto(`/d/${privateEvent.hashedLink?.link}/${privateEvent.slug}?orgRedirection=true`);
+        await page.goto(`/d/${privateEvent.hashedLink[0]?.link}/${privateEvent.slug}?orgRedirection=true`);
 
         // Verify that the event page is visible.
         await expect(page.getByTestId("event-title")).toBeVisible();

apps/web/public/static/locales/en/common.json

@@ -876,12 +876,17 @@
   "copy_private_link": "Copy private link",
   "copy_private_link_to_event": "Copy private link to event",
   "private_link_description": "Generate a private URL to share without exposing your {{appName}} username",
+  "single_use_links_title": "Single Use Links",
+  "single_use_links_description": "Generate private URLs without exposing the username, which will be destroyed once used",
+  "add_a_single_use_link": "Add new link",
+  "single_use_link_copied": "Single use link copied",
   "invitees_can_schedule": "Invitees can schedule",
   "date_range": "Date Range",
   "calendar_days": "calendar days",
   "business_days": "business days",
   "set_address_place": "Set an address or place",
   "set_link_meeting": "Set a link to the meeting",
+  "managed_event_field_parent_control_disabled": "Can't be toggled. It can only be unlocked for child event types",
   "cal_invitee_phone_number_scheduling": "{{appName}} will ask your invitee to enter a phone number before scheduling.",
   "cal_provide_google_meet_location": "{{appName}} will provide a Google Meet location.",
   "cal_provide_zoom_meeting_url": "{{appName}} will provide a Zoom meeting URL.",

apps/web/test/lib/handleChildrenEventTypes.test.ts

@@ -40,8 +40,7 @@ describe("handleChildrenEventTypes", () => {
         children: [],
         updatedEventType: { schedulingType: null, slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -64,8 +63,7 @@ describe("handleChildrenEventTypes", () => {
         children: [],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -91,8 +89,7 @@ describe("handleChildrenEventTypes", () => {
         children: [],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -130,8 +127,7 @@ describe("handleChildrenEventTypes", () => {
         children: [{ hidden: false, owner: { id: 4, name: "", email: "", eventTypeSlugs: [] } }],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -184,8 +180,7 @@ describe("handleChildrenEventTypes", () => {
         children: [{ hidden: false, owner: { id: 4, name: "", email: "", eventTypeSlugs: [] } }],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: "somestring",
-        connectedLink: null,
+        singleUseLinks: ["somestring"],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {
@@ -200,8 +195,10 @@ describe("handleChildrenEventTypes", () => {
           scheduleId: null,
           lockTimeZoneToggleOnBookingPage: false,
           requiresBookerEmailVerification: false,
+          hashedLink: {
+            deleteMany: {},
+          },
           instantMeetingScheduleId: undefined,
-          hashedLink: { create: { link: expect.any(String) } },
         },
         where: {
           userId_parentId: {
@@ -224,8 +221,7 @@ describe("handleChildrenEventTypes", () => {
         children: [],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -250,8 +246,7 @@ describe("handleChildrenEventTypes", () => {
         ],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -290,8 +285,7 @@ describe("handleChildrenEventTypes", () => {
         children: [{ hidden: false, owner: { id: 4, name: "", email: "", eventTypeSlugs: ["something"] } }],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -305,12 +299,12 @@ describe("handleChildrenEventTypes", () => {
           durationLimits: undefined,
           recurringEvent: undefined,
           eventTypeColor: undefined,
-          hashedLink: undefined,
           instantMeetingScheduleId: undefined,
           lockTimeZoneToggleOnBookingPage: false,
           requiresBookerEmailVerification: false,
           userId: 4,
           workflows: undefined,
+          hashedLink: undefined,
         },
       });
       expect(result.newUserIds).toEqual([4]);
@@ -345,8 +339,7 @@ describe("handleChildrenEventTypes", () => {
         children: [{ hidden: false, owner: { id: 4, name: "", email: "", eventTypeSlugs: ["something"] } }],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {
@@ -358,6 +351,9 @@ describe("handleChildrenEventTypes", () => {
         data: {
           ...rest,
           locations: [],
+          hashedLink: {
+            deleteMany: {},
+          },
           lockTimeZoneToggleOnBookingPage: false,
           requiresBookerEmailVerification: false,
           instantMeetingScheduleId: undefined,
@@ -411,8 +407,7 @@ describe("handleChildrenEventTypes", () => {
         ],
         updatedEventType: { schedulingType: "MANAGED", slug: "something" },
         currentUserId: 1,
-        hashedLink: undefined,
-        connectedLink: null,
+        singleUseLinks: [],
         prisma: prismaMock,
         profileId: null,
         updatedValues: {},
@@ -424,7 +419,6 @@ describe("handleChildrenEventTypes", () => {
           durationLimits: undefined,
           recurringEvent: undefined,
           eventTypeColor: undefined,
-          hashedLink: undefined,
           instantMeetingScheduleId: undefined,
           locations: [],
           lockTimeZoneToggleOnBookingPage: false,
@@ -441,6 +435,7 @@ describe("handleChildrenEventTypes", () => {
           workflows: {
             create: [{ workflowId: 11 }],
           },
+          hashedLink: undefined,
         },
       });
       const { profileId, ...rest } = evType;
@@ -451,7 +446,9 @@ describe("handleChildrenEventTypes", () => {
           locations: [],
           lockTimeZoneToggleOnBookingPage: false,
           requiresBookerEmailVerification: false,
-          hashedLink: undefined,
+          hashedLink: {
+            deleteMany: {},
+          },
           instantMeetingScheduleId: undefined,
         },
         where: {

packages/features/bookings/lib/handleNewBooking.ts

@@ -1733,20 +1733,12 @@ async function handler(
     await handleWebhookTrigger({ subscriberOptions, eventTrigger, webhookData });
   }
 
-  // Avoid passing referencesToCreate with id unique constrain values
-  // refresh hashed link if used
-  const urlSeed = `${organizerUser.username}:${dayjs(reqBody.start).utc().format()}`;
-  const hashedUid = translator.fromUUID(uuidv5(urlSeed, uuidv5.URL));
-
   try {
-    if (hasHashedBookingLink) {
-      await prisma.hashedLink.update({
+    if (hasHashedBookingLink && reqBody.hashedLink) {
+      await prisma.hashedLink.delete({
         where: {
           link: reqBody.hashedLink as string,
         },
-        data: {
-          link: hashedUid,
-        },
       });
     }
   } catch (error) {