videomail-client 16.5.0 → 16.6.0

package/README.md

@@ -165,7 +165,7 @@ Returns a `Promise<boolean>`: `true` if camera recovery succeeds.
 - Shares pending recovery across duplicate calls.
 - Returns `false` without changes if the client is unbuilt, has an unsent preview, is encoding, or is submitting.
 
-Recovery keeps frame dimensions, frame/sample counts, and the audio sample rate. It does **not** resume recording or a countdown on its own. The user chooses Resume, which waits for recovery before sending more frames.
+Recovery keeps frame dimensions, frame/sample counts, and the audio sample rate. It does **not** resume recording or a countdown on its own. The user chooses Resume, which waits for recovery before sending more frames or restarting a paused countdown.
 
 With automatic pause enabled, hiding the page pauses recording. Returning to it recovers the camera. Native apps should call `pause()` when backgrounded and `recoverCamera()` when foregrounded. Wire these into your app's lifecycle; no Capacitor dependency is needed. Use recovery, not `startOver()`, to keep a paused take.
 

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);
                 }
@@ -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.6.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);
@@ -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");
@@ -22166,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,
@@ -22360,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();
             }
         }
@@ -22403,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) {
@@ -22553,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)}"` : "";
@@ -22627,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})`);
@@ -22647,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);
@@ -22685,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;
         }
@@ -22938,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);
@@ -22948,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;
@@ -22977,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();
                 }
@@ -23045,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();
@@ -23065,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);

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "16.5.0"
+    rE: "16.6.0"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -4286,6 +4286,17 @@ class Form extends util_Despot {
     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}"]`);
@@ -4446,7 +4457,7 @@ class Form extends util_Despot {
         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);
@@ -5085,8 +5096,13 @@ class Buttons extends util_Despot {
         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);
@@ -5789,8 +5805,8 @@ class RecorderInsides extends util_Despot {
         this.on("PAUSED", ()=>{
             this.pauseRecording();
         });
-        this.on("ERROR", ()=>{
-            this.onResetting();
+        this.on("ERROR", ({ recoverable })=>{
+            if (!recoverable) this.onResetting();
         });
         this.on("RESETTING", ()=>{
             this.onResetting();
@@ -5973,12 +5989,12 @@ class Notifier extends util_Despot {
         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()
@@ -7332,6 +7348,9 @@ class RecorderCapture extends media {
         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");
@@ -9009,21 +9028,36 @@ class Visuals extends util_Despot {
         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();
         }
     }
@@ -9052,8 +9086,8 @@ class Visuals extends util_Despot {
     isPaused() {
         return this.recorder.isPaused();
     }
-    error(err) {
-        this.notifier.error(err);
+    error(err, blocking = true) {
+        this.notifier.error(err, blocking);
     }
     hide() {
         if (this.visualsElement) {
@@ -9162,6 +9196,7 @@ function container_define_property(obj, key, value) {
     else obj[key] = value;
     return obj;
 }
+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)}"` : "";
@@ -9233,9 +9268,9 @@ class Container extends util_Despot {
             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})`);
@@ -9253,7 +9288,7 @@ class Container extends util_Despot {
             }
         });
         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);
@@ -9293,7 +9328,7 @@ class Container extends util_Despot {
     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;
     }
@@ -9532,6 +9567,7 @@ class Container extends util_Despot {
     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);
@@ -9542,7 +9578,7 @@ class Container extends util_Despot {
             ].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);
@@ -9572,15 +9608,18 @@ class Container extends util_Despot {
                 });
             }
         } 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 = dompurify.sanitize(finalResponse.text);
             this.endWaiting();
         }
@@ -9634,7 +9673,11 @@ class Container extends util_Despot {
         this.visuals.record();
     }
     resume() {
-        this.visuals.resume();
+        this.visuals.resume().catch((exc)=>{
+            this.emit("ERROR", {
+                exc
+            });
+        });
     }
     stop() {
         this.visuals.stop();
@@ -9654,14 +9697,16 @@ class Container extends util_Despot {
                 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);

package/dist/esm/types/events/params.d.ts

@@ -14,6 +14,7 @@ export interface VideomailCameraRecoveryFailedParams {
 export interface VideomailErrorParams {
     exc?: unknown;
     err?: VideomailError;
+    recoverable?: boolean | undefined;
 }
 export interface VideomailRecordingParams {
     framesCount: number;

package/dist/esm/wrappers/form.d.ts

@@ -18,6 +18,7 @@ declare class Form extends Despot {
     private submitButtonFormAttribute;
     private generatedFormId;
     private isSubmitting;
+    private readonly submissionDisabledStates;
     private readonly FORM_FIELDS;
     constructor(container: Container, formElement: HTMLFormElement, options: VideomailClientOptions);
     private readonly validate;
@@ -406,6 +407,8 @@ declare class Form extends Despot {
     private getRegisteredFormElements;
     disable(buttonsToo: boolean): void;
     enable(buttonsToo: boolean): void;
+    disableForSubmission(): void;
+    restoreAfterFailedSubmission(): void;
     build(): void;
     private removeAllInputListeners;
     private hideSubmitButton;

package/dist/esm/wrappers/visuals/notifier.d.ts

@@ -31,7 +31,7 @@ declare class Notifier extends Despot {
     private show;
     private runEntertainment;
     private cancelEntertainment;
-    error(err: VideomailError): void;
+    error(err: VideomailError, blocking?: boolean): void;
     private getMessageElement;
     private setMessage;
     private setExplanation;

package/dist/esm/wrappers/visuals/recorder/capture.d.ts

@@ -66,6 +66,7 @@ declare abstract class RecorderCapture extends RecorderMedia {
     validate(): boolean;
     pause(params?: PauseParams): void;
     resume(): void;
+    resumeMediaForCountdown(): void;
     private onFlushed;
     private draw;
     private createLoop;

package/dist/esm/wrappers/visuals.d.ts

@@ -40,7 +40,10 @@ declare class Visuals extends Despot {
     }): void;
     private clearCameraRecoveryNotice;
     recoverCamera(): Promise<boolean>;
-    resume(): void;
+    private canResumeCountdown;
+    private resumeCountdown;
+    resume(): Promise<void>;
+    private resumeFromControl;
     pauseOrResume(): void;
     recordOrStop(): void;
     getRecorder(): Recorder;
@@ -52,7 +55,7 @@ declare class Visuals extends Despot {
     } | undefined;
     getAudioSampleRate(): number | undefined;
     isPaused(): boolean | undefined;
-    error(err: VideomailError): void;
+    error(err: VideomailError, blocking?: boolean): void;
     hide(): void;
     isHidden(): boolean;
     showVisuals(): void;

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);
                         }
@@ -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.6.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}"]`);
@@ -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()
@@ -20277,6 +20306,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");
@@ -21967,21 +21999,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 +22057,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 +22149,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 +22173,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 +22260,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 +22280,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 +22320,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 +22559,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 +22570,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 +22600,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 +22665,11 @@
                     this.visuals.record();
                 }
                 resume() {
-                    this.visuals.resume();
+                    this.visuals.resume().catch((exc)=>{
+                        this.emit("ERROR", {
+                            exc
+                        });
+                    });
                 }
                 stop() {
                     this.visuals.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "16.5.0",
+  "version": "16.6.0",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -103,7 +103,7 @@
     "audit-ci": "7.1.0",
     "chromatic": "18.13.6",
     "cross-env": "10.1.0",
-    "eslint": "10.13.0",
+    "eslint": "10.14.0",
     "eslint-import-resolver-typescript": "4.4.5",
     "eslint-plugin-de-morgan": "2.3.0",
     "eslint-plugin-depend": "1.5.0",
@@ -120,7 +120,7 @@
     "prettier-plugin-jsdoc": "1.8.1",
     "prettier-plugin-packagejson": "3.0.3",
     "prettier-plugin-sh": "0.20.2",
-    "release-it": "21.1.1",
+    "release-it": "21.1.2",
     "storybook": "10.6.5",
     "storybook-html-rsbuild": "3.6.1",
     "type-fest": "5.10.0",