videomail-client 10.3.5 → 10.3.7

package/dist/cjs/index.cjs

@@ -10496,8 +10496,6 @@ var __webpack_exports__ = {};
             ENC_TYPE_FORM: "application/x-www-form-urlencoded"
         }
     };
-    var client = __webpack_require__("./node_modules/superagent/lib/client.js");
-    var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     const list = [
         Error,
         EvalError,
@@ -10648,35 +10646,11 @@ var __webpack_exports__ = {};
     function isMinimumViableSerializedError(value) {
         return Boolean(value) && 'object' == typeof value && 'string' == typeof value.message && !Array.isArray(value);
     }
-    var util = __webpack_require__("./node_modules/util/util.js");
-    var util_default = /*#__PURE__*/ __webpack_require__.n(util);
-    function inspect(element) {
-        return util_default().inspect(element, {
-            colors: true,
-            compact: true,
-            depth: 4,
-            breakLength: 1 / 0
-        }).replace(/\s+/gu, " ").replace(/\r?\n/gu, "");
-    }
-    function pretty(anything) {
-        if (anything instanceof HTMLElement) {
-            if (anything.id) return `#${anything.id}`;
-            if (anything.className) return `.${anything.className}`;
-            return "(No HTML identifier available)";
-        }
-        return inspect(anything);
-    }
-    const util_pretty = pretty;
-    function isAudioEnabled(options) {
-        return Boolean(options.audio.enabled);
-    }
-    function setAudioEnabled(enabled, options) {
-        options.audio.enabled = enabled;
-        return options;
-    }
-    function isAutoPauseEnabled(options) {
-        return options.enableAutoPause && options.enablePause;
-    }
+    var client = __webpack_require__("./node_modules/superagent/lib/client.js");
+    var client_default = /*#__PURE__*/ __webpack_require__.n(client);
+    var package_namespaceObject = {
+        i8: "10.3.7"
+    };
     var defined = __webpack_require__("./node_modules/defined/index.js");
     var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
     var LIBVERSION = '2.0.4', UA_MAX_LENGTH = 500, USER_AGENT = 'user-agent', EMPTY = '', UNKNOWN = '?', FUNC_TYPE = 'function', UNDEF_TYPE = 'undefined', OBJ_TYPE = 'object', STR_TYPE = 'string', UA_BROWSER = 'browser', UA_CPU = 'cpu', UA_DEVICE = 'device', UA_ENGINE = 'engine', UA_OS = 'os', UA_RESULT = 'result', NAME = 'name', TYPE = 'type', VENDOR = 'vendor', VERSION = 'version', ARCHITECTURE = 'architecture', MAJOR = 'major', MODEL = 'model', CONSOLE = 'console', MOBILE = 'mobile', TABLET = 'tablet', SMARTTV = 'smarttv', WEARABLE = 'wearable', XR = 'xr', EMBEDDED = 'embedded', INAPP = 'inapp', BRANDS = 'brands', FORMFACTORS = 'formFactors', FULLVERLIST = 'fullVersionList', PLATFORM = 'platform', PLATFORMVER = 'platformVersion', BITNESS = 'bitness', CH_HEADER = 'sec-ch-ua', CH_HEADER_FULL_VER_LIST = CH_HEADER + '-full-version-list', CH_HEADER_ARCH = CH_HEADER + '-arch', CH_HEADER_BITNESS = CH_HEADER + '-' + BITNESS, CH_HEADER_FORM_FACTORS = CH_HEADER + '-form-factors', CH_HEADER_MOBILE = CH_HEADER + '-' + MOBILE, CH_HEADER_MODEL = CH_HEADER + '-' + MODEL, CH_HEADER_PLATFORM = CH_HEADER + '-' + PLATFORM, CH_HEADER_PLATFORM_VER = CH_HEADER_PLATFORM + '-version', CH_ALL_VALUES = [
@@ -13788,17 +13762,17 @@ var __webpack_exports__ = {};
         NAME,
         VERSION
     ]);
+    var VideoType_VideoType = /*#__PURE__*/ function(VideoType) {
+        VideoType["WebM"] = "webm";
+        VideoType["MP4"] = "mp4";
+        return VideoType;
+    }({});
     function canPlayType_canPlayType(video, type) {
         const canPlayType = video.canPlayType(`video/${type}`);
         if ("" === canPlayType) return false;
         return canPlayType;
     }
     const media_canPlayType = canPlayType_canPlayType;
-    var VideoType_VideoType = /*#__PURE__*/ function(VideoType) {
-        VideoType["WebM"] = "webm";
-        VideoType["MP4"] = "mp4";
-        return VideoType;
-    }({});
     function _define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -13891,6 +13865,35 @@ var __webpack_exports__ = {};
         return getBrowser_browser;
     }
     const util_getBrowser = getBrowser;
+    function isAudioEnabled(options) {
+        return Boolean(options.audio.enabled);
+    }
+    function setAudioEnabled(enabled, options) {
+        options.audio.enabled = enabled;
+        return options;
+    }
+    function isAutoPauseEnabled(options) {
+        return options.enableAutoPause && options.enablePause;
+    }
+    var util = __webpack_require__("./node_modules/util/util.js");
+    var util_default = /*#__PURE__*/ __webpack_require__.n(util);
+    function inspect(element) {
+        return util_default().inspect(element, {
+            colors: false,
+            compact: true,
+            depth: 4,
+            breakLength: 1 / 0
+        }).replace(/\s+/gu, " ").replace(/\r?\n/gu, "");
+    }
+    function pretty(anything) {
+        if (anything instanceof HTMLElement) {
+            if (anything.id) return `#${anything.id}`;
+            if (anything.className) return `.${anything.className}`;
+            return "(No HTML identifier available)";
+        }
+        return inspect(anything);
+    }
+    const util_pretty = pretty;
     function HTTPVideomailError_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -13949,7 +13952,7 @@ var __webpack_exports__ = {};
                 screen.height,
                 screen.colorDepth
             ].join("\xd7");
-            if (screen.orientation) this.orientation = screen.orientation.type.toString();
+            if (screen.orientation) this.orientation = screen.orientation.type;
             this.err = null == errData ? void 0 : errData.err;
             var _errData_cause;
             const stackTarget = null != (_errData_cause = null == errData ? void 0 : errData.cause) ? _errData_cause : null == errData ? void 0 : errData.err;
@@ -14282,6 +14285,10 @@ var __webpack_exports__ = {};
     }
     Despot_define_property(Despot, "EMITTER", createNanoEvents());
     const util_Despot = Despot;
+    function isNotButton(element) {
+        return "BUTTON" !== element.tagName && "submit" !== element.getAttribute("type");
+    }
+    const html_isNotButton = isNotButton;
     const REGEX = /[ ,]+/u;
     function trimEmail(email) {
         return email.replace(REGEX, "");
@@ -14290,10 +14297,6 @@ var __webpack_exports__ = {};
         const trimmedEmails = emails.split(REGEX).map((item)=>item.trim()).filter(Boolean);
         return trimmedEmails;
     }
-    function isNotButton(element) {
-        return "BUTTON" !== element.tagName && "submit" !== element.getAttribute("type");
-    }
-    const html_isNotButton = isNotButton;
     function form_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -14554,9 +14557,6 @@ var __webpack_exports__ = {};
         }
     }
     const wrappers_form = Form;
-    var package_namespaceObject = {
-        i8: "10.3.5"
-    };
     function resource_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -14728,45 +14728,138 @@ var __webpack_exports__ = {};
         }
     }
     const src_resource = Resource;
-    var document_visibility = __webpack_require__("./node_modules/document-visibility/index.js");
-    var document_visibility_default = /*#__PURE__*/ __webpack_require__.n(document_visibility);
-    var contains = __webpack_require__("./node_modules/contains/index.js");
-    var contains_default = /*#__PURE__*/ __webpack_require__.n(contains);
-    function disableElement(element) {
-        if (!element) return;
-        if ("INPUT" === element.tagName || "BUTTON" === element.tagName) element.setAttribute("disabled", "true");
-        else element.classList.add("disabled");
-    }
-    const html_disableElement = disableElement;
-    function enableElement(element) {
-        if (!element) return;
-        if ("INPUT" === element.tagName || "BUTTON" === element.tagName) element.removeAttribute("disabled");
-        else element.classList.remove("disabled");
-    }
-    const html_enableElement = enableElement;
-    function hideElement(element) {
-        if (!element) return;
-        hidden_default()(element, true);
-    }
-    const html_hideElement = hideElement;
-    function showElement(element) {
-        if (!element) return;
-        hidden_default()(element, false);
-    }
-    const html_showElement = showElement;
-    function isShown(element) {
-        if (!element) return false;
-        return !hidden_default()(element);
+    var cjs = __webpack_require__("./node_modules/deepmerge/dist/cjs.js");
+    var cjs_default = /*#__PURE__*/ __webpack_require__.n(cjs);
+    const NodeEnvType = {
+        DEVELOPMENT: "development",
+        PRODUCTION: "production"
+    };
+    var process = __webpack_require__("./node_modules/process/browser.js");
+    function getNodeEnv() {
+        if (!process.env.NODE_ENV) return NodeEnvType.DEVELOPMENT;
+        return process.env.NODE_ENV;
     }
-    const html_isShown = isShown;
-    function adjustButton(buttonElement, show, type, disabled) {
-        if (disabled) html_disableElement(buttonElement);
-        if (type) buttonElement.type = type;
-        if (!show) html_hideElement(buttonElement);
-        return buttonElement;
+    const util_getNodeEnv = getNodeEnv;
+    function isProductionMode() {
+        return util_getNodeEnv() === NodeEnvType.PRODUCTION;
     }
-    const html_adjustButton = adjustButton;
-    function buttons_define_property(obj, key, value) {
+    const util_isProductionMode = isProductionMode;
+    const PRODUCTION = util_isProductionMode();
+    const options_options = {
+        logger: console,
+        logStackSize: 30,
+        verbose: !PRODUCTION,
+        baseUrl: "https://videomail.io",
+        socketUrl: "wss://videomail.io",
+        siteName: "videomail-client-demo",
+        enablePause: true,
+        enableAutoPause: true,
+        enableSpace: true,
+        submitWithVideomail: false,
+        disableSubmit: false,
+        enableAutoValidation: true,
+        enableAutoUnload: true,
+        enableAutoSubmission: true,
+        enctype: "application/json",
+        selectors: {
+            containerId: void 0,
+            containerClass: "videomail",
+            replayClass: "replay",
+            userMediaClass: "userMedia",
+            visualsClass: "visuals",
+            buttonClass: void 0,
+            buttonsClass: "buttons",
+            recordButtonClass: "record",
+            pauseButtonClass: "pause",
+            resumeButtonClass: "resume",
+            previewButtonClass: "preview",
+            recordAgainButtonClass: "recordAgain",
+            submitButtonClass: "submit",
+            subjectInputName: "subject",
+            fromInputName: "from",
+            toInputName: "to",
+            ccInputName: "cc",
+            bccInputName: "bcc",
+            bodyInputName: "body",
+            sendCopyInputName: "sendCopy",
+            keyInputName: "videomail_key",
+            parentKeyInputName: "videomail_parent_key",
+            formId: void 0,
+            submitButtonId: void 0,
+            submitButtonSelector: void 0
+        },
+        audio: {
+            enabled: false,
+            switch: false,
+            volume: 0.2,
+            bufferSize: "auto"
+        },
+        video: {
+            fps: 15,
+            limitSeconds: 30,
+            countdown: 3,
+            width: void 0,
+            height: void 0,
+            facingMode: "user",
+            facingModeButton: false,
+            stretch: false
+        },
+        image: {
+            quality: 0.42,
+            types: [
+                "webp",
+                "jpeg"
+            ]
+        },
+        text: {
+            pausedHeader: "Paused",
+            pausedHint: void 0,
+            sending: "Teleporting",
+            encoding: "Encoding",
+            limitReached: "Limit reached",
+            audioOff: "Audio off",
+            audioOn: "Audio on",
+            buttons: {
+                record: "Record video",
+                recordAgain: "Record again",
+                resume: "Resume",
+                pause: "Pause",
+                preview: "Preview"
+            }
+        },
+        notifier: {
+            entertain: false,
+            entertainClass: "bg",
+            entertainLimit: 6,
+            entertainInterval: 9000
+        },
+        timeouts: {
+            userMedia: 20e3,
+            connection: 1e4,
+            pingInterval: 30e3
+        },
+        loadUserMediaOnRecord: false,
+        callbacks: {
+            adjustFormDataBeforePosting: void 0
+        },
+        defaults: {
+            from: void 0,
+            to: void 0,
+            cc: void 0,
+            bcc: void 0,
+            subject: void 0,
+            body: void 0
+        },
+        displayErrors: true,
+        adjustFormOnBrowserError: true,
+        reportErrors: true,
+        fakeUaString: void 0,
+        versions: {
+            videomailNinjaFormPlugin: void 0
+        }
+    };
+    const src_options = options_options;
+    function CollectLogger_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
             enumerable: true,
@@ -14776,16 +14869,178 @@ var __webpack_exports__ = {};
         else obj[key] = value;
         return obj;
     }
-    class Buttons extends util_Despot {
-        replaceClickHandler(element, clickHandler) {
-            const wrappedClickHandler = (ev)=>{
-                ev.preventDefault();
-                try {
-                    clickHandler({
-                        event: ev
-                    });
-                } catch (exc) {
-                    this.emit("ERROR", {
+    class CollectLogger_CollectLogger {
+        lifo(level, parameters) {
+            const line = parameters.join();
+            if (this.stack.length > this.options.logStackSize) this.stack.pop();
+            this.stack.push(`[${level}] ${line}`);
+            return line;
+        }
+        debug() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
+            const output = this.lifo("debug", args);
+            if (this.options.verbose) if (this.browser.isFirefox()) this.logger.debug(output);
+            else if (this.logger.groupCollapsed) {
+                this.logger.groupCollapsed(output);
+                this.logger.trace("Trace");
+                this.logger.groupEnd();
+            } else if (this.logger.debug) this.logger.debug(output);
+            else console.log(output);
+        }
+        error() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
+            this.logger.error(this.lifo("error", args));
+        }
+        warn() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
+            this.logger.warn(this.lifo("warn", args));
+        }
+        info() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
+            this.logger.info(this.lifo("info", args));
+        }
+        getLines() {
+            return this.stack;
+        }
+        constructor(options){
+            CollectLogger_define_property(this, "browser", void 0);
+            CollectLogger_define_property(this, "logger", void 0);
+            CollectLogger_define_property(this, "stack", []);
+            CollectLogger_define_property(this, "options", void 0);
+            this.options = options;
+            this.browser = util_getBrowser(options);
+            this.logger = options.logger;
+        }
+    }
+    const CollectLogger = CollectLogger_CollectLogger;
+    var isTest_process = __webpack_require__("./node_modules/process/browser.js");
+    function isTest() {
+        return "test" === isTest_process.env.ENVIRON;
+    }
+    const util_isTest = isTest;
+    function mergeWithDefaultOptions_mergeWithDefaultOptions() {
+        let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        const newOptions = cjs_default()(src_options, options, {
+            arrayMerge (_destination, source) {
+                return source;
+            }
+        });
+        const collectLogger = new CollectLogger(newOptions);
+        newOptions.logger = collectLogger;
+        if (util_isTest()) newOptions.verbose = false;
+        return newOptions;
+    }
+    const mergeWithDefaultOptions = mergeWithDefaultOptions_mergeWithDefaultOptions;
+    var injectStylesIntoStyleTag = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js");
+    var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
+    var styleDomAPI = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js");
+    var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
+    var insertBySelector = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js");
+    var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
+    var setAttributesWithoutAttributes = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js");
+    var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__.n(setAttributesWithoutAttributes);
+    var insertStyleElement = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js");
+    var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
+    var styleTagTransform = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
+    var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
+    var main = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl");
+    var main_options = {};
+    main_options.styleTagTransform = styleTagTransform_default();
+    main_options.setAttributes = setAttributesWithoutAttributes_default();
+    main_options.insert = insertBySelector_default().bind(null, "head");
+    main_options.domAPI = styleDomAPI_default();
+    main_options.insertStyleElement = insertStyleElement_default();
+    injectStylesIntoStyleTag_default()(main.Z, main_options);
+    main.Z && main.Z.locals && main.Z.locals;
+    var document_visibility = __webpack_require__("./node_modules/document-visibility/index.js");
+    var document_visibility_default = /*#__PURE__*/ __webpack_require__.n(document_visibility);
+    function limitHeight(height, options, calledFrom) {
+        let limitedHeight = document.documentElement.clientHeight;
+        if (height) limitedHeight = Math.min(height, limitedHeight);
+        if (limitedHeight < 1) throw error_createError({
+            message: `Limited height ${limitedHeight} cannot be less than 1! (Called from ${calledFrom})`,
+            options
+        });
+        return limitedHeight;
+    }
+    const dimensions_limitHeight = limitHeight;
+    function getOuterWidth_getOuterWidth(element) {
+        let rect = element.getBoundingClientRect();
+        let outerWidth = rect.right - rect.left;
+        if (outerWidth < 1) {
+            rect = document.body.getBoundingClientRect();
+            outerWidth = rect.right - rect.left;
+        }
+        return outerWidth;
+    }
+    const getOuterWidth = getOuterWidth_getOuterWidth;
+    function limitWidth(element, options, width) {
+        let limitedWidth;
+        const outerWidth = getOuterWidth(element);
+        limitedWidth = width && "number" == typeof width ? outerWidth > 0 && outerWidth < width ? outerWidth : width : outerWidth;
+        if (Number.isInteger(limitedWidth) && limitedWidth < 1) throw error_createError({
+            message: "Limited width cannot be less than 1!",
+            options
+        });
+        return limitedWidth;
+    }
+    const dimensions_limitWidth = limitWidth;
+    var contains = __webpack_require__("./node_modules/contains/index.js");
+    var contains_default = /*#__PURE__*/ __webpack_require__.n(contains);
+    function disableElement(element) {
+        if (!element) return;
+        if ("INPUT" === element.tagName || "BUTTON" === element.tagName) element.setAttribute("disabled", "true");
+        else element.classList.add("disabled");
+    }
+    const html_disableElement = disableElement;
+    function hideElement_hideElement(element) {
+        if (!element) return;
+        hidden_default()(element, true);
+    }
+    const hideElement = hideElement_hideElement;
+    function adjustButton(buttonElement, show, type, disabled) {
+        if (disabled) html_disableElement(buttonElement);
+        if (type) buttonElement.type = type;
+        if (!show) hideElement(buttonElement);
+        return buttonElement;
+    }
+    const html_adjustButton = adjustButton;
+    function enableElement(element) {
+        if (!element) return;
+        if ("INPUT" === element.tagName || "BUTTON" === element.tagName) element.removeAttribute("disabled");
+        else element.classList.remove("disabled");
+    }
+    const html_enableElement = enableElement;
+    function isShown(element) {
+        if (!element) return false;
+        return !hidden_default()(element);
+    }
+    const html_isShown = isShown;
+    function showElement(element) {
+        if (!element) return;
+        hidden_default()(element, false);
+    }
+    const html_showElement = showElement;
+    function buttons_define_property(obj, key, value) {
+        if (key in obj) Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+        else obj[key] = value;
+        return obj;
+    }
+    class Buttons extends util_Despot {
+        replaceClickHandler(element, clickHandler) {
+            const wrappedClickHandler = (ev)=>{
+                ev.preventDefault();
+                try {
+                    clickHandler({
+                        event: ev
+                    });
+                } catch (exc) {
+                    this.emit("ERROR", {
                         exc
                     });
                 }
@@ -14889,12 +15144,12 @@ var __webpack_exports__ = {};
             }
             if (!(null == params ? void 0 : params.paused)) {
                 html_disableElement(this.previewButton);
-                html_hideElement(this.previewButton);
+                hideElement(this.previewButton);
             }
             if (!this.options.enableAutoValidation) html_enableElement(this.submitButton);
         }
         onGoingBack() {
-            html_hideElement(this.recordAgainButton);
+            hideElement(this.recordAgainButton);
             html_showElement(this.recordButton);
             html_showElement(this.submitButton);
         }
@@ -14919,8 +15174,8 @@ var __webpack_exports__ = {};
             this.reset();
         }
         onPreview() {
-            html_hideElement(this.recordButton);
-            html_hideElement(this.previewButton);
+            hideElement(this.recordButton);
+            hideElement(this.previewButton);
             html_disableElement(this.audioOnRadioPair);
             html_disableElement(this.audioOffRadioPair);
             html_showElement(this.recordAgainButton);
@@ -14932,17 +15187,17 @@ var __webpack_exports__ = {};
         }
         adjustButtonsForPause() {
             if (!this.isCountingDown()) {
-                if (this.pauseButton) html_hideElement(this.pauseButton);
+                if (this.pauseButton) hideElement(this.pauseButton);
                 html_showElement(this.resumeButton);
                 html_enableElement(this.resumeButton);
-                html_hideElement(this.recordButton);
+                hideElement(this.recordButton);
                 html_showElement(this.previewButton);
                 html_enableElement(this.previewButton);
             }
         }
         onFirstFrameSent() {
-            html_hideElement(this.recordButton);
-            html_hideElement(this.recordAgainButton);
+            hideElement(this.recordButton);
+            hideElement(this.recordAgainButton);
             if (this.pauseButton) {
                 html_showElement(this.pauseButton);
                 html_enableElement(this.pauseButton);
@@ -14960,8 +15215,8 @@ var __webpack_exports__ = {};
             }
         }
         onResuming() {
-            html_hideElement(this.resumeButton);
-            html_hideElement(this.recordButton);
+            hideElement(this.resumeButton);
+            hideElement(this.recordButton);
             if (this.pauseButton) {
                 html_enableElement(this.pauseButton);
                 html_showElement(this.pauseButton);
@@ -14970,8 +15225,8 @@ var __webpack_exports__ = {};
         onStopping() {
             html_disableElement(this.previewButton);
             html_disableElement(this.recordButton);
-            html_hideElement(this.pauseButton);
-            html_hideElement(this.resumeButton);
+            hideElement(this.pauseButton);
+            hideElement(this.resumeButton);
         }
         onCountdown() {
             html_disableElement(this.recordButton);
@@ -14996,12 +15251,12 @@ var __webpack_exports__ = {};
             if (this.options.enableAutoValidation) html_enableElement(this.submitButton);
         }
         onHidden() {
-            html_hideElement(this.recordButton);
-            html_hideElement(this.previewButton);
-            html_hideElement(this.recordAgainButton);
-            html_hideElement(this.resumeButton);
-            html_hideElement(this.audioOnRadioPair);
-            html_hideElement(this.audioOffRadioPair);
+            hideElement(this.recordButton);
+            hideElement(this.previewButton);
+            hideElement(this.recordAgainButton);
+            hideElement(this.resumeButton);
+            hideElement(this.audioOnRadioPair);
+            hideElement(this.audioOffRadioPair);
         }
         onEnablingAudio() {
             this.options.logger.debug("Buttons: onEnablingAudio()");
@@ -15142,7 +15397,7 @@ var __webpack_exports__ = {};
                 this.buttonsElement.classList.add(this.options.selectors.buttonsClass);
                 this.container.appendChild(this.buttonsElement);
             }
-            html_hideElement(this.buttonsElement);
+            hideElement(this.buttonsElement);
             this.buildButtons();
             if (!this.built) this.initEvents();
             this.built = true;
@@ -15158,16 +15413,16 @@ var __webpack_exports__ = {};
         }
         hide() {
             let deep = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
-            html_hideElement(this.buttonsElement);
+            hideElement(this.buttonsElement);
             if (deep) {
-                html_hideElement(this.recordButton);
-                html_hideElement(this.pauseButton);
-                html_hideElement(this.resumeButton);
-                html_hideElement(this.previewButton);
-                html_hideElement(this.recordAgainButton);
-                html_hideElement(this.submitButton);
-                html_hideElement(this.audioOnRadioPair);
-                html_hideElement(this.audioOffRadioPair);
+                hideElement(this.recordButton);
+                hideElement(this.pauseButton);
+                hideElement(this.resumeButton);
+                hideElement(this.previewButton);
+                hideElement(this.recordAgainButton);
+                hideElement(this.submitButton);
+                hideElement(this.audioOnRadioPair);
+                hideElement(this.audioOffRadioPair);
             }
         }
         show() {
@@ -15423,7 +15678,9 @@ var __webpack_exports__ = {};
     }
     const recorder_recordNote = RecordNote;
     function pad(n) {
-        return n < 10 ? `0${n}` : n;
+        const absNum = Math.abs(n);
+        if (absNum < 10) return n < 0 ? `-0${absNum}` : `0${absNum}`;
+        return String(n);
     }
     const util_pad = pad;
     function recordTimer_define_property(obj, key, value) {
@@ -15785,7 +16042,7 @@ var __webpack_exports__ = {};
         }
         error(err) {
             const message = err.message;
-            const explanation = err.explanation ? err.explanation.toString() : void 0;
+            const explanation = err.explanation;
             if (!message) this.options.logger.debug(`Weird empty error message generated for error ${util_pretty(err)}`);
             this.notify(message, explanation, {
                 blocking: true,
@@ -15973,152 +16230,74 @@ var __webpack_exports__ = {};
     canvas_to_buffer_modern_r.atob = void 0;
     var websocket_stream_stream = __webpack_require__("./node_modules/websocket-stream/stream.js");
     var stream_default = /*#__PURE__*/ __webpack_require__.n(websocket_stream_stream);
-    function isPromise_isPromise(anything) {
-        return Boolean(anything && "undefined" != typeof Promise && "[object Promise]" === Object.prototype.toString.call(anything));
-    }
-    const isPromise = isPromise_isPromise;
-    class audio_sample_modern_t {
-        constructor(r){
-            this.float32Array = void 0, this.float32Array = r;
-        }
-        toBuffer() {
-            const t = new Int16Array(this.float32Array.length);
-            return this.float32Array.forEach((r, a)=>{
-                t[a] = 32767 * Math.min(1, r);
-            }), typedarray_to_buffer(t);
-        }
-    }
-    var is_power_of_two = __webpack_require__("./node_modules/is-power-of-two/index.js");
-    var is_power_of_two_default = /*#__PURE__*/ __webpack_require__.n(is_power_of_two);
-    const NodeEnvType = {
-        DEVELOPMENT: "development",
-        PRODUCTION: "production"
-    };
-    var process = __webpack_require__("./node_modules/process/browser.js");
-    function getNodeEnv() {
-        if (!process.env.NODE_ENV) return NodeEnvType.DEVELOPMENT;
-        return process.env.NODE_ENV;
-    }
-    const util_getNodeEnv = getNodeEnv;
-    function isProductionMode() {
-        return util_getNodeEnv() === NodeEnvType.PRODUCTION;
-    }
-    const util_isProductionMode = isProductionMode;
-    const PRODUCTION = util_isProductionMode();
-    const options_options = {
-        logger: console,
-        logStackSize: 30,
-        verbose: !PRODUCTION,
-        baseUrl: "https://videomail.io",
-        socketUrl: "wss://videomail.io",
-        siteName: "videomail-client-demo",
-        enablePause: true,
-        enableAutoPause: true,
-        enableSpace: true,
-        submitWithVideomail: false,
-        disableSubmit: false,
-        enableAutoValidation: true,
-        enableAutoUnload: true,
-        enableAutoSubmission: true,
-        enctype: "application/json",
-        selectors: {
-            containerId: void 0,
-            containerClass: "videomail",
-            replayClass: "replay",
-            userMediaClass: "userMedia",
-            visualsClass: "visuals",
-            buttonClass: void 0,
-            buttonsClass: "buttons",
-            recordButtonClass: "record",
-            pauseButtonClass: "pause",
-            resumeButtonClass: "resume",
-            previewButtonClass: "preview",
-            recordAgainButtonClass: "recordAgain",
-            submitButtonClass: "submit",
-            subjectInputName: "subject",
-            fromInputName: "from",
-            toInputName: "to",
-            ccInputName: "cc",
-            bccInputName: "bcc",
-            bodyInputName: "body",
-            sendCopyInputName: "sendCopy",
-            keyInputName: "videomail_key",
-            parentKeyInputName: "videomail_parent_key",
-            formId: void 0,
-            submitButtonId: void 0,
-            submitButtonSelector: void 0
-        },
-        audio: {
-            enabled: false,
-            switch: false,
-            volume: 0.2,
-            bufferSize: "auto"
-        },
-        video: {
-            fps: 15,
-            limitSeconds: 30,
-            countdown: 3,
-            width: void 0,
-            height: void 0,
-            facingMode: "user",
-            facingModeButton: false,
-            stretch: false
-        },
-        image: {
-            quality: 0.42,
-            types: [
-                "webp",
-                "jpeg"
-            ]
-        },
-        text: {
-            pausedHeader: "Paused",
-            pausedHint: void 0,
-            sending: "Teleporting",
-            encoding: "Encoding",
-            limitReached: "Limit reached",
-            audioOff: "Audio off",
-            audioOn: "Audio on",
-            buttons: {
-                record: "Record video",
-                recordAgain: "Record again",
-                resume: "Resume",
-                pause: "Pause",
-                preview: "Preview"
-            }
-        },
-        notifier: {
-            entertain: false,
-            entertainClass: "bg",
-            entertainLimit: 6,
-            entertainInterval: 9000
-        },
-        timeouts: {
-            userMedia: 20e3,
-            connection: 1e4,
-            pingInterval: 30e3
-        },
-        loadUserMediaOnRecord: false,
-        callbacks: {
-            adjustFormDataBeforePosting: void 0
-        },
-        defaults: {
-            from: void 0,
-            to: void 0,
-            cc: void 0,
-            bcc: void 0,
-            subject: void 0,
-            body: void 0
-        },
-        displayErrors: true,
-        adjustFormOnBrowserError: true,
-        reportErrors: true,
-        fakeUaString: void 0,
-        versions: {
-            videomailNinjaFormPlugin: void 0
+    function figureMinHeight(height, options) {
+        let minHeight;
+        if (options.video.height) {
+            minHeight = Math.min(options.video.height, height);
+            if (minHeight < 1) throw error_createError({
+                message: `Got a min height less than 1 (${minHeight})!`,
+                options
+            });
+        } else minHeight = height;
+        return minHeight;
+    }
+    const dimensions_figureMinHeight = figureMinHeight;
+    function getRatio_getRatio(options, videoHeight, videoWidth) {
+        let ratio = 1;
+        const hasVideoDimensions = videoHeight && videoWidth;
+        const desiredHeight = options.video.height;
+        const desiredWidth = options.video.width;
+        const hasDesiredDimensions = desiredHeight && desiredWidth;
+        if (hasDesiredDimensions) ratio = hasVideoDimensions ? videoHeight < desiredHeight || videoWidth < desiredWidth ? videoHeight / videoWidth : desiredHeight / desiredWidth : desiredHeight / desiredWidth;
+        else if (hasVideoDimensions) ratio = videoHeight / videoWidth;
+        return ratio;
+    }
+    const getRatio = getRatio_getRatio;
+    function calculateHeight(responsive, videoWidth, options, target, ratio, element) {
+        let width = videoWidth;
+        if (width < 1) throw error_createError({
+            message: `Unable to calculate height for target ${target} when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
+            options
+        });
+        if (responsive && element) width = dimensions_limitWidth(element, options, width);
+        const chosenRatio = null != ratio ? ratio : getRatio(options, void 0, videoWidth);
+        const height = Math.round(width * chosenRatio);
+        if (Number.isInteger(height) && height < 1) throw error_createError({
+            message: "Just calculated a height less than 1 which is wrong.",
+            options
+        });
+        return dimensions_figureMinHeight(height, options);
+    }
+    const dimensions_calculateHeight = calculateHeight;
+    function calculateWidth(responsive, videoHeight, options, ratio) {
+        let height = dimensions_figureMinHeight(videoHeight, options);
+        if (responsive) height = dimensions_limitHeight(height, options, "calculateWidth");
+        if (!height || height < 1) throw error_createError({
+            message: `Height ${height} cannot be smaller than 1 when calculating width.`,
+            options
+        });
+        const chosenRatio = null != ratio ? ratio : getRatio(options, videoHeight);
+        const calculatedWidth = Math.round(height / chosenRatio);
+        if (calculatedWidth < 1) throw error_createError({
+            message: "Calculated width cannot be smaller than 1!",
+            options
+        });
+        return calculatedWidth;
+    }
+    const dimensions_calculateWidth = calculateWidth;
+    class audio_sample_modern_t {
+        constructor(r){
+            this.float32Array = void 0, this.float32Array = r;
         }
-    };
-    const src_options = options_options;
+        toBuffer() {
+            const t = new Int16Array(this.float32Array.length);
+            return this.float32Array.forEach((r, a)=>{
+                t[a] = 32767 * Math.min(1, r);
+            }), typedarray_to_buffer(t);
+        }
+    }
+    var is_power_of_two = __webpack_require__("./node_modules/is-power-of-two/index.js");
+    var is_power_of_two_default = /*#__PURE__*/ __webpack_require__.n(is_power_of_two);
     function AudioRecorder_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -16214,6 +16393,13 @@ var __webpack_exports__ = {};
         }
     }
     const AudioRecorder = AudioRecorder_AudioRecorder;
+    function getFirstVideoTrack(localMediaStream) {
+        const videoTracks = localMediaStream.getVideoTracks();
+        let videoTrack;
+        if (videoTracks[0]) videoTrack = videoTracks[0];
+        return videoTrack;
+    }
+    const media_getFirstVideoTrack = getFirstVideoTrack;
     const MEDIA_EVENTS = [
         "loadstart",
         "suspend",
@@ -16235,13 +16421,10 @@ var __webpack_exports__ = {};
         "volumechange"
     ];
     const mediaEvents = MEDIA_EVENTS;
-    function getFirstVideoTrack(localMediaStream) {
-        const videoTracks = localMediaStream.getVideoTracks();
-        let videoTrack;
-        if (videoTracks[0]) videoTrack = videoTracks[0];
-        return videoTrack;
+    function isPromise_isPromise(anything) {
+        return Boolean(anything && "undefined" != typeof Promise && "[object Promise]" === Object.prototype.toString.call(anything));
     }
-    const media_getFirstVideoTrack = getFirstVideoTrack;
+    const isPromise = isPromise_isPromise;
     function userMedia_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -16549,92 +16732,6 @@ var __webpack_exports__ = {};
         }
     }
     const visuals_userMedia = UserMedia;
-    function figureMinHeight(height, options) {
-        let minHeight;
-        if (options.video.height) {
-            minHeight = Math.min(options.video.height, height);
-            if (minHeight < 1) throw error_createError({
-                message: `Got a min height less than 1 (${minHeight})!`,
-                options
-            });
-        } else minHeight = height;
-        return minHeight;
-    }
-    const dimensions_figureMinHeight = figureMinHeight;
-    function getRatio_getRatio(options, videoHeight, videoWidth) {
-        let ratio = 1;
-        const hasVideoDimensions = videoHeight && videoWidth;
-        const desiredHeight = options.video.height;
-        const desiredWidth = options.video.width;
-        const hasDesiredDimensions = desiredHeight && desiredWidth;
-        if (hasDesiredDimensions) ratio = hasVideoDimensions ? videoHeight < desiredHeight || videoWidth < desiredWidth ? videoHeight / videoWidth : desiredHeight / desiredWidth : desiredHeight / desiredWidth;
-        else if (hasVideoDimensions) ratio = videoHeight / videoWidth;
-        return ratio;
-    }
-    const getRatio = getRatio_getRatio;
-    function limitHeight(height, options, calledFrom) {
-        let limitedHeight = document.documentElement.clientHeight;
-        if (height) limitedHeight = Math.min(height, limitedHeight);
-        if (limitedHeight < 1) throw error_createError({
-            message: `Limited height ${limitedHeight} cannot be less than 1! (Called from ${calledFrom})`,
-            options
-        });
-        return limitedHeight;
-    }
-    const dimensions_limitHeight = limitHeight;
-    function calculateWidth(responsive, videoHeight, options, ratio) {
-        let height = dimensions_figureMinHeight(videoHeight, options);
-        if (responsive) height = dimensions_limitHeight(height, options, "calculateWidth");
-        if (!height || height < 1) throw error_createError({
-            message: `Height ${height} cannot be smaller than 1 when calculating width.`,
-            options
-        });
-        const chosenRatio = null != ratio ? ratio : getRatio(options, videoHeight);
-        const calculatedWidth = Math.round(height / chosenRatio);
-        if (calculatedWidth < 1) throw error_createError({
-            message: "Calculated width cannot be smaller than 1!",
-            options
-        });
-        return calculatedWidth;
-    }
-    const dimensions_calculateWidth = calculateWidth;
-    function getOuterWidth_getOuterWidth(element) {
-        let rect = element.getBoundingClientRect();
-        let outerWidth = rect.right - rect.left;
-        if (outerWidth < 1) {
-            rect = document.body.getBoundingClientRect();
-            outerWidth = rect.right - rect.left;
-        }
-        return outerWidth;
-    }
-    const getOuterWidth = getOuterWidth_getOuterWidth;
-    function limitWidth(element, options, width) {
-        let limitedWidth;
-        const outerWidth = getOuterWidth(element);
-        limitedWidth = width && "number" == typeof width ? outerWidth > 0 && outerWidth < width ? outerWidth : width : outerWidth;
-        if (Number.isInteger(limitedWidth) && limitedWidth < 1) throw error_createError({
-            message: "Limited width cannot be less than 1!",
-            options
-        });
-        return limitedWidth;
-    }
-    const dimensions_limitWidth = limitWidth;
-    function calculateHeight(responsive, videoWidth, options, target, ratio, element) {
-        let width = videoWidth;
-        if (width < 1) throw error_createError({
-            message: `Unable to calculate height for target ${target} when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
-            options
-        });
-        if (responsive && element) width = dimensions_limitWidth(element, options, width);
-        const chosenRatio = null != ratio ? ratio : getRatio(options, void 0, videoWidth);
-        const height = Math.round(width * chosenRatio);
-        if (Number.isInteger(height) && height < 1) throw error_createError({
-            message: "Just calculated a height less than 1 which is wrong.",
-            options
-        });
-        return dimensions_figureMinHeight(height, options);
-    }
-    const dimensions_calculateHeight = calculateHeight;
     var Buffer = __webpack_require__("./node_modules/buffer/index.js")["Buffer"];
     function recorder_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
@@ -18121,27 +18218,6 @@ var __webpack_exports__ = {};
         }
     }
     const wrappers_visuals = Visuals;
-    var injectStylesIntoStyleTag = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js");
-    var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
-    var styleDomAPI = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js");
-    var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
-    var insertBySelector = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js");
-    var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
-    var setAttributesWithoutAttributes = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js");
-    var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__.n(setAttributesWithoutAttributes);
-    var insertStyleElement = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js");
-    var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
-    var styleTagTransform = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
-    var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
-    var main = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl");
-    var main_options = {};
-    main_options.styleTagTransform = styleTagTransform_default();
-    main_options.setAttributes = setAttributesWithoutAttributes_default();
-    main_options.insert = insertBySelector_default().bind(null, "head");
-    main_options.domAPI = styleDomAPI_default();
-    main_options.insertStyleElement = insertStyleElement_default();
-    injectStylesIntoStyleTag_default()(main.Z, main_options);
-    main.Z && main.Z.locals && main.Z.locals;
     function container_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -18635,80 +18711,6 @@ var __webpack_exports__ = {};
         }
     }
     const wrappers_container = Container;
-    var cjs = __webpack_require__("./node_modules/deepmerge/dist/cjs.js");
-    var cjs_default = /*#__PURE__*/ __webpack_require__.n(cjs);
-    function CollectLogger_define_property(obj, key, value) {
-        if (key in obj) Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-        else obj[key] = value;
-        return obj;
-    }
-    class CollectLogger_CollectLogger {
-        lifo(level, parameters) {
-            const line = parameters.join();
-            if (this.stack.length > this.options.logStackSize) this.stack.pop();
-            this.stack.push(`[${level}] ${line}`);
-            return line;
-        }
-        debug() {
-            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
-            const output = this.lifo("debug", args);
-            if (this.options.verbose) if (this.browser.isFirefox()) this.logger.debug(output);
-            else if (this.logger.groupCollapsed) {
-                this.logger.groupCollapsed(output);
-                this.logger.trace("Trace");
-                this.logger.groupEnd();
-            } else if (this.logger.debug) this.logger.debug(output);
-            else console.log(output);
-        }
-        error() {
-            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
-            this.logger.error(this.lifo("error", args));
-        }
-        warn() {
-            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
-            this.logger.warn(this.lifo("warn", args));
-        }
-        info() {
-            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
-            this.logger.info(this.lifo("info", args));
-        }
-        getLines() {
-            return this.stack;
-        }
-        constructor(options){
-            CollectLogger_define_property(this, "browser", void 0);
-            CollectLogger_define_property(this, "logger", void 0);
-            CollectLogger_define_property(this, "stack", []);
-            CollectLogger_define_property(this, "options", void 0);
-            this.options = options;
-            this.browser = util_getBrowser(options);
-            this.logger = options.logger;
-        }
-    }
-    const CollectLogger = CollectLogger_CollectLogger;
-    var isTest_process = __webpack_require__("./node_modules/process/browser.js");
-    function isTest() {
-        return "test" === isTest_process.env.ENVIRON;
-    }
-    const util_isTest = isTest;
-    function mergeWithDefaultOptions() {
-        let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-        const newOptions = cjs_default()(src_options, options, {
-            arrayMerge (_destination, source) {
-                return source;
-            }
-        });
-        const collectLogger = new CollectLogger(newOptions);
-        newOptions.logger = collectLogger;
-        if (util_isTest()) newOptions.verbose = false;
-        return newOptions;
-    }
-    const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
     function client_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -18799,7 +18801,7 @@ var __webpack_exports__ = {};
             if (this.options.logger.getLines) return this.options.logger.getLines();
         }
         constructor(options = {}){
-            super("VideomailClient", options_mergeWithDefaultOptions(options)), client_define_property(this, "container", void 0);
+            super("VideomailClient", mergeWithDefaultOptions(options)), client_define_property(this, "container", void 0);
             this.validateOptions();
             util_Despot.removeAllListeners();
             this.container = new wrappers_container(this.options);