Fix LucasBassetti#192

Author: LucasBassetti

example/components/Example.jsx

@@ -18,14 +18,24 @@ const steps = [
   {
     id: '1',
     message: 'Hello World',
+    trigger: '2',
+  },
+  {
+    id: '2',
+    user: true,
+    trigger: '3',
+  },
+  {
+    id: '3',
+    message: 'Hello World',
     end: true,
   },
 ];
 
 
 const ThemedExample = () => (
   <ThemeProvider theme={otherFontTheme}>
-    <ChatBot steps={steps} />
+    <ChatBot recognitionEnable steps={steps} />
   </ThemeProvider>
 );
 

lib/ChatBot.jsx

@@ -386,7 +386,7 @@ class ChatBot extends Component {
 
   isInputValueEmpty = () => {
     const { inputValue } = this.state;
-    return Boolean(inputValue) && inputValue.length > 0;
+    return !inputValue || inputValue.length === 0;
   }
 
   isLastPosition = (step) => {
@@ -436,13 +436,15 @@ class ChatBot extends Component {
 
   handleSubmitButton = () => {
     const { speaking, recognitionEnable } = this.state;
+
     if ((this.isInputValueEmpty() || speaking) && recognitionEnable) {
       this.recognition.speak();
       if (!speaking) {
         this.setState({ speaking: true });
       }
       return;
     }
+
     this.submitUserMessage();
   }