videomail-client 16.5.0 → 16.7.0

package/dist/umd/index.js

@@ -5993,6 +5993,7 @@
                 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;
@@ -6065,7 +6066,12 @@
                 };
                 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) {
@@ -6137,6 +6143,9 @@
                     }
                     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]) {
@@ -6152,7 +6161,7 @@
                             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;
@@ -6165,9 +6174,7 @@
                                     obj[index] = leaf;
                                     utils.markOverflow(obj, index);
                                 } else if ('__proto__' !== decodedRoot) obj[decodedRoot] = leaf;
-                            } else obj = {
-                                0: leaf
-                            };
+                            } else obj[0] = leaf;
                         }
                         leaf = obj;
                     }
@@ -6197,7 +6204,7 @@
                 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 [
@@ -6581,6 +6588,11 @@
                     }
                     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,
@@ -6597,7 +6609,7 @@
                     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);
                             }
@@ -6655,7 +6667,7 @@
                                 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);
                         }
@@ -7206,7 +7218,7 @@
                 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() {}
                 module1.exports = function(method, url) {
@@ -7920,7 +7932,7 @@
                     }, this._responseTimeout);
                 };
             },
-            es (module1, __unused_rspack_exports, __webpack_require__) {
+            e (module1, __unused_rspack_exports, __webpack_require__) {
                 "use strict";
                 const utils = __webpack_require__("Dp");
                 module1.exports = ResponseBase;
@@ -10631,7 +10643,7 @@
                     return i[1];
                 };
             },
-            R (module1) {
+            RR (module1) {
                 "use strict";
                 var stylesInDOM = [];
                 function getIndexByIdentifier(identifier) {
@@ -11132,7 +11144,7 @@
             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);
@@ -15048,6 +15060,7 @@
                 submitButtonFormAttribute = null;
                 generatedFormId;
                 isSubmitting = false;
+                submissionDisabledStates = new Map();
                 FORM_FIELDS = {};
                 constructor(container, formElement, options){
                     super("Form", options);
@@ -15172,6 +15185,17 @@
                 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}"]`);
@@ -15700,7 +15724,7 @@
                 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);
@@ -18019,8 +18043,13 @@
                     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);
@@ -18676,8 +18705,8 @@
                     this.on("PAUSED", ()=>{
                         this.pauseRecording();
                     });
-                    this.on("ERROR", ()=>{
-                        this.onResetting();
+                    this.on("ERROR", ({ recoverable })=>{
+                        if (!recoverable) this.onResetting();
                     });
                     this.on("RESETTING", ()=>{
                         this.onResetting();
@@ -18852,12 +18881,12 @@
                     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()
@@ -19041,6 +19070,18 @@
             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(".");
@@ -19068,15 +19109,16 @@
                 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"
                 };
             }
@@ -19093,7 +19135,7 @@
                 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)}`,
@@ -19120,10 +19162,6 @@
                 };
             }
             const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
-            function isAutomatedUserAgent(userAgent = navigator.userAgent) {
-                return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
-            }
-            const util_isAutomatedUserAgent = isAutomatedUserAgent;
             const DEFAULT_MAX_QUEUED_BYTES = 1048576;
             class BoundedWriteQueue {
                 maxBytes;
@@ -19317,6 +19355,9 @@
                         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
                         }
@@ -19358,6 +19399,7 @@
                 lastCloseEvent;
                 lastSocketError;
                 pingInterval;
+                connectionOpenedAt;
                 constructor(options){
                     super(options);
                 }
@@ -19386,15 +19428,32 @@
                         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) {
                     if ("u" > typeof Event && err instanceof Event) this.lastSocketError = error_getEventDetails(err);
@@ -19403,28 +19462,20 @@
                         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.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: 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();
@@ -19484,6 +19535,7 @@
                     this.connectionFailed = true;
                     this.connecting = false;
                     this.reconnecting = false;
+                    const reconnectAttempts = this.reconnectAttempts;
                     this.reconnectAttempts = 0;
                     this.clearReconnectTimeout();
                     this.clearConnectionTimeout();
@@ -19494,6 +19546,14 @@
                     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: closeEvent?.code,
                         closeReason: closeEvent?.reason,
                         elapsedMs,
@@ -19535,7 +19595,7 @@
                     });
                 }
                 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) {
@@ -19545,7 +19605,8 @@
                     }
                     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;
@@ -19579,6 +19640,7 @@
                     try {
                         nativeSocket = new WebSocket(url2Connect);
                         nativeSocket.addEventListener("close", (event)=>{
+                            if (this.stream?.socket !== nativeSocket) return;
                             this.lastCloseEvent = {
                                 code: event.code,
                                 reason: event.reason,
@@ -19586,6 +19648,7 @@
                             };
                         });
                         nativeSocket.addEventListener("error", (event)=>{
+                            if (this.stream?.socket !== nativeSocket) return;
                             this.lastSocketError = error_getEventDetails(event);
                         });
                     } catch (exc) {
@@ -19597,7 +19660,10 @@
                             message,
                             explanation,
                             options: this.options,
-                            exc
+                            exc,
+                            cause: {
+                                automation
+                            }
                         });
                         this.emit("ERROR", {
                             err
@@ -19635,14 +19701,16 @@
                             });
                         }, connectionTimeoutMs);
                         stream.on("close", ()=>{
-                            this.handleStreamClose(url2Connect);
+                            if (this.stream === stream) this.handleStreamClose(url2Connect);
                         });
                         stream.on("connect", (args)=>{
+                            if (this.stream !== stream) return;
                             this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted with args: ${string_pretty(args)}`);
                             this.clearConnectionTimeout();
-                            const isClosing = 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;
@@ -19652,6 +19720,7 @@
                             }
                         });
                         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());
@@ -19670,10 +19739,10 @@
                             }
                         });
                         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)}`);
@@ -19795,6 +19864,7 @@
                     const characteristics = 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 (errorListeners?.length) if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) {
                         const videomailError = error_createError({
                             err,
@@ -20277,6 +20347,9 @@
                     if (this.streamBackpressured) this.resumeAfterDrain = true;
                     else loop.start();
                 }
+                resumeMediaForCountdown() {
+                    this.userMedia?.resume();
+                }
                 onFlushed(opts) {
                     const frameNumber = opts.frameNumber;
                     if (1 === frameNumber) this.emit("FIRST_FRAME_SENT");
@@ -21436,6 +21509,7 @@
                         this.cancelCameraRecovery();
                         this.blocking = true;
                         this.clearUserMediaTimeout();
+                        this.closeIdleConnection("blocking-error");
                     });
                     this.on("PREVIEW", ()=>{
                         this.hide();
@@ -21967,21 +22041,36 @@
                     this.clearCameraRecoveryNotice();
                     return this.recorder.recoverCamera();
                 }
-                resume() {
+                canResumeCountdown(restored) {
+                    return restored && Boolean(this.recorderInsides.isCountingDown());
+                }
+                async resumeCountdown() {
+                    const restored = await this.recoverCamera();
+                    if (!this.canResumeCountdown(restored)) return;
+                    this.recorder.resumeMediaForCountdown();
+                    this.recorderInsides.resumeCountdown();
+                    this.recorderInsides.hidePause();
+                }
+                async resume() {
                     this.clearCameraRecoveryNotice();
-                    if (this.recorderInsides.isCountingDown()) {
-                        this.recorderInsides.resumeCountdown();
-                        this.recorderInsides.hidePause();
-                    } else {
+                    if (this.recorderInsides.isCountingDown()) await this.resumeCountdown();
+                    else {
                         this.recorder.resume();
                         if (!this.recorder.isPaused()) this.recorderInsides.hidePause();
                     }
                 }
+                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();
                     }
                 }
@@ -22010,8 +22099,8 @@
                 isPaused() {
                     return this.recorder.isPaused();
                 }
-                error(err) {
-                    this.notifier.error(err);
+                error(err, blocking = true) {
+                    this.notifier.error(err, blocking);
                 }
                 hide() {
                     if (this.visualsElement) {
@@ -22102,6 +22191,7 @@
                 }
             }
             const wrappers_visuals = Visuals;
+            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 {
                 visibility = document_visibility_default()();
                 htmlElement = document.querySelector("html");
@@ -22125,14 +22215,16 @@
                     });
                 };
                 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();
                 };
                 constructor(options){
                     super("Container", options);
@@ -22210,9 +22302,9 @@
                         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})`);
@@ -22230,7 +22322,7 @@
                         }
                     });
                     if (this.options.enableSpace) {
-                        if (!playerOnly) window.addEventListener("keydown", this.handleKeyDown);
+                        if (!playerOnly) this.containerElement?.addEventListener("keydown", this.handleKeyDown);
                     }
                     this.on("ERROR", (params)=>{
                         this.processError(params);
@@ -22270,7 +22362,7 @@
                 removeBrowserEventListeners() {
                     window.removeEventListener("resize", this.handleWindowResize);
                     window.removeEventListener("beforeunload", this.handleBeforeUnload);
-                    window.removeEventListener("keydown", this.handleKeyDown);
+                    this.containerElement?.removeEventListener("keydown", this.handleKeyDown);
                     this.stopListeningToVisibility?.();
                     this.stopListeningToVisibility = void 0;
                 }
@@ -22509,6 +22601,7 @@
                 async submitAll(formData, method, url, hasHostAction = false) {
                     let response;
                     let hostResponse;
+                    let submissionFailed = false;
                     const videomailKey = formData[this.options.selectors.keyInputName];
                     try {
                         const hasVideomailKey = Boolean(videomailKey);
@@ -22519,7 +22612,7 @@
                         ].filter(Boolean).join(": ");
                         this.options.logger.debug(`Container: submitAll(${output})`);
                         this.beginWaiting();
-                        if (this.options.disableFormWhenSubmitting) this.disableForm(true);
+                        if (this.options.disableFormWhenSubmitting) this.form?.disableForSubmission();
                         this.emit("SUBMITTING");
                         if (hasVideomailKey) {
                             response = this.getPendingHostSubmissionResponse(videomailKey) ?? await this.submitVideomail(formData, method);
@@ -22549,15 +22642,18 @@
                             });
                         }
                     } catch (exc) {
+                        submissionFailed = true;
                         const err = error_createError({
                             exc,
                             options: this.options
                         });
                         this.emit("ERROR", {
-                            err
+                            err,
+                            recoverable: true
                         });
                     } finally{
                         const finalResponse = hostResponse ?? response;
+                        if (submissionFailed && this.options.disableFormWhenSubmitting) this.form?.restoreAfterFailedSubmission();
                         if (finalResponse?.text && "text/html" === finalResponse.type) document.body.innerHTML = purify_default.sanitize(finalResponse.text);
                         this.endWaiting();
                     }
@@ -22611,7 +22707,11 @@
                     this.visuals.record();
                 }
                 resume() {
-                    this.visuals.resume();
+                    this.visuals.resume().catch((exc)=>{
+                        this.emit("ERROR", {
+                            exc
+                        });
+                    });
                 }
                 stop() {
                     this.visuals.stop();