document.addEventListener('ventrata-order-created',
   (event) => {
      alert(`ventrata order created with ID :${event.detail.id}`)
    }
  )

document.addEventListener('ventrata-order-updated',
   (event) => {
      alert(`ventrata order with ID :${event.detail.id} was updated`)
    }
  )

document.addEventListener('ventrata-order-confirmed',
   (event) => {
      alert(`ventrata order with ID :${event.detail.id} was successfully paid`)
    }
  )

document.addEventListener('ventrata-order-expired',
   (event)=>{
      alert(`ventrata order with ID:${event.detail.id} expired`)
   }
 )

document.addEventListener('ventrata-booking-created',
   (event) => {
      alert(`ventrata booking created with ID :${event.detail.id}`)
    }
  )

 document.addEventListener('ventrata-booking-updated',
    (event) => {
       alert(`ventrata booking updated with ID :${event.detail.id}`)
    }
  )

document.addEventListener('ventrata-booking-removed',
   (event) => {
      alert(`ventrata booking removed with ID :${event.detail.id}`)
    }
  )

document.addEventListener('ventrata-bottom-bar-visibility',
   (event) => {
      alert(`bottom bar visibility is ${event.detail.visible}`)
   }
 )