videomail-client 13.1.2 → 13.1.3

package/dist/cjs/index.cjs

@@ -10664,7 +10664,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("./node_modules/superagent/lib/client.js");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "13.1.2"
+        rE: "13.1.3"
     };
     var defined = __webpack_require__("./node_modules/defined/index.js");
     var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -14338,6 +14338,11 @@ var __webpack_exports__ = {};
     }
     Despot_define_property(Despot_Despot, "EMITTER", createNanoEvents());
     const Despot = Despot_Despot;
+    function getValidity(element) {
+        const validity = "validity" in element ? element.validity : void 0;
+        return validity;
+    }
+    const util_getValidity = getValidity;
     function hideElement(element) {
         if (!element) return;
         element.style.setProperty("display", "none", "important");
@@ -14616,7 +14621,7 @@ var __webpack_exports__ = {};
         getInvalidElement() {
             const elements = this.getRegisteredFormElements();
             for (const element of elements){
-                const validity = "validity" in element ? element.validity : void 0;
+                const validity = util_getValidity(element);
                 if (!(null == validity ? void 0 : validity.valid)) return element;
             }
             return null;
@@ -18697,12 +18702,13 @@ var __webpack_exports__ = {};
                     const invalidInput = this.form.getInvalidElement();
                     if (invalidInput) {
                         const name = invalidInput.getAttribute("name");
+                        const validity = util_getValidity(invalidInput);
                         valid = false;
                         if (name) {
-                            whyInvalid = `Input "${name}" seems wrong 🤔`;
                             invalidData = {
                                 [name]: invalidInput.getAttribute("value")
                             };
+                            whyInvalid = (null == validity ? void 0 : validity.valueMissing) ? `Please fill out field "${name}" ⚠️` : `Input "${name}" seems wrong 🤔`;
                         }
                     } else if (!this.areVisualsHidden() && !visualsValid) {
                         if (this.buttonsAreReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {

package/dist/esm/index.js

@@ -3606,7 +3606,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "13.1.2"
+    rE: "13.1.3"
 };
 function canPlayType_canPlayType(video, type) {
     const canPlayType = video.canPlayType(`video/${type}`);
@@ -3981,6 +3981,11 @@ class Despot {
     }
 }
 const util_Despot = Despot;
+function getValidity(element) {
+    const validity = "validity" in element ? element.validity : void 0;
+    return validity;
+}
+const util_getValidity = getValidity;
 function hideElement(element) {
     if (!element) return;
     element.style.setProperty("display", "none", "important");
@@ -4238,7 +4243,7 @@ class Form extends util_Despot {
     getInvalidElement() {
         const elements = this.getRegisteredFormElements();
         for (const element of elements){
-            const validity = "validity" in element ? element.validity : void 0;
+            const validity = util_getValidity(element);
             if (!validity?.valid) return element;
         }
         return null;
@@ -7961,12 +7966,13 @@ class Container extends util_Despot {
                 const invalidInput = this.form.getInvalidElement();
                 if (invalidInput) {
                     const name = invalidInput.getAttribute("name");
+                    const validity = util_getValidity(invalidInput);
                     valid = false;
                     if (name) {
-                        whyInvalid = `Input "${name}" seems wrong 🤔`;
                         invalidData = {
                             [name]: invalidInput.getAttribute("value")
                         };
+                        whyInvalid = validity?.valueMissing ? `Please fill out field "${name}" ⚠️` : `Input "${name}" seems wrong 🤔`;
                     }
                 } else if (!this.areVisualsHidden() && !visualsValid) {
                     if (this.buttonsAreReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {

package/dist/esm/util/getValidity.d.ts

@@ -0,0 +1,2 @@
+declare function getValidity(element: Element): ValidityState | undefined;
+export default getValidity;

package/dist/umd/index.js

@@ -10670,7 +10670,7 @@
             var client = __webpack_require__("./node_modules/superagent/lib/client.js");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "13.1.2"
+                rE: "13.1.3"
             };
             var defined = __webpack_require__("./node_modules/defined/index.js");
             var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -14316,6 +14316,11 @@
                 }
             }
             const util_Despot = Despot;
+            function getValidity(element) {
+                const validity = "validity" in element ? element.validity : void 0;
+                return validity;
+            }
+            const util_getValidity = getValidity;
             function hideElement(element) {
                 if (!element) return;
                 element.style.setProperty("display", "none", "important");
@@ -14573,7 +14578,7 @@
                 getInvalidElement() {
                     const elements = this.getRegisteredFormElements();
                     for (const element of elements){
-                        const validity = "validity" in element ? element.validity : void 0;
+                        const validity = util_getValidity(element);
                         if (!validity?.valid) return element;
                     }
                     return null;
@@ -18376,12 +18381,13 @@
                             const invalidInput = this.form.getInvalidElement();
                             if (invalidInput) {
                                 const name = invalidInput.getAttribute("name");
+                                const validity = util_getValidity(invalidInput);
                                 valid = false;
                                 if (name) {
-                                    whyInvalid = `Input "${name}" seems wrong 🤔`;
                                     invalidData = {
                                         [name]: invalidInput.getAttribute("value")
                                     };
+                                    whyInvalid = validity?.valueMissing ? `Please fill out field "${name}" ⚠️` : `Input "${name}" seems wrong 🤔`;
                                 }
                             } else if (!this.areVisualsHidden() && !visualsValid) {
                                 if (this.buttonsAreReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "13.1.2",
+  "version": "13.1.3",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",