videomail-client 13.1.2 → 13.2.0

package/dist/esm/index.js

@@ -13,15 +13,15 @@ import websocket_stream from "websocket-stream";
 import audio_sample from "audio-sample";
 import is_power_of_two from "is-power-of-two";
 var __webpack_modules__ = {
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl": function(module, __webpack_exports__, __webpack_require__) {
+    "./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[13].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[13].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[13].use[3]!./src/styles/main.styl": function(module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>__WEBPACK_DEFAULT_EXPORT__
         });
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/api.js");
-        var _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
-        var ___CSS_LOADER_EXPORT___ = _node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_rslib_core_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
+        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+        var _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
         ___CSS_LOADER_EXPORT___.push([
             module.id,
             `@keyframes blink {
@@ -3320,7 +3320,7 @@ var __webpack_modules__ = {
             return tryTypedArrays(value);
         };
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/api.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/css-loader/api.js": function(module) {
         module.exports = function(cssWithMappingToString) {
             var list = [];
             list.toString = function() {
@@ -3373,12 +3373,12 @@ var __webpack_modules__ = {
             return list;
         };
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js": function(module) {
         module.exports = function(i) {
             return i[1];
         };
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js": function(module) {
         var stylesInDOM = [];
         function getIndexByIdentifier(identifier) {
             var result = -1;
@@ -3456,7 +3456,7 @@ var __webpack_modules__ = {
             };
         };
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js": function(module) {
         var memo = {};
         function getTarget(target) {
             if (void 0 === memo[target]) {
@@ -3477,7 +3477,7 @@ var __webpack_modules__ = {
         }
         module.exports = insertBySelector;
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js": function(module) {
         function insertStyleElement(options) {
             var element = document.createElement("style");
             options.setAttributes(element, options.attributes);
@@ -3486,14 +3486,14 @@ var __webpack_modules__ = {
         }
         module.exports = insertStyleElement;
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "./node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js": function(module, __unused_webpack_exports, __webpack_require__) {
         function setAttributesWithoutAttributes(styleElement) {
             var nonce = __webpack_require__.nc;
             if (nonce) styleElement.setAttribute("nonce", nonce);
         }
         module.exports = setAttributesWithoutAttributes;
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js": function(module) {
         function apply(styleElement, options, obj) {
             var css = "";
             if (obj.supports) css += "@supports (".concat(obj.supports, ") {");
@@ -3529,7 +3529,7 @@ var __webpack_modules__ = {
         }
         module.exports = domAPI;
     },
-    "./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js": function(module) {
+    "./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js": function(module) {
         function styleTagTransform(css, styleElement) {
             if (styleElement.styleSheet) styleElement.styleSheet.cssText = css;
             else {
@@ -3606,7 +3606,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "13.1.2"
+    rE: "13.2.0"
 };
 function canPlayType_canPlayType(video, type) {
     const canPlayType = video.canPlayType(`video/${type}`);
@@ -3725,13 +3725,13 @@ function pretty(anything) {
     return inspect(anything);
 }
 const util_pretty = pretty;
-class HTTPVideomailError_HTTPVideomailError extends Error {
+class HTTPVideomailError extends Error {
     code;
     status;
     explanation;
 }
-const HTTPVideomailError = HTTPVideomailError_HTTPVideomailError;
-class VideomailError extends HTTPVideomailError {
+const error_HTTPVideomailError = HTTPVideomailError;
+class VideomailError extends error_HTTPVideomailError {
     title = "Error from videomail-client npm package";
     location = window.location.href;
     logLines;
@@ -3981,6 +3981,11 @@ class Despot {
     }
 }
 const util_Despot = Despot;
+function getValidity(element) {
+    const validity = "validity" in element ? element.validity : void 0;
+    return validity;
+}
+const util_getValidity = getValidity;
 function hideElement(element) {
     if (!element) return;
     element.style.setProperty("display", "none", "important");
@@ -4238,7 +4243,7 @@ class Form extends util_Despot {
     getInvalidElement() {
         const elements = this.getRegisteredFormElements();
         for (const element of elements){
-            const validity = "validity" in element ? element.validity : void 0;
+            const validity = util_getValidity(element);
             if (!validity?.valid) return element;
         }
         return null;
@@ -4261,7 +4266,7 @@ function findOriginalExc(exc) {
         if ("error" in body) {
             const message = body.error.message;
             const cause = body.error.cause;
-            const error = new HTTPVideomailError(message, {
+            const error = new error_HTTPVideomailError(message, {
                 cause
             });
             if (body.error.name) error.name = body.error.name;
@@ -4370,6 +4375,7 @@ class Resource {
     async post(videomail) {
         const newVideomail = this.applyDefaultValues(videomail);
         newVideomail[constants.VERSION_LABEL] = package_namespaceObject.rE;
+        newVideomail.recordLocation = window.location.href;
         try {
             let res;
             if (this.options.callbacks.adjustFormDataBeforePosting) {
@@ -4545,7 +4551,7 @@ const options_options = {
     }
 };
 const src_options = options_options;
-class CollectLogger_CollectLogger {
+class CollectLogger {
     browser;
     logger;
     stack = [];
@@ -4584,37 +4590,37 @@ class CollectLogger_CollectLogger {
         return this.stack;
     }
 }
-const CollectLogger = CollectLogger_CollectLogger;
+const util_CollectLogger = CollectLogger;
 var isTest_process = __webpack_require__("./node_modules/process/browser.js");
 function isTest() {
     return "test" === isTest_process.env.ENVIRON;
 }
 const util_isTest = isTest;
-function mergeWithDefaultOptions_mergeWithDefaultOptions(options = {}) {
+function mergeWithDefaultOptions(options = {}) {
     const newOptions = deepmerge(src_options, options, {
         arrayMerge (_destination, source) {
             return source;
         }
     });
-    const collectLogger = new CollectLogger(newOptions);
+    const collectLogger = new util_CollectLogger(newOptions);
     newOptions.logger = collectLogger;
     if (util_isTest()) newOptions.verbose = false;
     return newOptions;
 }
-const mergeWithDefaultOptions = mergeWithDefaultOptions_mergeWithDefaultOptions;
-var injectStylesIntoStyleTag = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js");
+const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
+var injectStylesIntoStyleTag = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js");
 var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
-var styleDomAPI = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js");
+var styleDomAPI = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js");
 var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
-var insertBySelector = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js");
+var insertBySelector = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js");
 var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
-var setAttributesWithoutAttributes = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js");
+var setAttributesWithoutAttributes = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js");
 var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__.n(setAttributesWithoutAttributes);
-var insertStyleElement = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js");
+var insertStyleElement = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js");
 var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
-var styleTagTransform = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
+var styleTagTransform = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
 var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
-var main = __webpack_require__("./node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl");
+var main = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[13].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[13].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[13].use[3]!./src/styles/main.styl");
 var main_options = {};
 main_options.styleTagTransform = styleTagTransform_default();
 main_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -4633,7 +4639,7 @@ function limitHeight(height, options, calledFrom) {
     return limitedHeight;
 }
 const dimensions_limitHeight = limitHeight;
-function getOuterWidth_getOuterWidth(element) {
+function getOuterWidth(element) {
     let rect = element.getBoundingClientRect();
     let outerWidth = rect.right - rect.left;
     if (outerWidth < 1) {
@@ -4642,10 +4648,10 @@ function getOuterWidth_getOuterWidth(element) {
     }
     return outerWidth;
 }
-const getOuterWidth = getOuterWidth_getOuterWidth;
+const dimensions_getOuterWidth = getOuterWidth;
 function limitWidth(element, options, width) {
     let limitedWidth;
-    const outerWidth = getOuterWidth(element);
+    const outerWidth = dimensions_getOuterWidth(element);
     limitedWidth = width && "number" == typeof width ? outerWidth > 0 && outerWidth < width ? outerWidth : width : outerWidth;
     if (Number.isInteger(limitedWidth) && limitedWidth < 1) throw error_createError({
         message: "Limited width cannot be less than 1!",
@@ -5076,12 +5082,12 @@ class Buttons extends util_Despot {
     }
 }
 const buttons = Buttons;
-function isHidden_isHidden(element) {
+function isHidden(element) {
     if (!element) return true;
     const display = element.style.getPropertyValue("display");
     return display.includes("none");
 }
-const isHidden = isHidden_isHidden;
+const html_isHidden = isHidden;
 class Countdown {
     visuals;
     options;
@@ -5681,7 +5687,7 @@ class Notifier extends util_Despot {
     }
     isVisible() {
         if (!this.built) return false;
-        return this.notifyElement && !isHidden(this.notifyElement);
+        return this.notifyElement && !html_isHidden(this.notifyElement);
     }
     isBuilt() {
         return this.built;
@@ -5735,7 +5741,7 @@ function figureMinHeight(height, options) {
     return minHeight;
 }
 const dimensions_figureMinHeight = figureMinHeight;
-function getRatio_getRatio(options, videoHeight, videoWidth) {
+function getRatio(options, videoHeight, videoWidth) {
     let ratio = 1;
     const hasVideoDimensions = videoHeight && videoWidth;
     const desiredHeight = options.video.height;
@@ -5745,7 +5751,7 @@ function getRatio_getRatio(options, videoHeight, videoWidth) {
     else if (hasVideoDimensions) ratio = videoHeight / videoWidth;
     return ratio;
 }
-const getRatio = getRatio_getRatio;
+const dimensions_getRatio = getRatio;
 function calculateHeight(responsive, videoWidth, options, target, ratio, element) {
     let width = videoWidth;
     if (width < 1) throw error_createError({
@@ -5753,7 +5759,7 @@ function calculateHeight(responsive, videoWidth, options, target, ratio, element
         options
     });
     if (responsive && element) width = dimensions_limitWidth(element, options, width);
-    const chosenRatio = ratio ?? getRatio(options, void 0, videoWidth);
+    const chosenRatio = ratio ?? dimensions_getRatio(options, void 0, videoWidth);
     const height = Math.round(width * chosenRatio);
     if (Number.isInteger(height) && height < 1) throw error_createError({
         message: "Just calculated a height less than 1 which is wrong.",
@@ -5769,7 +5775,7 @@ function calculateWidth(responsive, videoHeight, options, ratio) {
         message: `Height ${height} cannot be smaller than 1 when calculating width.`,
         options
     });
-    const chosenRatio = ratio ?? getRatio(options, videoHeight);
+    const chosenRatio = ratio ?? dimensions_getRatio(options, videoHeight);
     const calculatedWidth = Math.round(height / chosenRatio);
     if (calculatedWidth < 1) throw error_createError({
         message: "Calculated width cannot be smaller than 1!",
@@ -5782,7 +5788,7 @@ const CHANNELS = 1;
 function getAudioContextClass() {
     return window.AudioContext;
 }
-class AudioRecorder_AudioRecorder {
+class AudioRecorder {
     scriptProcessor;
     audioInput;
     vcAudioContext;
@@ -5862,7 +5868,7 @@ class AudioRecorder_AudioRecorder {
         return -1;
     }
 }
-const AudioRecorder = AudioRecorder_AudioRecorder;
+const media_AudioRecorder = AudioRecorder;
 function getFirstVideoTrack(localMediaStream) {
     const videoTracks = localMediaStream.getVideoTracks();
     let videoTrack;
@@ -5962,7 +5968,7 @@ class UserMedia extends util_Despot {
         this.onPlayReached = false;
         this.onLoadedMetaDataReached = false;
         this.playingPromiseReached = false;
-        if (isAudioEnabled(this.options)) this.audioRecorder ??= new AudioRecorder(this, this.options);
+        if (isAudioEnabled(this.options)) this.audioRecorder ??= new media_AudioRecorder(this, this.options);
         const unloadAllEventListeners = ()=>{
             this.options.logger.debug("UserMedia: unloadAllEventListeners()");
             this.unloadRemainingEventListeners();
@@ -6666,7 +6672,7 @@ class Recorder extends util_Despot {
         return this.visuals.isNotifying();
     }
     isHidden() {
-        return !this.recorderElement || isHidden(this.recorderElement);
+        return !this.recorderElement || html_isHidden(this.recorderElement);
     }
     writeCommand(command, args, cb) {
         if (this.connected) {
@@ -7082,7 +7088,7 @@ class Recorder extends util_Despot {
             const userMediaVideoHeight = this.userMedia.getVideoHeight();
             if (!userMediaVideoWidth || userMediaVideoWidth < 1) ratio = this.visuals.getRatio();
             else if (userMediaVideoHeight) ratio = userMediaVideoHeight / userMediaVideoWidth;
-        } else ratio = getRatio(this.options);
+        } else ratio = dimensions_getRatio(this.options);
         return ratio;
     }
     calculateWidth(responsive) {
@@ -7357,7 +7363,7 @@ class Replay extends util_Despot {
     }
     isShown() {
         if (!this.replayElement) return false;
-        return !isHidden(this.replayElement) && !this.visuals.isHidden();
+        return !html_isHidden(this.replayElement) && !this.visuals.isHidden();
     }
     getVisuals() {
         return this.visuals;
@@ -7568,7 +7574,7 @@ class Visuals extends util_Despot {
     }
     isHidden() {
         if (!this.built) return true;
-        return isHidden(this.visualsElement);
+        return html_isHidden(this.visualsElement);
     }
     showVisuals() {
         html_showElement(this.visualsElement);
@@ -7708,7 +7714,7 @@ class Container extends util_Despot {
     }
     getFormElement() {
         let formElement;
-        if (this.containerElement && "FORM" === this.containerElement.tagName) formElement = this.containerElement;
+        if (this.containerElement?.tagName === "FORM") formElement = this.containerElement;
         else if (this.options.selectors.formId) {
             formElement = document.querySelector(`#${this.options.selectors.formId}`);
             if (formElement && "FORM" !== formElement.tagName) throw new Error(`HTML element with ID ${this.options.selectors.formId} is not a form.`);
@@ -7961,8 +7967,10 @@ class Container extends util_Despot {
                 const invalidInput = this.form.getInvalidElement();
                 if (invalidInput) {
                     const name = invalidInput.getAttribute("name");
+                    const validity = util_getValidity(invalidInput);
                     valid = false;
-                    if (name) {
+                    if (name) if (validity?.valueMissing) whyInvalid = `Please fill out field "${name}" ⚠️`;
+                    else {
                         whyInvalid = `Input "${name}" seems wrong 🤔`;
                         invalidData = {
                             [name]: invalidInput.getAttribute("value")
@@ -8133,7 +8141,7 @@ class VideomailClient extends util_Despot {
     static ENC_TYPE_APP_JSON = constants["public"].ENC_TYPE_APP_JSON;
     static ENC_TYPE_FORM = constants["public"].ENC_TYPE_FORM;
     constructor(options = {}){
-        super("VideomailClient", mergeWithDefaultOptions(options));
+        super("VideomailClient", options_mergeWithDefaultOptions(options));
         this.validateOptions();
         util_Despot.removeAllListeners();
         this.container = new wrappers_container(this.options);

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

@@ -29,6 +29,7 @@ export interface Videomail {
     captions?: string | undefined;
     poster: string;
     recordingStats?: RecordingStats | undefined;
+    recordLocation?: string | undefined;
     replyAllUrl?: string;
     replyUrl: string;
     sending: boolean;

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

@@ -0,0 +1,2 @@
+declare function getValidity(element: Element): ValidityState | undefined;
+export default getValidity;

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

@@ -59,6 +59,7 @@ declare class Form extends Despot {
             wantedFps?: number;
             wantedInterval?: number;
         } | undefined;
+        recordLocation?: string | undefined | undefined;
         replyAllUrl?: string;
         replyUrl?: string;
         sending?: boolean;
@@ -150,6 +151,7 @@ declare class Form extends Despot {
             wantedFps?: number;
             wantedInterval?: number;
         } | undefined;
+        recordLocation?: string | undefined | undefined;
         replyAllUrl?: string;
         replyUrl?: string;
         sending?: boolean;