🐛[FrontEnd] Better error handling of invalid pre-registration data

services/static-webserver/client/source/class/osparc/po/PreRegistration.js

@@ -76,11 +76,27 @@ qx.Class.define("osparc.po.PreRegistration", {
         }
         if (form.validate()) {
           submitBtn.setFetching(true);
+
+          const flashErrorMsg = this.tr("Pre-Registration Failed. See details below");
           const findingStatus = this.getChildControl("finding-status");
           findingStatus.setValue(this.tr("Searching Pre-Registered users..."));
-          const params = {
-            data: JSON.parse(requestAccountData.getValue())
-          };
+
+          let params;
+          try {
+            params = {
+              data: JSON.parse(requestAccountData.getValue())
+            };
+          } catch (err) {
+            console.error(err);
+
+            const detailErrorMsg = `Error parsing Request Form JSON. ${err}`;
+            findingStatus.setValue(detailErrorMsg);
+
+            osparc.FlashMessenger.logAs(flashErrorMsg, "ERROR");
+            submitBtn.setFetching(false);
+            return
+          }
+
           osparc.data.Resources.fetch("users", "preRegister", params)
             .then(data => {
               if (data.length) {
@@ -91,9 +107,10 @@ qx.Class.define("osparc.po.PreRegistration", {
               this.__populatePreRegistrationLayout(data);
             })
             .catch(err => {
-              findingStatus.setValue(this.tr("Error searching Pre-Registered users"));
+              const detailErrorMsg = this.tr(`Error during Pre-Registeristration: ${err.message}`)
+              findingStatus.setValue(detailErrorMsg);
               console.error(err);
-              osparc.FlashMessenger.logAs(err.message, "ERROR");
+              osparc.FlashMessenger.logAs(flashErrorMsg, "ERROR");
             })
             .finally(() => submitBtn.setFetching(false));
         }