Contact Form 7 - Javascript snippet to prevent the multiples submits forms

wcf7-prevent-submits.js

(function($){
  
    var wpcf7Elm = document.querySelector( '.wpcf7' );

    function handlerEventProcess(event){
      
        var hiddensubmit = $(wpcf7Elm).find('form').find('.js-hide-bloc');
      
        if(hiddensubmit.length){
          hiddensubmit.removeClass('js-hide-bloc');
          hiddensubmit.css('display','initial');
        }
        
    }

    if(wpcf7Elm){

        $(wpcf7Elm).find('form').on('submit' , function(ev){
            // If the form is already active then prevent submit
            if($(this).find('.js-hide-bloc').length){
                ev.preventDefault();
                ev.stopPropagation();
                return false;
            }
            // Add custom class to hide button
            var hiddensubmit = $('.ajax-loader.is-active').prev('input[type=submit]');
            hiddensubmit.addClass('js-hide-bloc');
            hiddensubmit.css('display','none');
        });
        
        // Contact Form 7 Events
        wpcf7Elm.addEventListener( 'wpcf7submit',handlerEventProcess, false );
        wpcf7Elm.addEventListener( 'wpcf7invalid',handlerEventProcess, false );
        wpcf7Elm.addEventListener( 'wpcf7spam',handlerEventProcess, false );
        wpcf7Elm.addEventListener( 'wpcf7mailsent',handlerEventProcess, false );
        wpcf7Elm.addEventListener( 'wpcf7mailfailed',handlerEventProcess, false );

    }
})(jQuery);