From 5918e66cc56b3a36c1e7205c7fc00eaad50dece8 Mon Sep 17 00:00:00 2001 From: Hariom Balhara Date: Fri, 12 Dec 2025 19:11:15 +0530 Subject: [PATCH] docs: link embed events to help center to avoid duplicate maintenance (#25811) Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> --- .../developing/guides/embeds/embed-events.mdx | 45 +++---------------- 1 file changed, 5 insertions(+), 40 deletions(-) diff --git a/docs/developing/guides/embeds/embed-events.mdx b/docs/developing/guides/embeds/embed-events.mdx index bdee46d757..1d15fa8c27 100644 --- a/docs/developing/guides/embeds/embed-events.mdx +++ b/docs/developing/guides/embeds/embed-events.mdx @@ -2,49 +2,14 @@ title: Embed Events --- -## Actions + +For comprehensive documentation on embed events including usage examples and all available events, please refer to the [Cal.com Help Center - Embed Events](https://cal.com/help/embedding/embed-events). + -You can listen to an action that occurs in embedded cal link as follows. You can think of them as DOM events. We are avoiding the term "events" to not confuse it with Cal Events. - -```js - -``` - -## Following are the list of supported actions. - -Event payloads may evolve over time. For the most reliable integration, you can listen to `action: "*"` to receive all events and inspect `e.detail.type` and `e.detail.data` at runtime. - -### Public Events - -These events are intended for external use and provide information about user interactions and booking lifecycle. - -| Action | Description | Properties | -|----------------------------|-------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------| -| eventTypeSelected | When user chooses an event-type from the listing. | `eventType: object` // Event Type that has been selected | -| bookingSuccessfulV2 | When a booking is successfully created. It might not be confirmed. | `uid: string` // Booking unique identifier
`title: string` // Booking title
`startTime: string` // Booking start time
`endTime: string` // Booking end time
`eventTypeId: number` // Event type ID
`status: string` // Booking status
`paymentRequired: boolean` // Whether payment is required
`isRecurring: boolean` // Whether this is a recurring booking
`allBookings: array` // For recurring bookings, array of all booking times
`videoCallUrl: string` // Video call URL if available | -| rescheduleBookingSuccessfulV2 | When a booking is successfully rescheduled. | Same properties as `bookingSuccessfulV2` | -| dryRunBookingSuccessfulV2 | When a dry run booking is successfully created (test mode). | Same properties as `bookingSuccessfulV2` (without `uid`) | -| dryRunRescheduleBookingSuccessfulV2 | When a dry run reschedule is successful (test mode). | Same properties as `bookingSuccessfulV2` (without `uid`) | -| bookingCancelled | When a booking is cancelled. | `booking: object` // Booking details including cancellationReason
`organizer: object` // Organizer details (name, email, timeZone)
`eventType: object` // Event type details | -| availabilityLoaded | When availability slots are successfully loaded. | `eventId: number` // Event type ID
`eventSlug: string` // Event type slug | -| routed | When a routing form routes to an action (event type, external URL, or custom page). | `actionType: string` // Type of action: "customPageMessage", "externalRedirectUrl", or "eventTypeRedirectUrl"
`actionValue: string` // The value/URL of the action | -| navigatedToBooker | When user navigates to the booker interface. | None | -| linkReady | Tells that the link is ready to be shown now. | None | -| linkFailed | Fired if link fails to load. | `code: string` // Error Code
`msg: string` // Human Readable message
`data: object` // More details to debug the error (includes url) | - -### Internal Events +## Internal Events These events are used internally by the embed system for communication between the iframe and parent window. They are prefixed with `__` and are not intended for external use. + | Action | Description | Properties | |----------------------|-------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------| | __iframeReady | Fired when the embedded iframe is ready to communicate with parent snippet. | `isPrerendering: boolean` // Whether the iframe is in prerender mode |