videomail-client 10.2.32 → 10.2.34

package/dist/cjs/index.cjs

@@ -14373,7 +14373,7 @@ var __webpack_exports__ = {};
     }
     const wrappers_form = Form;
     var package_namespaceObject = {
-        i8: "10.2.32"
+        i8: "10.2.34"
     };
     function resource_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
@@ -14612,10 +14612,7 @@ var __webpack_exports__ = {};
         makeRadioButtonPair(options) {
             let radioButtonElement;
             let radioButtonGroup;
-            if (options.id) {
-                radioButtonElement = document.querySelector(`#${options.id}`);
-                if (!options.show) html_hideElement(radioButtonElement);
-            }
+            if (options.id) radioButtonElement = document.querySelector(`#${options.id}`);
             if (!radioButtonElement) {
                 radioButtonElement = document.createElement("input");
                 radioButtonElement.id = options.id;
@@ -14630,7 +14627,6 @@ var __webpack_exports__ = {};
                 radioLabel.htmlFor = options.id;
                 radioLabel.textContent = options.label;
                 radioButtonGroup.appendChild(radioLabel);
-                if (!options.show) html_hideElement(radioButtonGroup);
                 if (this.submitButton && contains_default()(this.buttonsElement, this.submitButton)) {
                     var _this_buttonsElement;
                     null == (_this_buttonsElement = this.buttonsElement) || _this_buttonsElement.insertBefore(radioButtonGroup, this.submitButton);
@@ -14688,7 +14684,6 @@ var __webpack_exports__ = {};
                     value: "off",
                     label: this.options.text.audioOff,
                     checked: !isAudioEnabled(this.options),
-                    show: false,
                     changeHandler: ()=>{
                         this.container.disableAudio();
                     }
@@ -14699,7 +14694,6 @@ var __webpack_exports__ = {};
                     value: "on",
                     label: this.options.text.audioOn,
                     checked: isAudioEnabled(this.options),
-                    show: false,
                     changeHandler: ()=>{
                         this.container.enableAudio();
                     }
@@ -14707,8 +14701,6 @@ var __webpack_exports__ = {};
             }
         }
         onFormReady(params) {
-            showElement(this.audioOnRadioPair);
-            showElement(this.audioOffRadioPair);
             if (!html_isShown(this.recordAgainButton)) {
                 if (!(null == params ? void 0 : params.paused)) showElement(this.recordButton);
             }
@@ -14728,6 +14720,9 @@ var __webpack_exports__ = {};
         }
         onUserMediaReady(params) {
             this.onFormReady();
+            showElement(this.buttonsElement);
+            showElement(this.audioOnRadioPair);
+            showElement(this.audioOffRadioPair);
             if (html_isShown(this.recordButton) && !params.recordWhenReady) html_enableElement(this.recordButton);
             else if (html_isShown(this.recordAgainButton) && !params.recordWhenReady) html_enableElement(this.recordAgainButton);
             if (this.options.enableAutoValidation) html_disableElement(this.submitButton);
@@ -14964,6 +14959,7 @@ var __webpack_exports__ = {};
                 this.buttonsElement.classList.add(this.options.selectors.buttonsClass);
                 this.container.appendChild(this.buttonsElement);
             }
+            html_hideElement(this.buttonsElement);
             this.buildButtons();
             if (!this.built) this.initEvents();
             this.built = true;
@@ -16873,7 +16869,7 @@ var __webpack_exports__ = {};
                             let explanation = "(No explanation given)";
                             if (null == (_command_args = command.args) ? void 0 : null == (_command_args_err = _command_args.err) ? void 0 : _command_args_err.message) explanation = command.args.err.message;
                             const err = createError({
-                                message: "Oh no, server error!",
+                                message: "Oh no, websocket server error!",
                                 explanation,
                                 err: deserializeError(null == (_command_args1 = command.args) ? void 0 : _command_args1.err),
                                 options: this.options
@@ -17526,6 +17522,8 @@ var __webpack_exports__ = {};
                         var _this_replayElement1;
                         null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
                     }
+                }, {
+                    passive: true
                 });
                 this.replayElement.addEventListener("click", (e)=>{
                     var _this_replayElement;

package/dist/esm/index.js

@@ -4180,7 +4180,7 @@ class Form extends util_Despot {
 }
 const wrappers_form = Form;
 var package_namespaceObject = {
-    i8: "10.2.32"
+    i8: "10.2.34"
 };
 function findOriginalExc(exc) {
     if (exc instanceof Error && "response" in exc) {
@@ -4409,10 +4409,7 @@ class Buttons extends util_Despot {
     makeRadioButtonPair(options) {
         let radioButtonElement;
         let radioButtonGroup;
-        if (options.id) {
-            radioButtonElement = document.querySelector(`#${options.id}`);
-            if (!options.show) html_hideElement(radioButtonElement);
-        }
+        if (options.id) radioButtonElement = document.querySelector(`#${options.id}`);
         if (!radioButtonElement) {
             radioButtonElement = document.createElement("input");
             radioButtonElement.id = options.id;
@@ -4427,7 +4424,6 @@ class Buttons extends util_Despot {
             radioLabel.htmlFor = options.id;
             radioLabel.textContent = options.label;
             radioButtonGroup.appendChild(radioLabel);
-            if (!options.show) html_hideElement(radioButtonGroup);
             if (this.submitButton && (0, __WEBPACK_EXTERNAL_MODULE_contains__["default"])(this.buttonsElement, this.submitButton)) this.buttonsElement?.insertBefore(radioButtonGroup, this.submitButton);
             else this.buttonsElement?.appendChild(radioButtonGroup);
         }
@@ -4469,7 +4465,6 @@ class Buttons extends util_Despot {
                 value: "off",
                 label: this.options.text.audioOff,
                 checked: !isAudioEnabled(this.options),
-                show: false,
                 changeHandler: ()=>{
                     this.container.disableAudio();
                 }
@@ -4480,7 +4475,6 @@ class Buttons extends util_Despot {
                 value: "on",
                 label: this.options.text.audioOn,
                 checked: isAudioEnabled(this.options),
-                show: false,
                 changeHandler: ()=>{
                     this.container.enableAudio();
                 }
@@ -4488,8 +4482,6 @@ class Buttons extends util_Despot {
         }
     }
     onFormReady(params) {
-        html_showElement(this.audioOnRadioPair);
-        html_showElement(this.audioOffRadioPair);
         if (!html_isShown(this.recordAgainButton)) {
             if (!params?.paused) html_showElement(this.recordButton);
         }
@@ -4509,6 +4501,9 @@ class Buttons extends util_Despot {
     }
     onUserMediaReady(params) {
         this.onFormReady();
+        html_showElement(this.buttonsElement);
+        html_showElement(this.audioOnRadioPair);
+        html_showElement(this.audioOffRadioPair);
         if (html_isShown(this.recordButton) && !params.recordWhenReady) html_enableElement(this.recordButton);
         else if (html_isShown(this.recordAgainButton) && !params.recordWhenReady) html_enableElement(this.recordAgainButton);
         if (this.options.enableAutoValidation) html_disableElement(this.submitButton);
@@ -4742,6 +4737,7 @@ class Buttons extends util_Despot {
             this.buttonsElement.classList.add(this.options.selectors.buttonsClass);
             this.container.appendChild(this.buttonsElement);
         }
+        html_hideElement(this.buttonsElement);
         this.buildButtons();
         if (!this.built) this.initEvents();
         this.built = true;
@@ -6477,7 +6473,7 @@ class Recorder extends util_Despot {
                         let explanation = "(No explanation given)";
                         if (command.args?.err?.message) explanation = command.args.err.message;
                         const err = error_createError({
-                            message: "Oh no, server error!",
+                            message: "Oh no, websocket server error!",
                             explanation,
                             err: (0, __WEBPACK_EXTERNAL_MODULE_serialize_error_ecb1f3fc__.deserializeError)(command.args?.err),
                             options: this.options
@@ -7096,6 +7092,8 @@ class Replay extends util_Despot {
                     throw err;
                 });
                 else this.replayElement?.pause();
+            }, {
+                passive: true
             });
             this.replayElement.addEventListener("click", (e)=>{
                 e.preventDefault();

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

@@ -10,8 +10,8 @@ declare class Buttons extends Despot {
     private previewButton?;
     private recordAgainButton?;
     private submitButton?;
-    private audioOnRadioPair;
-    private audioOffRadioPair;
+    private audioOnRadioPair?;
+    private audioOffRadioPair?;
     private built;
     constructor(container: Container, options: VideomailClientOptions);
     private replaceClickHandler;

package/dist/umd/index.js

@@ -14340,7 +14340,7 @@
             }
             const wrappers_form = Form;
             var package_namespaceObject = {
-                i8: "10.2.32"
+                i8: "10.2.34"
             };
             function findOriginalExc(exc) {
                 if (exc instanceof Error && "response" in exc) {
@@ -14573,10 +14573,7 @@
                 makeRadioButtonPair(options) {
                     let radioButtonElement;
                     let radioButtonGroup;
-                    if (options.id) {
-                        radioButtonElement = document.querySelector(`#${options.id}`);
-                        if (!options.show) html_hideElement(radioButtonElement);
-                    }
+                    if (options.id) radioButtonElement = document.querySelector(`#${options.id}`);
                     if (!radioButtonElement) {
                         radioButtonElement = document.createElement("input");
                         radioButtonElement.id = options.id;
@@ -14591,7 +14588,6 @@
                         radioLabel.htmlFor = options.id;
                         radioLabel.textContent = options.label;
                         radioButtonGroup.appendChild(radioLabel);
-                        if (!options.show) html_hideElement(radioButtonGroup);
                         if (this.submitButton && contains_default()(this.buttonsElement, this.submitButton)) this.buttonsElement?.insertBefore(radioButtonGroup, this.submitButton);
                         else this.buttonsElement?.appendChild(radioButtonGroup);
                     }
@@ -14633,7 +14629,6 @@
                             value: "off",
                             label: this.options.text.audioOff,
                             checked: !isAudioEnabled(this.options),
-                            show: false,
                             changeHandler: ()=>{
                                 this.container.disableAudio();
                             }
@@ -14644,7 +14639,6 @@
                             value: "on",
                             label: this.options.text.audioOn,
                             checked: isAudioEnabled(this.options),
-                            show: false,
                             changeHandler: ()=>{
                                 this.container.enableAudio();
                             }
@@ -14652,8 +14646,6 @@
                     }
                 }
                 onFormReady(params) {
-                    showElement(this.audioOnRadioPair);
-                    showElement(this.audioOffRadioPair);
                     if (!html_isShown(this.recordAgainButton)) {
                         if (!params?.paused) showElement(this.recordButton);
                     }
@@ -14673,6 +14665,9 @@
                 }
                 onUserMediaReady(params) {
                     this.onFormReady();
+                    showElement(this.buttonsElement);
+                    showElement(this.audioOnRadioPair);
+                    showElement(this.audioOffRadioPair);
                     if (html_isShown(this.recordButton) && !params.recordWhenReady) html_enableElement(this.recordButton);
                     else if (html_isShown(this.recordAgainButton) && !params.recordWhenReady) html_enableElement(this.recordAgainButton);
                     if (this.options.enableAutoValidation) html_disableElement(this.submitButton);
@@ -14906,6 +14901,7 @@
                         this.buttonsElement.classList.add(this.options.selectors.buttonsClass);
                         this.container.appendChild(this.buttonsElement);
                     }
+                    html_hideElement(this.buttonsElement);
                     this.buildButtons();
                     if (!this.built) this.initEvents();
                     this.built = true;
@@ -16715,7 +16711,7 @@
                                     let explanation = "(No explanation given)";
                                     if (command.args?.err?.message) explanation = command.args.err.message;
                                     const err = error_createError({
-                                        message: "Oh no, server error!",
+                                        message: "Oh no, websocket server error!",
                                         explanation,
                                         err: deserializeError(command.args?.err),
                                         options: this.options
@@ -17334,6 +17330,8 @@
                                 throw err;
                             });
                             else this.replayElement?.pause();
+                        }, {
+                            passive: true
                         });
                         this.replayElement.addEventListener("click", (e)=>{
                             e.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "10.2.32",
+  "version": "10.2.34",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -107,13 +107,13 @@
     "eslint-plugin-storybook": "0.12.0",
     "globals": "16.0.0",
     "jsdom": "26.1.0",
-    "msw": "2.7.5",
+    "msw": "2.7.6",
     "msw-storybook-addon": "2.0.4",
     "prettier": "3.5.3",
     "prettier-plugin-curly": "0.3.2",
     "prettier-plugin-packagejson": "2.5.10",
     "prettier-plugin-sh": "0.17.2",
-    "release-it": "19.0.1",
+    "release-it": "19.0.2",
     "storybook": "8.6.12",
     "storybook-html-rsbuild": "1.0.1",
     "type-fest": "4.40.1",