videomail-client 13.6.9 → 13.6.11

package/dist/cjs/index.cjs

@@ -6046,7 +6046,7 @@ var __webpack_modules__ = {
                     val = options.strictNullHandling ? null : '';
                 } else {
                     key = options.decoder(part.slice(0, pos), defaults.decoder, charset, 'key');
-                    val = utils.maybeMap(parseArrayValue(part.slice(pos + 1), options, isArray(obj[key]) ? obj[key].length : 0), function(encodedVal) {
+                    if (null !== key) val = utils.maybeMap(parseArrayValue(part.slice(pos + 1), options, isArray(obj[key]) ? obj[key].length : 0), function(encodedVal) {
                         return options.decoder(encodedVal, defaults.decoder, charset, 'value');
                     });
                 }
@@ -6054,9 +6054,11 @@ var __webpack_modules__ = {
                 if (part.indexOf('[]=') > -1) val = isArray(val) ? [
                     val
                 ] : val;
-                var existing = has.call(obj, key);
-                if (existing && 'combine' === options.duplicates) obj[key] = utils.combine(obj[key], val);
-                else if (!existing || 'last' === options.duplicates) obj[key] = val;
+                if (null !== key) {
+                    var existing = has.call(obj, key);
+                    if (existing && 'combine' === options.duplicates) obj[key] = utils.combine(obj[key], val, options.arrayLimit, options.plainObjects);
+                    else if (!existing || 'last' === options.duplicates) obj[key] = val;
+                }
             }
             return obj;
         };
@@ -6070,7 +6072,7 @@ var __webpack_modules__ = {
             for(var i = chain.length - 1; i >= 0; --i){
                 var obj;
                 var root = chain[i];
-                if ('[]' === root && options.parseArrays) obj = options.allowEmptyArrays && ('' === leaf || options.strictNullHandling && null === leaf) ? [] : utils.combine([], leaf);
+                if ('[]' === root && options.parseArrays) obj = utils.isOverflow(leaf) ? leaf : options.allowEmptyArrays && ('' === leaf || options.strictNullHandling && null === leaf) ? [] : utils.combine([], leaf, options.arrayLimit, options.plainObjects);
                 else {
                     obj = options.plainObjects ? {
                         __proto__: null
@@ -6091,12 +6093,19 @@ var __webpack_modules__ = {
             }
             return leaf;
         };
-        var parseKeys = function(givenKey, val, options, valuesParsed) {
-            if (!givenKey) return;
+        var splitKeyIntoSegments = function(givenKey, options) {
             var key = options.allowDots ? givenKey.replace(/\.([^.[]+)/g, '[$1]') : givenKey;
+            if (options.depth <= 0) {
+                if (!options.plainObjects && has.call(Object.prototype, key)) {
+                    if (!options.allowPrototypes) return;
+                }
+                return [
+                    key
+                ];
+            }
             var brackets = /(\[[^[\]]*])/;
             var child = /(\[[^[\]]*])/g;
-            var segment = options.depth > 0 && brackets.exec(key);
+            var segment = brackets.exec(key);
             var parent = segment ? key.slice(0, segment.index) : key;
             var keys = [];
             if (parent) {
@@ -6106,9 +6115,10 @@ var __webpack_modules__ = {
                 keys.push(parent);
             }
             var i = 0;
-            while(options.depth > 0 && null !== (segment = child.exec(key)) && i < options.depth){
+            while(null !== (segment = child.exec(key)) && i < options.depth){
                 i += 1;
-                if (!options.plainObjects && has.call(Object.prototype, segment[1].slice(1, -1))) {
+                var segmentContent = segment[1].slice(1, -1);
+                if (!options.plainObjects && has.call(Object.prototype, segmentContent)) {
                     if (!options.allowPrototypes) return;
                 }
                 keys.push(segment[1]);
@@ -6117,6 +6127,12 @@ var __webpack_modules__ = {
                 if (true === options.strictDepth) throw new RangeError('Input depth exceeded depth option of ' + options.depth + ' and strictDepth is true');
                 keys.push('[' + key.slice(segment.index) + ']');
             }
+            return keys;
+        };
+        var parseKeys = function(givenKey, val, options, valuesParsed) {
+            if (!givenKey) return;
+            var keys = splitKeyIntoSegments(givenKey, options);
+            if (!keys) return;
             return parseObject(keys, val, options, valuesParsed);
         };
         var normalizeParseOptions = function(opts) {
@@ -6367,8 +6383,23 @@ var __webpack_modules__ = {
     "./node_modules/qs/lib/utils.js" (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
         var formats = __webpack_require__("./node_modules/qs/lib/formats.js");
+        var getSideChannel = __webpack_require__("./node_modules/side-channel/index.js");
         var has = Object.prototype.hasOwnProperty;
         var isArray = Array.isArray;
+        var overflowChannel = getSideChannel();
+        var markOverflow = function(obj, maxIndex) {
+            overflowChannel.set(obj, maxIndex);
+            return obj;
+        };
+        var isOverflow = function(obj) {
+            return overflowChannel.has(obj);
+        };
+        var getMaxIndex = function(obj) {
+            return overflowChannel.get(obj);
+        };
+        var setMaxIndex = function(obj, maxIndex) {
+            overflowChannel.set(obj, maxIndex);
+        };
         var hexTable = function() {
             var array = [];
             for(var i = 0; i < 256; ++i)array.push('%' + ((i < 16 ? '0' : '') + i.toString(16)).toUpperCase());
@@ -6400,12 +6431,32 @@ var __webpack_modules__ = {
                     target,
                     source
                 ];
-                else if (options && (options.plainObjects || options.allowPrototypes) || !has.call(Object.prototype, source)) target[source] = true;
+                else if (isOverflow(target)) {
+                    var newIndex = getMaxIndex(target) + 1;
+                    target[newIndex] = source;
+                    setMaxIndex(target, newIndex);
+                } else if (options && (options.plainObjects || options.allowPrototypes) || !has.call(Object.prototype, source)) target[source] = true;
                 return target;
             }
-            if (!target || 'object' != typeof target) return [
-                target
-            ].concat(source);
+            if (!target || 'object' != typeof target) {
+                if (isOverflow(source)) {
+                    var sourceKeys = Object.keys(source);
+                    var result = options && options.plainObjects ? {
+                        __proto__: null,
+                        0: target
+                    } : {
+                        0: target
+                    };
+                    for(var m = 0; m < sourceKeys.length; m++){
+                        var oldKey = parseInt(sourceKeys[m], 10);
+                        result[oldKey + 1] = source[sourceKeys[m]];
+                    }
+                    return markOverflow(result, getMaxIndex(source) + 1);
+                }
+                return [
+                    target
+                ].concat(source);
+            }
             var mergeTarget = target;
             if (isArray(target) && !isArray(source)) mergeTarget = arrayToObject(target, options);
             if (isArray(target) && isArray(source)) {
@@ -6515,8 +6566,18 @@ var __webpack_modules__ = {
             if (!obj || 'object' != typeof obj) return false;
             return !!(obj.constructor && obj.constructor.isBuffer && obj.constructor.isBuffer(obj));
         };
-        var combine = function(a, b) {
-            return [].concat(a, b);
+        var combine = function(a, b, arrayLimit, plainObjects) {
+            if (isOverflow(a)) {
+                var newIndex = getMaxIndex(a) + 1;
+                a[newIndex] = b;
+                setMaxIndex(a, newIndex);
+                return a;
+            }
+            var result = [].concat(a, b);
+            if (result.length > arrayLimit) return markOverflow(arrayToObject(result, {
+                plainObjects: plainObjects
+            }), result.length - 1);
+            return result;
         };
         var maybeMap = function(val, fn) {
             if (isArray(val)) {
@@ -6534,6 +6595,7 @@ var __webpack_modules__ = {
             decode: decode,
             encode: encode,
             isBuffer: isBuffer,
+            isOverflow: isOverflow,
             isRegExp: isRegExp,
             maybeMap: maybeMap,
             merge: merge
@@ -7187,7 +7249,12 @@ var __webpack_modules__ = {
             this.emit('request', this);
             xhr.send(void 0 === data ? null : data);
         };
-        request.agent = ()=>new Agent();
+        const proxyAgent = new Proxy(Agent, {
+            apply (target, thisArg, argumentsList) {
+                return new target(...argumentsList);
+            }
+        });
+        request.agent = proxyAgent;
         for (const method of [
             'GET',
             'POST',
@@ -10664,7 +10731,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("./node_modules/superagent/lib/client.js");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "13.6.9"
+        rE: "13.6.11"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -15007,6 +15074,7 @@ var __webpack_exports__ = {};
         reportErrors: true,
         disableFormWhenSubmitting: true,
         fakeUaString: void 0,
+        recalculateDimensionsOnWindowResize: false,
         versions: {
             videomailNinjaFormPlugin: void 0
         }
@@ -16449,7 +16517,7 @@ var __webpack_exports__ = {};
         return dimension;
     }
     const dimensions_calculateHeight = calculateHeight;
-    function calculateWidth(responsive, videoHeight, options, ratio) {
+    function calculateWidth(responsive, options, videoHeight, ratio) {
         const dimension = {
             unit: "px"
         };
@@ -16845,14 +16913,11 @@ var __webpack_exports__ = {};
             return videoWidth && videoWidth > 0;
         }
         getRawWidth(responsive) {
-            let rawWidth = this.getVideoWidth();
+            let rawWidth;
             const widthDimension = {
                 unit: "px"
             };
-            if (this.options.video.width || this.options.video.height) if (responsive) {
-                const dimension = this.recorder.calculateWidth(responsive);
-                rawWidth = dimension.value;
-            } else rawWidth = this.options.video.width;
+            rawWidth = responsive ? this.getVideoWidth() : this.options.video.width ? this.options.video.width : this.getVideoWidth();
             if (responsive) {
                 const widthDimension = this.recorder.limitWidth(rawWidth);
                 rawWidth = null == widthDimension ? void 0 : widthDimension.value;
@@ -16862,32 +16927,12 @@ var __webpack_exports__ = {};
         }
         getRawHeight(responsive) {
             let rawHeight;
-            if (this.options.video.width || this.options.video.height) {
-                const heightDimension = this.recorder.calculateHeight(responsive);
-                rawHeight = heightDimension.value;
-                if (void 0 === rawHeight) throw error_createError({
-                    message: "Undefined height",
-                    explanation: "Calculated raw height cannot be undefined.",
-                    options: this.options
-                });
-                if (0 !== rawHeight && rawHeight < 1) throw error_createError({
-                    message: "Invalid height",
-                    explanation: `Calculated raw height of ${rawHeight} cannot be less than 1!`,
-                    options: this.options
-                });
-            } else {
-                rawHeight = this.getVideoHeight();
-                if (void 0 === rawHeight) throw error_createError({
-                    message: "Bad dimensions",
-                    explanation: "Raw video height from DOM element cannot be undefined.",
-                    options: this.options
-                });
-                if (0 !== rawHeight && rawHeight < 1) throw error_createError({
-                    message: "Bad dimensions",
-                    explanation: "Raw video height from DOM element cannot be less than 1.",
-                    options: this.options
-                });
-            }
+            if (responsive) {
+                rawHeight = this.options.video.height || this.getVideoHeight();
+                const ratio = this.recorder.getRatio();
+                const rawWidth = this.getRawWidth(responsive);
+                if (void 0 !== ratio && rawWidth.value) rawHeight = rawWidth.value * ratio;
+            } else rawHeight = this.options.video.height ? this.options.video.height : this.getVideoHeight();
             if (responsive) {
                 const heightDimension = this.recorder.limitHeight(rawHeight);
                 rawHeight = heightDimension.value;
@@ -17842,8 +17887,8 @@ var __webpack_exports__ = {};
                 if (void 0 !== height && this.options.video.width) {
                     const ratio = this.getRatio();
                     if (void 0 !== ratio) {
-                        const maxHeight = this.options.video.width * ratio;
-                        height = Math.min(maxHeight, height);
+                        const idealHeight = this.options.video.width * ratio;
+                        height = Math.min(idealHeight, height);
                     }
                 }
                 recorderHeight = {
@@ -17874,7 +17919,8 @@ var __webpack_exports__ = {};
             let videoHeight;
             if (this.userMedia) videoHeight = this.userMedia.getVideoHeight();
             else if (this.recorderElement) videoHeight = this.recorderElement.videoHeight || this.recorderElement.height;
-            return dimensions_calculateWidth(responsive, videoHeight, this.options, this.getRatio());
+            const ratio = this.getRatio();
+            return dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
         }
         calculateHeight(responsive) {
             let videoDimension;
@@ -17963,7 +18009,7 @@ var __webpack_exports__ = {};
                 height = this.videomail.height;
                 if (width) ratio = height / width;
             }
-            if (!width) width = dimensions_calculateWidth(responsive, videoHeight, this.options, ratio);
+            if (!width) width = dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
             if (!height) {
                 let element = this.visuals.getElement();
                 if (!element) element = document.body;
@@ -18600,7 +18646,7 @@ var __webpack_exports__ = {};
         }
         initEvents(playerOnly = false) {
             this.options.logger.debug(`Container: initEvents (playerOnly = ${playerOnly})`);
-            window.addEventListener("resize", ()=>{
+            if (this.options.recalculateDimensionsOnWindowResize) window.addEventListener("resize", ()=>{
                 if (!this.built) return;
                 this.emit("WINDOW_RESIZE", "container");
             });

package/dist/esm/index.js

@@ -3563,7 +3563,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "13.6.9"
+    rE: "13.6.11"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -4508,6 +4508,7 @@ const options_options = {
     reportErrors: true,
     disableFormWhenSubmitting: true,
     fakeUaString: void 0,
+    recalculateDimensionsOnWindowResize: false,
     versions: {
         videomailNinjaFormPlugin: void 0
     }
@@ -5773,7 +5774,7 @@ function calculateHeight(responsive, videoWidth, options, ratio, element) {
     return dimension;
 }
 const dimensions_calculateHeight = calculateHeight;
-function calculateWidth(responsive, videoHeight, options, ratio) {
+function calculateWidth(responsive, options, videoHeight, ratio) {
     const dimension = {
         unit: "px"
     };
@@ -6139,14 +6140,11 @@ class UserMedia extends util_Despot {
         return videoWidth && videoWidth > 0;
     }
     getRawWidth(responsive) {
-        let rawWidth = this.getVideoWidth();
+        let rawWidth;
         const widthDimension = {
             unit: "px"
         };
-        if (this.options.video.width || this.options.video.height) if (responsive) {
-            const dimension = this.recorder.calculateWidth(responsive);
-            rawWidth = dimension.value;
-        } else rawWidth = this.options.video.width;
+        rawWidth = responsive ? this.getVideoWidth() : this.options.video.width ? this.options.video.width : this.getVideoWidth();
         if (responsive) {
             const widthDimension = this.recorder.limitWidth(rawWidth);
             rawWidth = widthDimension?.value;
@@ -6156,32 +6154,12 @@ class UserMedia extends util_Despot {
     }
     getRawHeight(responsive) {
         let rawHeight;
-        if (this.options.video.width || this.options.video.height) {
-            const heightDimension = this.recorder.calculateHeight(responsive);
-            rawHeight = heightDimension.value;
-            if (void 0 === rawHeight) throw error_createError({
-                message: "Undefined height",
-                explanation: "Calculated raw height cannot be undefined.",
-                options: this.options
-            });
-            if (0 !== rawHeight && rawHeight < 1) throw error_createError({
-                message: "Invalid height",
-                explanation: `Calculated raw height of ${rawHeight} cannot be less than 1!`,
-                options: this.options
-            });
-        } else {
-            rawHeight = this.getVideoHeight();
-            if (void 0 === rawHeight) throw error_createError({
-                message: "Bad dimensions",
-                explanation: "Raw video height from DOM element cannot be undefined.",
-                options: this.options
-            });
-            if (0 !== rawHeight && rawHeight < 1) throw error_createError({
-                message: "Bad dimensions",
-                explanation: "Raw video height from DOM element cannot be less than 1.",
-                options: this.options
-            });
-        }
+        if (responsive) {
+            rawHeight = this.options.video.height || this.getVideoHeight();
+            const ratio = this.recorder.getRatio();
+            const rawWidth = this.getRawWidth(responsive);
+            if (void 0 !== ratio && rawWidth.value) rawHeight = rawWidth.value * ratio;
+        } else rawHeight = this.options.video.height ? this.options.video.height : this.getVideoHeight();
         if (responsive) {
             const heightDimension = this.recorder.limitHeight(rawHeight);
             rawHeight = heightDimension.value;
@@ -7138,8 +7116,8 @@ class Recorder extends util_Despot {
             if (void 0 !== height && this.options.video.width) {
                 const ratio = this.getRatio();
                 if (void 0 !== ratio) {
-                    const maxHeight = this.options.video.width * ratio;
-                    height = Math.min(maxHeight, height);
+                    const idealHeight = this.options.video.width * ratio;
+                    height = Math.min(idealHeight, height);
                 }
             }
             recorderHeight = {
@@ -7170,7 +7148,8 @@ class Recorder extends util_Despot {
         let videoHeight;
         if (this.userMedia) videoHeight = this.userMedia.getVideoHeight();
         else if (this.recorderElement) videoHeight = this.recorderElement.videoHeight || this.recorderElement.height;
-        return dimensions_calculateWidth(responsive, videoHeight, this.options, this.getRatio());
+        const ratio = this.getRatio();
+        return dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
     }
     calculateHeight(responsive) {
         let videoDimension;
@@ -7250,7 +7229,7 @@ class Replay extends util_Despot {
             height = this.videomail.height;
             if (width) ratio = height / width;
         }
-        if (!width) width = dimensions_calculateWidth(responsive, videoHeight, this.options, ratio);
+        if (!width) width = dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
         if (!height) {
             let element = this.visuals.getElement();
             if (!element) element = document.body;
@@ -7836,7 +7815,7 @@ class Container extends util_Despot {
     }
     initEvents(playerOnly = false) {
         this.options.logger.debug(`Container: initEvents (playerOnly = ${playerOnly})`);
-        window.addEventListener("resize", ()=>{
+        if (this.options.recalculateDimensionsOnWindowResize) window.addEventListener("resize", ()=>{
             if (!this.built) return;
             this.emit("WINDOW_RESIZE", "container");
         });

package/dist/esm/types/options.d.ts

@@ -116,6 +116,7 @@ export interface VideomailClientOptions {
     reportErrors: boolean;
     disableFormWhenSubmitting?: boolean | undefined;
     fakeUaString?: string | undefined;
+    recalculateDimensionsOnWindowResize?: boolean;
     versions?: {
         videomailNinjaFormPlugin?: string | undefined;
     };

package/dist/esm/util/html/dimensions/calculateWidth.d.ts

@@ -1,4 +1,4 @@
 import { Dimension } from "../../../types/dimension";
 import { VideomailClientOptions } from "../../../types/options";
-declare function calculateWidth(responsive: boolean, videoHeight: number, options: VideomailClientOptions, ratio?: number): Dimension;
+declare function calculateWidth(responsive: boolean, options: VideomailClientOptions, videoHeight?: number, ratio?: number): Dimension;
 export default calculateWidth;

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

@@ -42,7 +42,7 @@ declare class Container extends Despot {
     private hideMySelf;
     private submitVideomail;
     limitWidth(width?: number): import("../types/dimension").Dimension | undefined;
-    limitHeight(height: number): import("../types/dimension").Dimension;
+    limitHeight(height: number | undefined): import("../types/dimension").Dimension;
     private areVisualsHidden;
     hasElement(): boolean;
     getSubmitButton(): HTMLButtonElement | undefined;

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

@@ -103,14 +103,14 @@ declare class Recorder extends Despot {
     isUnloaded(): boolean | undefined;
     getRecorderWidth(responsive: boolean): Dimension | undefined;
     getRecorderHeight(responsive: boolean, useBoundingClientRect?: boolean): Dimension | undefined;
-    private getRatio;
+    getRatio(): number | undefined;
     calculateWidth(responsive: boolean): Dimension;
     calculateHeight(responsive: boolean): Dimension;
     getRawVisualUserMedia(): HTMLVideoElement | null | undefined;
     isConnected(): boolean;
     isConnecting(): boolean;
     limitWidth(width?: number): Dimension | undefined;
-    limitHeight(height: number): Dimension;
+    limitHeight(height: number | undefined): Dimension;
     isUserMediaLoaded(): boolean | undefined;
 }
 export default Recorder;

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

@@ -56,7 +56,7 @@ declare class Visuals extends Despot {
     getRecorderWidth(responsive: boolean): Dimension | undefined;
     getRecorderHeight(responsive: boolean, useBoundingClientRect?: boolean): Dimension | undefined;
     limitWidth(width?: number): Dimension | undefined;
-    limitHeight(height: number): Dimension;
+    limitHeight(height: number | undefined): Dimension;
     getReplay(): Replay;
     getBoundingClientRect(): DOMRect | undefined;
     checkTimer(elapsedTime: number): void;

package/dist/umd/index.js

@@ -6052,7 +6052,7 @@
                             val = options.strictNullHandling ? null : '';
                         } else {
                             key = options.decoder(part.slice(0, pos), defaults.decoder, charset, 'key');
-                            val = utils.maybeMap(parseArrayValue(part.slice(pos + 1), options, isArray(obj[key]) ? obj[key].length : 0), function(encodedVal) {
+                            if (null !== key) val = utils.maybeMap(parseArrayValue(part.slice(pos + 1), options, isArray(obj[key]) ? obj[key].length : 0), function(encodedVal) {
                                 return options.decoder(encodedVal, defaults.decoder, charset, 'value');
                             });
                         }
@@ -6060,9 +6060,11 @@
                         if (part.indexOf('[]=') > -1) val = isArray(val) ? [
                             val
                         ] : val;
-                        var existing = has.call(obj, key);
-                        if (existing && 'combine' === options.duplicates) obj[key] = utils.combine(obj[key], val);
-                        else if (!existing || 'last' === options.duplicates) obj[key] = val;
+                        if (null !== key) {
+                            var existing = has.call(obj, key);
+                            if (existing && 'combine' === options.duplicates) obj[key] = utils.combine(obj[key], val, options.arrayLimit, options.plainObjects);
+                            else if (!existing || 'last' === options.duplicates) obj[key] = val;
+                        }
                     }
                     return obj;
                 };
@@ -6076,7 +6078,7 @@
                     for(var i = chain.length - 1; i >= 0; --i){
                         var obj;
                         var root = chain[i];
-                        if ('[]' === root && options.parseArrays) obj = options.allowEmptyArrays && ('' === leaf || options.strictNullHandling && null === leaf) ? [] : utils.combine([], leaf);
+                        if ('[]' === root && options.parseArrays) obj = utils.isOverflow(leaf) ? leaf : options.allowEmptyArrays && ('' === leaf || options.strictNullHandling && null === leaf) ? [] : utils.combine([], leaf, options.arrayLimit, options.plainObjects);
                         else {
                             obj = options.plainObjects ? {
                                 __proto__: null
@@ -6097,12 +6099,19 @@
                     }
                     return leaf;
                 };
-                var parseKeys = function(givenKey, val, options, valuesParsed) {
-                    if (!givenKey) return;
+                var splitKeyIntoSegments = function(givenKey, options) {
                     var key = options.allowDots ? givenKey.replace(/\.([^.[]+)/g, '[$1]') : givenKey;
+                    if (options.depth <= 0) {
+                        if (!options.plainObjects && has.call(Object.prototype, key)) {
+                            if (!options.allowPrototypes) return;
+                        }
+                        return [
+                            key
+                        ];
+                    }
                     var brackets = /(\[[^[\]]*])/;
                     var child = /(\[[^[\]]*])/g;
-                    var segment = options.depth > 0 && brackets.exec(key);
+                    var segment = brackets.exec(key);
                     var parent = segment ? key.slice(0, segment.index) : key;
                     var keys = [];
                     if (parent) {
@@ -6112,9 +6121,10 @@
                         keys.push(parent);
                     }
                     var i = 0;
-                    while(options.depth > 0 && null !== (segment = child.exec(key)) && i < options.depth){
+                    while(null !== (segment = child.exec(key)) && i < options.depth){
                         i += 1;
-                        if (!options.plainObjects && has.call(Object.prototype, segment[1].slice(1, -1))) {
+                        var segmentContent = segment[1].slice(1, -1);
+                        if (!options.plainObjects && has.call(Object.prototype, segmentContent)) {
                             if (!options.allowPrototypes) return;
                         }
                         keys.push(segment[1]);
@@ -6123,6 +6133,12 @@
                         if (true === options.strictDepth) throw new RangeError('Input depth exceeded depth option of ' + options.depth + ' and strictDepth is true');
                         keys.push('[' + key.slice(segment.index) + ']');
                     }
+                    return keys;
+                };
+                var parseKeys = function(givenKey, val, options, valuesParsed) {
+                    if (!givenKey) return;
+                    var keys = splitKeyIntoSegments(givenKey, options);
+                    if (!keys) return;
                     return parseObject(keys, val, options, valuesParsed);
                 };
                 var normalizeParseOptions = function(opts) {
@@ -6373,8 +6389,23 @@
             "./node_modules/qs/lib/utils.js" (module1, __unused_rspack_exports, __webpack_require__) {
                 "use strict";
                 var formats = __webpack_require__("./node_modules/qs/lib/formats.js");
+                var getSideChannel = __webpack_require__("./node_modules/side-channel/index.js");
                 var has = Object.prototype.hasOwnProperty;
                 var isArray = Array.isArray;
+                var overflowChannel = getSideChannel();
+                var markOverflow = function(obj, maxIndex) {
+                    overflowChannel.set(obj, maxIndex);
+                    return obj;
+                };
+                var isOverflow = function(obj) {
+                    return overflowChannel.has(obj);
+                };
+                var getMaxIndex = function(obj) {
+                    return overflowChannel.get(obj);
+                };
+                var setMaxIndex = function(obj, maxIndex) {
+                    overflowChannel.set(obj, maxIndex);
+                };
                 var hexTable = function() {
                     var array = [];
                     for(var i = 0; i < 256; ++i)array.push('%' + ((i < 16 ? '0' : '') + i.toString(16)).toUpperCase());
@@ -6406,12 +6437,32 @@
                             target,
                             source
                         ];
-                        else if (options && (options.plainObjects || options.allowPrototypes) || !has.call(Object.prototype, source)) target[source] = true;
+                        else if (isOverflow(target)) {
+                            var newIndex = getMaxIndex(target) + 1;
+                            target[newIndex] = source;
+                            setMaxIndex(target, newIndex);
+                        } else if (options && (options.plainObjects || options.allowPrototypes) || !has.call(Object.prototype, source)) target[source] = true;
                         return target;
                     }
-                    if (!target || 'object' != typeof target) return [
-                        target
-                    ].concat(source);
+                    if (!target || 'object' != typeof target) {
+                        if (isOverflow(source)) {
+                            var sourceKeys = Object.keys(source);
+                            var result = options && options.plainObjects ? {
+                                __proto__: null,
+                                0: target
+                            } : {
+                                0: target
+                            };
+                            for(var m = 0; m < sourceKeys.length; m++){
+                                var oldKey = parseInt(sourceKeys[m], 10);
+                                result[oldKey + 1] = source[sourceKeys[m]];
+                            }
+                            return markOverflow(result, getMaxIndex(source) + 1);
+                        }
+                        return [
+                            target
+                        ].concat(source);
+                    }
                     var mergeTarget = target;
                     if (isArray(target) && !isArray(source)) mergeTarget = arrayToObject(target, options);
                     if (isArray(target) && isArray(source)) {
@@ -6521,8 +6572,18 @@
                     if (!obj || 'object' != typeof obj) return false;
                     return !!(obj.constructor && obj.constructor.isBuffer && obj.constructor.isBuffer(obj));
                 };
-                var combine = function(a, b) {
-                    return [].concat(a, b);
+                var combine = function(a, b, arrayLimit, plainObjects) {
+                    if (isOverflow(a)) {
+                        var newIndex = getMaxIndex(a) + 1;
+                        a[newIndex] = b;
+                        setMaxIndex(a, newIndex);
+                        return a;
+                    }
+                    var result = [].concat(a, b);
+                    if (result.length > arrayLimit) return markOverflow(arrayToObject(result, {
+                        plainObjects: plainObjects
+                    }), result.length - 1);
+                    return result;
                 };
                 var maybeMap = function(val, fn) {
                     if (isArray(val)) {
@@ -6540,6 +6601,7 @@
                     decode: decode,
                     encode: encode,
                     isBuffer: isBuffer,
+                    isOverflow: isOverflow,
                     isRegExp: isRegExp,
                     maybeMap: maybeMap,
                     merge: merge
@@ -7193,7 +7255,12 @@
                     this.emit('request', this);
                     xhr.send(void 0 === data ? null : data);
                 };
-                request.agent = ()=>new Agent();
+                const proxyAgent = new Proxy(Agent, {
+                    apply (target, thisArg, argumentsList) {
+                        return new target(...argumentsList);
+                    }
+                });
+                request.agent = proxyAgent;
                 for (const method of [
                     'GET',
                     'POST',
@@ -10670,7 +10737,7 @@
             var client = __webpack_require__("./node_modules/superagent/lib/client.js");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "13.6.9"
+                rE: "13.6.11"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -14883,6 +14950,7 @@
                 reportErrors: true,
                 disableFormWhenSubmitting: true,
                 fakeUaString: void 0,
+                recalculateDimensionsOnWindowResize: false,
                 versions: {
                     videomailNinjaFormPlugin: void 0
                 }
@@ -16215,7 +16283,7 @@
                 return dimension;
             }
             const dimensions_calculateHeight = calculateHeight;
-            function calculateWidth(responsive, videoHeight, options, ratio) {
+            function calculateWidth(responsive, options, videoHeight, ratio) {
                 const dimension = {
                     unit: "px"
                 };
@@ -16594,14 +16662,11 @@
                     return videoWidth && videoWidth > 0;
                 }
                 getRawWidth(responsive) {
-                    let rawWidth = this.getVideoWidth();
+                    let rawWidth;
                     const widthDimension = {
                         unit: "px"
                     };
-                    if (this.options.video.width || this.options.video.height) if (responsive) {
-                        const dimension = this.recorder.calculateWidth(responsive);
-                        rawWidth = dimension.value;
-                    } else rawWidth = this.options.video.width;
+                    rawWidth = responsive ? this.getVideoWidth() : this.options.video.width ? this.options.video.width : this.getVideoWidth();
                     if (responsive) {
                         const widthDimension = this.recorder.limitWidth(rawWidth);
                         rawWidth = widthDimension?.value;
@@ -16611,32 +16676,12 @@
                 }
                 getRawHeight(responsive) {
                     let rawHeight;
-                    if (this.options.video.width || this.options.video.height) {
-                        const heightDimension = this.recorder.calculateHeight(responsive);
-                        rawHeight = heightDimension.value;
-                        if (void 0 === rawHeight) throw error_createError({
-                            message: "Undefined height",
-                            explanation: "Calculated raw height cannot be undefined.",
-                            options: this.options
-                        });
-                        if (0 !== rawHeight && rawHeight < 1) throw error_createError({
-                            message: "Invalid height",
-                            explanation: `Calculated raw height of ${rawHeight} cannot be less than 1!`,
-                            options: this.options
-                        });
-                    } else {
-                        rawHeight = this.getVideoHeight();
-                        if (void 0 === rawHeight) throw error_createError({
-                            message: "Bad dimensions",
-                            explanation: "Raw video height from DOM element cannot be undefined.",
-                            options: this.options
-                        });
-                        if (0 !== rawHeight && rawHeight < 1) throw error_createError({
-                            message: "Bad dimensions",
-                            explanation: "Raw video height from DOM element cannot be less than 1.",
-                            options: this.options
-                        });
-                    }
+                    if (responsive) {
+                        rawHeight = this.options.video.height || this.getVideoHeight();
+                        const ratio = this.recorder.getRatio();
+                        const rawWidth = this.getRawWidth(responsive);
+                        if (void 0 !== ratio && rawWidth.value) rawHeight = rawWidth.value * ratio;
+                    } else rawHeight = this.options.video.height ? this.options.video.height : this.getVideoHeight();
                     if (responsive) {
                         const heightDimension = this.recorder.limitHeight(rawHeight);
                         rawHeight = heightDimension.value;
@@ -17593,8 +17638,8 @@
                         if (void 0 !== height && this.options.video.width) {
                             const ratio = this.getRatio();
                             if (void 0 !== ratio) {
-                                const maxHeight = this.options.video.width * ratio;
-                                height = Math.min(maxHeight, height);
+                                const idealHeight = this.options.video.width * ratio;
+                                height = Math.min(idealHeight, height);
                             }
                         }
                         recorderHeight = {
@@ -17625,7 +17670,8 @@
                     let videoHeight;
                     if (this.userMedia) videoHeight = this.userMedia.getVideoHeight();
                     else if (this.recorderElement) videoHeight = this.recorderElement.videoHeight || this.recorderElement.height;
-                    return dimensions_calculateWidth(responsive, videoHeight, this.options, this.getRatio());
+                    const ratio = this.getRatio();
+                    return dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
                 }
                 calculateHeight(responsive) {
                     let videoDimension;
@@ -17705,7 +17751,7 @@
                         height = this.videomail.height;
                         if (width) ratio = height / width;
                     }
-                    if (!width) width = dimensions_calculateWidth(responsive, videoHeight, this.options, ratio);
+                    if (!width) width = dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
                     if (!height) {
                         let element = this.visuals.getElement();
                         if (!element) element = document.body;
@@ -18291,7 +18337,7 @@
                 }
                 initEvents(playerOnly = false) {
                     this.options.logger.debug(`Container: initEvents (playerOnly = ${playerOnly})`);
-                    window.addEventListener("resize", ()=>{
+                    if (this.options.recalculateDimensionsOnWindowResize) window.addEventListener("resize", ()=>{
                         if (!this.built) return;
                         this.emit("WINDOW_RESIZE", "container");
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "13.6.9",
+  "version": "13.6.11",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -69,7 +69,7 @@
     "is-power-of-two": "1.0.0",
     "nanoevents": "9.1.0",
     "serialize-error": "12.0.0",
-    "superagent": "10.2.3",
+    "superagent": "10.3.0",
     "ua-parser-js": "2.0.7",
     "websocket-stream": "5.5.2"
   },
@@ -91,16 +91,16 @@
     "@types/node": "24.10.1",
     "@types/superagent": "8.1.9",
     "@types/ua-parser-js": "0.7.39",
-    "@vitest/eslint-plugin": "1.6.5",
+    "@vitest/eslint-plugin": "1.6.6",
     "audit-ci": "7.1.0",
-    "chromatic": "13.3.4",
+    "chromatic": "13.3.5",
     "cross-env": "10.1.0",
     "eslint": "9.39.2",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-de-morgan": "2.0.0",
     "eslint-plugin-depend": "1.4.0",
     "eslint-plugin-import-x": "4.16.1",
-    "eslint-plugin-package-json": "0.88.0",
+    "eslint-plugin-package-json": "0.88.1",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-regexp": "2.10.0",
     "eslint-plugin-security": "3.0.1",
@@ -114,12 +114,12 @@
     "prettier-plugin-curly": "0.4.1",
     "prettier-plugin-packagejson": "2.5.20",
     "prettier-plugin-sh": "0.18.0",
-    "release-it": "19.2.2",
+    "release-it": "19.2.3",
     "storybook": "10.1.11",
     "storybook-html-rsbuild": "3.2.0",
     "type-fest": "5.3.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.51.0",
+    "typescript-eslint": "8.52.0",
     "vitest": "4.0.16"
   },
   "engines": {