comand-component-library 4.1.49 → 4.1.50

package/dist/comand-component-library.js

@@ -5701,6 +5701,13 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
     };
   },
   props: {
+    /**
+     * website-key for Google-recaptcha v3
+     */
+    reCaptchaWebsiteKey: {
+      type: String,
+      required: !1
+    },
     /**
      * activate if native submit-event should be used
      */
@@ -5872,19 +5879,28 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
   },
   methods: {
     onSubmit(e) {
-      var s;
       if (this.onValidate(), this.formData = Object.assign({}, this.validator.validatePrivacy(this.formData)), this.formData.error || this.useNativeSubmit) {
         this.formData.error && e.originalEvent.preventDefault();
         return;
       }
-      const n = new FormData(), t = Object.keys(this.configuration);
+      e.originalEvent.preventDefault(), this.reCaptchaWebsiteKey ? grecaptcha.ready(function() {
+        grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then(function(n) {
+          this.submitForm(n);
+        });
+      }) : this.submitForm();
+    },
+    submitForm(e) {
+      var s;
+      const n = new FormData();
+      e && n.set("recaptchaToken", e);
+      const t = Object.keys(this.configuration);
       for (let i = 0; i < t.length; i++)
         n.set(this.configuration[t[i]].name, this.formData[t[i]].value);
       fetch(this.formAction, { method: ((s = this.cmdForm) == null ? void 0 : s.formMethod) || "POST", body: n }).then((i) => {
         i.ok ? this.$refs.form.showMessage("success", this.getMessage("basic_form.system_message.success.message_sent_successfully")) : this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent"));
       }).catch((i) => {
         this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent")), console.error(i);
-      }), e.originalEvent.preventDefault();
+      });
     },
     onCountrySelect(e) {
       this.cityBeforeZip = e === "us" || e === "uk";
@@ -18488,7 +18504,7 @@ function c_(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.49", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
+const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.50", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.49",
+  "version": "4.1.50",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdBasicForm.vue

@@ -304,6 +304,13 @@ export default {
         }
     },
     props: {
+        /**
+         * website-key for Google-recaptcha v3
+         */
+        reCaptchaWebsiteKey: {
+            type: String,
+            required: false
+        },
         /**
          * activate if native submit-event should be used
          */
@@ -487,8 +494,27 @@ export default {
                 return
             }
 
+            // prevent original levent form CmdForm (to avoid submit and reload)
+            event.originalEvent.preventDefault()
+
+            if(this.reCaptchaWebsiteKey) {
+                grecaptcha.ready(function() {
+                    grecaptcha.execute(this.reCaptchaWebsiteKey, {action: 'submit'}).then(function(token) {
+                        this.submitForm(token)
+                    })
+                })
+            } else {
+                this.submitForm()
+            }
+        },
+        submitForm(token) {
             // custom submit of form-data
             const customSubmitFormData = new FormData()
+
+            if(token) {
+                customSubmitFormData.set("recaptchaToken", token)
+            }
+
             // get keys for form-elements from configuration
             const configurationEntries = Object.keys(this.configuration)
 
@@ -508,9 +534,6 @@ export default {
                 this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent"))
                 console.error(error)
             })
-
-            // prevent original levent form CmdForm (to avoid submit and reload)
-           event.originalEvent.preventDefault()
         },
         onCountrySelect(event) {
           this.cityBeforeZip = event === 'us' || event === 'uk';

package/src/components/CmdForm.vue

@@ -210,10 +210,10 @@ export default {
                     event.preventDefault()
                     this.errorOccurred = true
                 }
-            } else {
-                this.submitFormData(event)
+                } else {
+                    this.submitFormData(event)
+                }
             }
-        }
     },
     watch: {
         formElements: {