videomail-client 11.4.5 → 11.4.7

package/dist/cjs/index.cjs

@@ -10642,7 +10642,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("./node_modules/superagent/lib/client.js");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "11.4.5"
+        rE: "11.4.7"
     };
     var defined = __webpack_require__("./node_modules/defined/index.js");
     var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -15743,7 +15743,7 @@ var __webpack_exports__ = {};
             if (newCountdown !== this.countdown) {
                 this.countdown = newCountdown;
                 this.update();
-                if (this.countdown < 1) this.visuals.stop(true);
+                if (this.countdown < 1) this.visuals.stop();
             }
         }
         update() {
@@ -18033,7 +18033,8 @@ var __webpack_exports__ = {};
         }
         build() {
             let playerOnly = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false, parentElement = arguments.length > 1 ? arguments[1] : void 0;
-            this.options.logger.debug(`Visuals: build (playerOnly = ${playerOnly}${parentElement ? `, parentElement="${util_pretty(parentElement)}"` : ""})`);
+            const parentElementInfo = parentElement ? `, parentElement="${util_pretty(parentElement)}"` : "";
+            this.options.logger.debug(`Visuals: build (playerOnly = ${playerOnly}${parentElementInfo})`);
             if (parentElement) this.visualsElement = parentElement.querySelector(`.${this.options.selectors.visualsClass}`);
             else this.visualsElement = this.container.querySelector(`.${this.options.selectors.visualsClass}`);
             if (!this.visualsElement) if (playerOnly && parentElement) this.visualsElement = parentElement;
@@ -18131,7 +18132,8 @@ var __webpack_exports__ = {};
             return this.recorder;
         }
         validate() {
-            return this.recorder.validate() && this.isReplayShown();
+            if (this.isReplayShown()) return true;
+            return this.recorder.validate();
         }
         getRecordingStats() {
             return this.recorder.getRecordingStats();
@@ -18551,8 +18553,9 @@ var __webpack_exports__ = {};
                     event
                 });
                 else this.emit("VALIDATING");
-                const visualsValid = this.visuals.validate() && this.buttons.isRecordAgainButtonEnabled();
                 let whyInvalid;
+                const isRecordAgainButtonEnabled = this.buttons.isRecordAgainButtonEnabled();
+                const visualsValid = this.visuals.validate() && isRecordAgainButtonEnabled;
                 let invalidData;
                 if (this.form) {
                     const invalidInput = this.form.getInvalidElement();
@@ -18597,7 +18600,10 @@ var __webpack_exports__ = {};
                         }
                         if (!valid) whyInvalid = "At least one recipient is required";
                     }
-                } else valid = visualsValid;
+                } else {
+                    valid = visualsValid;
+                    whyInvalid = "Because visuals aren't valid";
+                }
                 if (valid) this.emit("VALID");
                 else if (invalidData) this.emit("INVALID", {
                     whyInvalid,
@@ -18687,10 +18693,9 @@ var __webpack_exports__ = {};
             return element.parentNode !== this.containerElement && element !== this.containerElement;
         }
         loadForm(videomail) {
-            if (this.form) {
-                this.form.loadVideomail(videomail);
-                this.validate();
-            }
+            if (!this.form) return;
+            this.form.loadVideomail(videomail);
+            this.validate();
         }
         enableAudio() {
             this.options = setAudioEnabled(true, this.options);
@@ -18784,9 +18789,9 @@ var __webpack_exports__ = {};
                 replayParentElementId
             });
             this.container.buildForm();
-            this.container.loadForm(videomail);
             this.once("REPLAY_SHOWN", ()=>{
                 this.container.showReplayOnly();
+                this.container.loadForm(videomail);
             });
             const replay = this.container.getReplay();
             replay.setVideomail(videomail, true);

package/dist/esm/index.js

@@ -3607,7 +3607,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "11.4.5"
+    rE: "11.4.7"
 };
 const VideoType = {
     WebM: "webm",
@@ -5326,7 +5326,7 @@ class RecordTimer {
         if (newCountdown !== this.countdown) {
             this.countdown = newCountdown;
             this.update();
-            if (this.countdown < 1) this.visuals.stop(true);
+            if (this.countdown < 1) this.visuals.stop();
         }
     }
     update() {
@@ -7449,7 +7449,8 @@ class Visuals extends util_Despot {
         return this.recorderInsides.isCountingDown();
     }
     build(playerOnly = false, parentElement) {
-        this.options.logger.debug(`Visuals: build (playerOnly = ${playerOnly}${parentElement ? `, parentElement="${util_pretty(parentElement)}"` : ""})`);
+        const parentElementInfo = parentElement ? `, parentElement="${util_pretty(parentElement)}"` : "";
+        this.options.logger.debug(`Visuals: build (playerOnly = ${playerOnly}${parentElementInfo})`);
         if (parentElement) this.visualsElement = parentElement.querySelector(`.${this.options.selectors.visualsClass}`);
         else this.visualsElement = this.container.querySelector(`.${this.options.selectors.visualsClass}`);
         if (!this.visualsElement) if (playerOnly && parentElement) this.visualsElement = parentElement;
@@ -7544,7 +7545,8 @@ class Visuals extends util_Despot {
         return this.recorder;
     }
     validate() {
-        return this.recorder.validate() && this.isReplayShown();
+        if (this.isReplayShown()) return true;
+        return this.recorder.validate();
     }
     getRecordingStats() {
         return this.recorder.getRecordingStats();
@@ -7950,8 +7952,9 @@ class Container extends util_Despot {
                 event
             });
             else this.emit("VALIDATING");
-            const visualsValid = this.visuals.validate() && this.buttons.isRecordAgainButtonEnabled();
             let whyInvalid;
+            const isRecordAgainButtonEnabled = this.buttons.isRecordAgainButtonEnabled();
+            const visualsValid = this.visuals.validate() && isRecordAgainButtonEnabled;
             let invalidData;
             if (this.form) {
                 const invalidInput = this.form.getInvalidElement();
@@ -7996,7 +7999,10 @@ class Container extends util_Despot {
                     }
                     if (!valid) whyInvalid = "At least one recipient is required";
                 }
-            } else valid = visualsValid;
+            } else {
+                valid = visualsValid;
+                whyInvalid = "Because visuals aren't valid";
+            }
             if (valid) this.emit("VALID");
             else if (invalidData) this.emit("INVALID", {
                 whyInvalid,
@@ -8084,10 +8090,9 @@ class Container extends util_Despot {
         return element.parentNode !== this.containerElement && element !== this.containerElement;
     }
     loadForm(videomail) {
-        if (this.form) {
-            this.form.loadVideomail(videomail);
-            this.validate();
-        }
+        if (!this.form) return;
+        this.form.loadVideomail(videomail);
+        this.validate();
     }
     enableAudio() {
         this.options = setAudioEnabled(true, this.options);
@@ -8170,9 +8175,9 @@ class VideomailClient extends util_Despot {
             replayParentElementId
         });
         this.container.buildForm();
-        this.container.loadForm(videomail);
         this.once("REPLAY_SHOWN", ()=>{
             this.container.showReplayOnly();
+            this.container.loadForm(videomail);
         });
         const replay = this.container.getReplay();
         replay.setVideomail(videomail, true);

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

@@ -40,7 +40,7 @@ export interface ValidatingParams {
     event?: any;
 }
 export interface InvalidParams {
-    whyInvalid?: string;
+    whyInvalid?: string | undefined;
     invalidData?: Record<string, string>;
 }
 interface VideomailEvents {

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

@@ -4,7 +4,7 @@ import Despot from "../../util/Despot";
 import { UnloadParams } from "../container";
 import Visuals from "../visuals";
 import Replay from "./replay";
-interface StopParams {
+export interface StopParams {
     limitReached?: boolean;
 }
 interface PauseParams {

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

@@ -2,8 +2,8 @@ import { ShowParams } from "../client";
 import { VideomailClientOptions } from "../types/options";
 import Despot from "../util/Despot";
 import VideomailError from "../util/error/VideomailError";
-import { UnloadParams } from "./container";
-import Recorder from "./visuals/recorder";
+import Container, { UnloadParams } from "./container";
+import Recorder, { StopParams } from "./visuals/recorder";
 import Replay from "./visuals/replay";
 declare class Visuals extends Despot {
     private readonly container;
@@ -13,7 +13,7 @@ declare class Visuals extends Despot {
     private readonly notifier;
     private visualsElement?;
     private built;
-    constructor(container: any, options: VideomailClientOptions);
+    constructor(container: Container, options: VideomailClientOptions);
     private buildNoScriptTag;
     private buildChildren;
     private initEvents;
@@ -28,7 +28,7 @@ declare class Visuals extends Despot {
     reset(): void;
     beginWaiting(): void;
     endWaiting(): void;
-    stop(params?: any): void;
+    stop(params?: StopParams): void;
     back(keepHidden?: boolean, cb?: any): void;
     recordAgain(): void;
     unload(params?: UnloadParams): void;

package/dist/umd/index.js

@@ -10648,7 +10648,7 @@
             var client = __webpack_require__("./node_modules/superagent/lib/client.js");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "11.4.5"
+                rE: "11.4.7"
             };
             var defined = __webpack_require__("./node_modules/defined/index.js");
             var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -15618,7 +15618,7 @@
                     if (newCountdown !== this.countdown) {
                         this.countdown = newCountdown;
                         this.update();
-                        if (this.countdown < 1) this.visuals.stop(true);
+                        if (this.countdown < 1) this.visuals.stop();
                     }
                 }
                 update() {
@@ -17817,7 +17817,8 @@
                     return this.recorderInsides.isCountingDown();
                 }
                 build(playerOnly = false, parentElement) {
-                    this.options.logger.debug(`Visuals: build (playerOnly = ${playerOnly}${parentElement ? `, parentElement="${util_pretty(parentElement)}"` : ""})`);
+                    const parentElementInfo = parentElement ? `, parentElement="${util_pretty(parentElement)}"` : "";
+                    this.options.logger.debug(`Visuals: build (playerOnly = ${playerOnly}${parentElementInfo})`);
                     if (parentElement) this.visualsElement = parentElement.querySelector(`.${this.options.selectors.visualsClass}`);
                     else this.visualsElement = this.container.querySelector(`.${this.options.selectors.visualsClass}`);
                     if (!this.visualsElement) if (playerOnly && parentElement) this.visualsElement = parentElement;
@@ -17912,7 +17913,8 @@
                     return this.recorder;
                 }
                 validate() {
-                    return this.recorder.validate() && this.isReplayShown();
+                    if (this.isReplayShown()) return true;
+                    return this.recorder.validate();
                 }
                 getRecordingStats() {
                     return this.recorder.getRecordingStats();
@@ -18318,8 +18320,9 @@
                             event
                         });
                         else this.emit("VALIDATING");
-                        const visualsValid = this.visuals.validate() && this.buttons.isRecordAgainButtonEnabled();
                         let whyInvalid;
+                        const isRecordAgainButtonEnabled = this.buttons.isRecordAgainButtonEnabled();
+                        const visualsValid = this.visuals.validate() && isRecordAgainButtonEnabled;
                         let invalidData;
                         if (this.form) {
                             const invalidInput = this.form.getInvalidElement();
@@ -18364,7 +18367,10 @@
                                 }
                                 if (!valid) whyInvalid = "At least one recipient is required";
                             }
-                        } else valid = visualsValid;
+                        } else {
+                            valid = visualsValid;
+                            whyInvalid = "Because visuals aren't valid";
+                        }
                         if (valid) this.emit("VALID");
                         else if (invalidData) this.emit("INVALID", {
                             whyInvalid,
@@ -18452,10 +18458,9 @@
                     return element.parentNode !== this.containerElement && element !== this.containerElement;
                 }
                 loadForm(videomail) {
-                    if (this.form) {
-                        this.form.loadVideomail(videomail);
-                        this.validate();
-                    }
+                    if (!this.form) return;
+                    this.form.loadVideomail(videomail);
+                    this.validate();
                 }
                 enableAudio() {
                     this.options = setAudioEnabled(true, this.options);
@@ -18538,9 +18543,9 @@
                         replayParentElementId
                     });
                     this.container.buildForm();
-                    this.container.loadForm(videomail);
                     this.once("REPLAY_SHOWN", ()=>{
                         this.container.showReplayOnly();
+                        this.container.loadForm(videomail);
                     });
                     const replay = this.container.getReplay();
                     replay.setVideomail(videomail, true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "11.4.5",
+  "version": "11.4.7",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -79,7 +79,7 @@
     "@eslint/js": "9.36.0",
     "@rsbuild/plugin-node-polyfill": "1.4.2",
     "@rsbuild/plugin-stylus": "1.2.0",
-    "@rsdoctor/rspack-plugin": "1.2.3",
+    "@rsdoctor/rspack-plugin": "1.3.1",
     "@rslib/core": "0.13.2",
     "@storybook/addon-a11y": "9.1.8",
     "@storybook/addon-docs": "9.1.8",
@@ -88,16 +88,16 @@
     "@tsconfig/node22": "22.0.2",
     "@tsconfig/strictest": "2.0.6",
     "@types/defined": "1.0.2",
-    "@types/node": "22.15.30",
+    "@types/node": "22.18.6",
     "@types/superagent": "8.1.9",
     "@types/ua-parser-js": "0.7.39",
     "@vitest/eslint-plugin": "1.3.13",
     "audit-ci": "7.1.0",
-    "chromatic": "13.2.0",
-    "cross-env": "10.0.0",
+    "chromatic": "13.3.0",
+    "cross-env": "10.1.0",
     "eslint": "9.36.0",
     "eslint-import-resolver-typescript": "4.4.4",
-    "eslint-plugin-de-morgan": "1.3.1",
+    "eslint-plugin-de-morgan": "2.0.0",
     "eslint-plugin-depend": "1.3.1",
     "eslint-plugin-import-x": "4.16.1",
     "eslint-plugin-package-json": "0.56.3",
@@ -118,7 +118,7 @@
     "storybook": "9.1.8",
     "storybook-html-rsbuild": "2.1.1",
     "type-fest": "5.0.1",
-    "typescript": "5.9.2",
+    "typescript": "5.9.3",
     "typescript-eslint": "8.41.0",
     "vitest": "3.2.4"
   },