Merge pull request Wolox#250 from Wolox/react-17-update

React 17 update

.babelrc

@@ -5,24 +5,13 @@
         "browsers": ["last 2 versions", "safari >= 7"]
       }
     }],
-    "@babel/preset-react",
+    ["@babel/preset-react", {
+      "runtime": "automatic"
+    }],
     "@babel/preset-typescript"
   ],
   "plugins": [
     "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-proposal-object-rest-spread",
-    ["module-resolver", {
-      "root": ["./src"],
-      "alias": {
-        "@config": "./src/config",
-        "@constants": "./src/constants.js",
-        "@assets": "./assets",
-        "@tests-mocks": "./mocks",
-        "@actions": "./src/store/actions",
-        "@utils": "./src/utils",
-        "@messagesComponents": "./src/components/Widget/components/Conversation/components/Messages/components",
-        "@quickButtonsComponents": "./src/components/Widget/components/Conversation/components/QuickButtons/components"
-      }
-    }]
+    "@babel/plugin-proposal-object-rest-spread"
   ]
 }

.eslintrc

@@ -1,6 +1,8 @@
 {   
   "extends": "wolox",
   "rules": {
-    "import/order": "off"
+    "import/order": "off",
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
   }
 }

README.md

@@ -4,28 +4,6 @@
 
 [![FEArmy](./assets/FEA_open_source_sm.png)](https://github.com/orgs/Wolox/teams/front-end-army/members)
 
-## Sponsors
-
-<div>
-    <br/>
-    <p align="center">
-        <a href="https://getstream.io/chat/?utm_source=github&utm_medium=react-chat-widget&utm_campaign=sponsorship" target="_blank">
-            <img src="https://i.imgur.com/oU7XYkk.png">
-        </a>
-    </p>
-    <br>
-    <div>
-        <p align="center">
-            A scalable <a href="https://getstream.io/chat/?utm_source=github&utm_medium=react-chat-widget&utm_campaign=sponsorship" target="_blank">Chat API/Server</a> written in Go
-        </p>
-    </div>
-    <div>
-        <p align="center">
-            <a href="https://getstream.io/chat/get_started/?utm_source=github&utm_medium=react-chat-widget&utm_campaign=sponsorship" target="_blank">API Tour</a> | <a href="https://github.com/getstream/stream-sdks?utm_source=github&utm_medium=react-chat-widget&utm_campaign=sponsorship" target="_blank">SDKs</a> | <a href="https://getstream.io/chat/docs/?utm_source=github&utm_medium=react-chat-widget&utm_campaign=sponsorship" target="_blank">Docs</a>
-        </p>
-    </div>
-</div>
-
 ## Features
 
 - Plain text message UI

dev/App.tsx

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 
 import { Widget, addResponseMessage, setQuickButtons, toggleMsgLoader, addLinkSnippet } from '../index';
 import { addUserMessage } from '..';
@@ -38,18 +38,15 @@ export default class App extends Component {
 
   render() {
     return (
-      <div>
-        <button style={{position: 'absolute', right: 40, bottom: 150}}>test</button>
-        <Widget
-          title="Bienvenido"
-          subtitle="Asistente virtual"
-          senderPlaceHolder="Escribe aquí ..."
-          handleNewUserMessage={this.handleNewUserMessage}
-          handleQuickButtonClicked={this.handleQuickButtonClicked}
-          imagePreview
-          handleSubmit={this.handleSubmit}
-        />
-      </div>
+      <Widget
+        title="Bienvenido"
+        subtitle="Asistente virtual"
+        senderPlaceHolder="Escribe aquí ..."
+        handleNewUserMessage={this.handleNewUserMessage}
+        handleQuickButtonClicked={this.handleQuickButtonClicked}
+        imagePreview
+        handleSubmit={this.handleSubmit}
+      />
     );
   }
 }

dev/main.tsx

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

index.js

@@ -12,7 +12,7 @@ import {
   setQuickButtons,
   deleteMessages,
   markAllAsRead,
-  setBadgeCount,
+  setBadgeCount
 } from './src/store/dispatcher';
 
 export {