@gudhub/ssg-web-components-library 1.0.107 → 1.0.109

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gudhub/ssg-web-components-library",
-  "version": "1.0.107",
+  "version": "1.0.109",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/components/get-in-touch-form/get-in-touch-form.js

@@ -8,7 +8,8 @@ let recaptchaPromise = null;
 
 function loadRecaptcha(siteKey) {
     if (!siteKey) {
-        return Promise.reject(new Error('reCAPTCHA site key is missing'));
+        console.warn('reCAPTCHA site key is missing');
+        return Promise.resolve(null);
     }
 
     if (window.grecaptcha) return Promise.resolve(window.grecaptcha);
@@ -64,7 +65,9 @@ class GetInTouchForm extends GHComponent {
             this.initConfig(this.config);
             this.attachEventListeners();
 
-            loadRecaptcha(this.recaptcha_site_key).catch(console.error);
+            if (this.recaptcha_site_key) {
+                loadRecaptcha(this.recaptcha_site_key).catch(console.error);
+            }
         }
     }
 
@@ -110,7 +113,8 @@ class GetInTouchForm extends GHComponent {
 
     async getRecaptchaToken(action = 'submit') {
         if (!this.recaptcha_site_key) {
-            throw new Error('reCAPTCHA site key is missing');
+            console.warn('reCAPTCHA site key is missing');
+            return null;
         }
 
         const grecaptcha = await loadRecaptcha(this.recaptcha_site_key);
@@ -124,19 +128,22 @@ class GetInTouchForm extends GHComponent {
         });
     }
 
-    async handleSubmit(event) {
-        event.preventDefault();
-        const form = event.target;
+    async handleSubmit(e) {
+        e.preventDefault();
 
+        const form = e.target;
         const validationResults = await this.inputsValidation(form);
 
         if (validationResults.every(({ isValid }) => isValid)) {
             this.addLoader();
 
             try {
-                const token = await this.getRecaptchaToken();
+                let token = null;
 
-                await this.verifyRecaptcha(token);
+                if (this.recaptcha_site_key) {
+                    token = await this.getRecaptchaToken();
+                    await this.verifyRecaptcha(token);
+                }
 
                 this.handleSuccessFormValidation(form, token);
 
@@ -146,7 +153,6 @@ class GetInTouchForm extends GHComponent {
             }
 
             this.removeLoader();
-
         } else {
             validationResults
                 .filter(item => typeof item === 'object')