videomail-client 15.3.3 → 15.5.0

package/dist/esm/index.d.ts

@@ -4,7 +4,6 @@ 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";
@@ -17,5 +16,4 @@ 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

@@ -2,7 +2,6 @@ import { deserializeError, serializeError } from "serialize-error";
 import superagent from "superagent";
 import defined from "defined";
 import { UAParser } from "ua-parser-js";
-import { Device } from "@capacitor/device";
 import get_form_data from "get-form-data";
 import { createNanoEvents } from "nanoevents";
 import deepmerge from "deepmerge";
@@ -70,11 +69,11 @@ __webpack_require__.m = __webpack_modules__;
 })();
 __webpack_require__.add({
     2791 (module, __webpack_exports__, __webpack_require__) {
-        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0 = __webpack_require__(5068);
-        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0);
-        var _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1 = __webpack_require__(37);
-        var _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1);
-        var ___CSS_LOADER_EXPORT___ = _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default()(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default());
+        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1 = __webpack_require__(5068);
+        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1);
+        var _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0 = __webpack_require__(37);
+        var _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_0_default()(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_1_default());
         ___CSS_LOADER_EXPORT___.push([
             module.id,
             `@keyframes blink {
@@ -3621,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.3.3"
+    rE: "15.5.0"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -3985,44 +3984,6 @@ function findOriginalExc(exc) {
     return exc;
 }
 const error_findOriginalExc = findOriginalExc;
-async function getCapacitorDeviceMetadata() {
-    const errors = [];
-    let battery;
-    let info;
-    let languageCode;
-    let languageTag;
-    try {
-        info = await Device.getInfo();
-    } catch (exc) {
-        const err = serializeError(exc);
-        let ignore = false;
-        if (err.message?.includes("Device API not available in this browser")) ignore = true;
-        if (!ignore) errors.push(err);
-    }
-    try {
-        battery = await Device.getBatteryInfo();
-    } catch (exc) {
-        errors.push(serializeError(exc));
-    }
-    try {
-        languageCode = await Device.getLanguageCode();
-    } catch (exc) {
-        errors.push(serializeError(exc));
-    }
-    try {
-        languageTag = await Device.getLanguageTag();
-    } catch (exc) {
-        errors.push(serializeError(exc));
-    }
-    const metadata = {};
-    if (battery) metadata.battery = battery;
-    if (errors.length > 0) metadata.errors = errors;
-    if (info) metadata.info = info;
-    if (languageCode) metadata.languageCode = languageCode;
-    if (languageTag) metadata.languageTag = languageTag;
-    return metadata;
-}
-const util_getCapacitorDeviceMetadata = getCapacitorDeviceMetadata;
 function Despot_define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -4447,11 +4408,9 @@ class Resource {
             [constants.WHITELIST_KEY_LABEL]: this.options.whitelistKey
         };
         const url = `${this.options.apiUrl}/client-error/`;
-        const capacitorDevice = await util_getCapacitorDeviceMetadata();
         const supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
         const enumerateDevices = await navigator.mediaDevices.enumerateDevices();
         const fullVideomailErrorData = {
-            capacitorDevice,
             browser: err.browser,
             code: err.code,
             cookie: err.cookie,
@@ -4738,19 +4697,19 @@ function mergeWithDefaultOptions(options = {}) {
     return newOptions;
 }
 const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
-const injectStylesIntoStyleTag = __webpack_require__("4860");
-var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
-const styleDomAPI = __webpack_require__("7045");
-var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
-const insertBySelector = __webpack_require__("3175");
-var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
+const main_0 = __webpack_require__("2791");
+const styleTagTransform = __webpack_require__("2045");
+var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
 const setAttributesWithoutAttributes = __webpack_require__("7956");
 var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__.n(setAttributesWithoutAttributes);
+const insertBySelector = __webpack_require__("3175");
+var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
+const styleDomAPI = __webpack_require__("7045");
+var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
 const insertStyleElement = __webpack_require__("6384");
 var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
-const styleTagTransform = __webpack_require__("2045");
-var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
-const main_0 = __webpack_require__("2791");
+const injectStylesIntoStyleTag = __webpack_require__("4860");
+var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
 var main_options = {};
 main_options.styleTagTransform = styleTagTransform_default();
 main_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -6636,6 +6595,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 +6690,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 +6745,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 +7124,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 +7528,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;
@@ -8721,4 +8718,4 @@ const Reactions = {
         label: "Sad"
     }
 };
-export { Reactions, VideoType, VideomailClient, util_getCapacitorDeviceMetadata as getCapacitorDeviceMetadata };
+export { Reactions, VideoType, VideomailClient };

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

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

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

@@ -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;