From ccc17866149bbd32a988a1a81fa23f2bd959d6fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=A0Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Tue, 6 Aug 2024 23:27:48 +0200
Subject: [PATCH] Add reCAPTCHA validation and prevent form submission when
 invalid

[MAILPOET-6182]
---
 mailpoet/assets/js/src/public.tsx | 18 ++++++++++++++++++
 mailpoet/lib/Form/Renderer.php    |  3 +++
 2 files changed, 21 insertions(+)

diff --git a/mailpoet/assets/js/src/public.tsx b/mailpoet/assets/js/src/public.tsx
index 6fd4568c7f..f56f3ba860 100644
--- a/mailpoet/assets/js/src/public.tsx
+++ b/mailpoet/assets/js/src/public.tsx
@@ -435,6 +435,24 @@ jQuery(($) => {
     // setup form validation
     $('form.mailpoet_form').each((_, element) => {
       const form = $(element);
+
+      form
+        .parsley()
+        .on('form:validate', (formInstance: { validationResult: boolean }) => {
+          const reCaptcha = form.find('.mailpoet_recaptcha');
+          const isReCatpchaVisible =
+            reCaptcha.length &&
+            reCaptcha.first().attr('data-size') !== 'invisible';
+          if (isReCatpchaVisible) {
+            if (window.grecaptcha.getResponse() === '') {
+              // eslint-disable-next-line no-param-reassign
+              formInstance.validationResult = false;
+              form.find('.mailpoet_error_recaptcha').addClass('filled');
+            } else {
+              form.find('.mailpoet_error_recaptcha').removeClass('filled');
+            }
+          }
+        });
       // Detect form is placed in tight container
       form.parsley().on('form:validated', () => {
         // clear messages
diff --git a/mailpoet/lib/Form/Renderer.php b/mailpoet/lib/Form/Renderer.php
index 5c9c162750..b6bc1eb5f6 100644
--- a/mailpoet/lib/Form/Renderer.php
+++ b/mailpoet/lib/Form/Renderer.php
@@ -114,6 +114,9 @@ class Renderer {
       </noscript>
       <input class="mailpoet_recaptcha_field" type="hidden" name="recaptchaWidgetId">
     </div>';
+    if ($size !== 'invisible') {
+      $html .= '<div class="parsley-errors-list parsley-required mailpoet_error_recaptcha">' . __('This field is required.', 'mailpoet') . '</div>';
+    }
 
     return $html;
   }