@websy/websy-designs 1.10.6 → 1.10.7

package/dist/websy-designs.debug.js

@@ -2341,6 +2341,7 @@ class WebsyForm {
     const defaults = {
       submit: { text: 'Save', classes: [] },
       useRecaptcha: false,
+      recaptchaAction: 'submit',
       clearAfterSave: false,
       fields: [],
       mode: 'add',
@@ -2403,6 +2404,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)
       }
@@ -2740,7 +2758,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()
         }
       })      
@@ -2830,6 +2848,9 @@ class WebsyForm {
           if (recaptchErrEl) {
             recaptchErrEl.classList.remove('websy-hidden')
           }
+          if (this.options.submitErr) {
+            this.options.submitErr()
+          }
         }        
       })         
     }    
@@ -5598,17 +5619,13 @@ class WebsySearch {
       searchLetters.splice(term.position, term.length, {text: term.term, term: term})
     })    
     let items = searchLetters.map(d => {
-      let html = `
-        <div       
-      `
+      let html = `<div`
       if (d.term && d.term.label) {
         html += `
           data-label="${d.term.label}"
         `
       }
-      html += `
-        >${d.text.replace(/ /g, '&nbsp;')}</div>
-      `
+      html += `>${d.text.replace(/ /g, '&nbsp;')}</div>`
       return html
     })
     const el = document.getElementById(`${this.elementId}_lozenges`)

package/dist/websy-designs.js

@@ -2306,6 +2306,7 @@ var WebsyForm = /*#__PURE__*/function () {
         classes: []
       },
       useRecaptcha: false,
+      recaptchaAction: 'submit',
       clearAfterSave: false,
       fields: [],
       mode: 'add',
@@ -2376,6 +2377,27 @@ var WebsyForm = /*#__PURE__*/function () {
           } else {
             resolve(false);
           }
+        } else if (_this15.options.useRecaptchaV3 === true) {
+          grecaptcha.ready(function () {
+            grecaptcha.execute(ENVIRONMENT.RECAPTCHA_KEY, {
+              action: _this15.options.recaptchaAction
+            }).then(function (token) {
+              _this15.apiService.add('google/checkrecaptcha', {
+                grecaptcharesponse: token
+              }).then(function (response) {
+                if (response.success && response.success === true) {
+                  resolve(true);
+                  grecaptcha.reset("".concat(_this15.elementId, "_recaptcha"), {
+                    sitekey: ENVIRONMENT.RECAPTCHA_KEY
+                  });
+                } else {
+                  resolve(false);
+                }
+              });
+            }, function (err) {
+              console.log(err);
+            });
+          });
         } else {
           resolve(true);
         }
@@ -2689,7 +2711,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 (_this20.options.useRecaptcha === true && typeof grecaptcha !== 'undefined') {
+          if ((_this20.options.useRecaptcha === true || _this20.options.useRecaptchaV3 === true) && typeof grecaptcha !== 'undefined') {
             _this20.recaptchaReady();
           }
         });
@@ -2778,6 +2800,9 @@ var WebsyForm = /*#__PURE__*/function () {
             if (recaptchErrEl) {
               recaptchErrEl.classList.remove('websy-hidden');
             }
+            if (_this21.options.submitErr) {
+              _this21.options.submitErr();
+            }
           }
         });
       }
@@ -5418,11 +5443,11 @@ var WebsySearch = /*#__PURE__*/function () {
         });
       });
       var items = searchLetters.map(function (d) {
-        var html = "\n        <div       \n      ";
+        var html = "<div";
         if (d.term && d.term.label) {
           html += "\n          data-label=\"".concat(d.term.label, "\"\n        ");
         }
-        html += "\n        >".concat(d.text.replace(/ /g, '&nbsp;'), "</div>\n      ");
+        html += ">".concat(d.text.replace(/ /g, '&nbsp;'), "</div>");
         return html;
       });
       var el = document.getElementById("".concat(this.elementId, "_lozenges"));