videomail-client 16.4.1 → 16.6.0

package/dist/cjs/index.cjs

@@ -1,11 +1,11 @@
 var __webpack_modules__ = {
-    pJ (module, __webpack_exports__, __webpack_require__) {
+    eq (module, __webpack_exports__, __webpack_require__) {
         "use strict";
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1 = __webpack_require__("K7");
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1);
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0 = __webpack_require__("Ly");
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0);
-        var ___CSS_LOADER_EXPORT___ = _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0_default()(_node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1_default());
+        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1 = __webpack_require__("erX");
+        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1);
+        var _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0 = __webpack_require__("zm");
+        var _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0_default()(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1_default());
         ___CSS_LOADER_EXPORT___.push([
             module.id,
             `@keyframes blink {
@@ -153,7 +153,7 @@ var __webpack_modules__ = {
         });
     },
     b6 (module, exports1, __webpack_require__) {
-        var EventEmitter = __webpack_require__("qU").EventEmitter, inherits = __webpack_require__("c5"), raf = __webpack_require__("jY"), methods;
+        var EventEmitter = __webpack_require__("q").EventEmitter, inherits = __webpack_require__("c5"), raf = __webpack_require__("jY"), methods;
         var defaultRAFObject = {
             requestAnimationFrame: raf,
             cancelAnimationFrame: raf.cancel
@@ -1831,7 +1831,7 @@ var __webpack_modules__ = {
     },
     xF (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
-        var document1 = __webpack_require__("gM");
+        var document1 = __webpack_require__("g");
         var Event1 = __webpack_require__("cE");
         var Keys = __webpack_require__("Dy");
         module.exports = Visibility;
@@ -2186,7 +2186,7 @@ var __webpack_modules__ = {
         var isArray = __webpack_require__("ab");
         var Duplex;
         Readable.ReadableState = ReadableState;
-        __webpack_require__("qU").EventEmitter;
+        __webpack_require__("q").EventEmitter;
         var EElistenerCount = function(emitter, type) {
             return emitter.listeners(type).length;
         };
@@ -3450,7 +3450,7 @@ var __webpack_modules__ = {
         };
     },
     tb (module, __unused_rspack_exports, __webpack_require__) {
-        module.exports = __webpack_require__("qU").EventEmitter;
+        module.exports = __webpack_require__("q").EventEmitter;
     },
     GB (module, exports1, __webpack_require__) {
         exports1 = module.exports = __webpack_require__("rp");
@@ -3847,7 +3847,7 @@ var __webpack_modules__ = {
         "use strict";
         module.exports = Object;
     },
-    qU (module) {
+    q (module) {
         "use strict";
         var R = 'object' == typeof Reflect ? Reflect : null;
         var ReflectApply = R && 'function' == typeof R.apply ? R.apply : function(target, receiver, args) {
@@ -4897,7 +4897,7 @@ var __webpack_modules__ = {
             return tuple.listen;
         }
     },
-    gM (module, __unused_rspack_exports, __webpack_require__) {
+    g (module, __unused_rspack_exports, __webpack_require__) {
         var topLevel = void 0 !== __webpack_require__.g ? __webpack_require__.g : "u" > typeof window ? window : {};
         var minDoc = __webpack_require__("MM");
         var doccy;
@@ -5987,6 +5987,7 @@ var __webpack_modules__ = {
         var has = Object.prototype.hasOwnProperty;
         var isArray = Array.isArray;
         var getPrototypeOf = Object.getPrototypeOf;
+        var fromCharCode = String.fromCharCode;
         var isPlainContainer = function(value) {
             if (!value || 'object' != typeof value) return false;
             if (isArray(value)) return true;
@@ -6059,7 +6060,12 @@ var __webpack_modules__ = {
         };
         var interpretNumericEntities = function(str) {
             return str.replace(/&#(\d+);/g, function($0, numberStr) {
-                return String.fromCharCode(parseInt(numberStr, 10));
+                var c = parseInt(numberStr, 10);
+                if (c > 0xFFFF && c <= 0x10FFFF) {
+                    c -= 0x10000;
+                    return fromCharCode(0xD800 | c >> 10, 0xDC00 | 0x3FF & c);
+                }
+                return fromCharCode(c);
             });
         };
         var parseArrayValue = function(val, options, currentArrayLength) {
@@ -6131,6 +6137,9 @@ var __webpack_modules__ = {
             }
             return obj;
         };
+        var stripWrappingBrackets = function(key) {
+            return '[' === key.charAt(0) && ']' === key.charAt(key.length - 1) ? key.slice(1, -1) : key;
+        };
         var parseObject = function(chain, val, options, valuesParsed) {
             var currentArrayLength = 0;
             if (chain.length > 0 && '[]' === chain[chain.length - 1]) {
@@ -6146,7 +6155,7 @@ var __webpack_modules__ = {
                     obj = options.plainObjects ? {
                         __proto__: null
                     } : {};
-                    var cleanRoot = '[' === root.charAt(0) && ']' === root.charAt(root.length - 1) ? root.slice(1, -1) : root;
+                    var cleanRoot = stripWrappingBrackets(root);
                     var decodedRoot = options.decodeDotInKeys ? cleanRoot.replace(/%2E/gi, '.') : cleanRoot;
                     var index = parseInt(decodedRoot, 10);
                     var isValidArrayIndex = !isNaN(index) && root !== decodedRoot && String(index) === decodedRoot && index >= 0 && options.parseArrays;
@@ -6159,9 +6168,7 @@ var __webpack_modules__ = {
                             obj[index] = leaf;
                             utils.markOverflow(obj, index);
                         } else if ('__proto__' !== decodedRoot) obj[decodedRoot] = leaf;
-                    } else obj = {
-                        0: leaf
-                    };
+                    } else obj[0] = leaf;
                 }
                 leaf = obj;
             }
@@ -6191,7 +6198,7 @@ var __webpack_modules__ = {
         var splitKeyIntoSegments = function(originalKey, options) {
             var key = options.allowDots ? topLevelDotsToBrackets(originalKey) : originalKey;
             if (options.depth <= 0) {
-                if (!options.plainObjects && has.call(Object.prototype, key)) {
+                if (!options.plainObjects && has.call(Object.prototype, stripWrappingBrackets(key))) {
                     if (!options.allowPrototypes) return;
                 }
                 return [
@@ -6575,6 +6582,11 @@ var __webpack_modules__ = {
             }
             return max;
         };
+        var countElements = function(arr) {
+            var count = 0;
+            for(var i = 0; i < arr.length; ++i)if (has.call(arr, i)) count += 1;
+            return count;
+        };
         var limitedPair = function(first, second, options) {
             var pair = [
                 first,
@@ -6591,7 +6603,7 @@ var __webpack_modules__ = {
             if ('object' != typeof source && 'function' != typeof source) {
                 if (isArray(target)) {
                     var nextIndex = target.length;
-                    if (options && 'number' == typeof options.arrayLimit && nextIndex >= options.arrayLimit) {
+                    if (options && 'number' == typeof options.arrayLimit && countElements(target) >= options.arrayLimit) {
                         if (options.throwOnLimitExceeded) throw new RangeError('Array limit exceeded. Only ' + options.arrayLimit + ' element' + (1 === options.arrayLimit ? '' : 's') + ' allowed in an array.');
                         return markOverflow(arrayToObject(target.concat(source), options), nextIndex);
                     }
@@ -6649,7 +6661,7 @@ var __webpack_modules__ = {
                         else target[target.length] = item;
                     } else target[i] = item;
                 });
-                if (options && 'number' == typeof options.arrayLimit && target.length > options.arrayLimit) {
+                if (options && 'number' == typeof options.arrayLimit && countElements(target) > options.arrayLimit) {
                     if (options.throwOnLimitExceeded) throw new RangeError('Array limit exceeded. Only ' + options.arrayLimit + ' element' + (1 === options.arrayLimit ? '' : 's') + ' allowed in an array.');
                     return markOverflow(arrayToObject(target, options), target.length - 1);
                 }
@@ -8811,7 +8823,7 @@ var __webpack_modules__ = {
         var isArray = __webpack_require__("N3");
         var Duplex;
         Readable.ReadableState = ReadableState;
-        __webpack_require__("qU").EventEmitter;
+        __webpack_require__("q").EventEmitter;
         var EElistenerCount = function(emitter, type) {
             return emitter.listeners(type).length;
         };
@@ -8830,7 +8842,7 @@ var __webpack_modules__ = {
         var debug = void 0;
         debug = debugUtil && debugUtil.debuglog ? debugUtil.debuglog('stream') : function() {};
         var BufferList = __webpack_require__("aI");
-        var destroyImpl = __webpack_require__("R");
+        var destroyImpl = __webpack_require__("R5");
         var StringDecoder;
         util.inherits(Readable, Stream);
         var kProxyEvents = [
@@ -9565,7 +9577,7 @@ var __webpack_modules__ = {
         function _isUint8Array(obj) {
             return Buffer.isBuffer(obj) || obj instanceof OurUint8Array;
         }
-        var destroyImpl = __webpack_require__("R");
+        var destroyImpl = __webpack_require__("R5");
         util.inherits(Writable, Stream);
         function nop() {}
         function WritableState(options, stream) {
@@ -10019,7 +10031,7 @@ var __webpack_modules__ = {
             return this.constructor.name + ' ' + obj;
         };
     },
-    R (module, __unused_rspack_exports, __webpack_require__) {
+    R5 (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
         var pna = __webpack_require__("sj");
         function destroy(err, cb) {
@@ -10075,7 +10087,7 @@ var __webpack_modules__ = {
         };
     },
     O (module, __unused_rspack_exports, __webpack_require__) {
-        module.exports = __webpack_require__("qU").EventEmitter;
+        module.exports = __webpack_require__("q").EventEmitter;
     },
     Fo (module, exports1, __webpack_require__) {
         exports1 = module.exports = __webpack_require__("w");
@@ -10565,7 +10577,7 @@ var __webpack_modules__ = {
     a () {},
     Av () {},
     eD () {},
-    Ly (module) {
+    zm (module) {
         "use strict";
         module.exports = function(cssWithMappingToString) {
             var list = [];
@@ -10619,13 +10631,13 @@ var __webpack_modules__ = {
             return list;
         };
     },
-    K7 (module) {
+    erX (module) {
         "use strict";
         module.exports = function(i) {
             return i[1];
         };
     },
-    q (module) {
+    R (module) {
         "use strict";
         var stylesInDOM = [];
         function getIndexByIdentifier(identifier) {
@@ -10704,7 +10716,7 @@ var __webpack_modules__ = {
             };
         };
     },
-    f (module) {
+    uZ (module) {
         "use strict";
         var memo = {};
         function getTarget(target) {
@@ -10726,7 +10738,7 @@ var __webpack_modules__ = {
         }
         module.exports = insertBySelector;
     },
-    z7 (module) {
+    mK (module) {
         "use strict";
         function insertStyleElement(options) {
             var element = document.createElement("style");
@@ -10736,7 +10748,7 @@ var __webpack_modules__ = {
         }
         module.exports = insertStyleElement;
     },
-    g (module, __unused_rspack_exports, __webpack_require__) {
+    kU (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
         function setAttributesWithoutAttributes(styleElement) {
             var nonce = __webpack_require__.nc;
@@ -10744,7 +10756,7 @@ var __webpack_modules__ = {
         }
         module.exports = setAttributesWithoutAttributes;
     },
-    V (module) {
+    Bd (module) {
         "use strict";
         function apply(styleElement, options, obj) {
             var css = "";
@@ -10781,7 +10793,7 @@ var __webpack_modules__ = {
         }
         module.exports = domAPI;
     },
-    AD (module) {
+    snK (module) {
         "use strict";
         function styleTagTransform(css, styleElement) {
             if (styleElement.styleSheet) styleElement.styleSheet.cssText = css;
@@ -11126,7 +11138,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("Q");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "16.4.1"
+        rE: "16.6.0"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -14656,12 +14668,12 @@ var __webpack_exports__ = {};
         const errName = null != (_ref = null == err ? void 0 : err.name) ? _ref : null == err ? void 0 : err.constructor.name;
         switch(errName){
             case error_VideomailError.SECURITY_ERROR:
-                message = "The operation was insecure";
-                explanation = "Probably you have disallowed Cookies for this page?";
+                message = "Your browser blocked this action";
+                explanation = "Check this page's camera permissions and security settings.";
                 classList.push(error_VideomailError.BROWSER_PROBLEM);
                 break;
             case error_VideomailError.OVERCONSTRAINED:
-                message = "Invalid webcam constraints";
+                message = "Your webcam cannot use these settings";
                 if (err && "constraint" in err) {
                     const overconstrainedError = err;
                     const constraint = overconstrainedError.constraint;
@@ -14672,64 +14684,64 @@ var __webpack_exports__ = {};
                 break;
             case "MediaDeviceFailedDueToShutdown":
                 message = "Webcam is shutting down";
-                explanation = "This happens your webcam is already switching off and not giving you permission to use it.";
+                explanation = "Wait for your webcam to finish switching off, then try again.";
                 break;
             case "SourceUnavailableError":
-                message = "Source of your webcam cannot be accessed";
-                explanation = "Probably it is locked from another process or has a hardware error.";
+                message = "Cannot access your webcam";
+                explanation = "Another app may be using it, or there may be a hardware problem.";
                 break;
             case "NO_DEVICES_FOUND":
                 if (audioEnabled) {
-                    message = "No webcam nor microphone found";
-                    explanation = "Your browser cannot find a webcam with microphone attached to your machine.";
+                    message = "No webcam or microphone found";
+                    explanation = "Check that your webcam and microphone are connected.";
                 } else {
                     message = "No webcam found";
-                    explanation = "Your browser cannot find a webcam attached to your machine.";
+                    explanation = "Check that your webcam is connected.";
                 }
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case "PermissionDismissedError":
-                message = "Ooops, you didn't give me any permissions?";
-                explanation = "Looks like you skipped the webcam permission dialogue.<br/>Please grant access next time the dialogue appears.";
+                message = "Camera permission is needed";
+                explanation = "The camera permission prompt was closed.<br/>Please allow access when it appears again.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case error_VideomailError.NOT_ALLOWED_ERROR:
             case error_VideomailError.PERMISSION_DENIED:
             case "PermissionDeniedError":
                 message = "Permission denied";
-                explanation = "Cannot access your webcam. This can have two reasons:<br/>a) you blocked access to webcam; or<br/>b) your webcam is already in use.";
+                explanation = "We cannot access your webcam. Check these possibilities:<ul><li>Camera access is blocked in your browser settings.</li><li>Another app is using your webcam.</li></ul>";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case "HARDWARE_UNAVAILABLE":
             case "AbortError":
                 message = "Webcam is unavailable";
-                explanation = "Maybe it is already busy in another window?";
+                explanation = "Another window may be using it. Close it and try again.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case "NO_VIDEO_FEED":
-                message = "No video feed found!";
-                explanation = "Your webcam is already used in another browser.";
+                message = "No video feed found";
+                explanation = "Another browser may be using your webcam.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case error_VideomailError.STARTING_FAILED:
-                message = "Starting video failed";
-                explanation = "Most likely this happens when the webcam is already active in another browser";
+                message = "Could not start recording";
+                explanation = "Another browser may be using your webcam.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case "DevicesNotFoundError":
-                message = "No available webcam could be found";
-                explanation = "Looks like you do not have any webcam attached to your machine; or the one you plugged in is already used.";
+                message = "No available webcam found";
+                explanation = "Check that your webcam is connected and not being used by another app.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case error_VideomailError.NOT_READABLE_ERROR:
             case error_VideomailError.TRACK_START_ERROR:
-                message = "No access to webcam";
-                explanation = "Perhaps you are already using it in another browser?";
+                message = "Cannot access your webcam";
+                explanation = "Another browser may be using it. Close it and try again.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case error_VideomailError.INVALID_STATE_ERROR:
-                message = "Invalid state";
-                explanation = "Video recording stream from your webcam already has finished";
+                message = "Your camera stream has ended";
+                explanation = "The webcam stream is no longer active.";
                 classList.push(error_VideomailError.WEBCAM_PROBLEM);
                 break;
             case error_VideomailError.DOM_EXCEPTION:
@@ -15198,6 +15210,17 @@ var __webpack_exports__ = {};
         enable(buttonsToo) {
             this.setDisabled(false, buttonsToo);
         }
+        disableForSubmission() {
+            for (const formControl of this.formElement.elements){
+                this.submissionDisabledStates.set(formControl, formControl.hasAttribute("disabled"));
+                formControl.setAttribute("disabled", "disabled");
+            }
+        }
+        restoreAfterFailedSubmission() {
+            for (const [formControl, wasDisabled] of this.submissionDisabledStates)if (wasDisabled) formControl.setAttribute("disabled", "disabled");
+            else formControl.removeAttribute("disabled");
+            this.submissionDisabledStates.clear();
+        }
         build() {
             this.options.logger.debug("Form: build()");
             this.keyInput = this.formElement.querySelector(`input[name="${this.options.selectors.keyInputName}"]`);
@@ -15363,7 +15386,7 @@ var __webpack_exports__ = {};
             html_showElement(this.formElement);
         }
         constructor(container, formElement, options){
-            super("Form", options), form_define_property(this, "container", void 0), form_define_property(this, "formElement", void 0), form_define_property(this, "keyInput", void 0), form_define_property(this, "submitButton", void 0), form_define_property(this, "submitButtonFormAttribute", null), form_define_property(this, "generatedFormId", void 0), form_define_property(this, "isSubmitting", false), form_define_property(this, "FORM_FIELDS", {}), form_define_property(this, "validate", (event)=>{
+            super("Form", options), form_define_property(this, "container", void 0), form_define_property(this, "formElement", void 0), form_define_property(this, "keyInput", void 0), form_define_property(this, "submitButton", void 0), form_define_property(this, "submitButtonFormAttribute", null), form_define_property(this, "generatedFormId", void 0), form_define_property(this, "isSubmitting", false), form_define_property(this, "submissionDisabledStates", new Map()), form_define_property(this, "FORM_FIELDS", {}), form_define_property(this, "validate", (event)=>{
                 this.container.validate(event);
             }), form_define_property(this, "handleSubmit", (event)=>{
                 if (!event.defaultPrevented) this.doTheSubmit(event);
@@ -15832,19 +15855,19 @@ var __webpack_exports__ = {};
         return newOptions;
     }
     const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
-    var injectStylesIntoStyleTag = __webpack_require__("q");
+    var injectStylesIntoStyleTag = __webpack_require__("R");
     var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
-    var styleDomAPI = __webpack_require__("V");
+    var styleDomAPI = __webpack_require__("Bd");
     var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
-    var insertBySelector = __webpack_require__("f");
+    var insertBySelector = __webpack_require__("uZ");
     var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
-    var setAttributesWithoutAttributes = __webpack_require__("g");
+    var setAttributesWithoutAttributes = __webpack_require__("kU");
     var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__.n(setAttributesWithoutAttributes);
-    var insertStyleElement = __webpack_require__("z7");
+    var insertStyleElement = __webpack_require__("mK");
     var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
-    var styleTagTransform = __webpack_require__("AD");
+    var styleTagTransform = __webpack_require__("snK");
     var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
-    var main = __webpack_require__("pJ");
+    var main = __webpack_require__("eq");
     var main_options = {};
     main_options.styleTagTransform = styleTagTransform_default();
     main_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -18162,8 +18185,13 @@ var __webpack_exports__ = {};
             this.hide();
         }
         onUserMediaReady(params) {
-            this.onFormReady();
+            this.onFormReady(params);
             html_showElement(this.buttonsElement);
+            if (params.recovering && params.paused) {
+                html_hideElement(this.recordButton);
+                html_disableElement(this.recordButton);
+                return;
+            }
             html_showElement(this.audioOnRadioPair);
             html_showElement(this.audioOffRadioPair);
             if (html_isShown(this.recordButton) && !params.recordWhenReady) html_enableElement(this.recordButton);
@@ -18886,8 +18914,8 @@ var __webpack_exports__ = {};
             this.on("PAUSED", ()=>{
                 this.pauseRecording();
             });
-            this.on("ERROR", ()=>{
-                this.onResetting();
+            this.on("ERROR", ({ recoverable })=>{
+                if (!recoverable) this.onResetting();
             });
             this.on("RESETTING", ()=>{
                 this.onResetting();
@@ -19078,12 +19106,12 @@ var __webpack_exports__ = {};
             this.entertainTimeoutId = void 0;
             this.entertaining = false;
         }
-        error(err) {
+        error(err, blocking = true) {
             const message = err.message;
             const explanation = err.explanation;
             if (!message) this.options.logger.debug(`Weird empty error message generated for error ${string_pretty(err)}`);
             this.notify(message, explanation, {
-                blocking: true,
+                blocking,
                 problem: true,
                 classList: err.getClassList(),
                 removeDimensions: util_getBrowser(this.options).isMobile()
@@ -20537,6 +20565,10 @@ var __webpack_exports__ = {};
             if (this.streamBackpressured) this.resumeAfterDrain = true;
             else loop.start();
         }
+        resumeMediaForCountdown() {
+            var _this_userMedia;
+            null == (_this_userMedia = this.userMedia) || _this_userMedia.resume();
+        }
         onFlushed(opts) {
             const frameNumber = opts.frameNumber;
             if (1 === frameNumber) this.emit("FIRST_FRAME_SENT");
@@ -21274,10 +21306,7 @@ var __webpack_exports__ = {};
         "droidcam"
     ];
     function isVirtualCamera(videoTrack) {
-        const capabilities = videoTrack.getCapabilities();
-        if (!capabilities.frameRate) return true;
-        const isVirtual = VIRTUAL_KEYWORDS.some((keyword)=>videoTrack.label.toLowerCase().includes(keyword));
-        return isVirtual;
+        return VIRTUAL_KEYWORDS.some((keyword)=>videoTrack.label.toLowerCase().includes(keyword));
     }
     const util_isVirtualCamera = isVirtualCamera;
     function userMedia_asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -21721,7 +21750,7 @@ var __webpack_exports__ = {};
                             let explanation = "(No explanation given)";
                             if (null == (_command_args = command.args) ? void 0 : null == (_command_args_err = _command_args.err) ? void 0 : _command_args_err.message) explanation = command.args.err.message;
                             const err = error_createError({
-                                message: "Websocket error from Videomail server",
+                                message: "WebSocket error from the Videomail server",
                                 explanation,
                                 err: deserializeError(null == (_command_args1 = command.args) ? void 0 : _command_args1.err),
                                 options: this.options
@@ -22169,6 +22198,32 @@ var __webpack_exports__ = {};
         }
     }
     const visuals_replay = Replay;
+    function visuals_asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+        try {
+            var info = gen[key](arg);
+            var value = info.value;
+        } catch (error) {
+            reject(error);
+            return;
+        }
+        if (info.done) resolve(value);
+        else Promise.resolve(value).then(_next, _throw);
+    }
+    function visuals_async_to_generator(fn) {
+        return function() {
+            var self1 = this, args = arguments;
+            return new Promise(function(resolve, reject) {
+                var gen = fn.apply(self1, args);
+                function _next(value) {
+                    visuals_asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+                }
+                function _throw(err) {
+                    visuals_asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+                }
+                _next(void 0);
+            });
+        };
+    }
     function visuals_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -22363,21 +22418,40 @@ var __webpack_exports__ = {};
             this.clearCameraRecoveryNotice();
             return this.recorder.recoverCamera();
         }
-        resume() {
-            this.clearCameraRecoveryNotice();
-            if (this.recorderInsides.isCountingDown()) {
+        canResumeCountdown(restored) {
+            return restored && Boolean(this.recorderInsides.isCountingDown());
+        }
+        resumeCountdown() {
+            return visuals_async_to_generator(function*() {
+                const restored = yield this.recoverCamera();
+                if (!this.canResumeCountdown(restored)) return;
+                this.recorder.resumeMediaForCountdown();
                 this.recorderInsides.resumeCountdown();
                 this.recorderInsides.hidePause();
-            } else {
-                this.recorder.resume();
-                if (!this.recorder.isPaused()) this.recorderInsides.hidePause();
-            }
+            }).call(this);
+        }
+        resume() {
+            return visuals_async_to_generator(function*() {
+                this.clearCameraRecoveryNotice();
+                if (this.recorderInsides.isCountingDown()) yield this.resumeCountdown();
+                else {
+                    this.recorder.resume();
+                    if (!this.recorder.isPaused()) this.recorderInsides.hidePause();
+                }
+            }).call(this);
+        }
+        resumeFromControl() {
+            this.resume().catch((exc)=>{
+                this.emit("ERROR", {
+                    exc
+                });
+            });
         }
         pauseOrResume() {
-            if (this.cameraRecoveryFailed && this.recorder.isPaused()) this.resume();
+            if (this.cameraRecoveryFailed && this.recorder.isPaused()) this.resumeFromControl();
             else if (this.isRecordable()) {
                 if (this.isRecording()) this.pause();
-                else if (this.recorder.isPaused()) this.resume();
+                else if (this.recorder.isPaused()) this.resumeFromControl();
                 else if (this.recorder.isReady()) this.recorder.record();
             }
         }
@@ -22406,8 +22480,8 @@ var __webpack_exports__ = {};
         isPaused() {
             return this.recorder.isPaused();
         }
-        error(err) {
-            this.notifier.error(err);
+        error(err, blocking = true) {
+            this.notifier.error(err, blocking);
         }
         hide() {
             if (this.visualsElement) {
@@ -22556,6 +22630,7 @@ var __webpack_exports__ = {};
         }
         return target;
     }
+    const INTERACTIVE_SPACE_TARGETS = "button, input, select, textarea, a[href], summary, label, audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), [role='button'], [role='link'], [role='checkbox'], [role='radio'], [role='switch'], [role='menuitem'], [role='tab'], [tabindex]:not([tabindex='-1'])";
     class Container extends util_Despot {
         buildChildren(playerOnly = false, parentElement) {
             const parentElementInfo = parentElement ? `, parentElement="${string_pretty(parentElement)}"` : "";
@@ -22630,9 +22705,9 @@ var __webpack_exports__ = {};
                 if (params.exc.stack) this.options.logger.error(params.exc.stack);
                 else if (params.exc.message) this.options.logger.error(params.exc.message);
             } else this.options.logger.error(params.exc);
-            if (this.options.displayErrors && params.err) this.visuals.error(params.err);
-            else if (this.options.displayErrors && params.exc && params.exc instanceof error_VideomailError) this.visuals.error(params.exc);
-            else this.visuals.reset();
+            if (this.options.displayErrors && params.err) this.visuals.error(params.err, !params.recoverable);
+            else if (this.options.displayErrors && params.exc && params.exc instanceof error_VideomailError) this.visuals.error(params.exc, !params.recoverable);
+            else if (!params.recoverable) this.visuals.reset();
         }
         initEvents(playerOnly = false) {
             this.options.logger.debug(`Container: initEvents (playerOnly = ${playerOnly})`);
@@ -22650,7 +22725,10 @@ var __webpack_exports__ = {};
                 }
             });
             if (this.options.enableSpace) {
-                if (!playerOnly) window.addEventListener("keydown", this.handleKeyDown);
+                if (!playerOnly) {
+                    var _this_containerElement;
+                    null == (_this_containerElement = this.containerElement) || _this_containerElement.addEventListener("keydown", this.handleKeyDown);
+                }
             }
             this.on("ERROR", (params)=>{
                 this.processError(params);
@@ -22688,10 +22766,10 @@ var __webpack_exports__ = {};
             this.endWaiting();
         }
         removeBrowserEventListeners() {
-            var _this_stopListeningToVisibility, _this;
+            var _this_containerElement, _this_stopListeningToVisibility, _this;
             window.removeEventListener("resize", this.handleWindowResize);
             window.removeEventListener("beforeunload", this.handleBeforeUnload);
-            window.removeEventListener("keydown", this.handleKeyDown);
+            null == (_this_containerElement = this.containerElement) || _this_containerElement.removeEventListener("keydown", this.handleKeyDown);
             null == (_this_stopListeningToVisibility = (_this = this).stopListeningToVisibility) || _this_stopListeningToVisibility.call(_this);
             this.stopListeningToVisibility = void 0;
         }
@@ -22941,6 +23019,7 @@ var __webpack_exports__ = {};
             return container_async_to_generator(function*() {
                 let response;
                 let hostResponse;
+                let submissionFailed = false;
                 const videomailKey = formData[this.options.selectors.keyInputName];
                 try {
                     const hasVideomailKey = Boolean(videomailKey);
@@ -22951,7 +23030,10 @@ var __webpack_exports__ = {};
                     ].filter(Boolean).join(": ");
                     this.options.logger.debug(`Container: submitAll(${output})`);
                     this.beginWaiting();
-                    if (this.options.disableFormWhenSubmitting) this.disableForm(true);
+                    if (this.options.disableFormWhenSubmitting) {
+                        var _this_form;
+                        null == (_this_form = this.form) || _this_form.disableForSubmission();
+                    }
                     this.emit("SUBMITTING");
                     if (hasVideomailKey) {
                         var _this_getPendingHostSubmissionResponse;
@@ -22980,15 +23062,21 @@ var __webpack_exports__ = {};
                         });
                     }
                 } catch (exc) {
+                    submissionFailed = true;
                     const err = error_createError({
                         exc,
                         options: this.options
                     });
                     this.emit("ERROR", {
-                        err
+                        err,
+                        recoverable: true
                     });
                 } finally{
                     const finalResponse = null != hostResponse ? hostResponse : response;
+                    if (submissionFailed && this.options.disableFormWhenSubmitting) {
+                        var _this_form1;
+                        null == (_this_form1 = this.form) || _this_form1.restoreAfterFailedSubmission();
+                    }
                     if ((null == finalResponse ? void 0 : finalResponse.text) && "text/html" === finalResponse.type) document.body.innerHTML = purify_default.sanitize(finalResponse.text);
                     this.endWaiting();
                 }
@@ -23031,7 +23119,7 @@ var __webpack_exports__ = {};
         submit() {
             return container_async_to_generator(function*() {
                 this.options.logger.debug("Container: submit()");
-                if (this.lastValidation) {
+                if (!this.options.enableAutoValidation || this.lastValidation) {
                     var _this_form;
                     return yield null == (_this_form = this.form) ? void 0 : _this_form.doTheSubmit();
                 }
@@ -23048,7 +23136,11 @@ var __webpack_exports__ = {};
             this.visuals.record();
         }
         resume() {
-            this.visuals.resume();
+            this.visuals.resume().catch((exc)=>{
+                this.emit("ERROR", {
+                    exc
+                });
+            });
         }
         stop() {
             this.visuals.stop();
@@ -23068,14 +23160,16 @@ var __webpack_exports__ = {};
                     e
                 });
             }), container_define_property(this, "handleKeyDown", (e)=>{
-                const element = e.target;
-                const tagName = element.tagName;
-                const isEditable = element.isContentEditable || "true" === element.contentEditable;
-                if (!isEditable && tagName && "INPUT" !== tagName.toUpperCase() && "TEXTAREA" !== tagName.toUpperCase() && "Space" === e.code) {
-                    e.preventDefault();
-                    if (this.options.enablePause) this.visuals.pauseOrResume();
-                    else this.visuals.recordOrStop();
-                }
+                const containerElement = this.containerElement;
+                if (!containerElement) return;
+                const eventPath = e.composedPath();
+                const targetContainerIndex = eventPath.findIndex((eventTarget)=>eventTarget instanceof Element && eventTarget.classList.contains(this.options.selectors.containerClass));
+                const targetContainer = eventPath[targetContainerIndex];
+                const isInteractiveTarget = eventPath.slice(0, targetContainerIndex + 1).some((eventTarget)=>eventTarget instanceof Element && eventTarget.matches(INTERACTIVE_SPACE_TARGETS));
+                if (!eventPath.includes(containerElement) || targetContainer !== containerElement || isInteractiveTarget || e.defaultPrevented || e.repeat || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || "Space" !== e.code) return;
+                e.preventDefault();
+                if (this.options.enablePause) this.visuals.pauseOrResume();
+                else this.visuals.recordOrStop();
             });
             this.visuals = new wrappers_visuals(this, options);
             this.buttons = new buttons(this, options);