videomail-client 9.1.9 → 9.1.11

package/package.json

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

package/prototype/index.html

@@ -451,6 +451,15 @@
             ><span class="date">2019-9-13 11:11:53</span></a
           >
         </li>
+        <li>
+          <a
+            href="/player_only_with_form.html"
+            class=""
+            title="player_only_with_form.html"
+            ><span class="name">player_only_with_form.html</span
+            ><span class="size">???</span><span class="date">???</span></a
+          >
+        </li>
         <li>
           <a href="/predefined.html" class="" title="predefined.html"
             ><span class="name">predefined.html</span><span class="size">2257</span

package/prototype/js/videomail-client.js

@@ -17305,7 +17305,7 @@ function wrappy (fn, cb) {
 },{}],117:[function(_dereq_,module,exports){
 module.exports={
   "name": "videomail-client",
-  "version": "9.1.9",
+  "version": "9.1.11",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -17485,13 +17485,13 @@ var VideomailClient = function VideomailClient(options) {
   _eventEmitter.default.call(this, localOptions, "VideomailClient");
   this.build = function () {
     var building = false;
-    debug("Client: build(),", "!building =", "".concat(!building, ","), "!isBuilt() =", !container.isBuilt());
 
     /*
      * it can happen that it gets called twice, i.E. when an error is thrown
      * in the middle of the build() fn
      */
     if (!building && !container.isBuilt()) {
+      debug("Client: build()");
       building = true;
       container.build();
       building = false;
@@ -17534,14 +17534,8 @@ var VideomailClient = function VideomailClient(options) {
       if (videomail) {
         videomail = container.addPlayerDimensions(videomail, parentElement);
       }
-      if (container.isOutsideElementOf(parentElement)) {
-        // replay element must be outside of the container
-        container.hideForm({
-          deep: true
-        });
-      } else {
-        container.loadForm(videomail);
-      }
+      container.buildForm(videomail);
+      container.loadForm(videomail);
 
       // slight delay needed to avoid HTTP 416 errors (request range unavailable)
       setTimeout(function () {
@@ -19811,7 +19805,7 @@ var Container = function Container(options) {
   }
   function getFormElement() {
     var formElement;
-    if (containerElement.tagName === "FORM") {
+    if (containerElement && containerElement.tagName === "FORM") {
       formElement = containerElement;
     } else if (options.selectors.formId) {
       formElement = document.getElementById(options.selectors.formId);
@@ -19820,7 +19814,10 @@ var Container = function Container(options) {
     }
     return formElement;
   }
-  function buildForm() {
+  this.buildForm = function () {
+    if (form) {
+      return; // already built
+    }
     var formElement = getFormElement();
     if (formElement) {
       debug("Container: buildForm()");
@@ -19831,7 +19828,7 @@ var Container = function Container(options) {
       }
       form.build();
     }
-  }
+  };
   function buildChildren() {
     var playerOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     debug("Container: buildChildren (playerOnly = ".concat(playerOnly, ")"));
@@ -19892,7 +19889,7 @@ var Container = function Container(options) {
 
           // beware of rich text editors, hence the isEditable check (wordpress plugin issue)
           if (!isEditable && tagName !== "INPUT" && tagName !== "TEXTAREA") {
-            var code = e.keyCode ? e.keyCode : e.which;
+            var code = e.code;
             if (code === 32) {
               e.preventDefault();
               if (options.enablePause) {
@@ -20077,7 +20074,7 @@ var Container = function Container(options) {
   };
   this.build = function () {
     var playerOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    debug("Container: build(playerOnly = ".concat(playerOnly, ")"));
+    debug("Container: build (playerOnly = ".concat(playerOnly, ")"));
     try {
       containerElement = document.getElementById(options.selectors.containerId);
 
@@ -20093,7 +20090,7 @@ var Container = function Container(options) {
 
         // Building form also applies for when `playerOnly` because of
         // correcting mode on Videomail. This function will skip if there is no form. Easy.
-        buildForm();
+        this.buildForm();
         buildChildren(playerOnly);
         if (!hasError) {
           debug("Container: built.");
@@ -20297,11 +20294,11 @@ var Container = function Container(options) {
           } else if (bccIsConfigured) {
             // Skip as it's hidden
           } else {
-            whyInvalid = "Please configure form to have at least one recipient";
-            valid = false;
+            // Form has no input fields for recipients, so don't validate
+            // recipients at all
           }
           if (!valid) {
-            whyInvalid = "Please enter at least one recipient";
+            whyInvalid = "At least one recipient is required";
           }
         }
       } else {
@@ -20635,6 +20632,7 @@ var Form = function Form(container, formElement, options) {
     return recipients;
   };
   this.loadVideomail = function (videomail) {
+    debug("Form: loadVideomail()");
     var limit = formElement.elements.length;
     var input;
     var name;
@@ -20643,10 +20641,6 @@ var Form = function Form(container, formElement, options) {
       name = input.name;
       if (videomail[name]) {
         input.value = videomail[name];
-        // Important so that any other JS framework can detect changes
-        input.dispatchEvent(new Event("input", {
-          bubbles: true
-        }));
       }
       if (name === options.selectors.subjectInputName || name === options.selectors.bodyInputName) {
         input.disabled = true;
@@ -20684,27 +20678,36 @@ 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.bind(container));
+      } else {
+        inputElement.removeEventListener("input", container.validate.bind(container));
+      }
+    }
+    var selectElements = getSelectElements();
+    for (var j = 0, len2 = selectElements.length; j < len2; j++) {
+      selectElements[j].removeEventListener("change", container.validate.bind(container));
+    }
+  }
   this.build = function () {
+    debug("Form: build()");
     if (options.enableAutoValidation) {
       var inputElements = getInputElements();
-      var inputElement;
       for (var i = 0, len = inputElements.length; i < len; i++) {
-        inputElement = inputElements[i];
+        var inputElement = inputElements[i];
         if (inputElement.type === "radio") {
-          inputElement.addEventListener("change", function () {
-            container.validate();
-          });
+          inputElement.addEventListener("change", container.validate.bind(container));
         } else {
-          inputElement.addEventListener("input", function () {
-            container.validate();
-          });
+          inputElement.addEventListener("input", container.validate.bind(container));
         }
       }
       var selectElements = getSelectElements();
       for (var j = 0, len2 = selectElements.length; j < len2; j++) {
-        selectElements[j].addEventListener("change", function () {
-          container.validate();
-        });
+        selectElements[j].addEventListener("change", container.validate.bind(container));
       }
     }
     keyInput = formElement.querySelector("input[name=\"".concat(options.selectors.keyInputName, "\"]"));
@@ -20772,6 +20775,7 @@ var Form = function Form(container, formElement, options) {
   }
   this.unload = function () {
     debug("Form: unload()");
+    removeAllInputListeners();
     this.removeAllListeners();
     stopListeningToSubmitEvents();
   };