Unable to create a popup by using bootbox or any other way.

Unable to create bootbox popup.
Below is my code:-
var blockManager = editor.BlockManager;

blockManager.add('design', {
	label: 'Design',
	content: {
            script: "bootbox.alert('Hi'); console.log('the element', this)",
//            script: function () {
                    
//                    bootbox.alert({
//                        title: 'A custom dialog with buttons and callbacks',
//                        message: "<p>This dialog has buttons. Each button has it's own callback function.</p>",
//                    });

//              },
            // Add some style just to make the component visible
            style: {
              width: '100px',
              height: '100px',
              'background-color': 'red',
            }
          },
        attributes: {class: 'gjs-fonts gjs-f-image gjs-block gjs-one-bg gjs-four-color-h'},
});

I have also attached the required js in init:-
    canvas: {
    scripts: ['https://code.jquery.com/jquery-1.12.3.min.js', 
                'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js',
                DrupalBasePath + '/sites/all/modules/custom/landing_builder/bootboxjs/bootbox.min.js'
            ]