Custom Product Builder Javascript Events List

CPB product was mounted:

document.body.addEventListener('CPB_ON_PRODUCT_MOUNTED', function(event) {...})

An option was updated:

document.body.addEventListener('CPB_ON_OPTIONS_UPDATE', function(event) {...})

An option was selected:

document.body.addEventListener('PRODUCT_BUILDER_OPTION_ACTIVATE', function(event) {...})

An option was deselected:

document.body.addEventListener('PRODUCT_BUILDER_OPTION_DEACTIVATE', function(event) {...})

Step changed:

document.body.addEventListener('CPB_ON_UPDATE_CURRENT_TAB', function(event) {...})

Stock chunk was loaded (bundle builder mode)

document.body.addEventListener('STOCK_CHUNK_LOADED', function(event) {...})

Stock was synchronized, options mounted:

document.body.addEventListener('STOCK_SYNCHRONIZED', function(event) {...})

View changed:

document.body.addEventListener('CPB_ON_UPDATE_CURRENT_VIEW', function(event) {...})

Konva is ready:

document.body.addEventListener('CPB_ON_KONVA_READY', function(event) {...})

Layer was rendered:

document.body.addEventListener('CPB_ON_RENDER_LAYERS', function(event) {...})

Before added to cart:

document.body.addEventListener('before-add-to-cart', function(event) {...})

Product was added to cart:

document.addEventListener('cpb-add-to-cart', function(event) {...})

$(document.body).on('PRODUCT_BUILDER_RESIZED'