videomail-client 15.9.1 → 15.10.1

package/README.md

@@ -2,9 +2,7 @@
 
 [![Test Runner for videomail-client](https://github.com/binarykitchen/videomail-client/actions/workflows/ci.yml/badge.svg)](https://github.com/binarykitchen/videomail-client/actions/workflows/ci.yml)
 
-[![npm][npm-image]][npm-url]
-[![downloads][downloads-image]][downloads-url]
-[![Netlify Status](https://api.netlify.com/api/v1/badges/3c9df5b4-8b85-4081-950a-d5df2dbd9926/deploy-status)](https://app.netlify.com/sites/videomail-client/deploys)
+[![npm][npm-image]][npm-url] [![downloads][downloads-image]][downloads-url] [![Netlify Status](https://api.netlify.com/api/v1/badges/3c9df5b4-8b85-4081-950a-d5df2dbd9926/deploy-status)](https://app.netlify.com/sites/videomail-client/deploys)
 
 [npm-image]: https://img.shields.io/npm/v/videomail-client.svg?style=flat
 [npm-url]: https://npmjs.org/package/videomail-client
@@ -255,6 +253,8 @@ Updates the recording time limit for subsequent recording activity.
 
 The `SUBMITTED` event includes a `videomail` object. The exact response can evolve, but its shape follows the exported `Videomail` type. A shortened example is shown below:
 
+For new recordings, submitted `width` and `height` describe the captured canvas frames, not the browser viewport or the resized preview. These dimensions survive stopping the camera and are replaced when recording again.
+
 ```json
 {
   "subject": "some subject",
@@ -344,8 +344,7 @@ See [Can I Use: Media Capture from DOM Elements](https://caniuse.com/stream) and
 
 ## Add-ons
 
-There is also a Videomail WordPress add-on:
-<https://wordpress.org/plugins/videomail-for-ninja-forms/>
+There is also a Videomail WordPress add-on: <https://wordpress.org/plugins/videomail-for-ninja-forms/>
 
 It extends the Ninja Forms form builder with a webcam input and submission integration.
 

package/dist/cjs/index.cjs

@@ -10972,7 +10972,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("Q");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "15.9.1"
+        rE: "15.10.1"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -19594,6 +19594,19 @@ var __webpack_exports__ = {};
         else obj[key] = value;
         return obj;
     }
+    function recorder_object_spread(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = null != arguments[i] ? arguments[i] : {};
+            var ownKeys = Object.keys(source);
+            if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+            ownKeys.forEach(function(key) {
+                recorder_define_property(target, key, source[key]);
+            });
+        }
+        return target;
+    }
     const PIPE_SYMBOL = "°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ";
     class Recorder extends util_Despot {
         writeStream(buffer, opts) {
@@ -20367,6 +20380,7 @@ var __webpack_exports__ = {};
         }
         back(cb) {
             this.emit("GOING_BACK");
+            this.recordingDimensions = void 0;
             this.unloaded = false;
             this.show();
             this.writeCommand("back", void 0, cb);
@@ -20377,6 +20391,7 @@ var __webpack_exports__ = {};
             this.clearUserMediaTimeout();
             this.userMediaLoading = false;
             null == (_this_userMedia = this.userMedia) || _this_userMedia.stop();
+            this.recordingDimensions = void 0;
             this.userMediaLoaded = this.key = this.canvas = this.ctx = void 0;
             this.loadUserMedia();
         }
@@ -20388,6 +20403,7 @@ var __webpack_exports__ = {};
             const prettyCause = cause ? `, cause: ${cause}` : "";
             this.options.logger.debug(`Recorder: unload()${prettyCause}`);
             this.reset();
+            this.recordingDimensions = void 0;
             this.clearUserMediaTimeout();
             this.clearConnectionTimeout();
             this.clearReconnectTimeout();
@@ -20530,6 +20546,7 @@ var __webpack_exports__ = {};
                 }
                 return;
             }
+            this.recordingDimensions = void 0;
             try {
                 if (!this.userMedia) throw new Error("No user media defined, unable to create canvas");
                 this.canvas = this.userMedia.createCanvas();
@@ -20564,6 +20581,10 @@ var __webpack_exports__ = {};
                 });
                 return;
             }
+            this.recordingDimensions = {
+                width: this.canvas.width,
+                height: this.canvas.height
+            };
             this.frame = new canvas_to_buffer_modern_r(this.canvas, this.options.image.types, this.options.image.quality);
             this.options.logger.debug("Recorder: record()");
             this.userMedia.record();
@@ -20732,6 +20753,9 @@ var __webpack_exports__ = {};
             };
             return dimension;
         }
+        getRecordingDimensions() {
+            return this.recordingDimensions && recorder_object_spread({}, this.recordingDimensions);
+        }
         getRecorderHeight(responsive, useBoundingClientRect) {
             let recorderHeight;
             if (this.recorderElement && useBoundingClientRect) {
@@ -20816,7 +20840,7 @@ var __webpack_exports__ = {};
             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, "reconnectTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "stopTimeout", 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, "reconnecting", false), recorder_define_property(this, "reconnectAttempts", 0), 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, "connectingStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "lastSocketError", 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, "reconnectTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "stopTimeout", 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, "recordingDimensions", 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, "reconnecting", false), recorder_define_property(this, "reconnectAttempts", 0), 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, "connectingStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "lastSocketError", 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;
@@ -21285,6 +21309,9 @@ var __webpack_exports__ = {};
         getRecordingStats() {
             return this.recorder.getRecordingStats();
         }
+        getRecordingDimensions() {
+            return this.recorder.getRecordingDimensions();
+        }
         getAudioSampleRate() {
             return this.recorder.getAudioSampleRate();
         }
@@ -21577,10 +21604,13 @@ var __webpack_exports__ = {};
                 if (!videomailFormData) throw new Error("No videomail form data defined");
                 if (method === FormMethod.POST) {
                     videomailFormData.recordingStats = this.visuals.getRecordingStats();
-                    const widthDimension = this.visuals.getRecorderWidth(true);
-                    const heightDimension = this.visuals.getRecorderHeight(true);
-                    videomailFormData.width = null == widthDimension ? void 0 : widthDimension.value;
-                    videomailFormData.height = null == heightDimension ? void 0 : heightDimension.value;
+                    const dimensions = this.visuals.getRecordingDimensions();
+                    if (!dimensions) throw error_createError({
+                        message: "Recorded frame dimensions are missing.",
+                        options: this.options
+                    });
+                    videomailFormData.width = dimensions.width;
+                    videomailFormData.height = dimensions.height;
                     return yield this.resource.post(videomailFormData);
                 } else if (method === FormMethod.PUT) return yield this.resource.put(videomailFormData);
                 throw error_createError({

package/dist/esm/index.d.ts

@@ -8,12 +8,12 @@ export type { EmailAddress, EmailAddresses } from "./types/EmailAddress.js";
 export type { FullVideomailErrorData, VideomailErrorData } from "./types/error.js";
 export type { VideomailEvents } from "./types/events/index.js";
 export type * from "./types/events/params.js";
-export type { VideomailIdentifier } from "./types/identifier.js";
 export type { PartialVideomailClientOptions, VideomailClientOptions, } from "./types/options.js";
 export type { ReactionKey, ReactionLabel, ReactionPrettyByUserKey, ReactionsByUserKey, ReactionsPrettyByUserKey, ReactionType, } from "./types/reaction.js";
 export { Reactions } from "./types/reaction.js";
 export type { RecordingStats } from "./types/RecordingStats.js";
 export type { VideomailThread } from "./types/thread.js";
 export type { PartialVideomail, Videomail } from "./types/Videomail.js";
+export type { VideomailIdentifierType } from "./types/Videomail.js";
 export type { VideoTypeType } from "./types/VideoType.js";
 export { VideoType };

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.9.1"
+    rE: "15.10.1"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -7387,6 +7387,7 @@ class Recorder extends util_Despot {
     }
     back(cb) {
         this.emit("GOING_BACK");
+        this.recordingDimensions = void 0;
         this.unloaded = false;
         this.show();
         this.writeCommand("back", void 0, cb);
@@ -7396,6 +7397,7 @@ class Recorder extends util_Despot {
         this.clearUserMediaTimeout();
         this.userMediaLoading = false;
         this.userMedia?.stop();
+        this.recordingDimensions = void 0;
         this.userMediaLoaded = this.key = this.canvas = this.ctx = void 0;
         this.loadUserMedia();
     }
@@ -7407,6 +7409,7 @@ class Recorder extends util_Despot {
         const prettyCause = cause ? `, cause: ${cause}` : "";
         this.options.logger.debug(`Recorder: unload()${prettyCause}`);
         this.reset();
+        this.recordingDimensions = void 0;
         this.clearUserMediaTimeout();
         this.clearConnectionTimeout();
         this.clearReconnectTimeout();
@@ -7544,6 +7547,7 @@ class Recorder extends util_Despot {
             }
             return;
         }
+        this.recordingDimensions = void 0;
         try {
             if (!this.userMedia) throw new Error("No user media defined, unable to create canvas");
             this.canvas = this.userMedia.createCanvas();
@@ -7578,6 +7582,10 @@ class Recorder extends util_Despot {
             });
             return;
         }
+        this.recordingDimensions = {
+            width: this.canvas.width,
+            height: this.canvas.height
+        };
         this.frame = new canvas_to_buffer(this.canvas, this.options.image.types, this.options.image.quality);
         this.options.logger.debug("Recorder: record()");
         this.userMedia.record();
@@ -7742,6 +7750,11 @@ class Recorder extends util_Despot {
         };
         return dimension;
     }
+    getRecordingDimensions() {
+        return this.recordingDimensions && {
+            ...this.recordingDimensions
+        };
+    }
     getRecorderHeight(responsive, useBoundingClientRect) {
         let recorderHeight;
         if (this.recorderElement && useBoundingClientRect) {
@@ -7826,7 +7839,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, "reconnectTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "stopTimeout", 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, "reconnecting", false), recorder_define_property(this, "reconnectAttempts", 0), 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, "connectingStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "lastSocketError", 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, "reconnectTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "stopTimeout", 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, "recordingDimensions", 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, "reconnecting", false), recorder_define_property(this, "reconnectAttempts", 0), 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, "connectingStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "lastSocketError", 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;
@@ -8274,6 +8287,9 @@ class Visuals extends util_Despot {
     getRecordingStats() {
         return this.recorder.getRecordingStats();
     }
+    getRecordingDimensions() {
+        return this.recorder.getRecordingDimensions();
+    }
     getAudioSampleRate() {
         return this.recorder.getAudioSampleRate();
     }
@@ -8533,10 +8549,13 @@ class Container extends util_Despot {
         if (!videomailFormData) throw new Error("No videomail form data defined");
         if (method === FormMethod.POST) {
             videomailFormData.recordingStats = this.visuals.getRecordingStats();
-            const widthDimension = this.visuals.getRecorderWidth(true);
-            const heightDimension = this.visuals.getRecorderHeight(true);
-            videomailFormData.width = widthDimension?.value;
-            videomailFormData.height = heightDimension?.value;
+            const dimensions = this.visuals.getRecordingDimensions();
+            if (!dimensions) throw error_createError({
+                message: "Recorded frame dimensions are missing.",
+                options: this.options
+            });
+            videomailFormData.width = dimensions.width;
+            videomailFormData.height = dimensions.height;
             return await this.resource.post(videomailFormData);
         } else if (method === FormMethod.PUT) return await this.resource.put(videomailFormData);
         throw error_createError({

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

@@ -6,6 +6,7 @@ import { ReactionsByUserKey, ReactionsPrettyByUserKey } from "./reaction.js";
 import { RecordingStats } from "./RecordingStats.js";
 import { UserKey } from "./user.js";
 import VideoFormat from "./VideoFormat.js";
+export type VideomailIdentifierType = "snapshot" | "thread";
 export interface Videomail {
     url: string;
     subject?: string;

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

@@ -31,6 +31,7 @@ declare class Recorder extends Despot {
     private frameProgress?;
     private sampleProgress?;
     private canvas?;
+    private recordingDimensions?;
     private ctx?;
     private userMediaLoaded?;
     private userMediaLoading;
@@ -119,6 +120,10 @@ declare class Recorder extends Despot {
     hide(): void;
     isUnloaded(): boolean | undefined;
     getRecorderWidth(responsive: boolean): Dimension | undefined;
+    getRecordingDimensions(): {
+        height: number;
+        width: number;
+    } | undefined;
     getRecorderHeight(responsive: boolean, useBoundingClientRect?: boolean): Dimension | undefined;
     getRatio(): number | undefined;
     calculateWidth(responsive: boolean): Dimension;

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

@@ -43,6 +43,10 @@ declare class Visuals extends Despot {
     getRecorder(): Recorder;
     validate(): boolean;
     getRecordingStats(): import("../index.js").RecordingStats | undefined;
+    getRecordingDimensions(): {
+        height: number;
+        width: number;
+    } | undefined;
     getAudioSampleRate(): number | undefined;
     isPaused(): boolean | undefined;
     error(err: VideomailError): void;

package/dist/umd/index.js

@@ -10978,7 +10978,7 @@
             var client = __webpack_require__("Q");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "15.9.1"
+                rE: "15.10.1"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -19348,6 +19348,7 @@
                 frameProgress;
                 sampleProgress;
                 canvas;
+                recordingDimensions;
                 ctx;
                 userMediaLoaded;
                 userMediaLoading = false;
@@ -20139,6 +20140,7 @@
                 }
                 back(cb) {
                     this.emit("GOING_BACK");
+                    this.recordingDimensions = void 0;
                     this.unloaded = false;
                     this.show();
                     this.writeCommand("back", void 0, cb);
@@ -20148,6 +20150,7 @@
                     this.clearUserMediaTimeout();
                     this.userMediaLoading = false;
                     this.userMedia?.stop();
+                    this.recordingDimensions = void 0;
                     this.userMediaLoaded = this.key = this.canvas = this.ctx = void 0;
                     this.loadUserMedia();
                 }
@@ -20159,6 +20162,7 @@
                     const prettyCause = cause ? `, cause: ${cause}` : "";
                     this.options.logger.debug(`Recorder: unload()${prettyCause}`);
                     this.reset();
+                    this.recordingDimensions = void 0;
                     this.clearUserMediaTimeout();
                     this.clearConnectionTimeout();
                     this.clearReconnectTimeout();
@@ -20296,6 +20300,7 @@
                         }
                         return;
                     }
+                    this.recordingDimensions = void 0;
                     try {
                         if (!this.userMedia) throw new Error("No user media defined, unable to create canvas");
                         this.canvas = this.userMedia.createCanvas();
@@ -20330,6 +20335,10 @@
                         });
                         return;
                     }
+                    this.recordingDimensions = {
+                        width: this.canvas.width,
+                        height: this.canvas.height
+                    };
                     this.frame = new canvas_to_buffer_modern_r(this.canvas, this.options.image.types, this.options.image.quality);
                     this.options.logger.debug("Recorder: record()");
                     this.userMedia.record();
@@ -20494,6 +20503,11 @@
                     };
                     return dimension;
                 }
+                getRecordingDimensions() {
+                    return this.recordingDimensions && {
+                        ...this.recordingDimensions
+                    };
+                }
                 getRecorderHeight(responsive, useBoundingClientRect) {
                     let recorderHeight;
                     if (this.recorderElement && useBoundingClientRect) {
@@ -21021,6 +21035,9 @@
                 getRecordingStats() {
                     return this.recorder.getRecordingStats();
                 }
+                getRecordingDimensions() {
+                    return this.recorder.getRecordingDimensions();
+                }
                 getAudioSampleRate() {
                     return this.recorder.getAudioSampleRate();
                 }
@@ -21298,10 +21315,13 @@
                     if (!videomailFormData) throw new Error("No videomail form data defined");
                     if (method === FormMethod.POST) {
                         videomailFormData.recordingStats = this.visuals.getRecordingStats();
-                        const widthDimension = this.visuals.getRecorderWidth(true);
-                        const heightDimension = this.visuals.getRecorderHeight(true);
-                        videomailFormData.width = widthDimension?.value;
-                        videomailFormData.height = heightDimension?.value;
+                        const dimensions = this.visuals.getRecordingDimensions();
+                        if (!dimensions) throw error_createError({
+                            message: "Recorded frame dimensions are missing.",
+                            options: this.options
+                        });
+                        videomailFormData.width = dimensions.width;
+                        videomailFormData.height = dimensions.height;
                         return await this.resource.post(videomailFormData);
                     } else if (method === FormMethod.PUT) return await this.resource.put(videomailFormData);
                     throw error_createError({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "15.9.1",
+  "version": "15.10.1",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -41,7 +41,7 @@
     "dist"
   ],
   "scripts": {
-    "audit": "audit-ci --config audit-ci.json",
+    "audit": "audit-ci --config audit-ci.jsonc",
     "build:prod": "cross-env NODE_ENV=production rslib build",
     "build:prod:doc": "cross-env RSDOCTOR=true npm run build:prod",
     "build:storybook": "storybook build",
@@ -120,7 +120,7 @@
     "prettier-plugin-jsdoc": "1.8.1",
     "prettier-plugin-packagejson": "3.0.2",
     "prettier-plugin-sh": "0.20.2",
-    "release-it": "21.1.0",
+    "release-it": "21.1.1",
     "storybook": "10.6.1",
     "storybook-html-rsbuild": "3.6.0",
     "type-fest": "5.10.0",

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

@@ -1 +0,0 @@
-export type VideomailIdentifier = "snapshot" | "thread";