videomail-client 9.2.13 → 9.2.15

package/package.json

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

package/prototype/contact_form.html

@@ -29,6 +29,8 @@
     <form action="/contact" method="post" id="someForm">
       <input name="from" type="email" placeholder="Enter your email address" required />
       <input name="subject" type="text" placeholder="Enter a subject" required />
+      <!-- Just for testing the isRegisteredFormField function, not relevant -->
+      <input name="phone" type="text" placeholder="Enter a phone number" />
       <fieldset>
         <legend>How do you want to contact us?</legend>
         <p>

package/prototype/js/videomail-client.js

@@ -17267,7 +17267,7 @@ function wrappy (fn, cb) {
 },{}],116:[function(_dereq_,module,exports){
 module.exports={
   "name": "videomail-client",
-  "version": "9.2.13",
+  "version": "9.2.15",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -18257,7 +18257,6 @@ var Browser = function Browser(options) {
   var osVersion = parseFloat(uaParser.os.version);
   var isWindows = uaParser.os.name === "Windows";
   var isEdge = uaParser.browser.name === "Edge" || isWindows && osVersion >= 10;
-  var isIE = /IE/.test(uaParser.browser.name);
   var isSafari = /Safari/.test(uaParser.browser.name);
   var isOpera = /Opera/.test(uaParser.browser.name);
   var isAndroid = /Android/.test(uaParser.os.name);
@@ -18289,8 +18288,6 @@ var Browser = function Browser(options) {
       }
     } else if (isChromium) {
       warning = "Probably you need to <a href=\"".concat(chromiumDownload, "\" target=\"_blank\">") + "upgrade Chromium</a> to fix this.";
-    } else if (isIE) {
-      warning = "Instead of Internet Explorer you need to upgrade to" + " <a href=\"".concat(edgeDownload, "\" target=\"_blank\">Edge</a>.");
     } else if (isOkSafari) {
       warning = "Probably you need to shut down Safari and restart it, this for correct webcam access.";
     } else if (isSafari) {
@@ -19875,6 +19872,8 @@ var Container = function Container(options) {
     if (options.enableAutoUnload) {
       window.addEventListener("beforeunload", function (e) {
         self.unload(e);
+      }, {
+        once: true
       });
     }
     if (!playerOnly) {
@@ -20617,6 +20616,17 @@ var Form = function Form(container, formElement, options) {
   _eventEmitter.default.call(this, options, "Form");
   var debug = options.debug;
   var self = this;
+  var FORM_FIELDS = {
+    subject: options.selectors.subjectInputName,
+    from: options.selectors.fromInputName,
+    to: options.selectors.toInputName,
+    cc: options.selectors.ccInputName,
+    bcc: options.selectors.bccInputName,
+    body: options.selectors.bodyInputName,
+    key: options.selectors.keyInputName,
+    parentKey: options.selectors.parentKeyInputName,
+    sendCopy: options.selectors.sendCopyInputName
+  };
   var keyInput;
   function getData() {
     return (0, _getFormData.default)(formElement, {
@@ -20624,17 +20634,6 @@ var Form = function Form(container, formElement, options) {
     });
   }
   this.transformFormData = function (formData) {
-    var FORM_FIELDS = {
-      subject: options.selectors.subjectInputName,
-      from: options.selectors.fromInputName,
-      to: options.selectors.toInputName,
-      cc: options.selectors.ccInputName,
-      bcc: options.selectors.bccInputName,
-      body: options.selectors.bodyInputName,
-      key: options.selectors.keyInputName,
-      parentKey: options.selectors.parentKeyInputName,
-      sendCopy: options.selectors.sendCopyInputName
-    };
     var transformedFormData = {};
     Object.keys(FORM_FIELDS).forEach(function (key) {
       var formFieldValue = FORM_FIELDS[key];
@@ -20710,11 +20709,22 @@ var Form = function Form(container, formElement, options) {
     }
     (0, _hidden.default)(formElement, true);
   }
-  function getInputElements() {
-    return formElement.querySelectorAll("input, textarea");
-  }
-  function getSelectElements() {
-    return formElement.querySelectorAll("select");
+  function isRegisteredFormField(formElement) {
+    var formElementName = formElement.name;
+    var registeredFormFieldNames = Object.values(FORM_FIELDS);
+    var isRegistered = registeredFormFieldNames.includes(formElementName);
+    return isRegistered;
+  }
+  function getRegisteredFormElements() {
+    var elements = formElement.querySelectorAll("input, textarea, select");
+    var registeredElements = [];
+    for (var i = 0; i < elements.length; i++) {
+      var element = elements[i];
+      if (isRegisteredFormField(element)) {
+        registeredElements.push(element);
+      }
+    }
+    return registeredElements;
   }
   this.disable = function (buttonsToo) {
     setDisabled(true, buttonsToo);
@@ -20722,45 +20732,27 @@ var Form = function Form(container, formElement, options) {
   this.enable = function (buttonsToo) {
     setDisabled(false, buttonsToo);
   };
-  function removeAllInputListeners() {
-    var inputElements = getInputElements();
-    for (var i = 0, len = inputElements.length; i < len; i++) {
-      var inputElement = inputElements[i];
-      if (inputElement.type === "radio") {
-        inputElement.removeEventListener("change", container.validate);
-      } else {
-        inputElement.removeEventListener("input", container.validate);
-      }
-    }
-    var selectElements = getSelectElements();
-    for (var j = 0, len2 = selectElements.length; j < len2; j++) {
-      selectElements[j].removeEventListener("change", container.validate);
-    }
-  }
   this.build = function () {
     debug("Form: build()");
+    keyInput = formElement.querySelector("input[name=\"".concat(options.selectors.keyInputName, "\"]"));
+    if (!keyInput) {
+      keyInput = (0, _hyperscript.default)("input", {
+        name: options.selectors.keyInputName,
+        type: "hidden"
+      });
+      formElement.appendChild(keyInput);
+    }
     if (options.enableAutoValidation) {
-      var inputElements = getInputElements();
+      var inputElements = getRegisteredFormElements();
       for (var i = 0, len = inputElements.length; i < len; i++) {
         var inputElement = inputElements[i];
-        if (inputElement.type === "radio") {
+        var type = inputElement.type;
+        if (type === "radio" || type === "select") {
           inputElement.addEventListener("change", container.validate);
         } else {
           inputElement.addEventListener("input", container.validate);
         }
       }
-      var selectElements = getSelectElements();
-      for (var j = 0, len2 = selectElements.length; j < len2; j++) {
-        selectElements[j].addEventListener("change", container.validate);
-      }
-    }
-    keyInput = formElement.querySelector("input[name=\"".concat(options.selectors.keyInputName, "\"]"));
-    if (!keyInput) {
-      keyInput = (0, _hyperscript.default)("input", {
-        name: options.selectors.keyInputName,
-        type: "hidden"
-      });
-      formElement.appendChild(keyInput);
     }
     this.on(_events.default.PREVIEW, function (videomailKey) {
       /*
@@ -20813,6 +20805,18 @@ var Form = function Form(container, formElement, options) {
       startListeningToSubmitEvents();
     });
   };
+  function removeAllInputListeners() {
+    var inputElements = getRegisteredFormElements();
+    for (var i = 0, len = inputElements.length; i < len; i++) {
+      var inputElement = inputElements[i];
+      var type = inputElement.type;
+      if (type === "radio" || type === "select") {
+        inputElement.removeEventListener("change", container.validate);
+      } else {
+        inputElement.removeEventListener("input", container.validate);
+      }
+    }
+  }
   function hideSubmitButton() {
     var submitButton = self.findSubmitButton();
     (0, _hidden.default)(submitButton, true);
@@ -20849,20 +20853,13 @@ var Form = function Form(container, formElement, options) {
     return false; // important to stop submission
   };
   this.getInvalidElement = function () {
-    var inputElements = getInputElements();
+    var inputElements = getRegisteredFormElements();
     var i = 0;
     for (var len = inputElements.length; i < len; i++) {
       if (!inputElements[i].validity.valid) {
         return inputElements[i];
       }
     }
-    var selectElements = getSelectElements();
-    var j = 0;
-    for (var len2 = selectElements.length; j < len2; j++) {
-      if (!selectElements[j].validity.valid) {
-        return selectElements[j];
-      }
-    }
     return null;
   };
   this.validate = function () {
@@ -23261,12 +23258,16 @@ var Replay = function Replay(parentElement, options) {
     // this forces to actually fetch the videos from the server
     replayElement.load();
     if (!videomail) {
-      replayElement.addEventListener("canplaythrough", function (event) {
-        self.emit(_events.default.PREVIEW_SHOWN, event);
+      replayElement.addEventListener("canplaythrough", function () {
+        self.emit(_events.default.PREVIEW_SHOWN);
+      }, {
+        once: true
       });
     } else {
-      replayElement.addEventListener("canplaythrough", function (event) {
-        self.emit(_events.default.REPLAY_SHOWN, event);
+      replayElement.addEventListener("canplaythrough", function () {
+        self.emit(_events.default.REPLAY_SHOWN);
+      }, {
+        once: true
       });
     }
   };