Retrieve the bookingId via the bookingSuccessful action when using React embed

[nckhell]

Hi,

We are using the React component to embed Cal.com's booking widget. We are also using the bookingSuccessful action to perform an action in our system when the booking was successful. However, we are not able to figure out whether it is possible to retrieve the actual bookingId via the bookingSuccessful action.

In the documentation we found the bookingSuccessful action gives access to the following data properties:

• confirmed - Whether confirmation from organizer is pending or not
• eventType - Object for Event Type that has been booked";
• date - Date of Event
• duration - Duration of booked Event
• organizer - Organizer details like name, timezone, email

However, none of these data properties list the bookingId which we would need in our setup.

Any help?

Thanks!

Code snippet

cal('on', {
  action: 'bookingSuccessful',
  callback: (e: { detail: { data: any } }) => {
    // `data` is properties for the event.
    const { data } = e.detail

    // `confirmed`: whether confirmation from organizer is pending or not
    // `eventType`: Object for Event Type that has been booked
    // `date`: date of Event
    const { confirmed, eventType, date } = data

    onBookingSuccessful({
      confirmed,
      eventType: eventType,
      date,
    })
  },
})

[nckhell]

@hariombalhara @PeerRich Bumping this discussion. Any advice or alternative route we could access the bookingId of the just created booking through the bookingSuccessful action?

[hariombalhara]

@nckhell There has been an addition of booking property recently, which should have the required information.