videomail-client 10.3.5 → 10.3.6

package/dist/umd/index.js

@@ -10502,8 +10502,6 @@
                     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,
@@ -10654,35 +10652,11 @@
             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.6"
+            };
             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 = [
@@ -13794,17 +13768,17 @@
                 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;
-            }({});
             const FALLBACK_VIDEO_TYPE = VideoType_VideoType.MP4;
             class Browser {
                 options;
@@ -13887,6 +13861,35 @@
                 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;
             class HTTPVideomailError_HTTPVideomailError extends Error {
                 code;
                 status;
@@ -14258,6 +14261,10 @@
                 }
             }
             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, "");
@@ -14266,10 +14273,6 @@
                 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;
             var form_FormMethod = /*#__PURE__*/ function(FormMethod) {
                 FormMethod["POST"] = "post";
                 FormMethod["PUT"] = "put";
@@ -14521,9 +14524,6 @@
                 }
             }
             const wrappers_form = Form;
-            var package_namespaceObject = {
-                i8: "10.3.5"
-            };
             function findOriginalExc(exc) {
                 if (exc instanceof Error && "response" in exc) {
                     const response = exc.response;
@@ -14684,62 +14684,300 @@
                 }
             }
             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"
+            };
+            function getNodeEnv() {
+                return "production";
             }
-            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;
-            class Buttons extends util_Despot {
-                container;
-                buttonsElement;
-                recordButton;
-                pauseButton;
-                resumeButton;
-                previewButton;
-                recordAgainButton;
-                submitButton;
-                audioOnRadioPair;
-                audioOffRadioPair;
-                built = false;
-                constructor(container, options){
-                    super("Buttons", options);
-                    this.container = container;
+            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
                 }
-                replaceClickHandler(element, clickHandler) {
-                    const wrappedClickHandler = (ev)=>{
+            };
+            const src_options = options_options;
+            class CollectLogger {
+                browser;
+                logger;
+                stack = [];
+                options;
+                constructor(options){
+                    this.options = options;
+                    this.browser = util_getBrowser(options);
+                    this.logger = options.logger;
+                }
+                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(...args) {
+                    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(...args) {
+                    this.logger.error(this.lifo("error", args));
+                }
+                warn(...args) {
+                    this.logger.warn(this.lifo("warn", args));
+                }
+                info(...args) {
+                    this.logger.info(this.lifo("info", args));
+                }
+                getLines() {
+                    return this.stack;
+                }
+            }
+            const util_CollectLogger = CollectLogger;
+            var process = __webpack_require__("./node_modules/process/browser.js");
+            function isTest() {
+                return "test" === process.env.ENVIRON;
+            }
+            const util_isTest = isTest;
+            function mergeWithDefaultOptions_mergeWithDefaultOptions(options = {}) {
+                const newOptions = cjs_default()(src_options, options, {
+                    arrayMerge (_destination, source) {
+                        return source;
+                    }
+                });
+                const collectLogger = new util_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;
+            class Buttons extends util_Despot {
+                container;
+                buttonsElement;
+                recordButton;
+                pauseButton;
+                resumeButton;
+                previewButton;
+                recordAgainButton;
+                submitButton;
+                audioOnRadioPair;
+                audioOffRadioPair;
+                built = false;
+                constructor(container, options){
+                    super("Buttons", options);
+                    this.container = container;
+                }
+                replaceClickHandler(element, clickHandler) {
+                    const wrappedClickHandler = (ev)=>{
                         ev.preventDefault();
                         try {
                             clickHandler({
@@ -14834,12 +15072,12 @@
                     }
                     if (!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);
                 }
@@ -14864,8 +15102,8 @@
                     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);
@@ -14877,17 +15115,17 @@
                 }
                 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);
@@ -14905,8 +15143,8 @@
                     }
                 }
                 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);
@@ -14915,8 +15153,8 @@
                 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);
@@ -14941,12 +15179,12 @@
                     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()");
@@ -15084,7 +15322,7 @@
                         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;
@@ -15099,16 +15337,16 @@
                     }
                 }
                 hide(deep = 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() {
@@ -15314,7 +15552,9 @@
             }
             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;
             class RecordTimer {
@@ -15814,157 +16054,81 @@
                     }
                     return e;
                 }
-                getMimeType() {
-                    return canvas_to_buffer_modern_s && canvas_to_buffer_modern_e || (canvas_to_buffer_modern_s = this.figureMimeType()), canvas_to_buffer_modern_s;
-                }
-            }
-            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);
-            function getNodeEnv() {
-                return "production";
-            }
-            const util_getNodeEnv = getNodeEnv;
-            const NodeEnvType = {
-                DEVELOPMENT: "development",
-                PRODUCTION: "production"
-            };
-            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
+                getMimeType() {
+                    return canvas_to_buffer_modern_s && canvas_to_buffer_modern_e || (canvas_to_buffer_modern_s = this.figureMimeType()), canvas_to_buffer_modern_s;
                 }
-            };
-            const src_options = options_options;
+            }
+            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 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 = 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 = 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;
+                }
+                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 CHANNELS = 1;
             function getAudioContextClass() {
                 return window.AudioContext;
@@ -16050,6 +16214,13 @@
                 }
             }
             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",
@@ -16071,13 +16242,10 @@
                 "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;
             const EVENT_ASCII = "|\u2014O\u2014|";
             class UserMedia extends util_Despot {
                 recorder;
@@ -16368,92 +16536,6 @@
                 }
             }
             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 = 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 = 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"];
             const PIPE_SYMBOL = "\xb0\xba\xa4\xf8,\xb8\xb8,\xf8\xa4\xba\xb0`\xb0\xba\xa4\xf8,\xb8,\xf8\xa4\xb0\xba\xa4\xf8,\xb8\xb8,\xf8\xa4\xba\xb0`\xb0\xba\xa4\xf8,\xb8 ";
             class Recorder extends util_Despot {
@@ -17907,27 +17989,6 @@
                 }
             }
             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;
             class Container extends util_Despot {
                 visibility = document_visibility_default()();
                 htmlElement = document.querySelector("html");
@@ -18406,71 +18467,12 @@
                 }
             }
             const wrappers_container = Container;
-            var cjs = __webpack_require__("./node_modules/deepmerge/dist/cjs.js");
-            var cjs_default = /*#__PURE__*/ __webpack_require__.n(cjs);
-            class CollectLogger {
-                browser;
-                logger;
-                stack = [];
-                options;
-                constructor(options){
-                    this.options = options;
-                    this.browser = util_getBrowser(options);
-                    this.logger = options.logger;
-                }
-                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(...args) {
-                    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(...args) {
-                    this.logger.error(this.lifo("error", args));
-                }
-                warn(...args) {
-                    this.logger.warn(this.lifo("warn", args));
-                }
-                info(...args) {
-                    this.logger.info(this.lifo("info", args));
-                }
-                getLines() {
-                    return this.stack;
-                }
-            }
-            const util_CollectLogger = CollectLogger;
-            var process = __webpack_require__("./node_modules/process/browser.js");
-            function isTest() {
-                return "test" === process.env.ENVIRON;
-            }
-            const util_isTest = isTest;
-            function mergeWithDefaultOptions(options = {}) {
-                const newOptions = cjs_default()(src_options, options, {
-                    arrayMerge (_destination, source) {
-                        return source;
-                    }
-                });
-                const collectLogger = new util_CollectLogger(newOptions);
-                newOptions.logger = collectLogger;
-                if (util_isTest()) newOptions.verbose = false;
-                return newOptions;
-            }
-            const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
             class VideomailClient extends util_Despot {
                 container;
                 static ENC_TYPE_APP_JSON = constants["public"].ENC_TYPE_APP_JSON;
                 static ENC_TYPE_FORM = constants["public"].ENC_TYPE_FORM;
                 constructor(options = {}){
-                    super("VideomailClient", options_mergeWithDefaultOptions(options));
+                    super("VideomailClient", mergeWithDefaultOptions(options));
                     this.validateOptions();
                     util_Despot.removeAllListeners();
                     this.container = new wrappers_container(this.options);