merge latest

Author: digitalWestie

dist/react-simple-chatbot.js

@@ -3,7 +3,7 @@ import textSchema from './textSchema';
 import optionsSchema from './optionsSchema';
 import customSchema from './customSchema';
 import updateSchema from './updateSchema';
-import { stringify } from 'flatted';
+import { stringify } from 'flatted/cjs';
 
 const schema = {
   parse(step) {

dist/react-simple-chatbot.js.map

@@ -1,8 +1,9 @@
 import styled from 'styled-components';
 import defaultTheme from '../../theme';
 
-const OptionElement = styled.a`
+const OptionElement = styled.button`
   background: ${({ theme }) => theme.botBubbleColor};
+  border: 0;
   border-radius: 22px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
   color: ${({ theme }) => theme.botFontColor};
@@ -13,6 +14,10 @@ const OptionElement = styled.a`
   &:hover {
     opacity: 0.7;
   }
+  &:active,
+  &:hover:focus {
+    outline:none;
+  }
 `;
 
 OptionElement.defaultProps = {

lib/schemas/schema.js

@@ -1,4 +1,4 @@
-import { stringify, parse } from 'flatted';
+import { stringify, parse } from 'flatted/cjs'
 
 /* istanbul ignore next */
 const getData = (params, callback) => {

lib/steps_components/options/OptionElement.jsx

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