Eventos personalizados

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-checkout-closed',    
(event) => {
       alert(`pop-up is closed`)
    }
  )

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

document.addEventListener('ventrata-open-external-cart',
     ({detail: {id}}) =>
          alert(`order ${id} created and flow is finished, now you can simulate redirect`
    )
 )