Webclient: Handle firing an event once (#4499)

* draft: handle firing an event once

* lint

* Prevent rapid double-click on sending messages

* no rest spread on single primative when sibling components exist

* clear message instead of using a fireOnce handler.

* fix tests

* remove unnecessary validate mock

webclient/package.json

@@ -6,6 +6,8 @@
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/styles": "^4.11.4",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
     "crypto-js": "^4.1.1",
     "dexie": "^3.0.3",
     "final-form": "^4.20.4",
@@ -57,6 +59,11 @@
       "last 1 safari version"
     ]
   },
+  "jest": {
+    "moduleNameMapper": {
+      "\\.(css|less)$": "identity-obj-proxy"
+    }
+  },
   "devDependencies": {
     "@types/jest": "27.0.2",
     "@types/jquery": "^3.5.8",
@@ -76,6 +83,7 @@
     "@typescript-eslint/parser": "^5.3.1",
     "cross-env": "^7.0.3",
     "eslint": "^7.32.0",
+    "identity-obj-proxy": "^3.0.0",
     "run-script-os": "^1.1.6"
   }
 }