videomail-client 15.11.0 → 16.0.0

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.11.0"
+    rE: "16.0.0"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -4339,6 +4339,7 @@ class Form extends util_Despot {
             this.options.logger.debug(`Form: doTheSubmit(${string_pretty(e)})`);
             e.preventDefault();
         } else this.options.logger.debug("Form: doTheSubmit()");
+        const hasHostAction = this.formElement.hasAttribute("action");
         const url = this.formElement.getAttribute("action") ?? this.options.apiUrl;
         const method = this.formElement.getAttribute("method");
         let chosenMethod;
@@ -4352,7 +4353,7 @@ class Form extends util_Despot {
             default:
                 chosenMethod = FormMethod.POST;
         }
-        if (this.container.hasElement()) await this.container.submitAll(this.getData(), chosenMethod, url);
+        if (this.container.hasElement()) await this.container.submitAll(this.getData(), chosenMethod, url, hasHostAction);
         return false;
     }
     getInvalidElement() {
@@ -4640,7 +4641,7 @@ const options_options = {
     audio: {
         enabled: false,
         switch: false,
-        volume: 0.2,
+        volume: 1,
         bufferSize: "auto"
     },
     video: {
@@ -6282,10 +6283,9 @@ class AudioRecorder {
         });
         volume.gain.value = this.options.audio.volume;
         this.scriptProcessor = this.getAudioContext().createScriptProcessor(bufferSize, CHANNELS, CHANNELS);
-        this.audioInput.connect(this.scriptProcessor);
-        this.scriptProcessor.connect(this.getAudioContext().destination);
         this.audioInput.connect(volume);
         volume.connect(this.scriptProcessor);
+        this.scriptProcessor.connect(this.getAudioContext().destination);
     }
     record(cb) {
         this.options.logger.debug("AudioRecorder: record()");
@@ -8814,6 +8814,7 @@ class Container extends util_Despot {
             this.removeBrowserEventListeners();
             this.removeAllListeners();
             this.built = this.submitted = false;
+            this.pendingHostSubmission = void 0;
         }
     }
     show(params) {
@@ -8849,6 +8850,7 @@ class Container extends util_Despot {
             const keepHidden = params?.keepHidden;
             this.options.logger.debug(`Container: startOver(keepHidden = ${keepHidden})`);
             this.submitted = false;
+            this.pendingHostSubmission = void 0;
             const replay = this.getReplay();
             replay.hide();
             replay.reset();
@@ -8978,10 +8980,15 @@ class Container extends util_Despot {
     buttonsAreReady() {
         return this.buttons.isReady();
     }
-    async submitAll(formData, method, url) {
+    getPendingHostSubmissionResponse(key) {
+        return this.pendingHostSubmission?.key === key ? this.pendingHostSubmission?.response : void 0;
+    }
+    async submitAll(formData, method, url, hasHostAction = false) {
         let response;
+        let hostResponse;
+        const videomailKey = formData[this.options.selectors.keyInputName];
         try {
-            const hasVideomailKey = Boolean(formData[this.options.selectors.keyInputName]);
+            const hasVideomailKey = Boolean(videomailKey);
             if (!hasVideomailKey && !this.options.enableAutoSubmission) return;
             const output = [
                 method,
@@ -8992,7 +8999,19 @@ class Container extends util_Despot {
             if (this.options.disableFormWhenSubmitting) this.disableForm(true);
             this.emit("SUBMITTING");
             if (hasVideomailKey) {
-                response = await this.submitVideomail(formData, method);
+                response = this.getPendingHostSubmissionResponse(videomailKey) ?? await this.submitVideomail(formData, method);
+                if (this.options.enableAutoSubmission && hasHostAction) {
+                    if (videomailKey) this.pendingHostSubmission = {
+                        key: videomailKey,
+                        response
+                    };
+                    const hostFormData = {
+                        ...formData
+                    };
+                    if (this.options.submitWithVideomail) hostFormData.videomail = response.body.videomail;
+                    hostResponse = await this.resource.form(hostFormData, url);
+                    this.pendingHostSubmission = void 0;
+                }
                 this.submitted = true;
                 this.emit("SUBMITTED", {
                     videomail: response.body.videomail,
@@ -9015,7 +9034,8 @@ class Container extends util_Despot {
                 err
             });
         } finally{
-            if (response?.text && "text/html" === response.type) document.body.innerHTML = dompurify.sanitize(response.text);
+            const finalResponse = hostResponse ?? response;
+            if (finalResponse?.text && "text/html" === finalResponse.type) document.body.innerHTML = dompurify.sanitize(finalResponse.text);
             this.endWaiting();
         }
     }
@@ -9081,7 +9101,7 @@ class Container extends util_Despot {
         this.visuals.setLimitSeconds(limitSeconds);
     }
     constructor(options){
-        super("Container", options), container_define_property(this, "visibility", document_visibility()), container_define_property(this, "htmlElement", document.querySelector("html")), container_define_property(this, "visuals", void 0), container_define_property(this, "buttons", void 0), container_define_property(this, "resource", void 0), container_define_property(this, "form", void 0), container_define_property(this, "hasError", false), container_define_property(this, "submitted", false), container_define_property(this, "lastValidation", false), container_define_property(this, "containerElement", void 0), container_define_property(this, "built", false), container_define_property(this, "stopListeningToVisibility", void 0), container_define_property(this, "handleWindowResize", ()=>{
+        super("Container", options), container_define_property(this, "visibility", document_visibility()), container_define_property(this, "htmlElement", document.querySelector("html")), container_define_property(this, "visuals", void 0), container_define_property(this, "buttons", void 0), container_define_property(this, "resource", void 0), container_define_property(this, "form", void 0), container_define_property(this, "hasError", false), container_define_property(this, "submitted", false), container_define_property(this, "pendingHostSubmission", void 0), container_define_property(this, "lastValidation", false), container_define_property(this, "containerElement", void 0), container_define_property(this, "built", false), container_define_property(this, "stopListeningToVisibility", void 0), container_define_property(this, "handleWindowResize", ()=>{
             if (this.built) this.emit("WINDOW_RESIZE", "container");
         }), container_define_property(this, "handleBeforeUnload", (e)=>{
             this.unload({

package/dist/esm/resource.d.ts

@@ -3,7 +3,6 @@ import { VideomailClientOptions } from "./types/options.js";
 import { VideomailThread } from "./types/thread.js";
 import { PartialVideomail, Videomail } from "./types/Videomail.js";
 import VideomailError from "./util/error/VideomailError.js";
-import { FormInputs } from "./wrappers/form.js";
 declare class Resource {
     private readonly options;
     private readonly timezoneId;
@@ -19,6 +18,6 @@ declare class Resource {
     reportError(err: VideomailError): Promise<void>;
     post(videomail: PartialVideomail): Promise<Response>;
     put(videomail: PartialVideomail): Promise<Response>;
-    form(formData: FormInputs, url: string): Promise<Response>;
+    form(formData: Record<string, unknown>, url: string): Promise<Response>;
 }
 export default Resource;

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

@@ -25,6 +25,7 @@ declare class Container extends Despot {
     private form;
     private hasError;
     private submitted;
+    private pendingHostSubmission;
     private lastValidation;
     private containerElement?;
     private built;
@@ -71,7 +72,8 @@ declare class Container extends Despot {
     enableForm(buttonsToo: boolean): void;
     hasForm(): boolean;
     private buttonsAreReady;
-    submitAll(formData: FormInputs, method: FormMethodType, url: string): Promise<void>;
+    private getPendingHostSubmissionResponse;
+    submitAll(formData: FormInputs, method: FormMethodType, url: string, hasHostAction?: boolean): Promise<void>;
     isBuilt(): boolean;
     isReplayShown(): boolean;
     isDirty(): boolean;