Event listeners

We set up several event listeners so you can call back and customize everything.

1. When form back in stock show

document.addEventListener('globo.preorder.show.bis', e =>{
   const { form , type } = e.detail;
   // form => current element form 
   // type => back in stock HTML
});

2. When form back in stock hidden

document.addEventListener('globo.preorder.hidden.bis', e =>{
   const { form , type } = e.detail;
   // form => current element form 
});

3. When show preorder "Not available message"

document.addEventListener('globo.preorder.show.naMessage', e =>{
   const { form , profile } = e.detail;
   // form => current element form 
   // profile => current profile preorder apply not availabel message
});

4. When show coming soon preorder

document.addEventListener('globo.preorder.show.comingSoon', e =>{
   const { form , profile } = e.detail;
   // form => current element form 
   // profile => current profile preorder coming soon
});

5. When show coming soon product available

document.addEventListener('globo.preorder.show.comingSoonAtc', e =>{
   const { form , profile } = e.detail;
   // form => current element form 
   // profile => current profile coming soon
});

6. When show preorder

document.addEventListener('globo.preorder.show.preorder', e =>{
   const { form , profile } = e.detail;
   // form => current element form 
   // profile => current profile preorder active
});

7. When show payment options

document.addEventListener('globo.preorder.show.payment', e =>{
   const { form } = e.detail;
   // form => current element form 
});

8. When show add to cart - product normal

document.addEventListener('globo.preorder.show.addtocart', e =>{
   const { form } = e.detail;
   // form => current element form 
});

9. When app loaded

window.addEventListener('preorderRendered', e =>{
  // code here
});

10. When app show badge

document.addEventListener('globo.preorder.show.badge', e =>{
   const { imageWrapper } = e.detail;
   // code here
});
document.addEventListener('globo.preorder.show.comingSoonPreorderBadge', e =>{
   const { imageWrapper } = e.detail;
   // code here
});
document.addEventListener('globo.preorder.show.comingSoonAtcBadge', e =>{
   const { imageWrapper } = e.detail;
   // code here
});