@websy/websy-designs 1.10.5 → 1.10.7

package/dist/server/utils.js

@@ -12,6 +12,11 @@ module.exports = {
     const rect = el.getBoundingClientRect()
     const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft
     const scrollTop = window.pageYOffset || document.documentElement.scrollTop
-    return { top: rect.top + scrollTop, left: rect.left + scrollLeft, width: rect.width, height: rect.height }
+    return { 
+      top: rect.top + scrollTop, 
+      left: rect.left + scrollLeft, 
+      width: rect.width, 
+      height: rect.height 
+    }
   }
 }

package/dist/websy-designs-es6.debug.js

@@ -2137,6 +2137,7 @@ class WebsyForm {
     const defaults = {
       submit: { text: 'Save', classes: [] },
       useRecaptcha: false,
+      recaptchaAction: 'submit',
       clearAfterSave: false,
       fields: [],
       mode: 'add',
@@ -2199,6 +2200,23 @@ class WebsyForm {
           resolve(false)
         }
       }
+      else if (this.options.useRecaptchaV3 === true) {
+        grecaptcha.ready(() => {
+          grecaptcha.execute(ENVIRONMENT.RECAPTCHA_KEY, { action: this.options.recaptchaAction }).then(token => {
+            this.apiService.add('google/checkrecaptcha', {grecaptcharesponse: token}).then(response => {
+              if (response.success && response.success === true) {
+                resolve(true)
+                grecaptcha.reset(`${this.elementId}_recaptcha`, {sitekey: ENVIRONMENT.RECAPTCHA_KEY})
+              }
+              else {
+                resolve(false)              
+              }            
+            })
+          }, err => {
+            console.log(err)
+          })
+        })
+      }
       else {
         resolve(true)
       }
@@ -2536,7 +2554,7 @@ class WebsyForm {
       `
       el.innerHTML = html
       this.processComponents(componentsToProcess, () => {
-        if (this.options.useRecaptcha === true && typeof grecaptcha !== 'undefined') {
+        if ((this.options.useRecaptcha === true || this.options.useRecaptchaV3 === true) && typeof grecaptcha !== 'undefined') {
           this.recaptchaReady()
         }
       })      
@@ -2626,6 +2644,9 @@ class WebsyForm {
           if (recaptchErrEl) {
             recaptchErrEl.classList.remove('websy-hidden')
           }
+          if (this.options.submitErr) {
+            this.options.submitErr()
+          }
         }        
       })         
     }    

package/dist/websy-designs-es6.js

@@ -2128,6 +2128,7 @@ var WebsyForm = /*#__PURE__*/function () {
         classes: []
       },
       useRecaptcha: false,
+      recaptchaAction: 'submit',
       clearAfterSave: false,
       fields: [],
       mode: 'add',
@@ -2198,6 +2199,27 @@ var WebsyForm = /*#__PURE__*/function () {
           } else {
             resolve(false);
           }
+        } else if (_this13.options.useRecaptchaV3 === true) {
+          grecaptcha.ready(function () {
+            grecaptcha.execute(ENVIRONMENT.RECAPTCHA_KEY, {
+              action: _this13.options.recaptchaAction
+            }).then(function (token) {
+              _this13.apiService.add('google/checkrecaptcha', {
+                grecaptcharesponse: token
+              }).then(function (response) {
+                if (response.success && response.success === true) {
+                  resolve(true);
+                  grecaptcha.reset("".concat(_this13.elementId, "_recaptcha"), {
+                    sitekey: ENVIRONMENT.RECAPTCHA_KEY
+                  });
+                } else {
+                  resolve(false);
+                }
+              });
+            }, function (err) {
+              console.log(err);
+            });
+          });
         } else {
           resolve(true);
         }
@@ -2511,7 +2533,7 @@ var WebsyForm = /*#__PURE__*/function () {
         html += "          \n        </form>\n        <div id=\"".concat(this.elementId, "_validationFail\" class=\"websy-validation-failure\"></div>\n      ");
         el.innerHTML = html;
         this.processComponents(componentsToProcess, function () {
-          if (_this18.options.useRecaptcha === true && typeof grecaptcha !== 'undefined') {
+          if ((_this18.options.useRecaptcha === true || _this18.options.useRecaptchaV3 === true) && typeof grecaptcha !== 'undefined') {
             _this18.recaptchaReady();
           }
         });
@@ -2600,6 +2622,9 @@ var WebsyForm = /*#__PURE__*/function () {
             if (recaptchErrEl) {
               recaptchErrEl.classList.remove('websy-hidden');
             }
+            if (_this19.options.submitErr) {
+              _this19.options.submitErr();
+            }
           }
         });
       }