Start v3.0

- Add TypeScript
- Update React, Babel, Webpack versions to latest

.babelrc

@@ -1,14 +1,16 @@
 {
   "presets": [
-    ["env", {
+    ["@babel/preset-env", {
       "targets": {
         "browsers": ["last 2 versions", "safari >= 7"]
       }
     }],
-    "react" 
+    "@babel/preset-react",
+    "@babel/preset-typescript"
   ],
   "plugins": [
-    "transform-class-properties",
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-object-rest-spread",
     ["module-resolver", {
       "root": ["./src"],
       "alias": {

.eslintignore

@@ -1,2 +1,3 @@
 lib
 dev
+webpack.config*

dev/App.js → dev/App.tsx

@@ -1,15 +1,16 @@
-import React, { Component } from 'react';
+import * as React from 'react';
+
 import { Widget, addResponseMessage, setQuickButtons, toggleMsgLoader } from '../index';
 
-export default class App extends Component {
+export default class App extends React.Component {
   componentDidMount() {
     addResponseMessage('Welcome to this awesome chat!');
   }
 
-  handleNewUserMessage = (newMessage) => {    
+  handleNewUserMessage = (newMessage: any) => {
     toggleMsgLoader();
     setTimeout(() => {
-      toggleMsgLoader();      
+      toggleMsgLoader();
       if (newMessage === 'fruits') {
         setQuickButtons([ { label: 'Apple', value: 'apple' }, { label: 'Orange', value: 'orange' }, { label: 'Pear', value: 'pear' }, { label: 'Banana', value: 'banana' } ]);
       } else {
@@ -18,7 +19,7 @@ export default class App extends Component {
     }, 2000);
   }
 
-  handleQuickButtonClicked = (e) => {
+  handleQuickButtonClicked = (e: any) => {
     addResponseMessage('Selected ' + e);
     setQuickButtons([]);
   }

dev/main.js → dev/main.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 
 import App from './App';