videomail-client 15.3.2 → 15.4.0

package/dist/cjs/index.cjs

@@ -617,7 +617,7 @@ var __webpack_modules__ = {
         function makeThrottle(fps) {
             var delay = 1000 / fps;
             var lastTime = Date.now();
-            if (fps <= 0 || fps === 1 / 0) return returnTrue;
+            if (fps <= 0 || 1 / 0 === fps) return returnTrue;
             var half = Math.ceil(1000 / 60) / 2;
             return function() {
                 var now = Date.now();
@@ -5466,7 +5466,7 @@ var __webpack_modules__ = {
             for(; nBits > 0; m = 256 * m + buffer[offset + i], i += d, nBits -= 8);
             if (0 === e) e = 1 - eBias;
             else {
-                if (e === eMax) return m ? NaN : 1 / 0 * (s ? -1 : 1);
+                if (e === eMax) return m ? 0 / 0 : (s ? -1 : 1) * 2e308;
                 m += Math.pow(2, mLen);
                 e -= eBias;
             }
@@ -5482,7 +5482,7 @@ var __webpack_modules__ = {
             var d = isLE ? 1 : -1;
             var s = value < 0 || 0 === value && 1 / value < 0 ? 1 : 0;
             value = Math.abs(value);
-            if (isNaN(value) || value === 1 / 0) {
+            if (isNaN(value) || 1 / 0 === value) {
                 m = isNaN(value) ? 1 : 0;
                 e = eMax;
             } else {
@@ -5791,7 +5791,7 @@ var __webpack_modules__ = {
             return O.__proto__;
         } : null);
         function addNumericSeparator(num, str) {
-            if (num === 1 / 0 || num === -1 / 0 || num !== num || num && num > -1000 && num < 1000 || $test.call(/e/, str)) return str;
+            if (1 / 0 === num || -1 / 0 === num || num !== num || num && num > -1000 && num < 1000 || $test.call(/e/, str)) return str;
             var sepRegex = /[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;
             if ('number' == typeof num) {
                 var int = num < 0 ? -$floor(-num) : $floor(num);
@@ -5819,7 +5819,7 @@ var __webpack_modules__ = {
         module.exports = function inspect_(obj, options, depth, seen) {
             var opts = options || {};
             if (has(opts, 'quoteStyle') && !has(quotes, opts.quoteStyle)) throw new TypeError('option "quoteStyle" must be "single" or "double"');
-            if (has(opts, 'maxStringLength') && ('number' == typeof opts.maxStringLength ? opts.maxStringLength < 0 && opts.maxStringLength !== 1 / 0 : null !== opts.maxStringLength)) throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');
+            if (has(opts, 'maxStringLength') && ('number' == typeof opts.maxStringLength ? opts.maxStringLength < 0 && 1 / 0 !== opts.maxStringLength : null !== opts.maxStringLength)) throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');
             var customInspect = has(opts, 'customInspect') ? opts.customInspect : true;
             if ('boolean' != typeof customInspect && 'symbol' !== customInspect) throw new TypeError('option "customInspect", if provided, must be `true`, `false`, or `\'symbol\'`');
             if (has(opts, 'indent') && null !== opts.indent && '\t' !== opts.indent && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0)) throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');
@@ -6486,7 +6486,7 @@ var __webpack_modules__ = {
             };
             var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\?/, '') : str;
             cleanStr = cleanStr.replace(/%5B/gi, '[').replace(/%5D/gi, ']');
-            var limit = options.parameterLimit === 1 / 0 ? void 0 : options.parameterLimit;
+            var limit = 1 / 0 === options.parameterLimit ? void 0 : options.parameterLimit;
             var parts = cleanStr.split(options.delimiter, options.throwOnLimitExceeded && void 0 !== limit ? limit + 1 : limit);
             if (options.throwOnLimitExceeded && void 0 !== limit && parts.length > limit) throw new RangeError('Parameter limit exceeded. Only ' + limit + ' parameter' + (1 === limit ? '' : 's') + ' allowed.');
             var skipIndex = -1;
@@ -11071,7 +11071,7 @@ var __webpack_modules__ = {
         var client = __webpack_require__(5734);
         var client_default = /*#__PURE__*/ __webpack_require__.n(client);
         var package_namespaceObject = {
-            rE: "15.3.2"
+            rE: "15.4.0"
         };
         function isAudioEnabled(options) {
             return Boolean(options.audio.enabled);
@@ -17744,6 +17744,30 @@ var __webpack_modules__ = {
                 window.clearTimeout(this.retryTimeout);
                 this.retryTimeout = void 0;
             }
+            clearConnectionTimeout() {
+                if (!this.connectionTimeout) return;
+                this.options.logger.debug("Recorder: clearConnectionTimeout()");
+                window.clearTimeout(this.connectionTimeout);
+                this.connectionTimeout = void 0;
+            }
+            failConnection(params) {
+                if (this.connectionFailed || this.connected || this.unloaded) return;
+                this.connectionFailed = true;
+                this.connecting = false;
+                this.clearConnectionTimeout();
+                if (this.stream) {
+                    this.stream.destroy();
+                    this.stream = void 0;
+                }
+                const err = error_createError({
+                    message: "Unable to connect to the server",
+                    explanation: params.explanation,
+                    options: this.options
+                });
+                this.emit("ERROR", {
+                    err
+                });
+            }
             calculateFrameProgress() {
                 return `${(this.confirmedFrameNumber / (this.framesCount || 1) * 100).toFixed(2)}%`;
             }
@@ -17816,6 +17840,7 @@ var __webpack_modules__ = {
             initSocket(cb) {
                 if (!this.connected) {
                     this.connecting = true;
+                    this.connectionFailed = false;
                     this.emit("CONNECTING");
                     let url2Connect;
                     try {
@@ -17870,17 +17895,28 @@ var __webpack_modules__ = {
                         });
                     }
                     if (this.stream) {
-                        this.stream.on("close", (err)=>{
+                        const connectionTimeoutMs = this.options.timeouts.connection;
+                        this.connectionTimeout = window.setTimeout(()=>{
+                            this.failConnection({
+                                url2Connect,
+                                explanation: `The server at ${url2Connect} did not respond within ${connectionTimeoutMs}ms. Please check your internet connection and try again. If the problem persists, contact us.`
+                            });
+                        }, connectionTimeoutMs);
+                        this.stream.on("close", ()=>{
                             this.options.logger.debug(`${PIPE_SYMBOL}Stream has closed`);
+                            const neverConnected = this.connecting && !this.connected;
+                            this.clearConnectionTimeout();
                             this.connecting = this.connected = false;
-                            if (err) this.emit("ERROR", {
-                                err
+                            if (neverConnected) this.failConnection({
+                                url2Connect,
+                                explanation: `The connection to ${url2Connect} was refused or could not be reached. Please check your internet connection and try again. If the problem persists, contact us.`
                             });
                             else if (this.userMediaLoaded) this.initSocket();
                         });
                         this.stream.on("connect", ()=>{
                             var _this_stream;
                             this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted`);
+                            this.clearConnectionTimeout();
                             const isClosing = (null == (_this_stream = this.stream) ? void 0 : _this_stream.socket.readyState) === WebSocket.CLOSING;
                             if (!this.connected && !isClosing && !this.unloaded) {
                                 this.connected = true;
@@ -18245,6 +18281,8 @@ var __webpack_modules__ = {
                 this.options.logger.debug(`Recorder: unload()${prettyCause}`);
                 this.reset();
                 this.clearUserMediaTimeout();
+                this.clearConnectionTimeout();
+                this.connecting = false;
                 if (this.userMedia) this.userMedia.unloadRemainingEventListeners();
                 if (this.submitting) ;
                 else if (this.stream) {
@@ -18656,7 +18694,7 @@ var __webpack_modules__ = {
                 return this.userMediaLoaded;
             }
             constructor(visuals, replay, options){
-                super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
+                super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "connectionFailed", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
                 this.visuals = visuals;
                 this.replay = replay;
                 this.facingMode = options.video.facingMode;
@@ -20236,7 +20274,7 @@ __webpack_require__.m = __webpack_modules__;
         }, []));
 })();
 (()=>{
-    __webpack_require__.u = (chunkId)=>"1~" + chunkId + ".cjs";
+    __webpack_require__.u = (chunkId)=>"" + chunkId + "~1.cjs";
 })();
 (()=>{
     __webpack_require__.g = (()=>{

package/dist/esm/client.d.ts

@@ -1,6 +1,6 @@
-import { PartialVideomailClientOptions } from "./types/options";
-import { Videomail } from "./types/Videomail";
-import Despot from "./util/Despot";
+import { PartialVideomailClientOptions } from "./types/options.js";
+import { Videomail } from "./types/Videomail.js";
+import Despot from "./util/Despot.js";
 export interface StartOverParams {
     keepHidden?: boolean | undefined;
 }
@@ -23,8 +23,8 @@ declare class VideomailClient extends Despot {
     hide(): void;
     getByAlias(alias: string): Promise<Videomail>;
     getByKey(key: string): Promise<Videomail>;
-    getThreadByAlias(alias: string): Promise<import(".").VideomailThread>;
-    getThreadByKey(key: string): Promise<import(".").VideomailThread>;
+    getThreadByAlias(alias: string): Promise<import("./index.js").VideomailThread>;
+    getThreadByKey(key: string): Promise<import("./index.js").VideomailThread>;
     isDirty(): boolean;
     isBuilt(): boolean;
     isRecording(): boolean;

package/dist/esm/index.d.ts

@@ -1,21 +1,21 @@
-import { VideoType } from "./types/VideoType";
-export { VideomailClient } from "./client";
-export type { BrowserStats } from "./types/BrowserStats";
-export type { VideomailCommand } from "./types/command";
-export type { VideomailCommandArgs } from "./types/command";
-export type { DeliveryRecord } from "./types/Delivery";
-export type { CapacitorDeviceMetadata } from "./types/device";
-export type { EmailAddress, EmailAddresses } from "./types/EmailAddress";
-export type { FullVideomailErrorData, VideomailErrorData } from "./types/error";
-export type { VideomailEvents } from "./types/events";
-export type * from "./types/events/params";
-export type { VideomailIdentifier } from "./types/identifier";
-export type { VideomailClientOptions } from "./types/options";
-export type { ReactionKey, ReactionLabel, ReactionPrettyByUserKey, ReactionsByUserKey, ReactionsPrettyByUserKey, ReactionType, } from "./types/reaction";
-export { Reactions } from "./types/reaction";
-export type { RecordingStats } from "./types/RecordingStats";
-export type { VideomailThread } from "./types/thread";
-export type { PartialVideomail, Videomail } from "./types/Videomail";
-export type { VideoTypeType } from "./types/VideoType";
-export { default as getCapacitorDeviceMetadata } from "./util/getCapacitorDeviceMetadata";
+import { VideoType } from "./types/VideoType.js";
+export { VideomailClient } from "./client.js";
+export type { BrowserStats } from "./types/BrowserStats.js";
+export type { VideomailCommand } from "./types/command.js";
+export type { VideomailCommandArgs } from "./types/command.js";
+export type { DeliveryRecord } from "./types/Delivery.js";
+export type { CapacitorDeviceMetadata } from "./types/device.js";
+export type { EmailAddress, EmailAddresses } from "./types/EmailAddress.js";
+export type { FullVideomailErrorData, VideomailErrorData } from "./types/error.js";
+export type { VideomailEvents } from "./types/events/index.js";
+export type * from "./types/events/params.js";
+export type { VideomailIdentifier } from "./types/identifier.js";
+export type { VideomailClientOptions } from "./types/options.js";
+export type { ReactionKey, ReactionLabel, ReactionPrettyByUserKey, ReactionsByUserKey, ReactionsPrettyByUserKey, ReactionType, } from "./types/reaction.js";
+export { Reactions } from "./types/reaction.js";
+export type { RecordingStats } from "./types/RecordingStats.js";
+export type { VideomailThread } from "./types/thread.js";
+export type { PartialVideomail, Videomail } from "./types/Videomail.js";
+export type { VideoTypeType } from "./types/VideoType.js";
+export { default as getCapacitorDeviceMetadata } from "./util/getCapacitorDeviceMetadata.js";
 export { VideoType };

package/dist/esm/index.js

@@ -2186,7 +2186,7 @@ __webpack_require__.add({
             for(; nBits > 0; m = 256 * m + buffer[offset + i], i += d, nBits -= 8);
             if (0 === e) e = 1 - eBias;
             else {
-                if (e === eMax) return m ? NaN : 1 / 0 * (s ? -1 : 1);
+                if (e === eMax) return m ? 0 / 0 : (s ? -1 : 1) * 2e308;
                 m += Math.pow(2, mLen);
                 e -= eBias;
             }
@@ -2202,7 +2202,7 @@ __webpack_require__.add({
             var d = isLE ? 1 : -1;
             var s = value < 0 || 0 === value && 1 / value < 0 ? 1 : 0;
             value = Math.abs(value);
-            if (isNaN(value) || value === 1 / 0) {
+            if (isNaN(value) || 1 / 0 === value) {
                 m = isNaN(value) ? 1 : 0;
                 e = eMax;
             } else {
@@ -3621,7 +3621,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.3.2"
+    rE: "15.4.0"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -6636,6 +6636,30 @@ class Recorder extends util_Despot {
         window.clearTimeout(this.retryTimeout);
         this.retryTimeout = void 0;
     }
+    clearConnectionTimeout() {
+        if (!this.connectionTimeout) return;
+        this.options.logger.debug("Recorder: clearConnectionTimeout()");
+        window.clearTimeout(this.connectionTimeout);
+        this.connectionTimeout = void 0;
+    }
+    failConnection(params) {
+        if (this.connectionFailed || this.connected || this.unloaded) return;
+        this.connectionFailed = true;
+        this.connecting = false;
+        this.clearConnectionTimeout();
+        if (this.stream) {
+            this.stream.destroy();
+            this.stream = void 0;
+        }
+        const err = error_createError({
+            message: "Unable to connect to the server",
+            explanation: params.explanation,
+            options: this.options
+        });
+        this.emit("ERROR", {
+            err
+        });
+    }
     calculateFrameProgress() {
         return `${(this.confirmedFrameNumber / (this.framesCount || 1) * 100).toFixed(2)}%`;
     }
@@ -6707,6 +6731,7 @@ class Recorder extends util_Despot {
     initSocket(cb) {
         if (!this.connected) {
             this.connecting = true;
+            this.connectionFailed = false;
             this.emit("CONNECTING");
             let url2Connect;
             try {
@@ -6761,16 +6786,27 @@ class Recorder extends util_Despot {
                 });
             }
             if (this.stream) {
-                this.stream.on("close", (err)=>{
+                const connectionTimeoutMs = this.options.timeouts.connection;
+                this.connectionTimeout = window.setTimeout(()=>{
+                    this.failConnection({
+                        url2Connect,
+                        explanation: `The server at ${url2Connect} did not respond within ${connectionTimeoutMs}ms. Please check your internet connection and try again. If the problem persists, contact us.`
+                    });
+                }, connectionTimeoutMs);
+                this.stream.on("close", ()=>{
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream has closed`);
+                    const neverConnected = this.connecting && !this.connected;
+                    this.clearConnectionTimeout();
                     this.connecting = this.connected = false;
-                    if (err) this.emit("ERROR", {
-                        err
+                    if (neverConnected) this.failConnection({
+                        url2Connect,
+                        explanation: `The connection to ${url2Connect} was refused or could not be reached. Please check your internet connection and try again. If the problem persists, contact us.`
                     });
                     else if (this.userMediaLoaded) this.initSocket();
                 });
                 this.stream.on("connect", ()=>{
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted`);
+                    this.clearConnectionTimeout();
                     const isClosing = this.stream?.socket.readyState === WebSocket.CLOSING;
                     if (!this.connected && !isClosing && !this.unloaded) {
                         this.connected = true;
@@ -7129,6 +7165,8 @@ class Recorder extends util_Despot {
         this.options.logger.debug(`Recorder: unload()${prettyCause}`);
         this.reset();
         this.clearUserMediaTimeout();
+        this.clearConnectionTimeout();
+        this.connecting = false;
         if (this.userMedia) this.userMedia.unloadRemainingEventListeners();
         if (this.submitting) ;
         else if (this.stream) {
@@ -7531,7 +7569,7 @@ class Recorder extends util_Despot {
         return this.userMediaLoaded;
     }
     constructor(visuals, replay, options){
-        super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
+        super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "connectionFailed", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
         this.visuals = visuals;
         this.replay = replay;
         this.facingMode = options.video.facingMode;

package/dist/esm/options.d.ts

@@ -1,3 +1,3 @@
-import { VideomailClientOptions } from "./types/options";
+import { VideomailClientOptions } from "./types/options.js";
 declare const options: VideomailClientOptions;
 export default options;

package/dist/esm/resource.d.ts

@@ -1,9 +1,9 @@
 import Response from "superagent/lib/node/response";
-import { VideomailClientOptions } from "./types/options";
-import { VideomailThread } from "./types/thread";
-import { PartialVideomail, Videomail } from "./types/Videomail";
-import VideomailError from "./util/error/VideomailError";
-import { FormInputs } from "./wrappers/form";
+import { VideomailClientOptions } from "./types/options.js";
+import { VideomailThread } from "./types/thread.js";
+import { PartialVideomail, Videomail } from "./types/Videomail.js";
+import VideomailError from "./util/error/VideomailError.js";
+import { FormInputs } from "./wrappers/form.js";
 declare class Resource {
     private readonly options;
     private readonly timezoneId;

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

@@ -1,4 +1,4 @@
-import { EmailAddress } from "./EmailAddress";
+import { EmailAddress } from "./EmailAddress.js";
 interface DeliveryReport {
     userKey: string | false;
 }

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

@@ -1,11 +1,11 @@
 import { PartialDeep } from "type-fest";
-import { BrowserStats } from "./BrowserStats";
-import { DeliveryRecord } from "./Delivery";
-import { EmailAddress, EmailAddresses } from "./EmailAddress";
-import { ReactionsByUserKey, ReactionsPrettyByUserKey } from "./reaction";
-import { RecordingStats } from "./RecordingStats";
-import { UserKey } from "./user";
-import VideoFormat from "./VideoFormat";
+import { BrowserStats } from "./BrowserStats.js";
+import { DeliveryRecord } from "./Delivery.js";
+import { EmailAddress, EmailAddresses } from "./EmailAddress.js";
+import { ReactionsByUserKey, ReactionsPrettyByUserKey } from "./reaction.js";
+import { RecordingStats } from "./RecordingStats.js";
+import { UserKey } from "./user.js";
+import VideoFormat from "./VideoFormat.js";
 export interface Videomail {
     url: string;
     subject?: string;

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

@@ -1,6 +1,6 @@
 import { ErrorObject } from "serialize-error";
 import type { IBrowser, ICPU, IDevice, IEngine, IOS } from "ua-parser-js";
-import { CapacitorDeviceMetadata } from "./device";
+import { CapacitorDeviceMetadata } from "./device.js";
 export interface VideomailErrorData {
     cause?: any;
     promise?: any;
@@ -42,8 +42,8 @@ export interface FullVideomailErrorData extends VideomailErrorData {
     userAgent?: string | null | undefined;
     isBot?: boolean | undefined;
     capacitorDevice: CapacitorDeviceMetadata;
-    supportedConstraints: MediaTrackSupportedConstraints;
-    enumerateDevices: MediaDeviceInfo[];
+    supportedConstraints?: MediaTrackSupportedConstraints | undefined;
+    enumerateDevices?: MediaDeviceInfo[] | undefined;
     usedConstraints?: MediaStreamConstraints | undefined;
 }
 export {};

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

@@ -1,5 +1,5 @@
-import { FormReadyParams } from "../../wrappers/container";
-import { VideomailErrorParams, VideomailInvalidParams, VideomailPreviewParams, VideomailProgressParams, VideomailRecordingParams, VideomailStoppedParams, VideomailStoppingParams, VideomailSubmittedParams, VideomailUserMediaReadyParams, VideomailValidatingParams } from "./params";
+import { FormReadyParams } from "../../wrappers/container.js";
+import { VideomailErrorParams, VideomailInvalidParams, VideomailPreviewParams, VideomailProgressParams, VideomailRecordingParams, VideomailStoppedParams, VideomailStoppingParams, VideomailSubmittedParams, VideomailUserMediaReadyParams, VideomailValidatingParams } from "./params.js";
 export interface VideomailEvents {
     ASKING_WEBCAM_PERMISSION: () => void;
     BEGIN_AUDIO_ENCODING: () => void;

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

@@ -1,7 +1,7 @@
 import Response from "superagent/lib/node/response";
-import VideomailError from "../../util/error/VideomailError";
-import { RecordingStats } from "../RecordingStats";
-import { Videomail } from "../Videomail";
+import VideomailError from "../../util/error/VideomailError.js";
+import { RecordingStats } from "../RecordingStats.js";
+import { Videomail } from "../Videomail.js";
 export interface VideomailUserMediaReadyParams {
     switchingFacingMode?: ConstrainDOMString | undefined;
     recordWhenReady?: boolean | undefined;

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

@@ -1,5 +1,5 @@
 import { PartialDeep } from "type-fest";
-import { PartialVideomail, Videomail } from "./Videomail";
+import { PartialVideomail, Videomail } from "./Videomail.js";
 export interface VideomailClientOptions {
     logger: {
         debug: (message: unknown) => void;

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

@@ -1,2 +1,2 @@
-import { Videomail } from "./Videomail";
+import { Videomail } from "./Videomail.js";
 export type VideomailThread = Videomail[];

package/dist/esm/util/Browser.d.ts

@@ -1,5 +1,5 @@
-import { BrowserStats } from "../types/BrowserStats";
-import { VideomailClientOptions } from "../types/options";
+import { BrowserStats } from "../types/BrowserStats.js";
+import { VideomailClientOptions } from "../types/options.js";
 declare class Browser {
     private readonly options;
     private readonly result;
@@ -16,7 +16,7 @@ declare class Browser {
     isMobile(): boolean;
     isOkSafari(): boolean;
     getVideoType(video: HTMLVideoElement): "mp4" | "webm";
-    getNoAccessIssue(): import("./error/VideomailError").default;
+    getNoAccessIssue(): import("./error/VideomailError.js").default;
     getUsefulData(): BrowserStats;
 }
 export default Browser;

package/dist/esm/util/CollectLogger.d.ts

@@ -1,4 +1,4 @@
-import { VideomailClientOptions } from "../types/options";
+import { VideomailClientOptions } from "../types/options.js";
 declare class CollectLogger {
     private readonly browser;
     private readonly logger;

package/dist/esm/util/Despot.d.ts

@@ -1,5 +1,5 @@
-import { VideomailEvents } from "../types/events";
-import { VideomailClientOptions } from "../types/options";
+import { VideomailEvents } from "../types/events/index.js";
+import { VideomailClientOptions } from "../types/options.js";
 declare class Despot {
     private readonly name;
     protected options: VideomailClientOptions;
@@ -20,37 +20,37 @@ declare class Despot {
         DISABLING_AUDIO: (() => void)[];
         DISCONNECTED: (() => void)[];
         ENABLING_AUDIO: (() => void)[];
-        ERROR: ((params: import("..").VideomailErrorParams) => void)[];
+        ERROR: ((params: import("../index.js").VideomailErrorParams) => void)[];
         EVENT_EMITTED: (() => void)[];
         FIRST_FRAME_SENT: (() => void)[];
-        FORM_READY: ((params: import("../wrappers/container").FormReadyParams) => void)[];
+        FORM_READY: ((params: import("../wrappers/container.js").FormReadyParams) => void)[];
         GOING_BACK: (() => void)[];
         HIDE: (() => void)[];
-        INVALID: ((params: import("..").VideomailInvalidParams) => void)[];
+        INVALID: ((params: import("../index.js").VideomailInvalidParams) => void)[];
         INVISIBLE: (() => void)[];
         LOADED_META_DATA: (() => void)[];
         LOADING_USER_MEDIA: (() => void)[];
         NOTIFYING: (() => void)[];
         PAUSED: (() => void)[];
-        PREVIEW: ((params?: import("..").VideomailPreviewParams) => void)[];
+        PREVIEW: ((params?: import("../index.js").VideomailPreviewParams) => void)[];
         PREVIEW_SHOWN: (() => void)[];
-        PROGRESS: ((params: import("..").VideomailProgressParams) => void)[];
-        RECORDING: ((params: import("..").VideomailRecordingParams) => void)[];
+        PROGRESS: ((params: import("../index.js").VideomailProgressParams) => void)[];
+        RECORDING: ((params: import("../index.js").VideomailRecordingParams) => void)[];
         REPLAY_SHOWN: (() => void)[];
         RESETTING: (() => void)[];
         RESUMING: (() => void)[];
         SENDING_FIRST_FRAME: (() => void)[];
         SERVER_READY: (() => void)[];
         STARTING_OVER: (() => void)[];
-        STOPPED: ((params: import("..").VideomailStoppedParams) => void)[];
-        STOPPING: ((params: import("..").VideomailStoppingParams) => void)[];
-        SUBMITTED: ((params: import("..").VideomailSubmittedParams) => void)[];
+        STOPPED: ((params: import("../index.js").VideomailStoppedParams) => void)[];
+        STOPPING: ((params: import("../index.js").VideomailStoppingParams) => void)[];
+        SUBMITTED: ((params: import("../index.js").VideomailSubmittedParams) => void)[];
         SUBMITTING: (() => void)[];
         SWITCH_FACING_MODE: (() => void)[];
         UNLOADING: (() => void)[];
-        USER_MEDIA_READY: ((params: import("..").VideomailUserMediaReadyParams) => void)[];
+        USER_MEDIA_READY: ((params: import("../index.js").VideomailUserMediaReadyParams) => void)[];
         VALID: (() => void)[];
-        VALIDATING: ((params?: import("..").VideomailValidatingParams) => void)[];
+        VALIDATING: ((params?: import("../index.js").VideomailValidatingParams) => void)[];
         VISIBLE: (() => void)[];
         WINDOW_RESIZE: ((source: string) => void)[];
     }>[E];

package/dist/esm/util/error/VideomailError.d.ts

@@ -1,6 +1,6 @@
 import { IBrowser, ICPU, IDevice, IEngine, IOS } from "ua-parser-js";
-import { VideomailClientOptions } from "../../types/options";
-import HTTPVideomailError from "./HTTPVideomailError";
+import { VideomailClientOptions } from "../../types/options.js";
+import HTTPVideomailError from "./HTTPVideomailError.js";
 export interface ErrData extends ErrorOptions {
     explanation: string | undefined;
     logLines?: string[] | undefined;

package/dist/esm/util/error/createError.d.ts

@@ -1,6 +1,6 @@
-import { VideomailClientOptions } from "../../types/options";
-import HTTPVideomailError from "./HTTPVideomailError";
-import VideomailError from "./VideomailError";
+import { VideomailClientOptions } from "../../types/options.js";
+import HTTPVideomailError from "./HTTPVideomailError.js";
+import VideomailError from "./VideomailError.js";
 interface ErrorParams {
     err?: HTTPVideomailError;
     exc?: unknown;

package/dist/esm/util/getBrowser.d.ts

@@ -1,4 +1,4 @@
-import { VideomailClientOptions } from "../types/options";
-import Browser from "./Browser";
+import { VideomailClientOptions } from "../types/options.js";
+import Browser from "./Browser.js";
 declare function getBrowser(localOptions: VideomailClientOptions): Browser;
 export default getBrowser;

package/dist/esm/util/getCapacitorDeviceMetadata.d.ts

@@ -1,3 +1,3 @@
-import { CapacitorDeviceMetadata } from "../types/device";
+import { CapacitorDeviceMetadata } from "../types/device.js";
 declare function getCapacitorDeviceMetadata(): Promise<CapacitorDeviceMetadata>;
 export default getCapacitorDeviceMetadata;

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

@@ -1,4 +1,4 @@
-import { Dimension } from "../../../types/dimension";
-import { VideomailClientOptions } from "../../../types/options";
+import { Dimension } from "../../../types/dimension.js";
+import { VideomailClientOptions } from "../../../types/options.js";
 declare function calculateHeight(responsive: boolean, videoWidth: number | undefined, options: VideomailClientOptions, ratio?: number, element?: HTMLElement | null): Dimension;
 export default calculateHeight;

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

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

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

@@ -1,3 +1,3 @@
-import { VideomailClientOptions } from "../../../types/options";
+import { VideomailClientOptions } from "../../../types/options.js";
 declare function figureMinHeight(height: number | undefined, options: VideomailClientOptions): number | undefined;
 export default figureMinHeight;

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

@@ -1,3 +1,3 @@
-import { VideomailClientOptions } from "../../../types/options";
+import { VideomailClientOptions } from "../../../types/options.js";
 declare function getRatio(options: VideomailClientOptions, videoHeight?: number, videoWidth?: number): number;
 export default getRatio;

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

@@ -1,4 +1,4 @@
-import { Dimension } from "../../../types/dimension";
-import { VideomailClientOptions } from "../../../types/options";
+import { Dimension } from "../../../types/dimension.js";
+import { VideomailClientOptions } from "../../../types/options.js";
 declare function limitHeight(height: number | undefined, options: VideomailClientOptions, calledFrom: string): Dimension;
 export default limitHeight;

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

@@ -1,4 +1,4 @@
-import { Dimension } from "../../../types/dimension";
-import { VideomailClientOptions } from "../../../types/options";
+import { Dimension } from "../../../types/dimension.js";
+import { VideomailClientOptions } from "../../../types/options.js";
 declare function limitWidth(element: HTMLElement, options: VideomailClientOptions, width?: number): Dimension;
 export default limitWidth;

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

@@ -1,3 +1,3 @@
-import { Dimension } from "../../../types/dimension";
+import { Dimension } from "../../../types/dimension.js";
 declare function useFullWidth(mobileBreakPoint?: number): Dimension | undefined;
 export default useFullWidth;

package/dist/esm/util/html/media/AudioRecorder.d.ts

@@ -1,6 +1,6 @@
 import AudioSample from "audio-sample";
-import { VideomailClientOptions } from "../../../types/options";
-import UserMedia from "../../../wrappers/visuals/userMedia";
+import { VideomailClientOptions } from "../../../types/options.js";
+import UserMedia from "../../../wrappers/visuals/userMedia.js";
 export type AudioProcessCB = (audioSample: AudioSample) => void;
 declare class AudioRecorder {
     private scriptProcessor?;

package/dist/esm/util/html/media/canPlayType.d.ts

@@ -1,3 +1,3 @@
-import { VideoTypeType } from "./../../../types/VideoType";
+import { VideoTypeType } from "./../../../types/VideoType.js";
 declare function canPlayType(video: HTMLVideoElement, type: VideoTypeType): false | "maybe" | "probably";
 export default canPlayType;

package/dist/esm/util/options/audio.d.ts

@@ -1,4 +1,4 @@
-import { VideomailClientOptions } from "../../types/options";
+import { VideomailClientOptions } from "../../types/options.js";
 declare function isAudioEnabled(options: VideomailClientOptions): boolean;
 declare function setAudioEnabled(enabled: boolean, options: VideomailClientOptions): VideomailClientOptions;
 declare function isAutoPauseEnabled(options: VideomailClientOptions): boolean;

package/dist/esm/util/options/mergeWithDefaultOptions.d.ts

@@ -1,3 +1,3 @@
-import { PartialVideomailClientOptions, VideomailClientOptions } from "../../types/options";
+import { PartialVideomailClientOptions, VideomailClientOptions } from "../../types/options.js";
 declare function mergeWithDefaultOptions(options?: PartialVideomailClientOptions): VideomailClientOptions;
 export default mergeWithDefaultOptions;

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

@@ -1,6 +1,6 @@
-import { VideomailClientOptions } from "../types/options";
-import Despot from "../util/Despot";
-import Container from "./container";
+import { VideomailClientOptions } from "../types/options.js";
+import Despot from "../util/Despot.js";
+import Container from "./container.js";
 declare class Buttons extends Despot {
     private readonly container;
     private buttonsElement?;

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

@@ -1,9 +1,9 @@
 import "./../styles/main.styl";
-import { ShowParams, StartOverParams } from "../client";
-import { VideomailClientOptions } from "../types/options";
-import { Videomail } from "../types/Videomail";
-import Despot from "../util/Despot";
-import { FormInputs, FormMethodType } from "./form";
+import { ShowParams, StartOverParams } from "../client.js";
+import { VideomailClientOptions } from "../types/options.js";
+import { Videomail } from "../types/Videomail.js";
+import Despot from "../util/Despot.js";
+import { FormInputs, FormMethodType } from "./form.js";
 interface BuildOptions {
     playerOnly?: boolean;
     replayParentElementId?: string | undefined;
@@ -41,8 +41,8 @@ declare class Container extends Despot {
     private unloadChildren;
     private hideMySelf;
     private submitVideomail;
-    limitWidth(width?: number): import("../types/dimension").Dimension | undefined;
-    limitHeight(height: number | undefined): import("../types/dimension").Dimension;
+    limitWidth(width?: number): import("../types/dimension.js").Dimension | undefined;
+    limitHeight(height: number | undefined): import("../types/dimension.js").Dimension;
     private areVisualsHidden;
     hasElement(): boolean;
     getSubmitButton(): HTMLButtonElement | undefined;
@@ -70,7 +70,7 @@ declare class Container extends Despot {
     isBuilt(): boolean;
     isReplayShown(): boolean;
     isDirty(): boolean;
-    getReplay(): import("./visuals/replay").default;
+    getReplay(): import("./visuals/replay.js").default;
     isOutsideElementOf(element: HTMLElement): boolean;
     loadForm(videomail: Videomail): void;
     enableAudio(): void;

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

@@ -1,7 +1,7 @@
-import { VideomailClientOptions } from "../types/options";
-import { Videomail } from "../types/Videomail";
-import Despot from "../util/Despot";
-import Container from "./container";
+import { VideomailClientOptions } from "../types/options.js";
+import { Videomail } from "../types/Videomail.js";
+import Despot from "../util/Despot.js";
+import Container from "./container.js";
 export type FormInputs = Record<string, string>;
 export declare const FormMethod: {
     readonly POST: "post";
@@ -20,11 +20,11 @@ declare class Form extends Despot {
         url?: string;
         subject?: string;
         body?: string;
-        from?: import("..").EmailAddress;
+        from?: import("../index.js").EmailAddress;
         fromNickName?: string | null;
-        to?: import("..").EmailAddresses | undefined;
-        bcc?: import("..").EmailAddresses | undefined;
-        cc?: import("..").EmailAddresses | undefined;
+        to?: import("../index.js").EmailAddresses | undefined;
+        bcc?: import("../index.js").EmailAddresses | undefined;
+        cc?: import("../index.js").EmailAddresses | undefined;
         alias?: string;
         replyAllUrl?: string;
         replyUrl?: string;
@@ -206,11 +206,11 @@ declare class Form extends Despot {
         url?: string;
         subject?: string;
         body?: string;
-        from?: import("..").EmailAddress;
+        from?: import("../index.js").EmailAddress;
         fromNickName?: string | null;
-        to?: import("..").EmailAddresses | undefined;
-        bcc?: import("..").EmailAddresses | undefined;
-        cc?: import("..").EmailAddresses | undefined;
+        to?: import("../index.js").EmailAddresses | undefined;
+        bcc?: import("../index.js").EmailAddresses | undefined;
+        cc?: import("../index.js").EmailAddresses | undefined;
         alias?: string;
         replyAllUrl?: string;
         replyUrl?: string;

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

@@ -1,5 +1,5 @@
-import { VideomailClientOptions } from "../../../../types/options";
-import Visuals from "../../../visuals";
+import { VideomailClientOptions } from "../../../../types/options.js";
+import Visuals from "../../../visuals.js";
 declare class Countdown {
     private readonly visuals;
     private readonly options;

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

@@ -1,6 +1,6 @@
-import { VideomailClientOptions } from "../../../../types/options";
-import Despot from "../../../../util/Despot";
-import Visuals from "../../../visuals";
+import { VideomailClientOptions } from "../../../../types/options.js";
+import Despot from "../../../../util/Despot.js";
+import Visuals from "../../../visuals.js";
 declare class FacingMode extends Despot {
     private readonly visuals;
     private facingModeElement?;

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

@@ -1,5 +1,5 @@
-import { VideomailClientOptions } from "../../../../types/options";
-import Visuals from "../../../visuals";
+import { VideomailClientOptions } from "../../../../types/options.js";
+import Visuals from "../../../visuals.js";
 declare class PausedNote {
     private readonly visuals;
     private readonly options;

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

@@ -1,4 +1,4 @@
-import Visuals from "../../../visuals";
+import Visuals from "../../../visuals.js";
 declare class RecordNote {
     private readonly visuals;
     private recordNoteElement;

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

@@ -1,6 +1,6 @@
-import { VideomailClientOptions } from "../../../../types/options";
-import Visuals from "../../../visuals";
-import RecordNote from "./recordNote";
+import { VideomailClientOptions } from "../../../../types/options.js";
+import Visuals from "../../../visuals.js";
+import RecordNote from "./recordNote.js";
 declare class RecordTimer {
     private readonly visuals;
     private readonly recordNote;

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

@@ -1,6 +1,6 @@
-import { VideomailClientOptions } from "../../../types/options";
-import Despot from "../../../util/Despot";
-import Visuals from "../../visuals";
+import { VideomailClientOptions } from "../../../types/options.js";
+import Despot from "../../../util/Despot.js";
+import Visuals from "../../visuals.js";
 declare class RecorderInsides extends Despot {
     private readonly recordNote;
     private readonly recordTimer;

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

@@ -1,7 +1,7 @@
-import { VideomailClientOptions } from "../../types/options";
-import Despot from "../../util/Despot";
-import VideomailError from "../../util/error/VideomailError";
-import Visuals from "../visuals";
+import { VideomailClientOptions } from "../../types/options.js";
+import Despot from "../../util/Despot.js";
+import VideomailError from "../../util/error/VideomailError.js";
+import Visuals from "../visuals.js";
 interface MessageOptions {
     problem?: boolean;
 }

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

@@ -1,10 +1,10 @@
-import { Dimension } from "../../types/dimension";
-import { VideomailClientOptions } from "../../types/options";
-import { RecordingStats } from "../../types/RecordingStats";
-import Despot from "../../util/Despot";
-import { UnloadParams } from "../container";
-import Visuals from "../visuals";
-import Replay from "./replay";
+import { Dimension } from "../../types/dimension.js";
+import { VideomailClientOptions } from "../../types/options.js";
+import { RecordingStats } from "../../types/RecordingStats.js";
+import Despot from "../../util/Despot.js";
+import { UnloadParams } from "../container.js";
+import Visuals from "../visuals.js";
+import Replay from "./replay.js";
 export interface StopParams {
     limitReached?: boolean;
 }
@@ -25,6 +25,7 @@ declare class Recorder extends Despot {
     private userMedia?;
     private userMediaTimeout?;
     private retryTimeout?;
+    private connectionTimeout?;
     private frameProgress?;
     private sampleProgress?;
     private canvas?;
@@ -37,6 +38,7 @@ declare class Recorder extends Despot {
     private stream?;
     private connecting;
     private connected;
+    private connectionFailed;
     private blocking;
     private built;
     private key?;
@@ -53,6 +55,8 @@ declare class Recorder extends Despot {
     show(): void;
     private onUserMediaReady;
     private clearRetryTimeout;
+    private clearConnectionTimeout;
+    private failConnection;
     private calculateFrameProgress;
     private calculateSampleProgress;
     private updateOverallProgress;

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

@@ -1,8 +1,8 @@
-import { VideomailClientOptions } from "../../types/options";
-import { Videomail } from "../../types/Videomail";
-import Despot from "../../util/Despot";
-import { UnloadParams } from "../container";
-import Visuals from "../visuals";
+import { VideomailClientOptions } from "../../types/options.js";
+import { Videomail } from "../../types/Videomail.js";
+import Despot from "../../util/Despot.js";
+import { UnloadParams } from "../container.js";
+import Visuals from "../visuals.js";
 declare class Replay extends Despot {
     private readonly visuals;
     private built;

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

@@ -1,8 +1,8 @@
-import { Dimension } from "../../types/dimension";
-import { VideomailClientOptions } from "../../types/options";
-import Despot from "../../util/Despot";
-import { AudioProcessCB } from "../../util/html/media/AudioRecorder";
-import Recorder from "./recorder";
+import { Dimension } from "../../types/dimension.js";
+import { VideomailClientOptions } from "../../types/options.js";
+import Despot from "../../util/Despot.js";
+import { AudioProcessCB } from "../../util/html/media/AudioRecorder.js";
+import Recorder from "./recorder.js";
 interface StopParams {
     aboutToInitialize: boolean;
     switchingFacingMode: any;

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

@@ -1,11 +1,11 @@
-import { ShowParams } from "../client";
-import { Dimension } from "../types/dimension";
-import { VideomailClientOptions } from "../types/options";
-import Despot from "../util/Despot";
-import VideomailError from "../util/error/VideomailError";
-import Container, { UnloadParams } from "./container";
-import Recorder, { StopParams } from "./visuals/recorder";
-import Replay from "./visuals/replay";
+import { ShowParams } from "../client.js";
+import { Dimension } from "../types/dimension.js";
+import { VideomailClientOptions } from "../types/options.js";
+import Despot from "../util/Despot.js";
+import VideomailError from "../util/error/VideomailError.js";
+import Container, { UnloadParams } from "./container.js";
+import Recorder, { StopParams } from "./visuals/recorder.js";
+import Replay from "./visuals/replay.js";
 declare class Visuals extends Despot {
     private readonly container;
     private readonly replay;
@@ -42,7 +42,7 @@ declare class Visuals extends Despot {
     recordOrStop(): void;
     getRecorder(): Recorder;
     validate(): boolean;
-    getRecordingStats(): import("..").RecordingStats | undefined;
+    getRecordingStats(): import("../index.js").RecordingStats | undefined;
     getAudioSampleRate(): number | undefined;
     isPaused(): boolean | undefined;
     error(err: VideomailError): void;

package/dist/umd/index.js

@@ -738,7 +738,7 @@
                 function makeThrottle(fps) {
                     var delay = 1000 / fps;
                     var lastTime = Date.now();
-                    if (fps <= 0 || fps === 1 / 0) return returnTrue;
+                    if (fps <= 0 || 1 / 0 === fps) return returnTrue;
                     var half = Math.ceil(1000 / 60) / 2;
                     return function() {
                         var now = Date.now();
@@ -5587,7 +5587,7 @@
                     for(; nBits > 0; m = 256 * m + buffer[offset + i], i += d, nBits -= 8);
                     if (0 === e) e = 1 - eBias;
                     else {
-                        if (e === eMax) return m ? NaN : 1 / 0 * (s ? -1 : 1);
+                        if (e === eMax) return m ? 0 / 0 : (s ? -1 : 1) * 2e308;
                         m += Math.pow(2, mLen);
                         e -= eBias;
                     }
@@ -5603,7 +5603,7 @@
                     var d = isLE ? 1 : -1;
                     var s = value < 0 || 0 === value && 1 / value < 0 ? 1 : 0;
                     value = Math.abs(value);
-                    if (isNaN(value) || value === 1 / 0) {
+                    if (isNaN(value) || 1 / 0 === value) {
                         m = isNaN(value) ? 1 : 0;
                         e = eMax;
                     } else {
@@ -5912,7 +5912,7 @@
                     return O.__proto__;
                 } : null);
                 function addNumericSeparator(num, str) {
-                    if (num === 1 / 0 || num === -1 / 0 || num !== num || num && num > -1000 && num < 1000 || $test.call(/e/, str)) return str;
+                    if (1 / 0 === num || -1 / 0 === num || num !== num || num && num > -1000 && num < 1000 || $test.call(/e/, str)) return str;
                     var sepRegex = /[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;
                     if ('number' == typeof num) {
                         var int = num < 0 ? -$floor(-num) : $floor(num);
@@ -5940,7 +5940,7 @@
                 module1.exports = function inspect_(obj, options, depth, seen) {
                     var opts = options || {};
                     if (has(opts, 'quoteStyle') && !has(quotes, opts.quoteStyle)) throw new TypeError('option "quoteStyle" must be "single" or "double"');
-                    if (has(opts, 'maxStringLength') && ('number' == typeof opts.maxStringLength ? opts.maxStringLength < 0 && opts.maxStringLength !== 1 / 0 : null !== opts.maxStringLength)) throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');
+                    if (has(opts, 'maxStringLength') && ('number' == typeof opts.maxStringLength ? opts.maxStringLength < 0 && 1 / 0 !== opts.maxStringLength : null !== opts.maxStringLength)) throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');
                     var customInspect = has(opts, 'customInspect') ? opts.customInspect : true;
                     if ('boolean' != typeof customInspect && 'symbol' !== customInspect) throw new TypeError('option "customInspect", if provided, must be `true`, `false`, or `\'symbol\'`');
                     if (has(opts, 'indent') && null !== opts.indent && '\t' !== opts.indent && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0)) throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');
@@ -6607,7 +6607,7 @@
                     };
                     var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\?/, '') : str;
                     cleanStr = cleanStr.replace(/%5B/gi, '[').replace(/%5D/gi, ']');
-                    var limit = options.parameterLimit === 1 / 0 ? void 0 : options.parameterLimit;
+                    var limit = 1 / 0 === options.parameterLimit ? void 0 : options.parameterLimit;
                     var parts = cleanStr.split(options.delimiter, options.throwOnLimitExceeded && void 0 !== limit ? limit + 1 : limit);
                     if (options.throwOnLimitExceeded && void 0 !== limit && parts.length > limit) throw new RangeError('Parameter limit exceeded. Only ' + limit + ' parameter' + (1 === limit ? '' : 's') + ' allowed.');
                     var skipIndex = -1;
@@ -11495,7 +11495,7 @@
             var client = __webpack_require__(5734);
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "15.3.2"
+                rE: "15.4.0"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -17789,6 +17789,7 @@
                 userMedia;
                 userMediaTimeout;
                 retryTimeout;
+                connectionTimeout;
                 frameProgress;
                 sampleProgress;
                 canvas;
@@ -17801,6 +17802,7 @@
                 stream;
                 connecting = false;
                 connected = false;
+                connectionFailed = false;
                 blocking = false;
                 built = false;
                 key;
@@ -17901,6 +17903,30 @@
                     window.clearTimeout(this.retryTimeout);
                     this.retryTimeout = void 0;
                 }
+                clearConnectionTimeout() {
+                    if (!this.connectionTimeout) return;
+                    this.options.logger.debug("Recorder: clearConnectionTimeout()");
+                    window.clearTimeout(this.connectionTimeout);
+                    this.connectionTimeout = void 0;
+                }
+                failConnection(params) {
+                    if (this.connectionFailed || this.connected || this.unloaded) return;
+                    this.connectionFailed = true;
+                    this.connecting = false;
+                    this.clearConnectionTimeout();
+                    if (this.stream) {
+                        this.stream.destroy();
+                        this.stream = void 0;
+                    }
+                    const err = error_createError({
+                        message: "Unable to connect to the server",
+                        explanation: params.explanation,
+                        options: this.options
+                    });
+                    this.emit("ERROR", {
+                        err
+                    });
+                }
                 calculateFrameProgress() {
                     return `${(this.confirmedFrameNumber / (this.framesCount || 1) * 100).toFixed(2)}%`;
                 }
@@ -17972,6 +17998,7 @@
                 initSocket(cb) {
                     if (!this.connected) {
                         this.connecting = true;
+                        this.connectionFailed = false;
                         this.emit("CONNECTING");
                         let url2Connect;
                         try {
@@ -18026,16 +18053,27 @@
                             });
                         }
                         if (this.stream) {
-                            this.stream.on("close", (err)=>{
+                            const connectionTimeoutMs = this.options.timeouts.connection;
+                            this.connectionTimeout = window.setTimeout(()=>{
+                                this.failConnection({
+                                    url2Connect,
+                                    explanation: `The server at ${url2Connect} did not respond within ${connectionTimeoutMs}ms. Please check your internet connection and try again. If the problem persists, contact us.`
+                                });
+                            }, connectionTimeoutMs);
+                            this.stream.on("close", ()=>{
                                 this.options.logger.debug(`${PIPE_SYMBOL}Stream has closed`);
+                                const neverConnected = this.connecting && !this.connected;
+                                this.clearConnectionTimeout();
                                 this.connecting = this.connected = false;
-                                if (err) this.emit("ERROR", {
-                                    err
+                                if (neverConnected) this.failConnection({
+                                    url2Connect,
+                                    explanation: `The connection to ${url2Connect} was refused or could not be reached. Please check your internet connection and try again. If the problem persists, contact us.`
                                 });
                                 else if (this.userMediaLoaded) this.initSocket();
                             });
                             this.stream.on("connect", ()=>{
                                 this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted`);
+                                this.clearConnectionTimeout();
                                 const isClosing = this.stream?.socket.readyState === WebSocket.CLOSING;
                                 if (!this.connected && !isClosing && !this.unloaded) {
                                     this.connected = true;
@@ -18394,6 +18432,8 @@
                     this.options.logger.debug(`Recorder: unload()${prettyCause}`);
                     this.reset();
                     this.clearUserMediaTimeout();
+                    this.clearConnectionTimeout();
+                    this.connecting = false;
                     if (this.userMedia) this.userMedia.unloadRemainingEventListeners();
                     if (this.submitting) ;
                     else if (this.stream) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "15.3.2",
+  "version": "15.4.0",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -76,50 +76,50 @@
     "websocket-stream": "5.5.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "5.3.0",
+    "@chromatic-com/storybook": "5.3.1",
     "@eslint/config-inspector": "3.4.0",
     "@eslint/js": "10.0.1",
     "@rsbuild/plugin-node-polyfill": "1.4.6",
     "@rsbuild/plugin-stylus": "2.0.1",
     "@rsdoctor/rspack-plugin": "1.6.3",
-    "@rslib/core": "0.23.2",
-    "@storybook/addon-a11y": "10.5.10",
-    "@storybook/addon-docs": "10.5.10",
-    "@storybook/addon-links": "10.5.10",
-    "@storybook/html": "10.5.10",
+    "@rslib/core": "1.0.0",
+    "@storybook/addon-a11y": "10.6.0",
+    "@storybook/addon-docs": "10.6.0",
+    "@storybook/addon-links": "10.6.0",
+    "@storybook/html": "10.6.0",
     "@tsconfig/node26": "26.0.1",
     "@tsconfig/strictest": "2.0.8",
     "@types/defined": "1.0.2",
-    "@types/node": "26.4.1",
+    "@types/node": "26.5.0",
     "@types/superagent": "8.1.11",
     "@types/ua-parser-js": "0.7.39",
     "@vitest/eslint-plugin": "1.6.27",
     "audit-ci": "7.1.0",
     "chromatic": "18.7.2",
     "cross-env": "10.1.0",
-    "eslint": "10.9.1",
+    "eslint": "10.10.0",
     "eslint-import-resolver-typescript": "4.4.5",
     "eslint-plugin-de-morgan": "2.1.3",
     "eslint-plugin-depend": "1.5.0",
     "eslint-plugin-import-x": "4.17.1",
     "eslint-plugin-package-json": "1.8.0",
-    "eslint-plugin-regexp": "3.2.0",
+    "eslint-plugin-regexp": "3.3.0",
     "eslint-plugin-simple-import-sort": "14.0.0",
     "globals": "17.12.0",
     "jsdom": "30.0.1",
     "msw": "2.15.0",
-    "msw-storybook-addon": "2.0.7",
+    "msw-storybook-addon": "3.0.0",
     "prettier": "3.9.6",
     "prettier-plugin-curly": "0.4.1",
     "prettier-plugin-jsdoc": "1.8.1",
     "prettier-plugin-packagejson": "3.0.2",
     "prettier-plugin-sh": "0.19.0",
     "release-it": "21.0.2",
-    "storybook": "10.5.10",
+    "storybook": "10.6.0",
     "storybook-html-rsbuild": "3.4.2",
     "type-fest": "5.9.0",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.69.0",
+    "typescript-eslint": "8.70.0",
     "vitest": "4.1.11"
   },
   "engines": {