videomail-client 11.4.4 → 11.4.6

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.4"
+        rE: "11.4.6"
     };
     var defined = __webpack_require__("./node_modules/defined/index.js");
     var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -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,

package/dist/esm/index.js

@@ -3607,7 +3607,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "11.4.4"
+    rE: "11.4.6"
 };
 const VideoType = {
     WebM: "webm",
@@ -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,

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/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.4"
+                rE: "11.4.6"
             };
             var defined = __webpack_require__("./node_modules/defined/index.js");
             var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "11.4.4",
+  "version": "11.4.6",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -42,6 +42,7 @@
   "scripts": {
     "audit": "npx audit-ci --config audit-ci.json",
     "build:prod": "cross-env NODE_ENV=production rslib build",
+    "build:prod:doc": "cross-env RSDOCTOR=true npm run build:prod",
     "build:storybook": "storybook build",
     "chromatic": "npx chromatic --project-token=chpt_742ead9ab882938",
     "lint": "eslint --color .",
@@ -78,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",
@@ -87,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",
@@ -117,13 +118,13 @@
     "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"
   },
   "engines": {
-    "node": "^22.16.0",
-    "npm": "^10.9.2"
+    "node": "^22.20.0",
+    "npm": "^10.9.3"
   },
   "msw": {
     "workerDirectory": [