This tutorial requires advanced HTML, CSS and JavaScript knowledge. It is best if you send this to your theme developer.
To make the functionality, which requires the customer to check the terms and conditions checkbox before they can proceed to the checkout, compatible with Bundler, you have to prevent clicks on the checkout button with the CSS property called pointer-events.
Catching the event with JavaScript may not always work, as Bundler also listens on the click event on the checkout buttons.
The code sample here shows how to toggle the CSS class button-disabled on the checkout button based on the state of the terms and conditions checkbox. This class disables the click events on the checkout button.
I agree with terms and conditions.