fix custom avatar to custom step when rendered with asMessage prop

Author: LucasBassetti

.eslintrc

@@ -14,6 +14,7 @@
     "no-confusing-arrow": ["off"],
     "class-methods-use-this": ["off"],
     "jsx-a11y/no-static-element-interactions": ["off"],
+    "jsx-a11y/img-has-alt": ["off"],
     "react/no-will-update-set-state": ["off"],
     "react/jsx-boolean-value": ["off"],
     "react/react-in-jsx-scope": ["off"],

dist/react-simple-chatbot.js

@@ -60,9 +60,9 @@ class ChatBot extends Component {
       const step = this.props.steps[i];
       let settings = {};
 
-      if (step.user || step.asMessage) {
+      if (step.user) {
         settings = defaultUserSettings;
-      } else if (step.message) {
+      } else if (step.message || step.asMessage) {
         settings = defaultBotSettings;
       } else if (step.component) {
         settings = defaultCustomSettings;

lib/ChatBot.jsx

@@ -9,6 +9,11 @@ export default [
     types: ['any'],
     required: true,
   },
+  {
+    key: 'avatar',
+    types: ['string'],
+    required: false,
+  },
   {
     key: 'replace',
     types: ['boolean'],

lib/schemas/customSchema.js

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-chatbot",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React Simple Chatbot",
   "main": "dist/react-simple-chatbot.js",
   "scripts": {

package-lock.json

@@ -21,12 +21,9 @@ const steps = [
   },
 ];
 
-const Example = () =>
-  <ChatBot steps={steps} />;
-
 const ThemedExample = () => (
   <ThemeProvider theme={otherFontTheme}>
-    <Example />
+    <ChatBot steps={steps} />
   </ThemeProvider>
 );