Add new option disableFormWhenSubmitting

Author: binarykitchen

eslint.config.js

@@ -16,17 +16,17 @@ import tseslint from "typescript-eslint";
 
 // Good reference: https://github.com/dustinspecker/awesome-eslint#readme
 
-const CLIENT_ONLY_FILES = "src/**/*.{js,ts}";
-const TEST_ONLY_FILES = "src/**/__tests__/**";
-const STORYBOOK_FILES = ".storybook/**/*.{js,ts}";
+const CLIENT_ONLY_FILES = "./src/**/*.{js,ts}";
+const TEST_ONLY_FILES = "./src/**/__tests__/**";
+const STORYBOOK_FILES = "./.storybook/**/*.{js,ts}";
 
 const ALL_FILES = [
   CLIENT_ONLY_FILES,
   STORYBOOK_FILES,
   // Root level files
-  "*.{js,ts}",
+  "./*.{js,ts}",
   // Scripts
-  "etc/**/*.{js,ts}",
+  "./etc/**/*.{js,ts}",
 ];
 
 /*

package.json

@@ -49,7 +49,7 @@
     "lint:fix": "eslint --color --fix .",
     "lint:inspect": "eslint --inspect-config",
     "prettier": "prettier --check ./etc ./src ./.storybook ./*.ts ./*.js",
-    "prettier:fix": "prettier --write ./etc ./src ./.storybook ./*.ts",
+    "prettier:fix": "prettier --write ./etc ./src ./.storybook ./*.ts ./*.js",
     "release": "release-it --only-version --config ./etc/release-it.ts",
     "storybook": "cross-env BROWSER=chromium storybook dev -p 8443 --https --ssl-cert ./etc/ssl-certs/localhost.crt --ssl-key ./etc/ssl-certs/localhost.key",
     "test": "cross-env ENVIRON=test vitest --watch=false",

src/options.ts

@@ -161,6 +161,12 @@ const options: VideomailClientOptions = {
   // when true, any errors will be sent to the videomail server for analysis
   reportErrors: true,
 
+  // This is because we need to set this to false by default for our WordPress plugin unfortunately.
+  // Because WordPress plugins do overlap with each other.
+  //
+  // We will keep the default to `true` but offer an option to correct it on WP side.
+  disableFormWhenSubmitting: true,
+
   // just for testing purposes to simulate browser agent handling
   fakeUaString: undefined,
 

src/types/options.ts

@@ -132,6 +132,7 @@ export interface VideomailClientOptions {
   displayErrors: boolean;
   adjustFormOnBrowserError: boolean;
   reportErrors: boolean;
+  disableFormWhenSubmitting?: boolean | undefined;
   fakeUaString?: string | undefined;
 
   versions?: {

src/wrappers/container.ts

@@ -751,7 +751,11 @@ class Container extends Despot {
       this.options.logger.debug(`Container: submitAll(${output})`);
 
       this.beginWaiting();
-      this.disableForm(true);
+
+      if (this.options.disableFormWhenSubmitting) {
+        this.disableForm(true);
+      }
+
       this.emit("SUBMITTING");
 
       if (!hasVideomailKey) {

src/wrappers/visuals.ts

@@ -204,7 +204,7 @@ class Visuals extends Despot {
   }
 
   public removeChild(child: HTMLElement) {
-    this.visualsElement?.removeChild(child);
+    child.remove();
   }
 
   public reset() {