videomail-client 10.3.4 → 10.3.6

package/dist/esm/index.js

@@ -1,10 +1,11 @@
-import superagent from "superagent";
 import { deserializeError, serializeError } from "serialize-error";
+import superagent from "superagent";
 import defined from "defined";
 import { UAParser } from "ua-parser-js";
 import get_form_data from "get-form-data";
 import hidden_0 from "hidden";
 import { createNanoEvents } from "nanoevents";
+import deepmerge from "deepmerge";
 import document_visibility from "document-visibility";
 import contains from "contains";
 import animitter from "animitter";
@@ -12,7 +13,6 @@ import canvas_to_buffer from "canvas-to-buffer";
 import websocket_stream from "websocket-stream";
 import audio_sample from "audio-sample";
 import is_power_of_two from "is-power-of-two";
-import deepmerge from "deepmerge";
 var __webpack_modules__ = {
     "./node_modules/base64-js/index.js": function(__unused_webpack_module, exports) {
         exports.byteLength = byteLength;
@@ -3601,46 +3601,20 @@ const constants = {
         ENC_TYPE_FORM: "application/x-www-form-urlencoded"
     }
 };
-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 package_namespaceObject = {
+    i8: "10.3.6"
+};
+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;
@@ -3723,6 +3697,35 @@ function getBrowser(localOptions) {
     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;
@@ -3979,6 +3982,10 @@ class Despot {
     }
 }
 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, "");
@@ -3987,10 +3994,6 @@ function trimEmails(emails) {
     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";
@@ -4242,9 +4245,6 @@ class Form extends util_Despot {
     }
 }
 const wrappers_form = Form;
-var package_namespaceObject = {
-    i8: "10.3.4"
-};
 function findOriginalExc(exc) {
     if (exc instanceof Error && "response" in exc) {
         const response = exc.response;
@@ -4405,95 +4405,333 @@ class Resource {
     }
 }
 const src_resource = Resource;
-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_hideElement(element) {
-    if (!element) return;
-    hidden_0(element, true);
-}
-const hideElement = hideElement_hideElement;
-function showElement(element) {
-    if (!element) return;
-    hidden_0(element, false);
-}
-const html_showElement = showElement;
-function isShown_isShown(element) {
-    if (!element) return false;
-    return !hidden_0(element);
+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 isShown = isShown_isShown;
-function adjustButton(buttonElement, show, type, disabled) {
-    if (disabled) html_disableElement(buttonElement);
-    if (type) buttonElement.type = type;
-    if (!show) 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;
-    }
-    replaceClickHandler(element, clickHandler) {
-        const wrappedClickHandler = (ev)=>{
-            ev.preventDefault();
-            try {
-                clickHandler({
-                    event: ev
-                });
-            } catch (exc) {
-                this.emit("ERROR", {
-                    exc
-                });
-            }
-        };
-        element.onclick = wrappedClickHandler;
-    }
-    makeRadioButtonPair(options) {
-        let radioButtonElement;
-        let radioButtonGroup;
-        if (options.id) radioButtonElement = document.querySelector(`#${options.id}`);
-        if (!radioButtonElement) {
-            radioButtonElement = document.createElement("input");
-            radioButtonElement.id = options.id;
-            radioButtonElement.type = "radio";
-            radioButtonElement.name = options.name;
-            radioButtonElement.value = options.value;
-            radioButtonElement.checked = options.checked;
-            radioButtonGroup = document.createElement("span");
-            radioButtonGroup.classList.add("radioGroup");
-            radioButtonGroup.appendChild(radioButtonElement);
-            const radioLabel = document.createElement("label");
-            radioLabel.htmlFor = options.id;
-            radioLabel.textContent = options.label;
-            radioButtonGroup.appendChild(radioLabel);
-            if (this.submitButton && contains(this.buttonsElement, this.submitButton)) this.buttonsElement?.insertBefore(radioButtonGroup, this.submitButton);
-            else this.buttonsElement?.appendChild(radioButtonGroup);
+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"
         }
-        radioButtonElement.onchange = options.changeHandler;
-        html_disableElement(radioButtonElement);
-        return radioButtonElement;
+    },
+    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;
+class CollectLogger_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 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(options = {}) {
+    const newOptions = deepmerge(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;
+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_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 limitWidth = limitWidth_limitWidth;
+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(element) {
+    if (!element) return;
+    hidden_0(element, true);
+}
+const html_hideElement = hideElement;
+function adjustButton(buttonElement, show, type, disabled) {
+    if (disabled) html_disableElement(buttonElement);
+    if (type) buttonElement.type = type;
+    if (!show) html_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_0(element);
+}
+const html_isShown = isShown;
+function showElement(element) {
+    if (!element) return;
+    hidden_0(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({
+                    event: ev
+                });
+            } catch (exc) {
+                this.emit("ERROR", {
+                    exc
+                });
+            }
+        };
+        element.onclick = wrappedClickHandler;
+    }
+    makeRadioButtonPair(options) {
+        let radioButtonElement;
+        let radioButtonGroup;
+        if (options.id) radioButtonElement = document.querySelector(`#${options.id}`);
+        if (!radioButtonElement) {
+            radioButtonElement = document.createElement("input");
+            radioButtonElement.id = options.id;
+            radioButtonElement.type = "radio";
+            radioButtonElement.name = options.name;
+            radioButtonElement.value = options.value;
+            radioButtonElement.checked = options.checked;
+            radioButtonGroup = document.createElement("span");
+            radioButtonGroup.classList.add("radioGroup");
+            radioButtonGroup.appendChild(radioButtonElement);
+            const radioLabel = document.createElement("label");
+            radioLabel.htmlFor = options.id;
+            radioLabel.textContent = options.label;
+            radioButtonGroup.appendChild(radioLabel);
+            if (this.submitButton && contains(this.buttonsElement, this.submitButton)) this.buttonsElement?.insertBefore(radioButtonGroup, this.submitButton);
+            else this.buttonsElement?.appendChild(radioButtonGroup);
+        }
+        radioButtonElement.onchange = options.changeHandler;
+        html_disableElement(radioButtonElement);
+        return radioButtonElement;
     }
     makeButton(buttonClass, text, clickHandler, show, id, type, selector, disabled = true) {
         let buttonElement;
@@ -4546,17 +4784,17 @@ class Buttons extends util_Despot {
         }
     }
     onFormReady(params) {
-        if (!isShown(this.recordAgainButton)) {
+        if (!html_isShown(this.recordAgainButton)) {
             if (!params?.paused) html_showElement(this.recordButton);
         }
         if (!params?.paused) {
             html_disableElement(this.previewButton);
-            hideElement(this.previewButton);
+            html_hideElement(this.previewButton);
         }
         if (!this.options.enableAutoValidation) html_enableElement(this.submitButton);
     }
     onGoingBack() {
-        hideElement(this.recordAgainButton);
+        html_hideElement(this.recordAgainButton);
         html_showElement(this.recordButton);
         html_showElement(this.submitButton);
     }
@@ -4568,12 +4806,12 @@ class Buttons extends util_Despot {
         html_showElement(this.buttonsElement);
         html_showElement(this.audioOnRadioPair);
         html_showElement(this.audioOffRadioPair);
-        if (isShown(this.recordButton) && !params.recordWhenReady) html_enableElement(this.recordButton);
-        else if (isShown(this.recordAgainButton) && !params.recordWhenReady) html_enableElement(this.recordAgainButton);
+        if (html_isShown(this.recordButton) && !params.recordWhenReady) html_enableElement(this.recordButton);
+        else if (html_isShown(this.recordAgainButton) && !params.recordWhenReady) html_enableElement(this.recordAgainButton);
         if (this.options.enableAutoValidation) html_disableElement(this.submitButton);
         if (!params.recordWhenReady) {
-            if (isShown(this.audioOnRadioPair)) html_enableElement(this.audioOnRadioPair);
-            if (isShown(this.audioOffRadioPair)) html_enableElement(this.audioOffRadioPair);
+            if (html_isShown(this.audioOnRadioPair)) html_enableElement(this.audioOnRadioPair);
+            if (html_isShown(this.audioOffRadioPair)) html_enableElement(this.audioOffRadioPair);
         }
     }
     onResetting() {
@@ -4581,8 +4819,8 @@ class Buttons extends util_Despot {
         this.reset();
     }
     onPreview() {
-        hideElement(this.recordButton);
-        hideElement(this.previewButton);
+        html_hideElement(this.recordButton);
+        html_hideElement(this.previewButton);
         html_disableElement(this.audioOnRadioPair);
         html_disableElement(this.audioOffRadioPair);
         html_showElement(this.recordAgainButton);
@@ -4594,17 +4832,17 @@ class Buttons extends util_Despot {
     }
     adjustButtonsForPause() {
         if (!this.isCountingDown()) {
-            if (this.pauseButton) hideElement(this.pauseButton);
+            if (this.pauseButton) html_hideElement(this.pauseButton);
             html_showElement(this.resumeButton);
             html_enableElement(this.resumeButton);
-            hideElement(this.recordButton);
+            html_hideElement(this.recordButton);
             html_showElement(this.previewButton);
             html_enableElement(this.previewButton);
         }
     }
     onFirstFrameSent() {
-        hideElement(this.recordButton);
-        hideElement(this.recordAgainButton);
+        html_hideElement(this.recordButton);
+        html_hideElement(this.recordAgainButton);
         if (this.pauseButton) {
             html_showElement(this.pauseButton);
             html_enableElement(this.pauseButton);
@@ -4622,8 +4860,8 @@ class Buttons extends util_Despot {
         }
     }
     onResuming() {
-        hideElement(this.resumeButton);
-        hideElement(this.recordButton);
+        html_hideElement(this.resumeButton);
+        html_hideElement(this.recordButton);
         if (this.pauseButton) {
             html_enableElement(this.pauseButton);
             html_showElement(this.pauseButton);
@@ -4632,8 +4870,8 @@ class Buttons extends util_Despot {
     onStopping() {
         html_disableElement(this.previewButton);
         html_disableElement(this.recordButton);
-        hideElement(this.pauseButton);
-        hideElement(this.resumeButton);
+        html_hideElement(this.pauseButton);
+        html_hideElement(this.resumeButton);
     }
     onCountdown() {
         html_disableElement(this.recordButton);
@@ -4658,12 +4896,12 @@ class Buttons extends util_Despot {
         if (this.options.enableAutoValidation) html_enableElement(this.submitButton);
     }
     onHidden() {
-        hideElement(this.recordButton);
-        hideElement(this.previewButton);
-        hideElement(this.recordAgainButton);
-        hideElement(this.resumeButton);
-        hideElement(this.audioOnRadioPair);
-        hideElement(this.audioOffRadioPair);
+        html_hideElement(this.recordButton);
+        html_hideElement(this.previewButton);
+        html_hideElement(this.recordAgainButton);
+        html_hideElement(this.resumeButton);
+        html_hideElement(this.audioOnRadioPair);
+        html_hideElement(this.audioOffRadioPair);
     }
     onEnablingAudio() {
         this.options.logger.debug("Buttons: onEnablingAudio()");
@@ -4756,7 +4994,7 @@ class Buttons extends util_Despot {
         });
         this.on("CONNECTED", ()=>{
             if (this.options.loadUserMediaOnRecord) {
-                if (isShown(this.recordButton)) html_enableElement(this.recordButton);
+                if (html_isShown(this.recordButton)) html_enableElement(this.recordButton);
             }
         });
         this.on("DISCONNECTED", ()=>{
@@ -4801,7 +5039,7 @@ class Buttons extends util_Despot {
             this.buttonsElement.classList.add(this.options.selectors.buttonsClass);
             this.container.appendChild(this.buttonsElement);
         }
-        hideElement(this.buttonsElement);
+        html_hideElement(this.buttonsElement);
         this.buildButtons();
         if (!this.built) this.initEvents();
         this.built = true;
@@ -4816,16 +5054,16 @@ class Buttons extends util_Despot {
         }
     }
     hide(deep = false) {
-        hideElement(this.buttonsElement);
+        html_hideElement(this.buttonsElement);
         if (deep) {
-            hideElement(this.recordButton);
-            hideElement(this.pauseButton);
-            hideElement(this.resumeButton);
-            hideElement(this.previewButton);
-            hideElement(this.recordAgainButton);
-            hideElement(this.submitButton);
-            hideElement(this.audioOnRadioPair);
-            hideElement(this.audioOffRadioPair);
+            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);
         }
     }
     show() {
@@ -5031,7 +5269,9 @@ class RecordNote {
 }
 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 {
@@ -5446,168 +5686,90 @@ class Notifier extends util_Despot {
         this.options.logger.debug(`Notifier: notify(${params.join(", ")})`);
         const stillWait = notifyOptions.stillWait ?? false;
         const entertain = notifyOptions.entertain ?? false;
-        const blocking = notifyOptions.blocking ?? false;
-        const classList = notifyOptions.classList ?? false;
-        const removeDimensions = notifyOptions.removeDimensions ?? false;
-        if (this.notifyElement) {
-            if (!entertain) this.notifyElement.className = "notifier";
-            if (classList) classList.forEach((className)=>{
-                this.notifyElement?.classList.add(className);
-            });
-            if (removeDimensions) {
-                this.notifyElement.style.width = "auto";
-                this.notifyElement.style.height = "auto";
-            }
-        }
-        if (blocking) {
-            this.notifyElement?.classList.add("blocking");
-            this.emit("BLOCKING");
-        } else this.emit("NOTIFYING");
-        this.visuals.hideReplay();
-        this.visuals.hideRecorder();
-        this.setMessage(message, notifyOptions);
-        if (explanation && explanation.length > 0) this.setExplanation(explanation);
-        if (entertain) this.runEntertainment();
-        else this.cancelEntertainment();
-        this.visuals.showVisuals();
-        this.show();
-        if (!stillWait) this.visuals.endWaiting();
-    }
-}
-const notifier = Notifier;
-function isPromise(anything) {
-    return anything && "undefined" != typeof Promise && anything instanceof Promise;
-}
-const util_isPromise = isPromise;
-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
+        const blocking = notifyOptions.blocking ?? false;
+        const classList = notifyOptions.classList ?? false;
+        const removeDimensions = notifyOptions.removeDimensions ?? false;
+        if (this.notifyElement) {
+            if (!entertain) this.notifyElement.className = "notifier";
+            if (classList) classList.forEach((className)=>{
+                this.notifyElement?.classList.add(className);
+            });
+            if (removeDimensions) {
+                this.notifyElement.style.width = "auto";
+                this.notifyElement.style.height = "auto";
+            }
+        }
+        if (blocking) {
+            this.notifyElement?.classList.add("blocking");
+            this.emit("BLOCKING");
+        } else this.emit("NOTIFYING");
+        this.visuals.hideReplay();
+        this.visuals.hideRecorder();
+        this.setMessage(message, notifyOptions);
+        if (explanation && explanation.length > 0) this.setExplanation(explanation);
+        if (entertain) this.runEntertainment();
+        else this.cancelEntertainment();
+        this.visuals.showVisuals();
+        this.show();
+        if (!stillWait) this.visuals.endWaiting();
     }
-};
-const src_options = options_options;
+}
+const notifier = Notifier;
+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 = 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;
 const CHANNELS = 1;
 function getAudioContextClass() {
     return window.AudioContext;
@@ -5693,6 +5855,13 @@ class AudioRecorder_AudioRecorder {
     }
 }
 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",
@@ -5714,13 +5883,10 @@ const MEDIA_EVENTS = [
     "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;
@@ -5811,7 +5977,7 @@ class UserMedia extends util_Despot {
                     } catch (exc) {
                         this.options.logger.warn(`Caught raw user media play exception: ${exc}`);
                     }
-                    if (util_isPromise(p)) p.then(()=>{
+                    if (isPromise(p)) p.then(()=>{
                         if (!this.playingPromiseReached) {
                             this.options.logger.debug("UserMedia: play promise successful. Playing now.");
                             this.playingPromiseReached = true;
@@ -6011,92 +6177,6 @@ class UserMedia extends util_Despot {
     }
 }
 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 {
@@ -7550,27 +7630,6 @@ class Visuals extends util_Despot {
     }
 }
 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();
     htmlElement = document.querySelector("html");
@@ -7744,7 +7803,7 @@ class Container extends util_Despot {
     }
     limitWidth(width) {
         if (!this.containerElement) return;
-        return dimensions_limitWidth(this.containerElement, this.options, width);
+        return limitWidth(this.containerElement, this.options, width);
     }
     limitHeight(height) {
         return dimensions_limitHeight(height, this.options, "containers limitHeight fn");
@@ -8049,69 +8108,12 @@ class Container extends util_Despot {
     }
 }
 const wrappers_container = Container;
-class CollectLogger_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 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(options = {}) {
-    const newOptions = deepmerge(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;
 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);