videomail-client 15.7.17 → 15.7.19

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.7.17"
+        rE: "15.7.19"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -14783,18 +14783,18 @@ var __webpack_exports__ = {};
             if (showParams) this.options.logger.debug(`${this.name} emits ${eventName} with ${util_pretty(params)}`);
             else this.options.logger.debug(`${this.name} emits ${eventName}`);
             try {
-                Despot.EMITTER.emit(eventName, ...params);
+                this.emitter.emit(eventName, ...params);
             } catch (exc) {
-                if (exc instanceof error_VideomailError) Despot.EMITTER.emit("ERROR", {
+                if (exc instanceof error_VideomailError) this.emitter.emit("ERROR", {
                     err: exc
                 });
-                else Despot.EMITTER.emit("ERROR", {
+                else this.emitter.emit("ERROR", {
                     exc
                 });
             }
         }
         on(eventName, callback) {
-            return Despot.EMITTER.on(eventName, callback);
+            return this.emitter.on(eventName, callback);
         }
         once(eventName, listener) {
             const callback = (...params)=>{
@@ -14804,23 +14804,30 @@ var __webpack_exports__ = {};
             const unbind = this.on(eventName, callback);
             return unbind;
         }
-        static getListeners(eventName) {
-            return Despot.EMITTER.events[eventName];
+        getListeners(eventName) {
+            return this.emitter.events[eventName];
         }
-        static removeListener(eventName) {
-            delete Despot.EMITTER.events[eventName];
+        removeListener(eventName) {
+            delete this.emitter.events[eventName];
         }
-        static removeAllListeners() {
-            Despot.EMITTER.events = {};
+        removeAllListeners() {
+            this.emitter.events = {};
         }
         constructor(name, options){
             Despot_define_property(this, "name", void 0);
+            Despot_define_property(this, "emitter", void 0);
             Despot_define_property(this, "options", void 0);
             this.name = name;
             this.options = options;
+            let emitter = Despot.emitters.get(options);
+            if (!emitter) {
+                emitter = createNanoEvents();
+                Despot.emitters.set(options, emitter);
+            }
+            this.emitter = emitter;
         }
     }
-    Despot_define_property(Despot, "EMITTER", createNanoEvents());
+    Despot_define_property(Despot, "emitters", new WeakMap());
     const util_Despot = Despot;
     function getValidity(element) {
         const validity = "validity" in element ? element.validity : void 0;
@@ -14931,27 +14938,33 @@ var __webpack_exports__ = {};
             this.options.logger.debug("Form: loadVideomail()");
             for (const formControl of this.formElement.elements){
                 const name = formControl.getAttribute("name");
-                if (name) {
+                if (name && this.isRegisteredFormField(formControl)) {
                     let value = videomail[name];
                     const tagName = formControl.tagName;
                     if (this.options.callbacks.adjustFormValueBeforePopulating) value = this.options.callbacks.adjustFormValueBeforePopulating(name, value, videomail);
-                    switch(tagName){
+                    if (null != value) switch(tagName){
                         case "INPUT":
                             {
                                 const inputControl = formControl;
                                 if (Array.isArray(value)) inputControl.value = value.join(", ");
-                                else inputControl.value = value;
+                                else inputControl.value = String(value);
                                 break;
                             }
                         case "TEXTAREA":
                             {
                                 const textArea = formControl;
-                                textArea.value = value;
+                                textArea.value = String(value);
+                                break;
+                            }
+                        case "SELECT":
+                            {
+                                const select = formControl;
+                                select.value = String(value);
                                 break;
                             }
                         default:
                             throw error_createError({
-                                message: `Unsupported form control tag name $${tagName} found`,
+                                message: `Unsupported form control tag name ${tagName} found`,
                                 options: this.options
                             });
                     }
@@ -15000,8 +15013,8 @@ var __webpack_exports__ = {};
                 for(let i = 0, len = inputElements.length; i < len; i++){
                     const inputElement = inputElements[i];
                     const type = null == inputElement ? void 0 : inputElement.getAttribute("type");
-                    if ("radio" === type || "select" === type) null == inputElement || inputElement.addEventListener("change", this.container.validate.bind(this.container));
-                    else null == inputElement || inputElement.addEventListener("input", this.container.validate.bind(this.container));
+                    if ("radio" === type || (null == inputElement ? void 0 : inputElement.tagName) === "SELECT") null == inputElement || inputElement.addEventListener("change", this.validate);
+                    else null == inputElement || inputElement.addEventListener("input", this.validate);
                 }
             }
             this.on("PREVIEW", (params)=>{
@@ -15046,8 +15059,8 @@ var __webpack_exports__ = {};
             const inputElements = this.getRegisteredFormElements();
             for (const inputElement of inputElements){
                 const type = inputElement.getAttribute("type");
-                if ("radio" === type || "select" === type) inputElement.removeEventListener("change", this.container.validate.bind(this.container));
-                else inputElement.removeEventListener("input", this.container.validate.bind(this.container));
+                if ("radio" === type || "SELECT" === inputElement.tagName) inputElement.removeEventListener("change", this.validate);
+                else inputElement.removeEventListener("input", this.validate);
             }
         }
         hideSubmitButton() {
@@ -15057,7 +15070,7 @@ var __webpack_exports__ = {};
         unload() {
             this.options.logger.debug("Form: unload()");
             this.removeAllInputListeners();
-            util_Despot.removeAllListeners();
+            this.removeAllListeners();
             this.stopListeningToSubmitEvents();
             this.resetForm();
         }
@@ -15067,7 +15080,7 @@ var __webpack_exports__ = {};
             const inputElements = this.getRegisteredFormElements();
             for (const inputElement of inputElements){
                 const type = inputElement.getAttribute("type");
-                if ((null == type ? void 0 : type.toLowerCase()) === "hidden") inputElement.setAttribute("value", "");
+                if ((null == type ? void 0 : type.toLowerCase()) === "hidden") inputElement.value = "";
             }
         }
         startListeningToSubmitEvents() {
@@ -15120,7 +15133,9 @@ var __webpack_exports__ = {};
             html_showElement(this.formElement);
         }
         constructor(container, formElement, options){
-            super("Form", options), form_define_property(this, "container", void 0), form_define_property(this, "formElement", void 0), form_define_property(this, "keyInput", void 0), form_define_property(this, "FORM_FIELDS", {});
+            super("Form", options), form_define_property(this, "container", void 0), form_define_property(this, "formElement", void 0), form_define_property(this, "validate", (event)=>{
+                this.container.validate(event);
+            }), form_define_property(this, "keyInput", void 0), form_define_property(this, "FORM_FIELDS", {});
             this.container = container;
             this.formElement = formElement;
             this.FORM_FIELDS = {
@@ -18063,7 +18078,7 @@ var __webpack_exports__ = {};
             if (this.built) {
                 this.reset();
                 this.options.logger.debug("Buttons: unload()");
-                util_Despot.removeAllListeners();
+                this.removeAllListeners();
                 this.hide();
                 this.built = false;
             }
@@ -18113,7 +18128,8 @@ var __webpack_exports__ = {};
         fire(cb) {
             this.unload();
             this.hide();
-            setTimeout(function() {
+            this.fireTimeoutId = window.setTimeout(()=>{
+                this.fireTimeoutId = void 0;
                 cb();
             }, 0);
         }
@@ -18123,15 +18139,16 @@ var __webpack_exports__ = {};
                 if (void 0 !== this.countdown) {
                     this.countdown--;
                     if (this.countdown < 1) this.fire(cb);
-                    else if (this.countdownElement) this.countdownElement.innerHTML = this.countdown.toString();
+                    else if (this.countdownElement) this.countdownElement.textContent = this.countdown.toString();
                 }
             }
         }
         start(cb) {
             if (!this.countdownElement) throw new Error("Unable to start countdown without an element");
             if ("number" != typeof this.options.video.countdown) throw new TypeError(`The defined countdown is not a valid number: ${this.options.video.countdown}`);
+            this.unload();
             this.countdown = this.options.video.countdown;
-            this.countdownElement.innerHTML = this.countdown.toString();
+            this.countdownElement.textContent = this.countdown.toString();
             this.show();
             this.intervalId = window.setInterval(this.countBackward.bind(this, cb), 950);
         }
@@ -18156,12 +18173,14 @@ var __webpack_exports__ = {};
             html_showElement(this.countdownElement);
         }
         isCountingDown() {
-            return Boolean(this.intervalId);
+            return void 0 !== this.intervalId;
         }
         unload() {
-            clearInterval(this.intervalId);
+            if (void 0 !== this.intervalId) window.clearInterval(this.intervalId);
+            if (void 0 !== this.fireTimeoutId) window.clearTimeout(this.fireTimeoutId);
             this.paused = false;
             this.intervalId = void 0;
+            this.fireTimeoutId = void 0;
         }
         hide() {
             html_hideElement(this.countdownElement);
@@ -18172,6 +18191,7 @@ var __webpack_exports__ = {};
             countdown_define_property(this, "options", void 0);
             countdown_define_property(this, "countdownElement", void 0);
             countdown_define_property(this, "intervalId", void 0);
+            countdown_define_property(this, "fireTimeoutId", void 0);
             countdown_define_property(this, "countdown", void 0);
             countdown_define_property(this, "paused", false);
             this.visuals = visuals;
@@ -19256,9 +19276,10 @@ var __webpack_exports__ = {};
         setVisualStream(localMediaStream) {
             if (localMediaStream) this.attachMediaStream(localMediaStream);
             else {
-                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
-                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeAttribute("srcObject");
-                null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeAttribute("src");
+                if (this.rawVisualUserMedia) {
+                    this.rawVisualUserMedia.srcObject = null;
+                    this.rawVisualUserMedia.removeAttribute("src");
+                }
                 this.currentVisualStream = void 0;
             }
         }
@@ -19268,30 +19289,24 @@ var __webpack_exports__ = {};
             return !(null == (_this_currentVisualStream = this.currentVisualStream) ? void 0 : _this_currentVisualStream.active);
         }
         hasInvalidDimensions() {
-            var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
-            if ((null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.videoWidth) && this.rawVisualUserMedia.videoWidth < 3 || (null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia1.height) && this.rawVisualUserMedia.height < 3) return true;
-            return false;
+            if (!this.rawVisualUserMedia) return false;
+            return this.rawVisualUserMedia.videoWidth < 3 || this.rawVisualUserMedia.videoHeight < 3;
         }
         logEvent(eventType, params) {
             this.options.logger.debug(`UserMedia: ... ${EVENT_ASCII} event ${eventType}: ${util_pretty(params)}`);
         }
-        outputEvent(e) {
-            var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
-            this.logEvent(e.type, {
-                readyState: null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.readyState
-            });
-            null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeEventListener(e.type, this.outputEvent.bind(this));
-        }
         unloadRemainingEventListeners() {
+            var _this_rawVisualUserMedia;
             this.options.logger.debug("UserMedia: unloadRemainingEventListeners()");
             mediaEvents.forEach((eventName)=>{
                 var _this_rawVisualUserMedia;
-                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener(eventName, this.outputEvent.bind(this));
+                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener(eventName, this.outputEvent);
             });
+            null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener("error", this.handleMediaError);
         }
         audioRecord(audioCallback) {
             var _this_audioRecorder;
-            util_Despot.removeListener("SENDING_FIRST_FRAME");
+            this.removeListener("SENDING_FIRST_FRAME");
             null == (_this_audioRecorder = this.audioRecorder) || _this_audioRecorder.record(audioCallback);
         }
         init(localMediaStream, videoCallback, audioCallback, endedEarlyCallback, switchingFacingMode) {
@@ -19308,7 +19323,7 @@ var __webpack_exports__ = {};
                 var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
                 this.options.logger.debug("UserMedia: unloadAllEventListeners()");
                 this.unloadRemainingEventListeners();
-                util_Despot.removeListener("SENDING_FIRST_FRAME");
+                this.removeListener("SENDING_FIRST_FRAME");
                 null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener("play", onPlay);
                 null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeEventListener("loadedmetadata", onLoadedMetaData);
             };
@@ -19398,7 +19413,7 @@ var __webpack_exports__ = {};
                 }
             };
             try {
-                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1, _this_rawVisualUserMedia2;
+                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1, _this_rawVisualUserMedia2, _this_rawVisualUserMedia3;
                 const videoTrack = media_getFirstVideoTrack(localMediaStream);
                 this.videoTrackLabel = null == videoTrack ? void 0 : videoTrack.label;
                 if (videoTrack) if (videoTrack.enabled) if (util_isVirtualCamera(videoTrack)) throw error_createError({
@@ -19420,9 +19435,8 @@ var __webpack_exports__ = {};
                 else this.options.logger.debug("UserMedia: detected (but no video tracks exist");
                 null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.addEventListener("loadedmetadata", onLoadedMetaData);
                 null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.addEventListener("play", onPlay);
-                null == (_this_rawVisualUserMedia2 = this.rawVisualUserMedia) || _this_rawVisualUserMedia2.addEventListener("error", (err)=>{
-                    this.options.logger.warn(`Caught video element error event: ${util_pretty(err)}`);
-                });
+                null == (_this_rawVisualUserMedia2 = this.rawVisualUserMedia) || _this_rawVisualUserMedia2.removeEventListener("error", this.handleMediaError);
+                null == (_this_rawVisualUserMedia3 = this.rawVisualUserMedia) || _this_rawVisualUserMedia3.addEventListener("error", this.handleMediaError);
                 this.setVisualStream(localMediaStream);
                 play();
             } catch (exc) {
@@ -19435,8 +19449,8 @@ var __webpack_exports__ = {};
             return this.videoTrackLabel;
         }
         isReady() {
-            var _this_rawVisualUserMedia;
-            return Boolean(null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.src);
+            var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
+            return Boolean((null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.srcObject) || (null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia1.currentSrc));
         }
         stop(visualStream, params) {
             try {
@@ -19540,12 +19554,20 @@ var __webpack_exports__ = {};
             };
         }
         constructor(recorder, options){
-            super("UserMedia", options), userMedia_define_property(this, "recorder", void 0), userMedia_define_property(this, "rawVisualUserMedia", void 0), userMedia_define_property(this, "paused", false), userMedia_define_property(this, "recording", false), userMedia_define_property(this, "audioRecorder", void 0), userMedia_define_property(this, "currentVisualStream", void 0), userMedia_define_property(this, "onPlayReached", false), userMedia_define_property(this, "onLoadedMetaDataReached", false), userMedia_define_property(this, "playingPromiseReached", false), userMedia_define_property(this, "videoTrackLabel", void 0);
+            super("UserMedia", options), userMedia_define_property(this, "recorder", void 0), userMedia_define_property(this, "rawVisualUserMedia", void 0), userMedia_define_property(this, "paused", false), userMedia_define_property(this, "recording", false), userMedia_define_property(this, "audioRecorder", void 0), userMedia_define_property(this, "currentVisualStream", void 0), userMedia_define_property(this, "onPlayReached", false), userMedia_define_property(this, "onLoadedMetaDataReached", false), userMedia_define_property(this, "playingPromiseReached", false), userMedia_define_property(this, "videoTrackLabel", void 0), userMedia_define_property(this, "outputEvent", (e)=>{
+                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
+                this.logEvent(e.type, {
+                    readyState: null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.readyState
+                });
+                null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeEventListener(e.type, this.outputEvent);
+            }), userMedia_define_property(this, "handleMediaError", (event)=>{
+                this.options.logger.warn(`Caught video element error event: ${util_pretty(event)}`);
+            });
             this.recorder = recorder;
             this.rawVisualUserMedia = recorder.getRawVisualUserMedia();
             mediaEvents.forEach((eventName)=>{
                 var _this_rawVisualUserMedia;
-                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.addEventListener(eventName, this.outputEvent.bind(this), false);
+                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.addEventListener(eventName, this.outputEvent, false);
             });
         }
     }
@@ -19978,7 +20000,7 @@ var __webpack_exports__ = {};
             this.clearUserMediaTimeout();
             const characteristics = null == (_this_userMedia = this.userMedia) ? void 0 : _this_userMedia.getCharacteristics();
             this.options.logger.debug(`Recorder: userMediaErrorCallback(), name: ${err.name}, message: ${err.message} and Webcam characteristics: ${characteristics ? util_pretty(characteristics) : "none"}`);
-            const errorListeners = util_Despot.getListeners("ERROR");
+            const errorListeners = this.getListeners("ERROR");
             if (null == errorListeners ? void 0 : errorListeners.length) {
                 if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) {
                     const videomailError = error_createError({
@@ -20081,7 +20103,7 @@ var __webpack_exports__ = {};
                 this.clearUserMediaTimeout();
                 this.options.logger.debug("Recorder: failed to load genuine user media");
                 this.userMediaLoading = false;
-                const errorListeners = util_Despot.getListeners("ERROR");
+                const errorListeners = this.getListeners("ERROR");
                 if (null == errorListeners ? void 0 : errorListeners.length) this.emit("ERROR", {
                     exc
                 });
@@ -20725,12 +20747,12 @@ var __webpack_exports__ = {};
                 heightValue = this.videomail.height;
                 if (widthValue && heightValue) ratio = heightValue / widthValue;
             }
-            if (!widthValue) {
+            if (!widthValue && (videoHeight > 0 || this.options.video.height)) {
                 const newWidthDimensions = dimensions_calculateWidth(responsive, this.options, videoHeight, ratio);
                 const newWidth = newWidthDimensions.value;
                 widthValue = newWidth;
             }
-            if (!heightValue) {
+            if (!heightValue && (videoWidth > 0 || this.options.video.width)) {
                 let element = this.visuals.getElement();
                 if (!element) element = document.body;
                 const newDimensions = dimensions_calculateHeight(responsive, videoWidth, this.options, ratio, element);
@@ -20742,14 +20764,15 @@ var __webpack_exports__ = {};
             else this.replayElement.style.height = "auto";
         }
         setVideomail(newVideomail, playerOnly = false) {
-            var _this_videomail_recordingStats;
+            var _this_replayElement, _this_videomail_recordingStats;
             this.videomail = newVideomail;
+            null == (_this_replayElement = this.replayElement) || _this_replayElement.setAttribute("controls", "controls");
             if (this.videomail.mp4) this.setMp4Source(this.videomail.mp4);
             if (this.videomail.webm) this.setWebMSource(this.videomail.webm);
             if (this.videomail.vtt) this.setTrackSource(this.videomail.vtt);
             if (this.videomail.poster) {
-                var _this_replayElement;
-                null == (_this_replayElement = this.replayElement) || _this_replayElement.setAttribute("poster", this.videomail.poster);
+                var _this_replayElement1;
+                null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.setAttribute("poster", this.videomail.poster);
             }
             this.copyAttributes(this.videomail);
             const sampleRate = null == (_this_videomail_recordingStats = this.videomail.recordingStats) ? void 0 : _this_videomail_recordingStats.sampleRate;
@@ -20770,17 +20793,16 @@ var __webpack_exports__ = {};
             } else html_showElement(this.replayElement);
             if (playerOnly) html_showElement(this.replayElement.parentElement);
             else this.visuals.show();
-            if (hasAudio) this.replayElement.setAttribute("volume", "1");
+            if (hasAudio) this.replayElement.volume = 1;
             else if (!isAudioEnabled(this.options)) this.replayElement.setAttribute("muted", "true");
             this.replayElement.load();
-            if (this.videomail) this.replayElement.addEventListener("canplaythrough", ()=>{
-                this.emit("REPLAY_SHOWN");
-            }, {
-                once: true
-            });
-            else this.replayElement.addEventListener("canplaythrough", ()=>{
-                this.emit("PREVIEW_SHOWN");
-            }, {
+            if (this.canPlayThroughHandler) this.replayElement.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+            const eventName = this.videomail ? "REPLAY_SHOWN" : "PREVIEW_SHOWN";
+            this.canPlayThroughHandler = ()=>{
+                this.canPlayThroughHandler = void 0;
+                this.emit(eventName);
+            };
+            this.replayElement.addEventListener("canplaythrough", this.canPlayThroughHandler, {
                 once: true
             });
         }
@@ -20803,49 +20825,27 @@ var __webpack_exports__ = {};
                     null == (_this_replayElement = this.replayElement) || _this_replayElement.setAttribute("controls", "controls");
                     this.show(null == params ? void 0 : params.width, null == params ? void 0 : params.height, null == params ? void 0 : params.hasAudio);
                 });
-                this.replayElement.addEventListener("touchstart", (e)=>{
-                    var _this_replayElement;
-                    e.preventDefault();
-                    if (null == (_this_replayElement = this.replayElement) ? void 0 : _this_replayElement.paused) this.replayElement.play().catch((exc)=>{
-                        throw error_createError({
-                            message: "Failed to play replay video while paused upon touchstart event.",
-                            exc,
-                            options: this.options
-                        });
-                    });
-                    else {
-                        var _this_replayElement1;
-                        null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
-                    }
-                }, {
-                    passive: true
-                });
-                this.replayElement.addEventListener("click", (e)=>{
-                    var _this_replayElement;
-                    e.preventDefault();
-                    if (null == (_this_replayElement = this.replayElement) ? void 0 : _this_replayElement.paused) this.replayElement.play().catch((exc)=>{
-                        throw error_createError({
-                            message: "Failed to play replay video while paused upon click event.",
-                            exc,
-                            options: this.options
-                        });
-                    });
-                    else {
-                        var _this_replayElement1;
-                        null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
-                    }
-                });
+                this.replayElement.addEventListener("touchstart", this.togglePlayback);
+                this.replayElement.addEventListener("click", this.togglePlayback);
             }
             this.built = true;
             this.options.logger.debug("Replay: built.");
         }
         unload(params) {
+            var _this_replayElement, _this_replayElement1;
             this.options.logger.debug("Replay: unload()");
-            util_Despot.removeAllListeners();
+            if (this.canPlayThroughHandler) {
+                var _this_replayElement2;
+                null == (_this_replayElement2 = this.replayElement) || _this_replayElement2.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+                this.canPlayThroughHandler = void 0;
+            }
+            null == (_this_replayElement = this.replayElement) || _this_replayElement.removeEventListener("touchstart", this.togglePlayback);
+            null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.removeEventListener("click", this.togglePlayback);
+            this.removeAllListeners();
             if (null == params ? void 0 : params.startingOver) this.hide();
             else {
-                var _this_replayElement;
-                null == (_this_replayElement = this.replayElement) || _this_replayElement.remove();
+                var _this_replayElement3;
+                null == (_this_replayElement3 = this.replayElement) || _this_replayElement3.remove();
                 this.replayElement = void 0;
             }
             this.videomail = void 0;
@@ -20887,7 +20887,7 @@ var __webpack_exports__ = {};
             let source = this.getVideoSource(type);
             let url = src;
             if (url && bustCache) url += `?${Date.now()}`;
-            if (source) if (src) source.setAttribute("src", src);
+            if (source) if (url) source.setAttribute("src", url);
             else source.remove();
             else if (src) {
                 const { fps } = this.options.video;
@@ -20951,7 +20951,24 @@ var __webpack_exports__ = {};
             return this.replayElement;
         }
         constructor(visuals, options){
-            super("Replay", options), replay_define_property(this, "visuals", void 0), replay_define_property(this, "built", false), replay_define_property(this, "replayElement", void 0), replay_define_property(this, "videomail", void 0);
+            super("Replay", options), replay_define_property(this, "visuals", void 0), replay_define_property(this, "built", false), replay_define_property(this, "replayElement", void 0), replay_define_property(this, "videomail", void 0), replay_define_property(this, "canPlayThroughHandler", void 0), replay_define_property(this, "togglePlayback", (e)=>{
+                var _this_replayElement;
+                e.preventDefault();
+                if (null == (_this_replayElement = this.replayElement) ? void 0 : _this_replayElement.paused) this.replayElement.play().catch((exc)=>{
+                    const err = error_createError({
+                        message: `Failed to play replay video upon ${e.type} event.`,
+                        exc,
+                        options: this.options
+                    });
+                    this.emit("ERROR", {
+                        err
+                    });
+                });
+                else {
+                    var _this_replayElement1;
+                    null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
+                }
+            });
             this.visuals = visuals;
         }
     }
@@ -21515,7 +21532,7 @@ var __webpack_exports__ = {};
                     exc
                 });
             } finally{
-                util_Despot.removeAllListeners();
+                this.removeAllListeners();
                 this.built = this.submitted = false;
             }
         }