frontend user input handling

web/src/App.js

@@ -7,11 +7,16 @@ import LaunchRequest from './components/LaunchRequest';
 import Contact from './components/Contact';
 import Popup from 'react-popup';
 import {getSkill, updateSkill} from './lib/api';
+import {isEmailValid} from './lib/helpers';
 import {
   NEW_INTENT_SELECTED_INDEX,
   LAUNCH_REQUEST_SELECTED_INDEX,
   CONTACT_SELECTED_INDEX,
   RESULT_CODES,
+  INVOCATION_NAME_MIN_LENGTH,
+  INTENT_NAME_MIN_LENGTH,
+  QUESTION_MIN_LENGTH,
+  ANSWER_MIN_LENGTH,
 } from './config/constants';
 
 class App extends Component {
@@ -144,6 +149,12 @@ class App extends Component {
   }
 
   handleSaveLaunchRequestClick (name, answer) {
+
+    if (name.length < INVOCATION_NAME_MIN_LENGTH){
+      Popup.alert ('Invocation name should be at least 2 characters long');
+      return;
+    }
+
     this.setState ({
       waiting: true,
       invocationName: name,
@@ -162,6 +173,7 @@ class App extends Component {
   }
 
   handleSaveEmailClick (email) {
+    if (isEmailValid(email)){
       this.setState ({waiting: true});
       this.sendSkill (
         this.state.allIntents,
@@ -173,6 +185,9 @@ class App extends Component {
         email,
         false
       );
+    }else{
+      Popup.alert ('Please enter valid email');
+    }
   }
 
   handleDeleteIntentClick (selectedIntent) {
@@ -215,7 +230,46 @@ class App extends Component {
   }
 
   handleSaveIntentClick (selectedIntent) {
-    console.log("Save intent");
+
+    if (selectedIntent.intentName.length < INTENT_NAME_MIN_LENGTH){
+      Popup.alert ('Question name should have at least 2 characters');
+      return;
+    }
+
+    if (selectedIntent.answer.length < ANSWER_MIN_LENGTH){
+      Popup.alert('Answer should have at least 2 characters');
+      return;
+    }
+
+    for(let i=0;i<selectedIntent.questions.length;i++){
+      if (selectedIntent.questions[i].length < QUESTION_MIN_LENGTH){
+        Popup.alert('Question variant should have at least 2 characters');
+        return;
+      }
+    }
+
+    //Check for same question variants and same question name in other intents
+
+    for (let i=0;i<this.state.allIntents.length;i++){
+      if (i!==this.state.selectedIndex){
+        if (selectedIntent.intentName === this.state.allIntents[i].intentName){
+          Popup.alert('Question name already exists');
+          return;
+        }
+
+        for(let j=0;j<selectedIntent.questions.length;j++){
+          for (let k=0;k<this.state.allIntents[i].questions.length;k++){
+            if (selectedIntent.questions[j] === this.state.allIntents[i].questions[k]){
+              Popup.alert('Question variant already exists (in question :' + this.state.allIntents[i].intentName + ')');
+              return;
+            }
+          }
+        }
+      }
+    }
+
+
+
     let newAllIntentsJSON = JSON.stringify (this.state.allIntents);
     let newAllIntents = JSON.parse (newAllIntentsJSON);
     

web/src/components/IntentDetails.js

@@ -103,33 +103,30 @@ class IntentDetails extends Component {
   }
 
   handleQuestionEdit(e,index){
-    if (e.length === QUESTION_MAX_LENGTH) return;
+    if (e.length === QUESTION_MAX_LENGTH || !(/^[a-z,.' ]*$/i.test(e))) return;
     let newIntent = this.state.intent;
     newIntent.questions[index] = e;
     this.setState({intent: newIntent});
   }
 
   handleIntentExplanationEdit(e,index){
-    if (e.length === INTENT_EXPLANATION_MAX_LENGTH) return;
+    if (e.length === INTENT_EXPLANATION_MAX_LENGTH || !(/^[a-z,.' ]*$/i.test(e))) return;
     let newIntent = this.state.intent;
     newIntent.intentExplanation = e;
     this.setState({intent: newIntent});
   }
 
   handleAnswerEdit(e){
-    if (e.length === ANSWER_MAX_LENGTH) return;
+    if (e.length === ANSWER_MAX_LENGTH || !(/^[a-z,.' ]*$/i.test(e))) return;
     let newIntent = this.state.intent;
     newIntent.answer = e;
     this.setState({intent: newIntent});
   }
 
   handleIntentNameEdit(e){
-    if (e.length === INTENT_NAME_MAX_LENGTH) return;
+    if (e.length === INTENT_NAME_MAX_LENGTH || !(/^[a-z]*$/i.test(e))) return;
     let newIntent = this.state.intent;
-    //Allow question name with only letters, and with one character minimum
-    if (/^[a-z]*$/i.test(e)){
     newIntent.intentName = e;
-    }
     this.setState({intent: newIntent});
   }
 }

web/src/components/LaunchRequest.js

@@ -52,12 +52,12 @@ class LaunchRequest extends Component {
   }
 
   handleNameEdit(e){
-    if (e.length === INVOCATION_NAME_MAX_LENGTH) return;
+    if (e.length === INVOCATION_NAME_MAX_LENGTH || !(/^[a-z,.' ]*$/i.test(e))) return; 
     this.setState({invocationName: e});
   }
 
   handleAnswerEdit(e){
-    if (e.length === INVOCATION_ANSWER_MAX_LENGTH) return;
+    if (e.length === INVOCATION_ANSWER_MAX_LENGTH || !(/^[a-z,.' ]*$/i.test(e))) return; 
     this.setState({invocationAnswer: e});
   }
 }

web/src/config/constants.js

@@ -1,12 +1,19 @@
-export const INTENT_NAME_MAX_LENGTH = 30;
 export const INTENT_EXPLANATION_MAX_LENGTH = 70;
+
+export const INTENT_NAME_MAX_LENGTH = 30;
+export const INTENT_NAME_MIN_LENGTH = 2;
+
 export const QUESTION_MAX_LENGTH = 150;
+export const QUESTION_MIN_LENGTH = 2;
+
 export const ANSWER_MAX_LENGTH = 150;
+export const ANSWER_MIN_LENGTH = 2;
 
 export const INTENT_TITLE_MAX_LENGTH = 20;
 export const INTENT_TITLE_TOOLTIP_DELAY = 700;
 
-export const INVOCATION_NAME_MAX_LENGTH = 15;
+export const INVOCATION_NAME_MAX_LENGTH = 50;
+export const INVOCATION_NAME_MIN_LENGTH = 2;
 export const INVOCATION_ANSWER_MAX_LENGTH = 100;
 
 export const EMAIL_MAX_LENGTH = 100;

web/src/lib/helpers.js

@@ -0,0 +1,5 @@
+export const isEmailValid = email => {
+  let validEmailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+
+  return validEmailRegex.test (email);
+};