Events

bundle:selected

When: A bundle card is clicked. Fires after the selection state is updated but before the cart write completes (in swap mode).

Payload:

bundle:selection-changed

When: Internal selection state is updated — fires on init, after a card click, and after cart-sync recovery.

Payload:

bundle:price-updated

When: A price fetch completes for a bundle card.

Payload:

Listening to Events

window.nextReady.push(() => {
  window.next.on('bundle:selection-changed', ({ selectorId, items }) => {
    console.log('Selected bundle:', selectorId, items);
  });

  window.next.on('bundle:price-updated', ({ selectorId }) => {
    console.log('Price updated for selector:', selectorId);
  });
});