videomail-client 16.5.0 → 16.7.0

package/dist/cjs/index.cjs

@@ -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);
                 }
@@ -7200,7 +7212,7 @@ var __webpack_modules__ = {
         const qs = __webpack_require__("b");
         const RequestBase = __webpack_require__("d");
         const { isObject, mixin, hasOwn, isSafeKey } = __webpack_require__("Dp");
-        const ResponseBase = __webpack_require__("es");
+        const ResponseBase = __webpack_require__("e");
         const Agent = __webpack_require__("pf");
         function noop() {}
         module.exports = function(method, url) {
@@ -7914,7 +7926,7 @@ var __webpack_modules__ = {
             }, this._responseTimeout);
         };
     },
-    es (module, __unused_rspack_exports, __webpack_require__) {
+    e (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
         const utils = __webpack_require__("Dp");
         module.exports = ResponseBase;
@@ -10625,7 +10637,7 @@ var __webpack_modules__ = {
             return i[1];
         };
     },
-    R (module) {
+    RR (module) {
         "use strict";
         var stylesInDOM = [];
         function getIndexByIdentifier(identifier) {
@@ -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.5.0"
+        rE: "16.7.0"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -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,7 +15855,7 @@ var __webpack_exports__ = {};
         return newOptions;
     }
     const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
-    var injectStylesIntoStyleTag = __webpack_require__("R");
+    var injectStylesIntoStyleTag = __webpack_require__("RR");
     var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
     var styleDomAPI = __webpack_require__("Bd");
     var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
@@ -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()
@@ -19275,6 +19303,18 @@ var __webpack_exports__ = {};
     canvas_to_buffer_modern_r.atob = void 0;
     var websocket_stream_stream = __webpack_require__("U");
     var stream_default = /*#__PURE__*/ __webpack_require__.n(websocket_stream_stream);
+    function isAutomatedUserAgent(userAgent = navigator.userAgent) {
+        return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
+    }
+    const util_isAutomatedUserAgent = isAutomatedUserAgent;
+    function getAutomationSignals() {
+        const webdriver = navigator.webdriver;
+        return {
+            webdriver: true === webdriver,
+            userAgentMatched: util_isAutomatedUserAgent()
+        };
+    }
+    const util_getAutomationSignals = getAutomationSignals;
     function getEdgeCodes(value, amount, fromEnd) {
         const chars = fromEnd ? value.slice(-amount) : value.slice(0, amount);
         const codes = Array.from(chars, (char)=>String(char.codePointAt(0))).join(".");
@@ -19302,15 +19342,16 @@ var __webpack_exports__ = {};
         if (languageList.length > 0) return languageList.join(",");
         return navigator.language || "none";
     }
-    function getAutomationSignals(probeBase, probeSimpleQuery) {
+    function getDiagnosticSignals(probeBase, probeSimpleQuery) {
         const reasons = [];
-        if (navigator.webdriver) reasons.push("webdriver=true");
-        if (/HeadlessChrome|PhantomJS|puppeteer|playwright/iu.test(navigator.userAgent)) reasons.push("headless_ua_marker");
+        const automation = util_getAutomationSignals();
+        if (automation.webdriver) reasons.push("webdriver=true");
+        if (automation.userAgentMatched) reasons.push("headless_ua_marker");
         if (0 === navigator.languages.length) reasons.push("no_languages");
         if ("ok" !== probeBase) reasons.push("probe_base_failed");
         if ("ok" !== probeSimpleQuery) reasons.push("probe_simple_query_failed");
         return {
-            looksAutomated: reasons.length > 0,
+            looksAutomated: automation.webdriver || automation.userAgentMatched,
             reasons: reasons.length > 0 ? reasons.join(",") : "none"
         };
     }
@@ -19327,7 +19368,7 @@ var __webpack_exports__ = {};
         const probeBase = probeWebSocketConstructor("wss://videomail.io");
         const probeWithSimpleQuery = probeWebSocketConstructor("wss://videomail.io/?a=b");
         const languages = getLanguagesValue();
-        const automationSignals = getAutomationSignals(probeBase, probeWithSimpleQuery);
+        const automationSignals = getDiagnosticSignals(probeBase, probeWithSimpleQuery);
         const diagnosticPairs = [
             `webdriver=${String(navigator.webdriver)}`,
             `wsCtorNative=${String(wsCtorNative)}`,
@@ -19354,10 +19395,6 @@ var __webpack_exports__ = {};
         };
     }
     const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
-    function isAutomatedUserAgent(userAgent = navigator.userAgent) {
-        return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
-    }
-    const util_isAutomatedUserAgent = isAutomatedUserAgent;
     function boundedWriteQueue_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -19553,6 +19590,9 @@ var __webpack_exports__ = {};
                 explanation: "The server connection closed before this recording completed. It cannot be safely resumed, so it has been stopped. Please start a new recording.",
                 options: this.options,
                 cause: {
+                    transportPhase: "recording",
+                    mediaTransmissionStarted: true,
+                    automation: util_getAutomationSignals(),
                     unconfirmedFrames,
                     unconfirmedSamples
                 }
@@ -19620,46 +19660,54 @@ var __webpack_exports__ = {};
                 this.resumeAfterDrain = false;
                 this.reconnecting = true;
                 this.initSocket();
-            } else if (this.shouldReportStreamClose()) window.setTimeout(()=>{
-                this.handleConnectionFailure({
-                    url2Connect,
-                    cause: "closed"
-                });
-            }, 0);
+            } else if (this.shouldReportStreamClose()) {
+                const stream = this.stream;
+                window.setTimeout(()=>{
+                    if (this.stream === stream) this.handleConnectionFailure({
+                        url2Connect,
+                        cause: "closed"
+                    });
+                }, 0);
+            }
         }
         shouldIgnoreStreamClose() {
-            return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate();
+            return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
+        }
+        closeIdleConnection(reason) {
+            if (this.mediaTransmissionStarted) return;
+            this.options.logger.debug(string_summarize("Recorder: closing idle connection", {
+                reason,
+                connected: this.connected,
+                connecting: this.connecting,
+                visibilityState: document.visibilityState
+            }));
+            this.connected = this.connecting = this.reconnecting = false;
+            this.clearConnectionTimeout();
+            this.clearReconnectTimeout();
+            this.stopPings();
+            this.discardSocket();
         }
         handleStreamError(url2Connect, err) {
-            var _this_lastSocketError;
             if ("u" > typeof Event && err instanceof Event) this.lastSocketError = error_getEventDetails(err);
             else this.lastSocketError = serializeError(err);
             const debugLine = string_summarize(`${PIPE_SYMBOL}Stream *error* event emitted:`, {
                 error: serializeError(err)
             });
             this.options.logger.debug(debugLine);
-            if (this.validate()) {
+            if (this.shouldIgnoreStreamClose()) {
                 this.connected = false;
                 this.stopPings();
                 this.discardSocket();
                 return;
             }
-            if (!this.connected) return void this.handleConnectionFailure({
+            if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
+            this.reconnecting || (this.reconnecting = this.canReconnectAfterStreamClose());
+            this.connected = false;
+            this.stopPings();
+            this.handleConnectionFailure({
                 url2Connect,
                 cause: "error"
             });
-            const streamError = err instanceof Error ? err : new Error("WebSocket stream emitted an error event", {
-                cause: null != (_this_lastSocketError = this.lastSocketError) ? _this_lastSocketError : err
-            });
-            if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
-            this.emit("ERROR", {
-                err: error_createError({
-                    message: "WebSocket stream error",
-                    explanation: `The WebSocket stream emitted an error event. Details: ${string_pretty(err)}`,
-                    options: this.options,
-                    exc: streamError
-                })
-            });
         }
         sendPings() {
             this.stopPings();
@@ -19720,6 +19768,7 @@ var __webpack_exports__ = {};
             this.connectionFailed = true;
             this.connecting = false;
             this.reconnecting = false;
+            const reconnectAttempts = this.reconnectAttempts;
             this.reconnectAttempts = 0;
             this.clearReconnectTimeout();
             this.clearConnectionTimeout();
@@ -19730,6 +19779,14 @@ var __webpack_exports__ = {};
             const socketError = this.lastSocketError;
             const contents = {
                 cause,
+                transportPhase: void 0 === this.connectionOpenedAt ? "initial" : "idle",
+                mediaTransmissionStarted: this.mediaTransmissionStarted,
+                recordingActive: this.recordingActive,
+                framesCount: this.framesCount,
+                samplesCount: this.samplesCount,
+                reconnectAttempts,
+                connectionOpenedAt: this.connectionOpenedAt,
+                automation: util_getAutomationSignals(),
                 closeCode: null == closeEvent ? void 0 : closeEvent.code,
                 closeReason: null == closeEvent ? void 0 : closeEvent.reason,
                 elapsedMs,
@@ -19771,7 +19828,7 @@ var __webpack_exports__ = {};
             });
         }
         shouldIgnoreConnectionFailure() {
-            return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate();
+            return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
         }
         initSocket(cb) {
             if (this.connected) {
@@ -19781,7 +19838,8 @@ var __webpack_exports__ = {};
             }
             if (this.connecting) return void this.options.logger.debug("Recorder: already **connecting**. Not going to initialize a new WebSocket connection.");
             this.clearReconnectTimeout();
-            if (util_isAutomatedUserAgent()) {
+            const automation = util_getAutomationSignals();
+            if (automation.userAgentMatched) {
                 this.connecting = false;
                 this.options.logger.debug("Recorder: skipping web socket connection for an automated crawler");
                 return;
@@ -19815,6 +19873,8 @@ var __webpack_exports__ = {};
             try {
                 nativeSocket = new WebSocket(url2Connect);
                 nativeSocket.addEventListener("close", (event)=>{
+                    var _this_stream;
+                    if ((null == (_this_stream = this.stream) ? void 0 : _this_stream.socket) !== nativeSocket) return;
                     this.lastCloseEvent = {
                         code: event.code,
                         reason: event.reason,
@@ -19822,6 +19882,8 @@ var __webpack_exports__ = {};
                     };
                 });
                 nativeSocket.addEventListener("error", (event)=>{
+                    var _this_stream;
+                    if ((null == (_this_stream = this.stream) ? void 0 : _this_stream.socket) !== nativeSocket) return;
                     this.lastSocketError = error_getEventDetails(event);
                 });
             } catch (exc) {
@@ -19833,7 +19895,10 @@ var __webpack_exports__ = {};
                     message,
                     explanation,
                     options: this.options,
-                    exc
+                    exc,
+                    cause: {
+                        automation
+                    }
                 });
                 this.emit("ERROR", {
                     err
@@ -19871,15 +19936,16 @@ var __webpack_exports__ = {};
                     });
                 }, connectionTimeoutMs);
                 stream.on("close", ()=>{
-                    this.handleStreamClose(url2Connect);
+                    if (this.stream === stream) this.handleStreamClose(url2Connect);
                 });
                 stream.on("connect", (args)=>{
-                    var _this_stream;
+                    if (this.stream !== stream) return;
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted with args: ${string_pretty(args)}`);
                     this.clearConnectionTimeout();
-                    const isClosing = (null == (_this_stream = this.stream) ? void 0 : _this_stream.socket.readyState) === WebSocket.CLOSING;
+                    const isClosing = stream.socket.readyState === WebSocket.CLOSING;
                     if (!this.connected && !isClosing && !this.unloaded) {
                         this.connected = true;
+                        this.connectionOpenedAt = Date.now();
                         this.connecting = this.unloaded = false;
                         this.reconnecting = false;
                         this.reconnectAttempts = 0;
@@ -19889,6 +19955,7 @@ var __webpack_exports__ = {};
                     }
                 });
                 stream.on("data", (data)=>{
+                    if (this.stream !== stream) return;
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *data* event emitted`);
                     try {
                         const command = JSON.parse(data.toString());
@@ -19907,10 +19974,10 @@ var __webpack_exports__ = {};
                     }
                 });
                 stream.on("error", (err)=>{
-                    this.handleStreamError(url2Connect, err);
+                    if (this.stream === stream) this.handleStreamError(url2Connect, err);
                 });
                 stream.on("drain", ()=>{
-                    this.handleStreamDrain(stream);
+                    if (this.stream === stream) this.handleStreamDrain(stream);
                 });
                 stream.on("preend", (args)=>{
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *preend* event emitted with args: ${string_pretty(args)}`);
@@ -19964,7 +20031,7 @@ var __webpack_exports__ = {};
             }
         }
         constructor(options){
-            super(options), connection_define_property(this, "reconnectTimeout", void 0), connection_define_property(this, "connectionTimeout", void 0), connection_define_property(this, "userMediaLoaded", void 0), connection_define_property(this, "userMediaLoading", false), connection_define_property(this, "unloaded", void 0), connection_define_property(this, "connectionFailed", false), connection_define_property(this, "reconnectAttempts", 0), connection_define_property(this, "blocking", false), connection_define_property(this, "connectingStartedAt", void 0), connection_define_property(this, "lastCloseEvent", void 0), connection_define_property(this, "lastSocketError", void 0), connection_define_property(this, "pingInterval", void 0);
+            super(options), connection_define_property(this, "reconnectTimeout", void 0), connection_define_property(this, "connectionTimeout", void 0), connection_define_property(this, "userMediaLoaded", void 0), connection_define_property(this, "userMediaLoading", false), connection_define_property(this, "unloaded", void 0), connection_define_property(this, "connectionFailed", false), connection_define_property(this, "reconnectAttempts", 0), connection_define_property(this, "blocking", false), connection_define_property(this, "connectingStartedAt", void 0), connection_define_property(this, "lastCloseEvent", void 0), connection_define_property(this, "lastSocketError", void 0), connection_define_property(this, "pingInterval", void 0), connection_define_property(this, "connectionOpenedAt", void 0);
         }
     }
     const connection = RecorderConnection;
@@ -20027,6 +20094,7 @@ var __webpack_exports__ = {};
             const characteristics = null == (_this_userMedia = this.userMedia) ? void 0 : _this_userMedia.getCharacteristics();
             this.options.logger.debug(`Recorder: userMediaErrorCallback(), name: ${err.name}, message: ${err.message} and Webcam characteristics: ${characteristics ? string_pretty(characteristics) : "none"}`);
             const errorListeners = this.getListeners("ERROR");
+            if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) this.closeIdleConnection("camera-access-failed");
             if (null == errorListeners ? void 0 : errorListeners.length) if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) {
                 const videomailError = error_createError({
                     err,
@@ -20537,6 +20605,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");
@@ -21800,6 +21872,7 @@ var __webpack_exports__ = {};
                 this.cancelCameraRecovery();
                 this.blocking = true;
                 this.clearUserMediaTimeout();
+                this.closeIdleConnection("blocking-error");
             });
             this.on("PREVIEW", ()=>{
                 this.hide();
@@ -22166,6 +22239,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,
@@ -22360,21 +22459,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();
             }
         }
@@ -22403,8 +22521,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) {
@@ -22553,6 +22671,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)}"` : "";
@@ -22627,9 +22746,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})`);
@@ -22647,7 +22766,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);
@@ -22685,10 +22807,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;
         }
@@ -22938,6 +23060,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);
@@ -22948,7 +23071,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;
@@ -22977,15 +23103,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();
                 }
@@ -23045,7 +23177,11 @@ var __webpack_exports__ = {};
             this.visuals.record();
         }
         resume() {
-            this.visuals.resume();
+            this.visuals.resume().catch((exc)=>{
+                this.emit("ERROR", {
+                    exc
+                });
+            });
         }
         stop() {
             this.visuals.stop();
@@ -23065,14 +23201,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);