New Widget Simulator

Here you can simulate how the widget is gonna look like in your website

Widget
HTML

index.html
<!DOCTYPE html> 
<html lang="es"> 
    <head> 
        <title>Onebox Widget v2 Test</title> 
        <script type="module" src="https://widget.oneboxtds.net/widget-sdk-v1.js">
        </script>
        <script>
            window.addEventListener('DOMContentLoaded', () => {
                //Widget events
                onebox.widget.getModule('core').onOrderChange(e => console.log('order', e));
                onebox.widget.getModule('core').onOrderExpired(e => console.log('order expired', e));
                onebox.widget.getModule('viewer').onElementClick(e => console.log('click', e));

                applyConfig();
            });

            function applyConfig() {
                window.onebox.widget.init({
                    channelId: 1752,
                    sessionId: 509945,
                    lang: 'es-ES',
                    orderId: null,
                    releaseBasketItems: false
                });
            }
        </script>
    </head> 
    <body> 
        <ob-widget-seats-selection
		 with-summary
		 with-summary-promos>
        </ob-widget-seats-selection>
    </body> 
</html>

Analyze Widget Events

Open your browser developer tool with CTRL + MAYUS + J or F12 and look at the console to inspect widget events.