From df9dd1aa6c9a44febd2848740ada6acca7cf2c42 Mon Sep 17 00:00:00 2001
From: Henry <henry.balen@chicon.org>
Date: Fri, 21 Apr 2023 09:40:25 -0400
Subject: [PATCH 1/2] disable submit until captcha passes client side check

---
 app/javascript/login/create_account.vue | 27 ++++++++++++-------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/app/javascript/login/create_account.vue b/app/javascript/login/create_account.vue
index b70fdea68..884d02f4a 100644
--- a/app/javascript/login/create_account.vue
+++ b/app/javascript/login/create_account.vue
@@ -21,7 +21,7 @@
       ></email-field>
       <div class="d-flex mb-2" v-if="captchaKey">
         <vue-recaptcha
-            ref="recaptcha" 
+            ref="recaptcha"
             :sitekey="captchaKey"
             :loadRecaptchaScript="true"
             @verify="onVerifyCaptcha"
@@ -73,6 +73,8 @@ export default {
         validate: null,
       },
     },
+    captcha_response: null,
+    captcha_errored: false
   }),
   components: {
     EmailField,
@@ -80,7 +82,12 @@ export default {
   },
   computed: {
     submitDisabled: function () {
-      return this.form.email.valid === false;
+      if (this.currentSettings.recaptcha_site_key) {
+        return this.captcha_errored || this.captcha_response == null || this.form.email.valid === false
+      } else {
+        console.log('submitDisabled: check email')
+        return this.form.email.valid === false;
+      }
     },
     captchaKey: function() {
       return this.currentSettings.recaptcha_site_key
@@ -88,7 +95,7 @@ export default {
   },
   methods: {
     onVerifyCaptcha: function (response) {
-      // console.log('Verify: ' + response)
+      console.log('Verify: ' + response)
       this.captcha_response = response;
       this.captcha_errored = false;
     },
@@ -98,16 +105,12 @@ export default {
     },
     onSubmit: async function (event) {
       event.preventDefault();
-      if (this.currentSettings.recaptcha_site_key && this.captcha_errored) {
-        this.alert.text = VALID_CAPTCHA_REQUIRED;
-        this.alert.visible = true;
-        return;
-      }
 
       await validateFields(this.form.email);
       if (this.form.email.valid === false) {
-        this.error.text = LOGIN_INVALID_FIELDS;
-        this.error.visible = true;
+        // This does not do anything @gail - verify
+        // this.error.text = LOGIN_INVALID_FIELDS;
+        // this.error.visible = true;
       } else {
         // We need the URL of the destination if any that the user is going to be sent to
         // This would, for example, be the survey
@@ -146,10 +149,6 @@ export default {
           });
       }
     },
-  },
-  mounted() {
-    this.captcha_response = null;
-    this.captcha_errored = false;
   }
 };
 </script>

From 39d1b806c7032557ab9d89c336a39ea78c7280c0 Mon Sep 17 00:00:00 2001
From: Henry <henry.balen@chicon.org>
Date: Fri, 21 Apr 2023 10:23:59 -0400
Subject: [PATCH 2/2] handle captcha expired as an error as well

---
 app/javascript/login/create_account.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/javascript/login/create_account.vue b/app/javascript/login/create_account.vue
index 884d02f4a..3a0da4f5e 100644
--- a/app/javascript/login/create_account.vue
+++ b/app/javascript/login/create_account.vue
@@ -25,6 +25,7 @@
             :sitekey="captchaKey"
             :loadRecaptchaScript="true"
             @verify="onVerifyCaptcha"
+            @expired="onCaptchaError"
             @error="onCaptchaError"
         ></vue-recaptcha>
       </div>