ACP2E-222: Magento forms can be submitted before the Google Recaptcha appears in the form

Author: victor-v-rad

ReCaptchaCustomer/Plugin/Customer/DisableCreateAccountButton.php

@@ -0,0 +1,46 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+declare(strict_types=1);
+
+namespace Magento\ReCaptchaCustomer\Plugin\Customer;
+
+use Magento\Framework\Exception\InputException;
+use Magento\ReCaptchaUi\Model\IsCaptchaEnabledInterface;
+use Magento\Customer\ViewModel\CreateAccountButton;
+
+/**
+ * Disable button Create Account while captcha is loading
+ */
+class DisableCreateAccountButton
+{
+    /**
+     * @var IsCaptchaEnabledInterface
+     */
+    private $isCaptchaEnabled;
+
+    /**
+     * @param IsCaptchaEnabledInterface $isCaptchaEnabled
+     */
+    public function __construct(
+        IsCaptchaEnabledInterface $isCaptchaEnabled
+    ) {
+        $this->isCaptchaEnabled = $isCaptchaEnabled;
+    }
+
+    /**
+     * Temporally disable button Create Account while captcha is loading
+     *
+     * @param CreateAccountButton $subject
+     * @return bool
+     * @throws InputException
+     * @SuppressWarnings(PHPMD.UnusedFormalParameter)
+     */
+    public function afterDisabled(CreateAccountButton $subject): bool
+    {
+        $key = 'customer_create';
+        return $this->isCaptchaEnabled->isCaptchaEnabledFor($key);
+    }
+}

ReCaptchaCustomer/Plugin/Customer/DisableLoginButton.php

@@ -0,0 +1,50 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+declare(strict_types=1);
+
+namespace Magento\ReCaptchaCustomer\Plugin\Customer;
+
+use Magento\Framework\Exception\InputException;
+use Magento\ReCaptchaUi\Model\IsCaptchaEnabledInterface;
+use Magento\ReCaptchaUi\Model\UiConfigResolverInterface;
+use Magento\Customer\ViewModel\LoginButton;
+
+/**
+ * Disable Login button while captcha is loading
+ */
+class DisableLoginButton
+{
+    /**
+     * @var IsCaptchaEnabledInterface
+     */
+    private $isCaptchaEnabled;
+
+    /**
+     * @param UiConfigResolverInterface $captchaUiConfigResolver
+     * @param IsCaptchaEnabledInterface $isCaptchaEnabled
+     */
+    public function __construct(
+        UiConfigResolverInterface $captchaUiConfigResolver,
+        IsCaptchaEnabledInterface $isCaptchaEnabled
+    ) {
+        $this->captchaUiConfigResolver = $captchaUiConfigResolver;
+        $this->isCaptchaEnabled = $isCaptchaEnabled;
+    }
+
+    /**
+     * Temporally disable Login button while captcha is loading
+     *
+     * @param LoginButton $subject
+     * @return bool
+     * @throws InputException
+     * @SuppressWarnings(PHPMD.UnusedFormalParameter)
+     */
+    public function afterDisabled(LoginButton $subject): bool
+    {
+        $key = 'customer_login';
+        return $this->isCaptchaEnabled->isCaptchaEnabledFor($key);
+    }
+}

ReCaptchaCustomer/etc/frontend/di.xml

@@ -20,5 +20,12 @@
         <plugin sortOrder="1" name="inject_recaptcha_in_authentication_popup"
                 type="Magento\ReCaptchaCustomer\Plugin\Block\Account\InjectRecaptchaInAuthenticationPopup"/>
     </type>
-
+    <type name="Magento\Customer\ViewModel\LoginButton">
+        <plugin sortOrder="1" name="recaptcha_disable_login_button"
+                type="Magento\ReCaptchaCustomer\Plugin\Customer\DisableLoginButton"/>
+    </type>
+    <type name="Magento\Customer\ViewModel\CreateAccountButton">
+        <plugin sortOrder="1" name="recaptcha_disable_create_account_button"
+                type="Magento\ReCaptchaCustomer\Plugin\Customer\DisableCreateAccountButton"/>
+    </type>
 </config>

ReCaptchaFrontendUi/view/frontend/web/js/reCaptcha.js

@@ -174,6 +174,7 @@ define(
                 } else {
                     this.tokenField = null;
                 }
+                if ($('#send2').length > 0) {$('#send2').prop('disabled', false);}
             },
 
             /**