videomail-client 9.1.8 → 9.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "9.1.8",
+  "version": "9.1.10",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -48,7 +48,7 @@
     "canvas-to-buffer": "4.0.1",
     "classlist.js": "1.1.20150312",
     "contains": "0.1.1",
-    "core-js": "3.38.0",
+    "core-js": "3.38.1",
     "create-error": "0.3.1",
     "deepmerge": "4.3.1",
     "defined": "1.0.1",

package/prettier.config.cjs

@@ -4,10 +4,10 @@
 const config = {
   printWidth: 90,
   plugins: [
+    "prettier-plugin-organize-imports",
     "prettier-plugin-curly",
     "prettier-plugin-sh",
     "prettier-plugin-packagejson",
-    "prettier-plugin-organize-imports",
   ],
   organizeImportsSkipDestructiveCodeActions: true,
 };

package/prototype/index.html

@@ -334,7 +334,9 @@
         links.each(function (link) {
           var text = link.textContent.toLowerCase();
 
-          if (".." == text) return;
+          if (".." == text) {
+            return;
+          }
           if (str.length && ~text.indexOf(str)) {
             link.addClass("highlight");
           } else {
@@ -449,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.8",
+  "version": "9.1.10",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -17353,7 +17353,7 @@ module.exports={
     "canvas-to-buffer": "4.0.1",
     "classlist.js": "1.1.20150312",
     "contains": "0.1.1",
-    "core-js": "3.38.0",
+    "core-js": "3.38.1",
     "create-error": "0.3.1",
     "deepmerge": "4.3.1",
     "defined": "1.0.1",
@@ -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 () {
@@ -19706,8 +19700,8 @@ var Buttons = function Buttons(container, options) {
   };
   this.isReady = function () {
     if (!recordButton) {
-      // No recordButton? Ok, must be in playerOnly mode. So we are ready anyway.
-      return true;
+      // No recordButton? Ok, must be in playerOnly mode. So, not ready for recording
+      return false;
     }
     return this.isRecordButtonEnabled();
   };
@@ -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) {
@@ -20069,15 +20066,15 @@ var Container = function Container(options) {
     }
     return _dimension.default.calculateHeight(element, _optionsWrapper.default.merge(options, fnOptions, true));
   };
-  this.areVisualsHidden = function () {
+  function areVisualsHidden() {
     return visuals.isHidden();
-  };
+  }
   this.hasElement = function () {
     return Boolean(containerElement);
   };
   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.");
@@ -20240,8 +20237,8 @@ var Container = function Container(options) {
       if (form) {
         valid = form.validate();
         if (valid) {
-          if (!this.areVisualsHidden() && !visualsValid) {
-            if (submitted || this.isReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {
+          if (!areVisualsHidden() && !visualsValid) {
+            if (submitted || buttonsAreReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {
               valid = false;
             }
             if (!valid) {
@@ -20301,7 +20298,7 @@ var Container = function Container(options) {
             valid = false;
           }
           if (!valid) {
-            whyInvalid = "Please enter at least one recipient";
+            whyInvalid = "At least one recipient is required";
           }
         }
       } else {
@@ -20325,9 +20322,9 @@ var Container = function Container(options) {
   this.hasForm = function () {
     return Boolean(form);
   };
-  this.isReady = function () {
+  function buttonsAreReady() {
     return buttons.isReady();
-  };
+  }
   function isPost(method) {
     return method && method.toUpperCase() === "POST";
   }
@@ -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;
@@ -20685,6 +20679,7 @@ var Form = function Form(container, formElement, options) {
     setDisabled(false, buttonsToo);
   };
   this.build = function () {
+    debug("Form: build()");
     if (options.enableAutoValidation) {
       var inputElements = getInputElements();
       var inputElement;
@@ -20695,7 +20690,10 @@ var Form = function Form(container, formElement, options) {
             container.validate();
           });
         } else {
-          inputElement.addEventListener("input", function () {
+          inputElement.addEventListener("input", function (event) {
+            console.log({
+              event: event
+            });
             container.validate();
           });
         }