From 9470f8a7ada0a723ef8d807fed9c99b2d04fea0a Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Sat, 6 Jun 2020 18:13:42 +0530
Subject: [PATCH 01/30] change Rc calls to rclone-api

---
 package.json                         | 3 ++-
 src/actions/providerStatusActions.js | 7 +++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index d6c3562ae..df98e5c77 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,8 @@
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
     "simple-line-icons": "^2.4.1",
-    "typescript": "^3.7.5"
+    "typescript": "^3.7.5",
+    "rclone-api": "^1.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.10.2",
diff --git a/src/actions/providerStatusActions.js b/src/actions/providerStatusActions.js
index b83c9bcff..6b49474f6 100644
--- a/src/actions/providerStatusActions.js
+++ b/src/actions/providerStatusActions.js
@@ -1,7 +1,6 @@
 import {addColonAtLast, isLocalRemoteName} from "../utils/Tools";
 import {GET_REMOTE_ABOUT, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
-import axiosInstance from "../utils/API/API";
-import urls from "../utils/API/endpoint";
+import {getRemoteInfo} from "rclone-api";
 
 /**
  * Gets the information of a provider
@@ -29,13 +28,13 @@ export const getAboutRemote = (containerID) => {
                 payload: {}
             });
 
-            axiosInstance.post(urls.getAbout, {fs: remoteName})
+            getRemoteInfo(remoteName)
                 .then((res) => {
                     dispatch({
                         type: GET_REMOTE_ABOUT,
                         status: REQUEST_SUCCESS,
                         id: containerID,
-                        payload: res.data
+                        payload: res
                     })
                 }, (res) => {
                     dispatch({

From 7702ddf9efe3f1605af97c5deb65c99cca0d7d29 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Fri, 22 May 2020 09:53:26 +0530
Subject: [PATCH 02/30] Video Plugin: Integration

---
 src/actions/pluginActions.js                  | 26 ++++++++++
 src/reducers/pluginsReducer.js                | 33 +++++++++++++
 src/utils/API/endpoint.js                     |  2 +
 .../Base/Widgets/VideoPlayer/VideoPlayer.js   | 48 +++++++++++++------
 4 files changed, 94 insertions(+), 15 deletions(-)
 create mode 100644 src/actions/pluginActions.js
 create mode 100644 src/reducers/pluginsReducer.js

diff --git a/src/actions/pluginActions.js b/src/actions/pluginActions.js
new file mode 100644
index 000000000..a3ea7917e
--- /dev/null
+++ b/src/actions/pluginActions.js
@@ -0,0 +1,26 @@
+import axiosInstance from "../utils/API/API";
+import urls from "../utils/API/endpoint";
+import {GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
+
+/**
+ * Load test plugins
+ * @returns {Function}
+ */
+export const loadTestPlugins = () => {
+	return (dispatch) => {
+		axiosInstance.post(urls.listTestPlugins).then((res) => {
+				dispatch({
+					type: GET_TEST_PLUGINS,
+					status: REQUEST_SUCCESS,
+					payload: res.data
+				})
+			},
+			(error) => {
+				dispatch({
+					type: GET_TEST_PLUGINS,
+					status: REQUEST_ERROR,
+					payload: error
+				})
+			});
+	}
+};
diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
new file mode 100644
index 000000000..51d3a363c
--- /dev/null
+++ b/src/reducers/pluginsReducer.js
@@ -0,0 +1,33 @@
+import {GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
+
+const initialState = {
+	loadedTestPlugins: {},
+	error: ""
+};
+
+/**
+ * Specifies the reducers for the job status and other remote ops.
+ * @param state
+ * @param action
+ * @returns {{jobStatus: {}, runningJobs: Array, runningJobsFetchError: {}}|({jobStatus, runningJobs, runningJobsFetchError}&{runningJobs: *, runningJobsFetchError: undefined})|({jobStatus, runningJobs, runningJobsFetchError}&{runningJobsFetchError: *})|({jobStatus, runningJobs, runningJobsFetchError}&{jobStatus: (initialState.jobStatus|{})})}
+ */
+export default function (state = initialState, action) {
+	switch (action.type) {
+		case GET_TEST_PLUGINS:
+			if (action.status === REQUEST_SUCCESS) {
+				return {
+					...state,
+					loadedTestPlugins: action.payload.loadedTestPlugins,
+				}
+			} else if (action.status === REQUEST_ERROR) {
+				return {
+					...state,
+					loadedTestPlugins: undefined,
+					error: action.payload
+				}
+			}
+			break;
+		default:
+			return state;
+	}
+}
diff --git a/src/utils/API/endpoint.js b/src/utils/API/endpoint.js
index a6c8ed705..86ce30e4e 100644
--- a/src/utils/API/endpoint.js
+++ b/src/utils/API/endpoint.js
@@ -138,5 +138,7 @@ const urls = {
      */
     unmountAll: "mount/unmountall",
 
+    listTestPlugins: "pluginsctl/listTestPlugins",
+
 };
 export default urls;
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index e3bba1ac8..3ef8f919d 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -1,11 +1,12 @@
 import React, {useState} from "react";
-import {Button, Modal} from "reactstrap";
+import {Button} from "reactstrap";
 import * as ReactDOM from "react-dom";
-import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 import * as PropTypes from "prop-types";
 import ErrorBoundary from "../../../../ErrorHandling/ErrorBoundary";
 
 import ReactAwesomePlayer from 'react-awesome-player'
+import {connect} from "react-redux";
+import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 
 class PlayerComponent extends React.Component {
     // loadeddata() {
@@ -46,10 +47,15 @@ class PlayerComponent extends React.Component {
     }
 }
 
-function VideoPlayer({playbackURL, MimeType}) {
+function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
 
     const [preview, setPreview] = useState(true);
 
+    const pluginUrl = loadedTestPlugins["@rclone/video-plugin"];
+
+    console.log("Plugin URL: " + pluginUrl, loadedTestPlugins)
+
+
     function hideFull(e) {
         e.stopPropagation();
         setPreview(!preview);
@@ -67,7 +73,7 @@ function VideoPlayer({playbackURL, MimeType}) {
             </div>
         )
     } else {
-
+        if (!pluginUrl) return <p>Cannot load plugin</p>;
         // Load the video
 
         const subtitleURL = playbackURL.substring(0, playbackURL.lastIndexOf('.')) + ".vtt";
@@ -89,18 +95,25 @@ function VideoPlayer({playbackURL, MimeType}) {
         };
 
 
-        element = ReactDOM.createPortal((
-            <Modal className="task-modal d-none d-sm-block" data-test="videoPlayerWidget" isOpen={!preview}
-                   toggle={hideFull}>
+        element =
+            ReactDOM.createPortal(
+                <>
+                    <div className="task-modal d-none d-sm-block" data-test="videoPlayerWidget">
 
-                {/*<video id="video" controls preload="metadata" width="600">*/}
-                {/*    <source src={playbackURL} type={MimeType}/>*/}
-                {/*</video>*/}
-                <PlayerComponent {...options}/>
+                        {/*<video id="video" controls preload="metadata" width="600">*/}
+                        {/*    <source src={playbackURL} type={MimeType}/>*/}
+                        {/*</video>*/}
+                        <PlayerComponent {...options}/>
+                        <Button color="link" onClick={hideFull} className="modal-button">
+                            <i
+                                className="fa fa-close fa-3x"
+                            />
+                        </Button>
+                    </div>
+                    <div className="modal-backdrop fade show"></div>
 
 
-            </Modal>
-        ), document.getElementById(MODAL_ROOT_ELEMENT));
+                </>, document.getElementById(MODAL_ROOT_ELEMENT));
     }
 
     return (
@@ -114,7 +127,12 @@ function VideoPlayer({playbackURL, MimeType}) {
 
 VideoPlayer.propTypes = {
     playbackURL: PropTypes.string.isRequired,
-    MimeType: PropTypes.string.isRequired
+    MimeType: PropTypes.string.isRequired,
+    loadedTestPlugins: PropTypes.object.isRequired,
 };
 
-export default VideoPlayer;
\ No newline at end of file
+const mapStateToProps = (state) => ({
+    loadedTestPlugins: state.plugins.loadedTestPlugins
+});
+
+export default connect(mapStateToProps, {})(VideoPlayer);

From 91174f03ce8e2188541fab096da404895ff7736c Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Fri, 22 May 2020 11:30:50 +0530
Subject: [PATCH 03/30] plugins: Added plugin dashboard

---
 src/_nav.js                                   |  6 ++-
 src/actions/pluginActions.js                  | 14 ++++++-
 src/actions/types.js                          |  2 +
 src/reducers/pluginsReducer.js                |  4 +-
 src/utils/API/endpoint.js                     |  8 ++++
 .../PluginsDashboard/PluginsDashboard.js      | 18 +++++++++
 .../PluginsDashboard/PluginsDashboard.test.js | 40 +++++++++++++++++++
 7 files changed, 89 insertions(+), 3 deletions(-)
 create mode 100644 src/views/PluginsDashboard/PluginsDashboard.js
 create mode 100644 src/views/PluginsDashboard/PluginsDashboard.test.js

diff --git a/src/_nav.js b/src/_nav.js
index 1d467bbb2..4ce1e96fa 100644
--- a/src/_nav.js
+++ b/src/_nav.js
@@ -20,6 +20,11 @@ export default {
             url: '/rcloneBackend',
             icon: 'icon-star',
         },
+        {
+            name: 'Plugins',
+            url: '/pluginsDashboard',
+            icon: 'icon-plugins'
+        },
         {
             name: 'Mounts',
             url: '/mountDashboard',
@@ -30,6 +35,5 @@ export default {
             url: '/login',
             icon: 'icon-logout',
         },
-
     ],
 };
diff --git a/src/actions/pluginActions.js b/src/actions/pluginActions.js
index a3ea7917e..06c338c0b 100644
--- a/src/actions/pluginActions.js
+++ b/src/actions/pluginActions.js
@@ -1,6 +1,6 @@
 import axiosInstance from "../utils/API/API";
 import urls from "../utils/API/endpoint";
-import {GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
+import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
 
 /**
  * Load test plugins
@@ -24,3 +24,15 @@ export const loadTestPlugins = () => {
 			});
 	}
 };
+
+export const addTestPlugin = (pluginName, pluginUrl) => (dispatch) => {
+	axiosInstance.post(urls.addTestPlugin, {name: pluginName, loadUrl: pluginUrl, test: true}).then(res => {
+		dispatch(loadTestPlugins());
+	}, (error) => {
+		dispatch({
+			type: ADD_TEST_PLUGIN,
+			status: REQUEST_ERROR,
+			payload: error
+		})
+	})
+}
diff --git a/src/actions/types.js b/src/actions/types.js
index 7f536c588..6fb73cea3 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -42,6 +42,8 @@ export const GET_MOUNT_LIST = "GET_MOUNT_LIST";
 export const REMOVE_MOUNT = "REMOVE_MOUNT";
 export const CREATE_MOUNT = "CREATE_MOUNT";
 
+export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
+
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
 export const REQUEST_LOADING = 'LOADING';
diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
index 51d3a363c..3b704eebe 100644
--- a/src/reducers/pluginsReducer.js
+++ b/src/reducers/pluginsReducer.js
@@ -1,4 +1,4 @@
-import {GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
+import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
 
 const initialState = {
 	loadedTestPlugins: {},
@@ -27,6 +27,8 @@ export default function (state = initialState, action) {
 				}
 			}
 			break;
+		case ADD_TEST_PLUGIN:
+			return state;
 		default:
 			return state;
 	}
diff --git a/src/utils/API/endpoint.js b/src/utils/API/endpoint.js
index 86ce30e4e..b78f4483e 100644
--- a/src/utils/API/endpoint.js
+++ b/src/utils/API/endpoint.js
@@ -138,7 +138,15 @@ const urls = {
      */
     unmountAll: "mount/unmountall",
 
+    /**
+     *  List the loaded test plugins
+     */
     listTestPlugins: "pluginsctl/listTestPlugins",
 
+    /**
+     * Add a test plugin
+     */
+    addTestPlugin: "pluginsctl/addTestPlugin",
+
 };
 export default urls;
diff --git a/src/views/PluginsDashboard/PluginsDashboard.js b/src/views/PluginsDashboard/PluginsDashboard.js
new file mode 100644
index 000000000..2e9a9395f
--- /dev/null
+++ b/src/views/PluginsDashboard/PluginsDashboard.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import {connect} from "react-redux";
+
+class PluginsDashboard extends React.Component {
+	render() {
+		return (
+			<div data-test="pluginsDashboardComponent">
+
+
+			</div>);
+	}
+}
+
+const mapStateToProps = state => ({});
+
+PluginsDashboard.propTypes = {};
+
+export default connect(mapStateToProps, {})(PluginsDashboard);
diff --git a/src/views/PluginsDashboard/PluginsDashboard.test.js b/src/views/PluginsDashboard/PluginsDashboard.test.js
new file mode 100644
index 000000000..506b9ef84
--- /dev/null
+++ b/src/views/PluginsDashboard/PluginsDashboard.test.js
@@ -0,0 +1,40 @@
+import React from "react";
+import {shallow} from "enzyme";
+import {findByTestAttr, testStore} from "../../../Utils";
+import toJson from "enzyme-to-json";
+import PluginsDashboard from "./PluginsDashboard";
+
+const setUp = (intialState = {}, props = {}) => {
+	const store = testStore(intialState);
+
+	const component = shallow(<PluginsDashboard {...props} store={store}/>);
+	return component.childAt(0).dive();
+};
+
+
+describe('Plugins Dashboard', () => {
+}, function () {
+	describe('renders', function () {
+		let wrapper;
+		beforeEach(() => {
+			const initialState = {
+				status: {
+					checkStatus: true
+				}
+			};
+
+			const props = {};
+			wrapper = setUp(initialState, props)
+		});
+
+		it('should render without crashing', function () {
+			const component = findByTestAttr(wrapper, "pluginsDashboardComponent");
+			expect(component).toHaveLength(1);
+		});
+
+		it('should match snapshot', function () {
+			expect(toJson(wrapper)).toMatchSnapshot()
+		});
+	});
+
+});

From 28c6b7d968a0c1eca86b38cae2ada67594e14ad0 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Wed, 27 May 2020 15:52:15 +0530
Subject: [PATCH 04/30] plugins: load plugins dynamically

---
 src/views/Base/Widgets/VideoPlayer/VideoPlayer.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index 3ef8f919d..b5396f006 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -7,6 +7,7 @@ import ErrorBoundary from "../../../../ErrorHandling/ErrorBoundary";
 import ReactAwesomePlayer from 'react-awesome-player'
 import {connect} from "react-redux";
 import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
+import Iframe from "react-iframe";
 
 class PlayerComponent extends React.Component {
     // loadeddata() {
@@ -51,6 +52,9 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
 
     const [preview, setPreview] = useState(true);
 
+    if (!loadedTestPlugins) {
+        return null;
+    }
     const pluginUrl = loadedTestPlugins["@rclone/video-plugin"];
 
     console.log("Plugin URL: " + pluginUrl, loadedTestPlugins)
@@ -68,7 +72,6 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
             <div className="img-thumbnail w-100 text-center" data-test="videoPlayerWidget">
                 <Button color="link" onClick={hideFull}>
                     <i className="fa fa-play-circle fa-4x"/>
-                    {/*<ReactPlayer url={playbackURL} light={true} controls={true}/>*/}
                 </Button>
             </div>
         )
@@ -103,7 +106,14 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
                         {/*<video id="video" controls preload="metadata" width="600">*/}
                         {/*    <source src={playbackURL} type={MimeType}/>*/}
                         {/*</video>*/}
-                        <PlayerComponent {...options}/>
+                        {/*<PlayerComponent {...options}/>*/}
+                        <Iframe url={`${pluginUrl}?loadUrl=${playbackURL}&mimeType=${MimeType}`}
+                                allowTransparency="true"
+                                allowFullScreen="true"
+                                width="100%"
+                                height="100%"
+                                display="initial"
+                                position="relative"/>
                         <Button color="link" onClick={hideFull} className="modal-button">
                             <i
                                 className="fa fa-close fa-3x"

From 258481f1b6f2c623562214f1e4fea9528e2761cb Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Sat, 6 Jun 2020 12:35:02 +0530
Subject: [PATCH 05/30] Tools: Minor changes.

---
 src/reducers/pluginsReducer.js                |  2 +-
 .../Base/Widgets/VideoPlayer/VideoPlayer.js   | 57 ++++++++++---------
 2 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
index 3b704eebe..101243e19 100644
--- a/src/reducers/pluginsReducer.js
+++ b/src/reducers/pluginsReducer.js
@@ -17,7 +17,7 @@ export default function (state = initialState, action) {
 			if (action.status === REQUEST_SUCCESS) {
 				return {
 					...state,
-					loadedTestPlugins: action.payload.loadedTestPlugins,
+					loadedTestPlugins: action.payload.LoadedTestPlugins,
 				}
 			} else if (action.status === REQUEST_ERROR) {
 				return {
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index b5396f006..b06752ab0 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -52,12 +52,12 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
 
     const [preview, setPreview] = useState(true);
 
-    if (!loadedTestPlugins) {
-        return null;
-    }
-    const pluginUrl = loadedTestPlugins["@rclone/video-plugin"];
+    // if (!loadedTestPlugins) {
+    //     return null;
+    // }
+    // const pluginUrl = loadedTestPlugins["rclone/video-plugin"];
 
-    console.log("Plugin URL: " + pluginUrl, loadedTestPlugins)
+    // console.log("Plugin URL: " + pluginUrl, loadedTestPlugins)
 
 
     function hideFull(e) {
@@ -76,27 +76,27 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
             </div>
         )
     } else {
-        if (!pluginUrl) return <p>Cannot load plugin</p>;
+        // if (!pluginUrl) return <p>Cannot load plugin</p>;
         // Load the video
 
         const subtitleURL = playbackURL.substring(0, playbackURL.lastIndexOf('.')) + ".vtt";
         console.log(subtitleURL);
 
-        const options = {
-            options: {
-                sources: [{
-                    type: MimeType,
-                    src: playbackURL
-                }],
-                subtitles: [
-                    {
-                        language: 'en',
-                        url: subtitleURL,
-                        label: "EN"
-                    }],
-            }
-        };
-
+        // const options = {
+        //     options: {
+        //         sources: [{
+        //             type: MimeType,
+        //             src: playbackURL
+        //         }],
+        //         subtitles: [
+        //             {
+        //                 language: 'en',
+        //                 url: subtitleURL,
+        //                 label: "EN"
+        //             }],
+        //     }
+        // };
+        //
 
         element =
             ReactDOM.createPortal(
@@ -107,13 +107,14 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
                         {/*    <source src={playbackURL} type={MimeType}/>*/}
                         {/*</video>*/}
                         {/*<PlayerComponent {...options}/>*/}
-                        <Iframe url={`${pluginUrl}?loadUrl=${playbackURL}&mimeType=${MimeType}`}
-                                allowTransparency="true"
-                                allowFullScreen="true"
-                                width="100%"
-                                height="100%"
-                                display="initial"
-                                position="relative"/>
+                        <Iframe
+                            url={`http://localhost:5572/plugins/rclone/video-plugin/?loadUrl=${playbackURL}&mimeType=${MimeType}`}
+                            allowTransparency="true"
+                            allowFullScreen="true"
+                            width="100%"
+                            height="100%"
+                            display="initial"
+                            position="relative"/>
                         <Button color="link" onClick={hideFull} className="modal-button">
                             <i
                                 className="fa fa-close fa-3x"

From 0cf5135d4b8b0c4885188c076a34f96df3b4da82 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Tue, 9 Jun 2020 00:18:53 +0530
Subject: [PATCH 06/30] Add plugin Handler

---
 .../Base/PluginsHandler/PluginsHandler.js     |  97 +++++++++++++++
 .../Base/Widgets/VideoPlayer/VideoPlayer.js   |   6 +-
 src/views/Explorer/FilesView/FileComponent.js | 115 +++++++++++++++++-
 src/views/Explorer/FilesView/FilesView.js     |   5 +
 4 files changed, 215 insertions(+), 8 deletions(-)
 create mode 100644 src/views/Base/PluginsHandler/PluginsHandler.js

diff --git a/src/views/Base/PluginsHandler/PluginsHandler.js b/src/views/Base/PluginsHandler/PluginsHandler.js
new file mode 100644
index 000000000..3eb1186ca
--- /dev/null
+++ b/src/views/Base/PluginsHandler/PluginsHandler.js
@@ -0,0 +1,97 @@
+import React from 'react';
+import * as PropTypes from 'prop-types'
+import {IP_ADDRESS_KEY} from "../../../utils/Constants";
+import {connect} from "react-redux";
+import {PROP_CURRENT_PATH, PROP_FS_INFO} from "../../../utils/RclonePropTypes";
+import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
+
+
+class PluginsHandler extends React.Component {
+
+
+	getRenderForItem = () => {
+		const {fsInfo, item, inViewport, currentPath} = this.props;
+		const {remoteName, remotePath} = currentPath;
+		const {MimeType} = item;
+
+		let downloadURL = "";
+
+		const ipAddress = localStorage.getItem(IP_ADDRESS_KEY);
+
+
+		if (fsInfo.Features.BucketBased) {
+			downloadURL = ipAddress + `[${remoteName}]/${remotePath}/${item.Name}`;
+		} else {
+			downloadURL = ipAddress + `[${remoteName}:${remotePath}]/${item.Name}`;
+		}
+
+		const author = "rclone";
+		const pluginName = "rclone-webui-react";
+
+
+		return (
+			<a href={`${ipAddress}/plugins/rclone/video-plugin/?loadUrl=${downloadURL}&mimeType=${MimeType}`}
+			   color="link" target="_blank">
+				<i className={"fa fa-external-link fa-lg d-inline"}/>
+			</a>
+		)
+
+	};
+
+
+	render() {
+		const {loadMedia, item} = this.props;
+		const {MimeType} = item;
+
+		let element = this.getRenderForItem()
+
+		return (
+			<ErrorBoundary>
+				{element}
+			</ErrorBoundary>
+		);
+	}
+}
+
+PluginsHandler.propTypes = {
+	/**
+	 * Item: Contains the referenced item
+	 */
+	item: PropTypes.object.isRequired,
+	/**
+	 * FS Information
+	 */
+	fsInfo: PROP_FS_INFO.isRequired,
+	/**
+	 * Current Path
+	 */
+	currentPath: PROP_CURRENT_PATH.isRequired,
+	/**
+	 * Container ID
+	 */
+	containerID: PropTypes.string.isRequired,
+
+
+};
+
+const mapStateToProps = (state, ownProps) => {
+	// console.log(ownProps);
+	const currentPath = state.explorer.currentPaths[ownProps.containerID];
+
+	let fsInfo = {};
+	const {remoteName} = currentPath;
+
+	if (currentPath && state.remote.configs) {
+
+		const tempRemoteName = remoteName.split(':')[0];
+		if (state.remote.configs[tempRemoteName])
+
+			fsInfo = state.remote.configs[tempRemoteName];
+	}
+	return {
+		currentPath,
+		fsInfo,
+	}
+};
+
+export default connect(mapStateToProps, {})(PluginsHandler);
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index b06752ab0..703532f84 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -1,13 +1,13 @@
 import React, {useState} from "react";
 import {Button} from "reactstrap";
 import * as ReactDOM from "react-dom";
+import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 import * as PropTypes from "prop-types";
 import ErrorBoundary from "../../../../ErrorHandling/ErrorBoundary";
+import Iframe from 'react-iframe'
 
 import ReactAwesomePlayer from 'react-awesome-player'
 import {connect} from "react-redux";
-import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
-import Iframe from "react-iframe";
 
 class PlayerComponent extends React.Component {
     // loadeddata() {
@@ -48,7 +48,7 @@ class PlayerComponent extends React.Component {
     }
 }
 
-function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
+function VideoPlayer({playbackURL, MimeType}) {
 
     const [preview, setPreview] = useState(true);
 
diff --git a/src/views/Explorer/FilesView/FileComponent.js b/src/views/Explorer/FilesView/FileComponent.js
index e5e6d9051..52983f939 100644
--- a/src/views/Explorer/FilesView/FileComponent.js
+++ b/src/views/Explorer/FilesView/FileComponent.js
@@ -1,5 +1,14 @@
 import React from "react";
-import {Card, CardBody, CardFooter,} from "reactstrap";
+import {
+    Button,
+    Card,
+    CardBody,
+    CardFooter,
+    DropdownItem,
+    DropdownMenu,
+    DropdownToggle,
+    UncontrolledButtonDropdown,
+} from "reactstrap";
 
 import {ItemTypes} from './Constants'
 import {DragSource} from 'react-dnd'
@@ -13,6 +22,7 @@ import {PROP_ITEM} from "../../../utils/RclonePropTypes";
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
 import FileActions from "./FileActions";
 import FileIcon from "./FileIcon";
+import PluginsHandler from "../../Base/PluginsHandler/PluginsHandler";
 
 async function performCopyMoveOperation(params) {
     const {srcRemoteName, srcRemotePath, destRemoteName, destRemotePath, Name, IsDir, dropEffect, updateHandler} = params;
@@ -87,7 +97,92 @@ function collect(connect, monitor) {
     }
 }
 
+function FileIcon({IsDir, MimeType}, ...props) {
+    let className = "fa-file";
+    if (IsDir) {
+        className = "fa-folder";
+    } else if (MimeType === "application/pdf") {
+        className = "fa-file-pdf-o";
+    } else if (MimeType === "image/jpeg") {
+        className = "fa-file-image-o";
+    } else if (MimeType === "application/rar" || MimeType === "application/x-rar-compressed" || MimeType === " application/zip") {
+        className = "fa-file-archive-o";
+    } else if (MimeType === "text/plain") {
+        className = "fa-file-text-o";
+    } else if (MimeType === "text/x-vcard") {
+        className = "fa-address-card-o";
+    }
+    return <i className={className + " fa fa-lg"}/>;
+}
+
+function confirmDelete(deleteHandle, item) {
+    if (window.confirm(`Are you sure you want to delete ${item.Name}`)) {
+        deleteHandle(item);
+    }
+}
+
+function Actions({downloadHandle, pluginHandle, deleteHandle, item, linkShareHandle, containerID}) {
+
+    const {IsDir} = item;
+    // let {ID, Name} = item;
+    // // Using fallback as fileName when the ID is not available (for local file system)
+    // if (ID === undefined) {
+    //     ID = Name;
+    // }
+
+
+    if (!IsDir) {
+
+        return (
+            <React.Fragment>
+                <Button color="link" onClick={() => downloadHandle(item)}>
+                    <i className={"fa fa-cloud-download fa-lg d-inline"}/>
+                </Button>
+
 
+                <Button color="link">
+                    <i className="fa fa-info-circle"/>
+                </Button>
+
+                <PluginsHandler containerID={containerID} item={item}/>
+
+                <UncontrolledButtonDropdown>
+                    <DropdownToggle color="link">
+                        <i className="fa fa-ellipsis-v"/>
+                    </DropdownToggle>
+                    <DropdownMenu>
+                        <DropdownItem header>Actions</DropdownItem>
+                        <DropdownItem onClick={() => linkShareHandle(item)}><i
+                            className="fa fa-share fa-lg d-inline"/> Share with link</DropdownItem>
+                        <DropdownItem divider/>
+                        <DropdownItem onClick={() => confirmDelete(deleteHandle, item)}><i
+                            className="fa fa-remove fa-lg d-inline text-danger"/> Delete </DropdownItem>
+                    </DropdownMenu>
+                </UncontrolledButtonDropdown>
+            </React.Fragment>
+
+        );
+    } else {
+        return (
+            <React.Fragment>
+
+                <UncontrolledButtonDropdown>
+                    <DropdownToggle color="link">
+                        <i className="fa fa-ellipsis-v"/>
+                    </DropdownToggle>
+                    <DropdownMenu>
+                        <DropdownItem header>Actions</DropdownItem>
+                        <DropdownItem onClick={() => linkShareHandle(item)}><i
+                            className="fa fa-share fa-lg d-inline"/> Share with link</DropdownItem>
+                        <DropdownItem divider/>
+                        <DropdownItem onClick={() => confirmDelete(deleteHandle, item)}><i
+                            className="fa fa-remove fa-lg d-inline text-danger"/> Delete </DropdownItem>
+                    </DropdownMenu>
+                </UncontrolledButtonDropdown>
+            </React.Fragment>
+        )
+    }
+}
 
 /**
  * Main class for individual render of file/directory in the files view.
@@ -127,7 +222,11 @@ class FileComponent extends React.Component {
         }
     }
     render() {
-        const {containerID, inViewport, item, loadImages, clickHandler, downloadHandle, linkShareHandle, deleteHandle, connectDragSource, gridMode /*isDragging, remoteName*/} = this.props;
+        const {
+            containerID, inViewport, item, loadImages,
+            clickHandler, downloadHandle, linkShareHandle, deleteHandle, pluginHandle,
+            connectDragSource, gridMode /*isDragging, remoteName*/
+        } = this.props;
 
         const {IsDir, MimeType, ModTime, Name, Size} = item;
 
@@ -156,14 +255,15 @@ class FileComponent extends React.Component {
         } else {
             if (inViewport) {
                 element = connectDragSource(
-                    <tr className="pointer-cursor fadeIn">
+                    <tr className={"pointer-cursor"}>
                         <td onClick={(e) => clickHandler(e, item)}>
                             <FileIcon IsDir={IsDir} MimeType={MimeType}/>{" "}{Name}
                         </td>
                         <td>{Size === -1 ? "-" : formatBytes(Size, 2)}</td>
                         <td className="d-none d-md-table-cell">{modTime.toLocaleDateString()}</td>
-                        <td><FileActions downloadHandle={downloadHandle} linkShareHandle={linkShareHandle}
-                                         deleteHandle={deleteHandle} item={item}/></td>
+                        <td><Actions downloadHandle={downloadHandle} linkShareHandle={linkShareHandle}
+                                     pluginHandle={pluginHandle} containerID={containerID}
+                                     deleteHandle={deleteHandle} item={item}/></td>
                     </tr>
                 )
             } else {
@@ -197,6 +297,11 @@ FileComponent.propTypes = {
      * Function to delete a file.
      */
     deleteHandle: PropTypes.func.isRequired,
+
+    /**
+     * Function to delete a file.
+     */
+    pluginHandle: PropTypes.func.isRequired,
     /**
      * Function to share the link of a file.
      */
diff --git a/src/views/Explorer/FilesView/FilesView.js b/src/views/Explorer/FilesView/FilesView.js
index 3952cfd88..ee201163d 100644
--- a/src/views/Explorer/FilesView/FilesView.js
+++ b/src/views/Explorer/FilesView/FilesView.js
@@ -274,6 +274,10 @@ class FilesView extends React.PureComponent {
 
     };
 
+    pluginHandle = (item) => {
+        console.log(item);
+    }
+
     getFileComponents = (isDir) => {
         const {files, containerID, gridMode, fsInfo, loadImages} = this.props;
         const {remoteName, remotePath} = this.props.currentPath;
@@ -293,6 +297,7 @@ class FilesView extends React.PureComponent {
                                        containerID={containerID}
                                        linkShareHandle={this.linkShareHandle}
                                        loadImages={loadImages}
+                                       pluginHandle={this.pluginHandle}
                                        isBucketBased={fsInfo.Features.BucketBased}
                                        canCopy={fsInfo.Features.Copy} canMove={fsInfo.Features.Move} itemIdx={1}>
 

From 83525bfa8251bf25eedaf7fd4cbd2b582ad930d9 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Wed, 10 Jun 2020 15:40:41 +0530
Subject: [PATCH 07/30] Add plugin dashboard

---
 src/_nav.js                                   |   4 +-
 src/actions/pluginActions.js                  |  32 +++-
 src/actions/types.js                          |   1 +
 src/reducers/pluginsReducer.js                |  18 ++-
 src/routes.js                                 |   2 +
 src/scss/_custom.scss                         |  15 +-
 src/utils/Tools.js                            |   5 +
 src/views/PluginDashboard/PluginDashboard.js  | 146 ++++++++++++++++++
 .../PluginDashboard/PluginDashboard.test.js   |  41 +++++
 src/views/PluginDashboard/PluginRowEntries.js |  36 +++++
 src/views/PluginDashboard/package.json        |   6 +
 11 files changed, 298 insertions(+), 8 deletions(-)
 create mode 100644 src/views/PluginDashboard/PluginDashboard.js
 create mode 100644 src/views/PluginDashboard/PluginDashboard.test.js
 create mode 100644 src/views/PluginDashboard/PluginRowEntries.js
 create mode 100644 src/views/PluginDashboard/package.json

diff --git a/src/_nav.js b/src/_nav.js
index 4ce1e96fa..ca92d1b1f 100644
--- a/src/_nav.js
+++ b/src/_nav.js
@@ -22,8 +22,8 @@ export default {
         },
         {
             name: 'Plugins',
-            url: '/pluginsDashboard',
-            icon: 'icon-plugins'
+            url: '/pluginDashboard',
+            icon: 'fa fa-plug'
         },
         {
             name: 'Mounts',
diff --git a/src/actions/pluginActions.js b/src/actions/pluginActions.js
index 06c338c0b..bfded2522 100644
--- a/src/actions/pluginActions.js
+++ b/src/actions/pluginActions.js
@@ -1,6 +1,7 @@
 import axiosInstance from "../utils/API/API";
 import urls from "../utils/API/endpoint";
-import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
+import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, LOAD_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
+import {toast} from "react-toastify";
 
 /**
  * Load test plugins
@@ -36,3 +37,32 @@ export const addTestPlugin = (pluginName, pluginUrl) => (dispatch) => {
 		})
 	})
 }
+
+export const getPlugins = () => (dispatch) => {
+	axiosInstance.post("pluginsctl/getPlugins").then(res => {
+			dispatch({
+				type: LOAD_PLUGINS,
+				status: REQUEST_SUCCESS,
+				payload: res.data
+			})
+		},
+		(error) => {
+			dispatch({
+				type: LOAD_PLUGINS,
+				status: REQUEST_ERROR,
+				payload: error
+			})
+		}
+	)
+
+}
+
+export const addPlugin = (pluginURL) => dispatch => {
+	axiosInstance.post("pluginsctl/addPlugin", {url: pluginURL}).then(res => {
+		toast.info(`Plugin ${pluginURL} added successfully`);
+		// reload plugins database
+		dispatch(getPlugins())
+	}, (error) => {
+		toast.error(`Error adding plugin. Please try again: ${error.data}`);
+	})
+}
diff --git a/src/actions/types.js b/src/actions/types.js
index 6fb73cea3..6bbc616bb 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -43,6 +43,7 @@ export const REMOVE_MOUNT = "REMOVE_MOUNT";
 export const CREATE_MOUNT = "CREATE_MOUNT";
 
 export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
+export const LOAD_PLUGINS = "LOAD_PLUGINS";
 
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
index 101243e19..3dd945978 100644
--- a/src/reducers/pluginsReducer.js
+++ b/src/reducers/pluginsReducer.js
@@ -1,7 +1,8 @@
-import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
+import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, LOAD_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
 
 const initialState = {
 	loadedTestPlugins: {},
+	loadedPlugins: {},
 	error: ""
 };
 
@@ -29,6 +30,21 @@ export default function (state = initialState, action) {
 			break;
 		case ADD_TEST_PLUGIN:
 			return state;
+		case LOAD_PLUGINS:
+			if (action.status === REQUEST_SUCCESS) {
+				return {
+					...state,
+					loadedPlugins: action.payload.loadedPlugins,
+					error: ""
+				}
+			} else if (action.status === REQUEST_ERROR) {
+				return {
+					...state,
+					loadedPlugins: {},
+					error: action.payload
+				}
+			}
+			return state;
 		default:
 			return state;
 	}
diff --git a/src/routes.js b/src/routes.js
index eb8fef457..28a323b3b 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -6,6 +6,7 @@ const ShowConfig = React.lazy(() => import('./views/RemoteManagement/ShowConfig'
 const RemoteExplorerLayout = React.lazy(() => import("./views/Explorer/RemoteExplorerLayout"));
 const Login = React.lazy(() => import("./views/Pages/Login"));
 const RCloneDashboard = React.lazy(() => import("./views/RCloneDashboard"));
+const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 const MountDashboard = React.lazy(() => import("./views/MountDashboard"));
 
 // https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
@@ -20,6 +21,7 @@ const routes = [
     {path: '/remoteExplorer/:remoteName/:remotePath', exact: true, name: 'Explorer', component: RemoteExplorerLayout},
     {path: '/remoteExplorer', name: 'Explorer', component: RemoteExplorerLayout},
     {path: '/rcloneBackend', name: 'Rclone Backend', component: RCloneDashboard},
+    {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
 
 ];
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index fef66b802..f7cd79c54 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -195,15 +195,22 @@ body{
     font-family: Nunito, sans-serif;
     font-weight: bold;
   }
+
   .nav-link.active {
     background-color: #ffffff;
-    color: rgb(63,121,173);
+    color: rgb(63, 121, 173);
   }
-  .nav-link.active > .nav-icon :hover{
-    color: rgb(63,121,173);
+
+  .nav-link.active .nav-icon :hover {
+    color: rgb(63, 121, 173);
   }
+
+  .nav-link.active .nav-icon :hover {
+    color: rgb(63, 121, 173);
+  }
+
   .nav-link {
-    color: rgb(114,114,114);
+    color: rgb(114, 114, 114);
     padding-top: 15px;
     padding-bottom: 15px;
     border-top: 1px solid rgba(232, 239, 247, 1);
diff --git a/src/utils/Tools.js b/src/utils/Tools.js
index 47289f082..b5ca84da2 100644
--- a/src/utils/Tools.js
+++ b/src/utils/Tools.js
@@ -182,6 +182,11 @@ export function validateDriveName(name) {
     return baseValidator(regex, name);
 }
 
+export function validateURL(url) {
+    const regex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/g;
+    return baseValidator(regex, url);
+}
+
 /**
  * Opens the specified URL in a new tab and focus on it.
  * @param url {string} URL to be opened.
diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
new file mode 100644
index 000000000..bcc2904df
--- /dev/null
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -0,0 +1,146 @@
+import React from 'react';
+import {connect} from "react-redux";
+import {
+	Button,
+	Card,
+	CardBody,
+	CardFooter,
+	CardHeader,
+	Col,
+	FormFeedback,
+	FormGroup,
+	Input,
+	Label,
+	Row,
+	Table
+} from "reactstrap";
+import * as PropTypes from 'prop-types';
+import {addPlugin, getPlugins} from "../../actions/pluginActions";
+import PluginRowEntries from "./PluginRowEntries";
+import {validateURL} from "../../utils/Tools";
+
+// function MountRows({remotes, refreshHandle}) {
+//
+// 	let returnMap = [];
+// 	let curKey = 1;
+// 	for (const [key, value] of Object.entries(remotes)) {
+// 		returnMap.push((<ConfigRow sequenceNumber={curKey} key={key} remoteName={key} remote={value}
+// 								   refreshHandle={refreshHandle}/>));
+// 		curKey++;
+// 	}
+// 	return returnMap;
+// }
+
+class PluginDashboard extends React.Component {
+
+	constructor(props, context) {
+		super(props, context);
+		this.state = {
+			pluginDownloadURL: "",
+			showNewPluginCard: false,
+		}
+	}
+
+	componentDidMount() {
+		const {getPlugins} = this.props;
+		getPlugins();
+	}
+
+	addPluginHandler = (e) => {
+		e.stopPropagation();
+		const {addPlugin} = this.props;
+		const {pluginDownloadURL} = this.state;
+		addPlugin(pluginDownloadURL);
+	}
+
+	changePluginURL = (e) => {
+		const pluginDownloadURL = e.target.value;
+		this.setState({pluginDownloadURL})
+	}
+
+	toggleShowNewPluginCard = () => {
+		this.setState((state) => ({showNewPluginCard: !state.showNewPluginCard}))
+	}
+
+	addButtonStatus = () => {
+		const {pluginDownloadURL} = this.state;
+		return !pluginDownloadURL || this.state.pluginDownloadURL === "" || !validateURL(pluginDownloadURL);
+	}
+
+	render() {
+		const {showNewPluginCard, pluginDownloadURL} = this.state;
+		const {loadedPlugins} = this.props;
+		return (
+			<div data-test="pluginDashboardComponent">
+				<Row style={{display: showNewPluginCard ? "block" : "none"}}>
+					<Card
+						className={"col-12"}>
+						<CardHeader>
+							Add Plugin
+						</CardHeader>
+						<CardBody>
+							<FormGroup row>
+								<Label for={"mountPoint"} sm={5}>Plugin URL</Label>
+								<Col sm={7}>
+									<Input type={"text"} value={pluginDownloadURL}
+										   name={"mountPoint"}
+										   id={"mountPoint"} onChange={this.changePluginURL} required={true}
+									>
+									</Input>
+									<FormFeedback/>
+
+								</Col>
+							</FormGroup>
+						</CardBody>
+						<CardFooter>
+							<div className="clear-fix float-right">
+								<Button color="primary" disabled={this.addButtonStatus()}
+										onClick={this.addPluginHandler}>Verify and add</Button>
+							</div>
+							<div className="clear-fix float-right mr-2">
+								<Button color="danger" onClick={this.toggleShowNewPluginCard}>Cancel</Button>
+							</div>
+						</CardFooter>
+					</Card>
+				</Row>
+
+				<Row>
+					{!showNewPluginCard && <Col lg={8} className={"mb-4"}>
+						<Button color={"primary"} className={"float-left"} onClick={this.toggleShowNewPluginCard}>
+							Add new Plugin
+						</Button>
+					</Col>}
+					<Col lg={4}>
+
+					</Col>
+
+				</Row>
+				<Table responsive className="table-striped">
+					<thead>
+					<tr>
+						<th>Author/ Name</th>
+						<th>Description</th>
+						<th>Actions</th>
+					</tr>
+					</thead>
+					<tbody>
+					<PluginRowEntries loadedPlugins={loadedPlugins}/>
+					</tbody>
+				</Table>
+			</div>);
+	}
+}
+
+const mapStateToProps = state => ({
+	loadedPlugins: state.plugins.loadedPlugins,
+});
+
+PluginDashboard.propTypes = {
+	loadedPlugins: PropTypes.object.isRequired,
+
+	getPlugins: PropTypes.func.isRequired,
+
+	addPlugin: PropTypes.func.isRequired,
+};
+
+export default connect(mapStateToProps, {getPlugins, addPlugin})(PluginDashboard);
diff --git a/src/views/PluginDashboard/PluginDashboard.test.js b/src/views/PluginDashboard/PluginDashboard.test.js
new file mode 100644
index 000000000..c24a38675
--- /dev/null
+++ b/src/views/PluginDashboard/PluginDashboard.test.js
@@ -0,0 +1,41 @@
+import React from "react";
+import {shallow} from "enzyme";
+import {findByTestAttr, testStore} from "../../../Utils";
+import PluginDashboard from "./PluginDashboard";
+import toJson from "enzyme-to-json";
+
+
+const setUp = (intialState = {}, props = {}) => {
+	const store = testStore(intialState);
+
+	const component = shallow(<PluginDashboard {...props} store={store}/>);
+	return component.childAt(0).dive();
+};
+
+
+describe('Plugin Dashboard', function () {
+
+	describe('renders', function () {
+		let wrapper;
+		beforeEach(() => {
+			const initialState = {
+				status: {
+					checkStatus: true
+				}
+			};
+
+			const props = {};
+			wrapper = setUp(initialState, props)
+		});
+
+		it('should render without crashing', function () {
+			const component = findByTestAttr(wrapper, "pluginDashboardComponent");
+			expect(component).toHaveLength(1);
+		});
+
+		it('should match snapshot', function () {
+			expect(toJson(wrapper)).toMatchSnapshot()
+		});
+	});
+
+});
diff --git a/src/views/PluginDashboard/PluginRowEntries.js b/src/views/PluginDashboard/PluginRowEntries.js
new file mode 100644
index 000000000..8fbb6d297
--- /dev/null
+++ b/src/views/PluginDashboard/PluginRowEntries.js
@@ -0,0 +1,36 @@
+import React from "react";
+import * as PropTypes from "prop-types";
+import {Button} from "reactstrap";
+
+const deactivatePlugin = (item) => {
+
+}
+
+const removePlugin = (item) => {
+
+}
+
+function PluginRowEntries({loadedPlugins}) {
+
+
+	let entries = [];
+	for (const [key, value] of Object.entries(loadedPlugins)) {
+		entries.push(
+			<tr key={key}>
+				<td>{value.name}</td>
+				<td>{value.description}</td>
+				<td>
+					<Button color="primary">Deactivate</Button>
+					<Button color={"danger"} className="ml-2">Delete</Button>
+				</td>
+			</tr>
+		)
+	}
+	return entries;
+}
+
+PluginRowEntries.propTypes = {
+	loadedPlugins: PropTypes.object.isRequired,
+}
+
+export default PluginRowEntries;
diff --git a/src/views/PluginDashboard/package.json b/src/views/PluginDashboard/package.json
new file mode 100644
index 000000000..92416c3be
--- /dev/null
+++ b/src/views/PluginDashboard/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "PluginDashboard",
+  "version": "0.0.0",
+  "private": true,
+  "main": "PluginDashboard.js"
+}

From 73443b2b7b902c8fa1378a37b4cd047c64599601 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Wed, 10 Jun 2020 15:41:04 +0530
Subject: [PATCH 08/30] Add plugin dashboard

---
 .../PluginDashboard.test.js.snap              | 187 ++++++++++++++++++
 1 file changed, 187 insertions(+)
 create mode 100644 src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap

diff --git a/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap b/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
new file mode 100644
index 000000000..14970e1a0
--- /dev/null
+++ b/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
@@ -0,0 +1,187 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Plugin Dashboard renders should match snapshot 1`] = `
+<div
+  data-test="pluginDashboardComponent"
+>
+  <Row
+    style={
+      Object {
+        "display": "none",
+      }
+    }
+    tag="div"
+    widths={
+      Array [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+      ]
+    }
+  >
+    <Card
+      className="col-12"
+      tag="div"
+    >
+      <CardHeader
+        tag="div"
+      >
+        Add Plugin
+      </CardHeader>
+      <CardBody
+        tag="div"
+      >
+        <FormGroup
+          row={true}
+          tag="div"
+        >
+          <Label
+            for="mountPoint"
+            sm={5}
+            tag="label"
+            widths={
+              Array [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+              ]
+            }
+          >
+            Plugin URL
+          </Label>
+          <Col
+            sm={7}
+            tag="div"
+            widths={
+              Array [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+              ]
+            }
+          >
+            <Input
+              id="mountPoint"
+              name="mountPoint"
+              onChange={[Function]}
+              required={true}
+              type="text"
+              value=""
+            />
+            <FormFeedback
+              tag="div"
+            />
+          </Col>
+        </FormGroup>
+      </CardBody>
+      <CardFooter
+        tag="div"
+      >
+        <div
+          className="clear-fix float-right"
+        >
+          <Button
+            color="primary"
+            disabled={true}
+            onClick={[Function]}
+            tag="button"
+          >
+            Verify and add
+          </Button>
+        </div>
+        <div
+          className="clear-fix float-right mr-2"
+        >
+          <Button
+            color="danger"
+            onClick={[Function]}
+            tag="button"
+          >
+            Cancel
+          </Button>
+        </div>
+      </CardFooter>
+    </Card>
+  </Row>
+  <Row
+    tag="div"
+    widths={
+      Array [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+      ]
+    }
+  >
+    <Col
+      className="mb-4"
+      lg={8}
+      tag="div"
+      widths={
+        Array [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl",
+        ]
+      }
+    >
+      <Button
+        className="float-left"
+        color="primary"
+        onClick={[Function]}
+        tag="button"
+      >
+        Add new Plugin
+      </Button>
+    </Col>
+    <Col
+      lg={4}
+      tag="div"
+      widths={
+        Array [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl",
+        ]
+      }
+    />
+  </Row>
+  <Table
+    className="table-striped"
+    responsive={true}
+    responsiveTag="div"
+    tag="table"
+  >
+    <thead>
+      <tr>
+        <th>
+          Author/ Name
+        </th>
+        <th>
+          Description
+        </th>
+        <th>
+          Actions
+        </th>
+      </tr>
+    </thead>
+    <tbody>
+      <PluginRowEntries
+        loadedPlugins={Object {}}
+      />
+    </tbody>
+  </Table>
+</div>
+`;

From b3623ebda92d989c414bf2a6c6b9b400a0e57920 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Sun, 14 Jun 2020 14:44:05 +0530
Subject: [PATCH 09/30] mount: Add mount dashboard.

---
 src/actions/types.js  | 4 ++++
 src/reducers/index.js | 4 ++++
 src/routes.js         | 1 +
 3 files changed, 9 insertions(+)

diff --git a/src/actions/types.js b/src/actions/types.js
index 6bbc616bb..67607ad41 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -45,6 +45,10 @@ export const CREATE_MOUNT = "CREATE_MOUNT";
 export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
 export const LOAD_PLUGINS = "LOAD_PLUGINS";
 
+export const GET_MOUNT_LIST = "GET_MOUNT_LIST";
+export const REMOVE_MOUNT = "REMOVE_MOUNT";
+export const CREATE_MOUNT = "CREATE_MOUNT";
+
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
 export const REQUEST_LOADING = 'LOADING';
diff --git a/src/reducers/index.js b/src/reducers/index.js
index 684ece8fe..e21459cf1 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -10,6 +10,8 @@ import userActionsReducer from "./userActionsReducer";
 import imagesReducer from "./imagesReducer";
 import versionReducer from "./versionReducer";
 import mountReducer from "./mountReducer";
+import pluginsReducer from "./pluginsReducer";
+import mountReducer from "./mountReducer";
 
 /**
  * Configures the root reducer to be executed before any other reducers configured in the system.
@@ -40,6 +42,8 @@ const appReducer = combineReducers({
     user: userActionsReducer,
     imageLoader: imagesReducer,
     version: versionReducer,
+    plugins: pluginsReducer,
+    mount: mountReducer,
     mount: mountReducer,
     // remoteOps: remoteOpsReducer
 });
diff --git a/src/routes.js b/src/routes.js
index 28a323b3b..51d218f3c 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -21,6 +21,7 @@ const routes = [
     {path: '/remoteExplorer/:remoteName/:remotePath', exact: true, name: 'Explorer', component: RemoteExplorerLayout},
     {path: '/remoteExplorer', name: 'Explorer', component: RemoteExplorerLayout},
     {path: '/rcloneBackend', name: 'Rclone Backend', component: RCloneDashboard},
+    {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
     {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
 

From ae48d3a8ae03333e4987d97c9ecf45bfb660f418 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Mon, 8 Jun 2020 11:47:34 +0530
Subject: [PATCH 10/30] Switch to rclone-api

---
 src/views/Explorer/FilesView/FilesView.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/Explorer/FilesView/FilesView.js b/src/views/Explorer/FilesView/FilesView.js
index ee201163d..9e344db45 100644
--- a/src/views/Explorer/FilesView/FilesView.js
+++ b/src/views/Explorer/FilesView/FilesView.js
@@ -22,6 +22,8 @@ import {FILES_VIEW_HEIGHT} from "../../../utils/Constants";
 import {PROP_CURRENT_PATH, PROP_FS_INFO} from "../../../utils/RclonePropTypes";
 import * as PropTypes from 'prop-types';
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
+import {createNewPublicLink, deleteFile, purgeDir} from "rclone-api";
+
 import {createNewPublicLink, deleteFile, purgeDir} from "rclone-api";
 import {createSelector} from "reselect";
 import DropOverlay from "../../Base/DropOverlay/DropOverlay";
@@ -454,7 +456,8 @@ const propTypes = {
     loadImages: PropTypes.bool.isRequired
 };
 
-const defaultProps = {};
+const defaultProps = {
+};
 
 
 FilesView.propTypes = propTypes;

From 61e33095d3e2e9bf4954ccf19a3b9e49a9d83592 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Fri, 22 May 2020 09:53:26 +0530
Subject: [PATCH 11/30] Video Plugin: Integration

---
 package.json                                      | 4 +---
 src/actions/types.js                              | 2 ++
 src/reducers/index.js                             | 1 +
 src/reducers/pluginsReducer.js                    | 2 +-
 src/utils/API/endpoint.js                         | 1 +
 src/views/Base/Widgets/VideoPlayer/VideoPlayer.js | 8 +++++---
 6 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index df98e5c77..9fdaf1da0 100644
--- a/package.json
+++ b/package.json
@@ -48,11 +48,9 @@
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
     "simple-line-icons": "^2.4.1",
-    "typescript": "^3.7.5",
-    "rclone-api": "^1.0.0"
+    "typescript": "^3.7.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.2",
     "check-prop-types": "^1.1.2",
     "coveralls": "^3.1.0",
     "enzyme": "^3.11.0",
diff --git a/src/actions/types.js b/src/actions/types.js
index 67607ad41..490449ebe 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -49,6 +49,8 @@ export const GET_MOUNT_LIST = "GET_MOUNT_LIST";
 export const REMOVE_MOUNT = "REMOVE_MOUNT";
 export const CREATE_MOUNT = "CREATE_MOUNT";
 
+export const GET_TEST_PLUGINS = "GET_TEST_PLUGINS";
+
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
 export const REQUEST_LOADING = 'LOADING';
diff --git a/src/reducers/index.js b/src/reducers/index.js
index e21459cf1..8a99f4a39 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -9,6 +9,7 @@ import providerStatusReducer from "./providerStatusReducer";
 import userActionsReducer from "./userActionsReducer";
 import imagesReducer from "./imagesReducer";
 import versionReducer from "./versionReducer";
+import pluginsReducer from "./pluginsReducer";
 import mountReducer from "./mountReducer";
 import pluginsReducer from "./pluginsReducer";
 import mountReducer from "./mountReducer";
diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
index 3dd945978..5e26ea855 100644
--- a/src/reducers/pluginsReducer.js
+++ b/src/reducers/pluginsReducer.js
@@ -18,7 +18,7 @@ export default function (state = initialState, action) {
 			if (action.status === REQUEST_SUCCESS) {
 				return {
 					...state,
-					loadedTestPlugins: action.payload.LoadedTestPlugins,
+					loadedTestPlugins: action.payload.loadedTestPlugins,
 				}
 			} else if (action.status === REQUEST_ERROR) {
 				return {
diff --git a/src/utils/API/endpoint.js b/src/utils/API/endpoint.js
index b78f4483e..b6cda4f1f 100644
--- a/src/utils/API/endpoint.js
+++ b/src/utils/API/endpoint.js
@@ -148,5 +148,6 @@ const urls = {
      */
     addTestPlugin: "pluginsctl/addTestPlugin",
 
+
 };
 export default urls;
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index 703532f84..a78f2611a 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -1,13 +1,14 @@
 import React, {useState} from "react";
 import {Button} from "reactstrap";
 import * as ReactDOM from "react-dom";
-import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 import * as PropTypes from "prop-types";
 import ErrorBoundary from "../../../../ErrorHandling/ErrorBoundary";
 import Iframe from 'react-iframe'
 
 import ReactAwesomePlayer from 'react-awesome-player'
 import {connect} from "react-redux";
+import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
+
 
 class PlayerComponent extends React.Component {
     // loadeddata() {
@@ -48,7 +49,7 @@ class PlayerComponent extends React.Component {
     }
 }
 
-function VideoPlayer({playbackURL, MimeType}) {
+function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
 
     const [preview, setPreview] = useState(true);
 
@@ -72,11 +73,12 @@ function VideoPlayer({playbackURL, MimeType}) {
             <div className="img-thumbnail w-100 text-center" data-test="videoPlayerWidget">
                 <Button color="link" onClick={hideFull}>
                     <i className="fa fa-play-circle fa-4x"/>
+                    {/*<ReactPlayer url={playbackURL} light={true} controls={true}/>*/}
                 </Button>
             </div>
         )
     } else {
-        // if (!pluginUrl) return <p>Cannot load plugin</p>;
+        if (!pluginUrl) return <p>Cannot load plugin</p>;
         // Load the video
 
         const subtitleURL = playbackURL.substring(0, playbackURL.lastIndexOf('.')) + ".vtt";

From 6ac3f09aee6a78d687ef0907c00a6168081422f4 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Fri, 22 May 2020 11:30:50 +0530
Subject: [PATCH 12/30] plugins: Added plugin dashboard

---
 src/actions/types.js      | 2 ++
 src/utils/API/endpoint.js | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/actions/types.js b/src/actions/types.js
index 490449ebe..0b91221cf 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -51,6 +51,8 @@ export const CREATE_MOUNT = "CREATE_MOUNT";
 
 export const GET_TEST_PLUGINS = "GET_TEST_PLUGINS";
 
+export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
+
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
 export const REQUEST_LOADING = 'LOADING';
diff --git a/src/utils/API/endpoint.js b/src/utils/API/endpoint.js
index b6cda4f1f..b78f4483e 100644
--- a/src/utils/API/endpoint.js
+++ b/src/utils/API/endpoint.js
@@ -148,6 +148,5 @@ const urls = {
      */
     addTestPlugin: "pluginsctl/addTestPlugin",
 
-
 };
 export default urls;

From c5cc7defa93d079756dcf39fc0ed721de8976215 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Wed, 27 May 2020 15:52:15 +0530
Subject: [PATCH 13/30] plugins: load plugins dynamically

---
 .../Base/Widgets/VideoPlayer/VideoPlayer.js   | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index a78f2611a..cc25945f3 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -9,7 +9,6 @@ import ReactAwesomePlayer from 'react-awesome-player'
 import {connect} from "react-redux";
 import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 
-
 class PlayerComponent extends React.Component {
     // loadeddata() {
     //     console.log('loadeddata')
@@ -53,10 +52,7 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
 
     const [preview, setPreview] = useState(true);
 
-    // if (!loadedTestPlugins) {
-    //     return null;
-    // }
-    // const pluginUrl = loadedTestPlugins["rclone/video-plugin"];
+    const pluginUrl = loadedTestPlugins["@rclone/video-plugin"];
 
     // console.log("Plugin URL: " + pluginUrl, loadedTestPlugins)
 
@@ -73,7 +69,6 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
             <div className="img-thumbnail w-100 text-center" data-test="videoPlayerWidget">
                 <Button color="link" onClick={hideFull}>
                     <i className="fa fa-play-circle fa-4x"/>
-                    {/*<ReactPlayer url={playbackURL} light={true} controls={true}/>*/}
                 </Button>
             </div>
         )
@@ -109,14 +104,13 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
                         {/*    <source src={playbackURL} type={MimeType}/>*/}
                         {/*</video>*/}
                         {/*<PlayerComponent {...options}/>*/}
-                        <Iframe
-                            url={`http://localhost:5572/plugins/rclone/video-plugin/?loadUrl=${playbackURL}&mimeType=${MimeType}`}
-                            allowTransparency="true"
-                            allowFullScreen="true"
-                            width="100%"
-                            height="100%"
-                            display="initial"
-                            position="relative"/>
+                        <Iframe url={`${pluginUrl}?loadUrl=${playbackURL}&mimeType=${MimeType}`}
+                                allowTransparency="true"
+                                allowFullScreen="true"
+                                width="100%"
+                                height="100%"
+                                display="initial"
+                                position="relative"/>
                         <Button color="link" onClick={hideFull} className="modal-button">
                             <i
                                 className="fa fa-close fa-3x"

From 90496c67825b983ef89817c83d198dd2acc315ce Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Tue, 9 Jun 2020 00:18:53 +0530
Subject: [PATCH 14/30] Add plugin Handler

---
 package.json                                      | 3 ++-
 src/views/Base/Widgets/VideoPlayer/VideoPlayer.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 9fdaf1da0..62140e2e2 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,8 @@
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
     "simple-line-icons": "^2.4.1",
-    "typescript": "^3.7.5"
+    "typescript": "^3.7.5",
+    "rclone-api": "^1.0.0"
   },
   "devDependencies": {
     "check-prop-types": "^1.1.2",
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index cc25945f3..dfbf07498 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -1,13 +1,13 @@
 import React, {useState} from "react";
 import {Button} from "reactstrap";
 import * as ReactDOM from "react-dom";
+import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 import * as PropTypes from "prop-types";
 import ErrorBoundary from "../../../../ErrorHandling/ErrorBoundary";
 import Iframe from 'react-iframe'
 
 import ReactAwesomePlayer from 'react-awesome-player'
 import {connect} from "react-redux";
-import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 
 class PlayerComponent extends React.Component {
     // loadeddata() {

From 49294dad532719f21e4e9e1ad4dedc894cacdec0 Mon Sep 17 00:00:00 2001
From: Chaitanya <bchaitanya15@gmail.com>
Date: Wed, 10 Jun 2020 15:40:41 +0530
Subject: [PATCH 15/30] Add plugin dashboard

---
 src/actions/types.js | 1 +
 src/routes.js        | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/actions/types.js b/src/actions/types.js
index 0b91221cf..bd0baae3e 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -52,6 +52,7 @@ export const CREATE_MOUNT = "CREATE_MOUNT";
 export const GET_TEST_PLUGINS = "GET_TEST_PLUGINS";
 
 export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
+export const LOAD_PLUGINS = "LOAD_PLUGINS";
 
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
diff --git a/src/routes.js b/src/routes.js
index 51d218f3c..48b0505c5 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -8,6 +8,7 @@ const Login = React.lazy(() => import("./views/Pages/Login"));
 const RCloneDashboard = React.lazy(() => import("./views/RCloneDashboard"));
 const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 const MountDashboard = React.lazy(() => import("./views/MountDashboard"));
+const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 
 // https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
 // Define the routes as required
@@ -21,6 +22,7 @@ const routes = [
     {path: '/remoteExplorer/:remoteName/:remotePath', exact: true, name: 'Explorer', component: RemoteExplorerLayout},
     {path: '/remoteExplorer', name: 'Explorer', component: RemoteExplorerLayout},
     {path: '/rcloneBackend', name: 'Rclone Backend', component: RCloneDashboard},
+    {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
     {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},

From 0ccb6cdfd504fee7e4d234aa7b2685a4662fcdce Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Mon, 15 Jun 2020 15:18:52 +0530
Subject: [PATCH 16/30] Add new plugin modal

---
 package.json                                  |  3 +-
 src/utils/Tools.js                            |  2 +-
 src/views/Explorer/FilesView/FilesView.js     | 10 +-
 src/views/PluginDashboard/NewPluginModal.js   | 93 +++++++++++++++++++
 .../PluginDashboard/NewPluginModal.test.js    | 55 +++++++++++
 src/views/PluginDashboard/PluginDashboard.js  | 90 ++----------------
 6 files changed, 163 insertions(+), 90 deletions(-)
 create mode 100644 src/views/PluginDashboard/NewPluginModal.js
 create mode 100644 src/views/PluginDashboard/NewPluginModal.test.js

diff --git a/package.json b/package.json
index 62140e2e2..9fdaf1da0 100644
--- a/package.json
+++ b/package.json
@@ -48,8 +48,7 @@
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
     "simple-line-icons": "^2.4.1",
-    "typescript": "^3.7.5",
-    "rclone-api": "^1.0.0"
+    "typescript": "^3.7.5"
   },
   "devDependencies": {
     "check-prop-types": "^1.1.2",
diff --git a/src/utils/Tools.js b/src/utils/Tools.js
index b5ca84da2..d04735a49 100644
--- a/src/utils/Tools.js
+++ b/src/utils/Tools.js
@@ -183,7 +183,7 @@ export function validateDriveName(name) {
 }
 
 export function validateURL(url) {
-    const regex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/g;
+    const regex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w.-]+)+[\w\-._~:/?#[\]@!$&'()*+,;=]+$/g;
     return baseValidator(regex, url);
 }
 
diff --git a/src/views/Explorer/FilesView/FilesView.js b/src/views/Explorer/FilesView/FilesView.js
index 9e344db45..3baf0b544 100644
--- a/src/views/Explorer/FilesView/FilesView.js
+++ b/src/views/Explorer/FilesView/FilesView.js
@@ -22,8 +22,6 @@ import {FILES_VIEW_HEIGHT} from "../../../utils/Constants";
 import {PROP_CURRENT_PATH, PROP_FS_INFO} from "../../../utils/RclonePropTypes";
 import * as PropTypes from 'prop-types';
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
-import {createNewPublicLink, deleteFile, purgeDir} from "rclone-api";
-
 import {createNewPublicLink, deleteFile, purgeDir} from "rclone-api";
 import {createSelector} from "reselect";
 import DropOverlay from "../../Base/DropOverlay/DropOverlay";
@@ -140,6 +138,11 @@ class FilesView extends React.PureComponent {
         if (IsDir || IsBucket) {
             this.updateRemotePath(Path, IsDir, IsBucket);
         } else {
+            // check for compatible plugin
+            // if plugin is found, open using the plugin. If not found, then Open modal
+            // display plugins which can be used with this mime type if plugins are absent
+            // else allow to use plugin.
+
             this.downloadHandle(item);
         }
 
@@ -456,8 +459,7 @@ const propTypes = {
     loadImages: PropTypes.bool.isRequired
 };
 
-const defaultProps = {
-};
+const defaultProps = {};
 
 
 FilesView.propTypes = propTypes;
diff --git a/src/views/PluginDashboard/NewPluginModal.js b/src/views/PluginDashboard/NewPluginModal.js
new file mode 100644
index 000000000..415962a65
--- /dev/null
+++ b/src/views/PluginDashboard/NewPluginModal.js
@@ -0,0 +1,93 @@
+import React, {useState} from 'react';
+import {
+    Button,
+    Col,
+    FormFeedback,
+    FormGroup,
+    Input,
+    Label,
+    Modal,
+    ModalBody,
+    ModalFooter,
+    ModalHeader
+} from 'reactstrap';
+import * as PropTypes from "prop-types"
+
+/**
+ * NewPluginModal shows a button for opening a modal for new mount and then executes okHandle when positive
+ * button is clicked
+ * @param props
+ * @returns {*}
+ * @constructor
+ */
+const NewPluginModal = (props) => {
+    const {
+        buttonLabel,
+        className,
+        okHandle
+    } = props;
+
+    const [modal, setModal] = useState(false);
+
+    const [pluginDownloadURL, setPluginDownloadURL] = useState("");
+
+    const toggle = () => setModal(!modal);
+
+    const handleCreateMount = () => {
+        if (!okHandle) {
+            throw new Error("Ok handle is null");
+        }
+        okHandle(pluginDownloadURL);
+    }
+
+    const isCreateDisabled = () => {
+        return !pluginDownloadURL || pluginDownloadURL === "";
+    }
+
+    return (
+        <div data-test="newMountModalComponent">
+            <Button color="primary" onClick={toggle}>{buttonLabel}</Button>
+            <Modal isOpen={modal} toggle={toggle} className={className}>
+                <ModalHeader toggle={toggle}>New Mount</ModalHeader>
+                <ModalBody>
+                    <FormGroup row>
+                        <Label for={"mountPoint"} sm={5}>Plugin URL</Label>
+                        <Col sm={7}>
+                            <Input type={"text"} value={pluginDownloadURL}
+                                   name={"mountPoint"}
+                                   id={"mountPoint"} onChange={e => setPluginDownloadURL(e.target.value)}
+                                   required={true}
+                            >
+                            </Input>
+                            <FormFeedback/>
+
+                        </Col>
+                    </FormGroup>
+
+                </ModalBody>
+                <ModalFooter>
+                    <Button data-test="ok-button" color="primary" onClick={handleCreateMount}
+                            disabled={isCreateDisabled()}>Add</Button>{' '}
+                    <Button data-test="cancel-button" color="secondary" onClick={toggle}>Cancel</Button>
+                </ModalFooter>
+            </Modal>
+        </div>
+    );
+}
+
+NewPluginModal.propTypes = {
+    /**
+     * Text for open modal button
+     */
+    buttonLabel: PropTypes.string,
+    /**
+     * Class for open modal button
+     */
+    buttonClass: PropTypes.string,
+    /**
+     * Function to be called when ok button is clicked.
+     */
+    okHandle: PropTypes.func.isRequired,
+}
+
+export default NewPluginModal;
\ No newline at end of file
diff --git a/src/views/PluginDashboard/NewPluginModal.test.js b/src/views/PluginDashboard/NewPluginModal.test.js
new file mode 100644
index 000000000..d96e8c376
--- /dev/null
+++ b/src/views/PluginDashboard/NewPluginModal.test.js
@@ -0,0 +1,55 @@
+import React from "react";
+import {shallow} from "enzyme";
+import {findByTestAttr, testStore} from "../../../Utils";
+import toJson from "enzyme-to-json";
+import NewPluginModal from "./NewPluginModal";
+
+
+const setUp = (intialState = {}, props = {}) => {
+    const store = testStore(intialState);
+
+    const component = shallow(<NewPluginModal {...props} store={store}/>);
+    return component;
+};
+
+
+describe('New Plugin Modal', function () {
+    describe('renders', function () {
+        const myMock = jest.fn();
+        let wrapper;
+        beforeEach(() => {
+            const initialState = {};
+
+            const props = {
+                okHandle: myMock
+            };
+            wrapper = setUp(initialState, props)
+        });
+
+        it('should render without crashing', function () {
+            const component = findByTestAttr(wrapper, "newMountModalComponent");
+            expect(component).toHaveLength(1);
+        });
+
+        it('should have ok and cancel buttons', function () {
+            const okButton = findByTestAttr(wrapper, "ok-button")
+            expect(okButton).toHaveLength(1);
+
+            const cancelButton = findByTestAttr(wrapper, "cancel-button");
+            expect(cancelButton).toHaveLength(1);
+        })
+
+
+        it('okHandle should have been called once', function () {
+            const okButton = findByTestAttr(wrapper, "ok-button")
+            okButton.simulate('click');
+
+            expect(myMock.mock.calls).toHaveLength(1);
+        })
+
+        it('should match snapshot', function () {
+            expect(toJson(wrapper)).toMatchSnapshot();
+        });
+
+    });
+});
diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
index bcc2904df..dea0ed752 100644
--- a/src/views/PluginDashboard/PluginDashboard.js
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -1,23 +1,10 @@
 import React from 'react';
 import {connect} from "react-redux";
-import {
-	Button,
-	Card,
-	CardBody,
-	CardFooter,
-	CardHeader,
-	Col,
-	FormFeedback,
-	FormGroup,
-	Input,
-	Label,
-	Row,
-	Table
-} from "reactstrap";
+import {Col, Table} from "reactstrap";
 import * as PropTypes from 'prop-types';
 import {addPlugin, getPlugins} from "../../actions/pluginActions";
 import PluginRowEntries from "./PluginRowEntries";
-import {validateURL} from "../../utils/Tools";
+import NewPluginModal from "./NewPluginModal";
 
 // function MountRows({remotes, refreshHandle}) {
 //
@@ -33,88 +20,25 @@ import {validateURL} from "../../utils/Tools";
 
 class PluginDashboard extends React.Component {
 
-	constructor(props, context) {
-		super(props, context);
-		this.state = {
-			pluginDownloadURL: "",
-			showNewPluginCard: false,
-		}
-	}
-
 	componentDidMount() {
 		const {getPlugins} = this.props;
 		getPlugins();
 	}
 
-	addPluginHandler = (e) => {
-		e.stopPropagation();
+	addPluginHandle = (pluginDownloadURL) => {
 		const {addPlugin} = this.props;
-		const {pluginDownloadURL} = this.state;
 		addPlugin(pluginDownloadURL);
 	}
 
-	changePluginURL = (e) => {
-		const pluginDownloadURL = e.target.value;
-		this.setState({pluginDownloadURL})
-	}
-
-	toggleShowNewPluginCard = () => {
-		this.setState((state) => ({showNewPluginCard: !state.showNewPluginCard}))
-	}
-
-	addButtonStatus = () => {
-		const {pluginDownloadURL} = this.state;
-		return !pluginDownloadURL || this.state.pluginDownloadURL === "" || !validateURL(pluginDownloadURL);
-	}
-
 	render() {
-		const {showNewPluginCard, pluginDownloadURL} = this.state;
 		const {loadedPlugins} = this.props;
 		return (
 			<div data-test="pluginDashboardComponent">
-				<Row style={{display: showNewPluginCard ? "block" : "none"}}>
-					<Card
-						className={"col-12"}>
-						<CardHeader>
-							Add Plugin
-						</CardHeader>
-						<CardBody>
-							<FormGroup row>
-								<Label for={"mountPoint"} sm={5}>Plugin URL</Label>
-								<Col sm={7}>
-									<Input type={"text"} value={pluginDownloadURL}
-										   name={"mountPoint"}
-										   id={"mountPoint"} onChange={this.changePluginURL} required={true}
-									>
-									</Input>
-									<FormFeedback/>
-
-								</Col>
-							</FormGroup>
-						</CardBody>
-						<CardFooter>
-							<div className="clear-fix float-right">
-								<Button color="primary" disabled={this.addButtonStatus()}
-										onClick={this.addPluginHandler}>Verify and add</Button>
-							</div>
-							<div className="clear-fix float-right mr-2">
-								<Button color="danger" onClick={this.toggleShowNewPluginCard}>Cancel</Button>
-							</div>
-						</CardFooter>
-					</Card>
-				</Row>
-
-				<Row>
-					{!showNewPluginCard && <Col lg={8} className={"mb-4"}>
-						<Button color={"primary"} className={"float-left"} onClick={this.toggleShowNewPluginCard}>
-							Add new Plugin
-						</Button>
-					</Col>}
-					<Col lg={4}>
-
-					</Col>
+				<Col lg={12} className="mb-4 d-flex justify-content-between">
+					<NewPluginModal buttonLabel="Add New" okHandle={this.addPluginHandle}/>
+					<NewPluginModal buttonLabel="Visit Store" okHandle={this.addPluginHandle}/>
+				</Col>
 
-				</Row>
 				<Table responsive className="table-striped">
 					<thead>
 					<tr>

From bbd7593311b098060667d6fd804840c4531c278f Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Wed, 17 Jun 2020 17:51:59 +0530
Subject: [PATCH 17/30] Add Plugin Store

---
 src/actions/pluginActions.js                  |  2 +-
 src/reducers/pluginsReducer.js                |  4 +-
 src/routes.js                                 |  2 +
 src/utils/API/endpoint.js                     |  2 +-
 .../BackendStatusCard/BackendStatusCard.js    |  7 +-
 .../Base/PluginsHandler/PluginsHandler.js     | 76 +++++++++++++------
 .../RemoteExplorerLayout.js                   | 11 +++
 src/views/PluginDashboard/PluginDashboard.js  | 29 +++----
 .../PluginsDashboard/PluginsDashboard.js      | 18 -----
 .../PluginsDashboard/PluginsDashboard.test.js | 40 ----------
 .../StoreDashboard/PluginPlaceHolder.test.js  |  0
 .../StoreDashboard/PluginPlaceHolderCard.js   | 56 ++++++++++++++
 src/views/StoreDashboard/StoreDashboard.js    | 71 +++++++++++++++++
 .../StoreDashboard/StoreDashboard.test.js     | 41 ++++++++++
 src/views/StoreDashboard/package.json         |  6 ++
 15 files changed, 254 insertions(+), 111 deletions(-)
 delete mode 100644 src/views/PluginsDashboard/PluginsDashboard.js
 delete mode 100644 src/views/PluginsDashboard/PluginsDashboard.test.js
 create mode 100644 src/views/StoreDashboard/PluginPlaceHolder.test.js
 create mode 100644 src/views/StoreDashboard/PluginPlaceHolderCard.js
 create mode 100644 src/views/StoreDashboard/StoreDashboard.js
 create mode 100644 src/views/StoreDashboard/StoreDashboard.test.js
 create mode 100644 src/views/StoreDashboard/package.json

diff --git a/src/actions/pluginActions.js b/src/actions/pluginActions.js
index bfded2522..6c3fb0236 100644
--- a/src/actions/pluginActions.js
+++ b/src/actions/pluginActions.js
@@ -9,7 +9,7 @@ import {toast} from "react-toastify";
  */
 export const loadTestPlugins = () => {
 	return (dispatch) => {
-		axiosInstance.post(urls.listTestPlugins).then((res) => {
+		axiosInstance.post(urls.listPlugins).then((res) => {
 				dispatch({
 					type: GET_TEST_PLUGINS,
 					status: REQUEST_SUCCESS,
diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
index 5e26ea855..570790025 100644
--- a/src/reducers/pluginsReducer.js
+++ b/src/reducers/pluginsReducer.js
@@ -19,11 +19,13 @@ export default function (state = initialState, action) {
 				return {
 					...state,
 					loadedTestPlugins: action.payload.loadedTestPlugins,
+					loadedPlugins: action.payload.loadedPlugins
 				}
 			} else if (action.status === REQUEST_ERROR) {
 				return {
 					...state,
-					loadedTestPlugins: undefined,
+					loadedTestPlugins: {},
+					loadedPlugins: {},
 					error: action.payload
 				}
 			}
diff --git a/src/routes.js b/src/routes.js
index 48b0505c5..8a011bbcb 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -9,6 +9,7 @@ const RCloneDashboard = React.lazy(() => import("./views/RCloneDashboard"));
 const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 const MountDashboard = React.lazy(() => import("./views/MountDashboard"));
 const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
+const StoreDashboard = React.lazy(() => import("./views/StoreDashboard"));
 
 // https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
 // Define the routes as required
@@ -24,6 +25,7 @@ const routes = [
     {path: '/rcloneBackend', name: 'Rclone Backend', component: RCloneDashboard},
     {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
+    {path: '/storeDashboard', name: 'Store Dashboard', component: StoreDashboard},
     {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
 
diff --git a/src/utils/API/endpoint.js b/src/utils/API/endpoint.js
index b78f4483e..f45d9d30f 100644
--- a/src/utils/API/endpoint.js
+++ b/src/utils/API/endpoint.js
@@ -141,7 +141,7 @@ const urls = {
     /**
      *  List the loaded test plugins
      */
-    listTestPlugins: "pluginsctl/listTestPlugins",
+    listPlugins: "pluginsctl/listPlugins",
 
     /**
      * Add a test plugin
diff --git a/src/views/Base/BackendStatusCard/BackendStatusCard.js b/src/views/Base/BackendStatusCard/BackendStatusCard.js
index 444231700..32d866e90 100644
--- a/src/views/Base/BackendStatusCard/BackendStatusCard.js
+++ b/src/views/Base/BackendStatusCard/BackendStatusCard.js
@@ -15,7 +15,6 @@ import {IP_ADDRESS_KEY, MODAL_ROOT_ELEMENT, STATUS_REFRESH_TIMEOUT, USER_NAME_KE
 function TaskModal() {
     return ReactDOM.createPortal((
         <RunningJobs mode={"modal"}/>
-
     ), document.getElementById(MODAL_ROOT_ELEMENT));
 }
 
@@ -105,7 +104,7 @@ function StatusText({connectivityStatus, checkStatus, ipAddress, userName}) {
         // Connected to backend
         statusText = "rClone Backend is connected and working as expected";
     }else{
-        statusText = "Cannot connect to rclone backend. There is a problem with connecting to {ipAddress}."
+        statusText = `Cannot connect to rclone backend. There is a problem with connecting to ${ipAddress}.`
     }
 
     return (
@@ -118,10 +117,6 @@ function StatusText({connectivityStatus, checkStatus, ipAddress, userName}) {
                 <span className={"card-subtitle"}>Current IP Address: {" "}</span>
                 <span className="card-text">{ipAddress}</span>
             </p>
-            <p>
-                <span className={"card-subtitle"}>Username: {" "}</span>
-                <span className="card-text">{userName}</span>
-            </p>
         </>
     )
 }
diff --git a/src/views/Base/PluginsHandler/PluginsHandler.js b/src/views/Base/PluginsHandler/PluginsHandler.js
index 3eb1186ca..59e731f67 100644
--- a/src/views/Base/PluginsHandler/PluginsHandler.js
+++ b/src/views/Base/PluginsHandler/PluginsHandler.js
@@ -4,16 +4,14 @@ import {IP_ADDRESS_KEY} from "../../../utils/Constants";
 import {connect} from "react-redux";
 import {PROP_CURRENT_PATH, PROP_FS_INFO} from "../../../utils/RclonePropTypes";
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
+import {Button} from "reactstrap";
 
+function PluginsHandler(props) {
 
-class PluginsHandler extends React.Component {
-
-
-	getRenderForItem = () => {
-		const {fsInfo, item, inViewport, currentPath} = this.props;
+	const openPlugin = () => {
+		const {fsInfo, item, currentPath, loadedPlugins, loadedTestPlugins} = props;
 		const {remoteName, remotePath} = currentPath;
 		const {MimeType} = item;
-
 		let downloadURL = "";
 
 		const ipAddress = localStorage.getItem(IP_ADDRESS_KEY);
@@ -25,32 +23,51 @@ class PluginsHandler extends React.Component {
 			downloadURL = ipAddress + `[${remoteName}:${remotePath}]/${item.Name}`;
 		}
 
-		const author = "rclone";
-		const pluginName = "rclone-webui-react";
+		// const availableTestPlugins = [];
+		const availablePlugins = [];
+
+		for (let m in loadedTestPlugins) {
+			let p = loadedTestPlugins[m];
+			if (p["rclone"]["handlesType"].includes(MimeType))
+				availablePlugins.push(p)
+		}
 
+		for (let m in loadedPlugins) {
+			let p = loadedPlugins[m];
+			if (p["rclone"]["handlesType"].includes(MimeType))
+				availablePlugins.push(p)
+		}
 
-		return (
-			<a href={`${ipAddress}/plugins/rclone/video-plugin/?loadUrl=${downloadURL}&mimeType=${MimeType}`}
-			   color="link" target="_blank">
-				<i className={"fa fa-external-link fa-lg d-inline"}/>
-			</a>
-		)
+		console.log("Available Plugins", availablePlugins);
+		if (availablePlugins.length <= 0) {
+			// No plugins available, show modal for redirecting to the store
 
-	};
 
+		} else if (availablePlugins.length === 1) {
+			// open the default available plugin
 
-	render() {
-		const {loadMedia, item} = this.props;
-		const {MimeType} = item;
+			const author = availablePlugins[0].author;
+			const pluginName = availablePlugins[0].name;
+			const pluginUrl = `${ipAddress}/plugins/${author}/${pluginName}/?loadUrl=${downloadURL}&mimeType=${MimeType}`
+
+			window.open(pluginUrl);
+		} else {
+			// display modal with multiple options
+		}
 
-		let element = this.getRenderForItem()
 
-		return (
-			<ErrorBoundary>
-				{element}
-			</ErrorBoundary>
-		);
 	}
+
+	const getRenderForItem = () => {
+		return <Button color={"link"} onClick={openPlugin}>
+			<i className={"fa fa-external-link fa-lg d-inline"}/>
+		</Button>
+
+	};
+
+	return <ErrorBoundary>
+		{getRenderForItem()}
+	</ErrorBoundary>
 }
 
 PluginsHandler.propTypes = {
@@ -70,12 +87,19 @@ PluginsHandler.propTypes = {
 	 * Container ID
 	 */
 	containerID: PropTypes.string.isRequired,
+	/**
+	 * Map of loaded test plugins
+	 */
+	loadedTestPlugins: PropTypes.object.isRequired,
+	/**
+	 * Map of loaded plugins
+	 */
+	loadedPlugins: PropTypes.object.isRequired
 
 
 };
 
 const mapStateToProps = (state, ownProps) => {
-	// console.log(ownProps);
 	const currentPath = state.explorer.currentPaths[ownProps.containerID];
 
 	let fsInfo = {};
@@ -91,6 +115,8 @@ const mapStateToProps = (state, ownProps) => {
 	return {
 		currentPath,
 		fsInfo,
+		loadedTestPlugins: state.plugins.loadedTestPlugins,
+		loadedPlugins: state.plugins.loadedPlugins
 	}
 };
 
diff --git a/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js b/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js
index 8347a3385..c77d05da2 100644
--- a/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js
+++ b/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js
@@ -5,6 +5,7 @@ import {connect} from "react-redux";
 import {createPath} from "../../../actions/explorerStateActions";
 import * as PropTypes from 'prop-types';
 import {addRemoteContainer, changeDistractionFreeMode, changeNumCols} from "../../../actions/explorerActions";
+import {loadTestPlugins} from "../../../actions/pluginActions";
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
 
 import singlePaneImg from '../../../assets/img/single-pane.png';
@@ -32,6 +33,10 @@ class RemoteExplorerLayout extends React.Component {
 		if (numContainers < 1) {
 			addRemoteContainer(0)
 		}
+
+		// Load the test plugins
+		loadTestPlugins();
+
 	}
 
 	toggleDistractionFreeMode = (_) => {
@@ -110,6 +115,8 @@ const mapStateToProps = (state) => ({
 	splitMode: state.remote.splitMode,
 	activeRemoteContainerID: state.remote.activeRemoteContainerID,
 	containers: state.remote.containers,
+	loadedTestPlugins: state.plugins.loadedTestPlugins,
+	loadedPlugins: state.plugins.loadedPlugins
 });
 
 RemoteExplorerLayout.propTypes = {
@@ -117,6 +124,10 @@ RemoteExplorerLayout.propTypes = {
 	createPath: PropTypes.func.isRequired,
 	changeNumCols: PropTypes.func.isRequired,
 	distractionFreeMode: PropTypes.bool.isRequired,
+	loadTestPlugins: PropTypes.func.isRequired,
+
+	loadedTestPlugins: PropTypes.object.isRequired,
+	loadedPlugins: PropTypes.object.isRequired,
 	activeRemoteContainerID: PropTypes.object.isRequired
 };
 
diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
index dea0ed752..e24248934 100644
--- a/src/views/PluginDashboard/PluginDashboard.js
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -1,23 +1,11 @@
 import React from 'react';
 import {connect} from "react-redux";
-import {Col, Table} from "reactstrap";
+import {Button, Col, Row, Table} from "reactstrap";
 import * as PropTypes from 'prop-types';
 import {addPlugin, getPlugins} from "../../actions/pluginActions";
 import PluginRowEntries from "./PluginRowEntries";
 import NewPluginModal from "./NewPluginModal";
 
-// function MountRows({remotes, refreshHandle}) {
-//
-// 	let returnMap = [];
-// 	let curKey = 1;
-// 	for (const [key, value] of Object.entries(remotes)) {
-// 		returnMap.push((<ConfigRow sequenceNumber={curKey} key={key} remoteName={key} remote={value}
-// 								   refreshHandle={refreshHandle}/>));
-// 		curKey++;
-// 	}
-// 	return returnMap;
-// }
-
 class PluginDashboard extends React.Component {
 
 	componentDidMount() {
@@ -31,14 +19,17 @@ class PluginDashboard extends React.Component {
 	}
 
 	render() {
-		const {loadedPlugins} = this.props;
+		const {navigation, loadedPlugins} = this.props;
 		return (
 			<div data-test="pluginDashboardComponent">
-				<Col lg={12} className="mb-4 d-flex justify-content-between">
-					<NewPluginModal buttonLabel="Add New" okHandle={this.addPluginHandle}/>
-					<NewPluginModal buttonLabel="Visit Store" okHandle={this.addPluginHandle}/>
-				</Col>
-
+				<Row>
+					<Col lg={12} className="mb-4 d-flex justify-content-between">
+						<NewPluginModal buttonLabel="Add New" okHandle={this.addPluginHandle}/>
+						<Button onClick={() => this.props.history.push("/storeDashboard")}>
+							Visit Store
+						</Button>
+					</Col>
+				</Row>
 				<Table responsive className="table-striped">
 					<thead>
 					<tr>
diff --git a/src/views/PluginsDashboard/PluginsDashboard.js b/src/views/PluginsDashboard/PluginsDashboard.js
deleted file mode 100644
index 2e9a9395f..000000000
--- a/src/views/PluginsDashboard/PluginsDashboard.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import {connect} from "react-redux";
-
-class PluginsDashboard extends React.Component {
-	render() {
-		return (
-			<div data-test="pluginsDashboardComponent">
-
-
-			</div>);
-	}
-}
-
-const mapStateToProps = state => ({});
-
-PluginsDashboard.propTypes = {};
-
-export default connect(mapStateToProps, {})(PluginsDashboard);
diff --git a/src/views/PluginsDashboard/PluginsDashboard.test.js b/src/views/PluginsDashboard/PluginsDashboard.test.js
deleted file mode 100644
index 506b9ef84..000000000
--- a/src/views/PluginsDashboard/PluginsDashboard.test.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from "react";
-import {shallow} from "enzyme";
-import {findByTestAttr, testStore} from "../../../Utils";
-import toJson from "enzyme-to-json";
-import PluginsDashboard from "./PluginsDashboard";
-
-const setUp = (intialState = {}, props = {}) => {
-	const store = testStore(intialState);
-
-	const component = shallow(<PluginsDashboard {...props} store={store}/>);
-	return component.childAt(0).dive();
-};
-
-
-describe('Plugins Dashboard', () => {
-}, function () {
-	describe('renders', function () {
-		let wrapper;
-		beforeEach(() => {
-			const initialState = {
-				status: {
-					checkStatus: true
-				}
-			};
-
-			const props = {};
-			wrapper = setUp(initialState, props)
-		});
-
-		it('should render without crashing', function () {
-			const component = findByTestAttr(wrapper, "pluginsDashboardComponent");
-			expect(component).toHaveLength(1);
-		});
-
-		it('should match snapshot', function () {
-			expect(toJson(wrapper)).toMatchSnapshot()
-		});
-	});
-
-});
diff --git a/src/views/StoreDashboard/PluginPlaceHolder.test.js b/src/views/StoreDashboard/PluginPlaceHolder.test.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/views/StoreDashboard/PluginPlaceHolderCard.js b/src/views/StoreDashboard/PluginPlaceHolderCard.js
new file mode 100644
index 000000000..e194727f1
--- /dev/null
+++ b/src/views/StoreDashboard/PluginPlaceHolderCard.js
@@ -0,0 +1,56 @@
+import {Button, Card, CardBody, Col, Row} from "reactstrap";
+import React from "react";
+import * as PropTypes from "prop-types";
+import {toast} from "react-toastify";
+
+
+function PluginPlaceHolderCard({plugin}) {
+    const {
+        name, description, author, longDescription, icon, url
+    } = plugin;
+
+    return (
+        <Card>
+            <CardBody>
+                <Row>
+                    <Col lg={3} className="d-none d-md-block">
+                        <img style={{width: "100%"}}
+                             src={icon ? icon : require("../../assets/img/brand/logo_symbol.png")}/>
+                    </Col>
+                    <Col lg={6} sm={12} md={6}>
+                        <h3>{description}</h3>
+
+                        <p style={{
+                            textOverflow: "...",
+                            overflow: "hidden",
+                            maxHeight: "9.0em",
+                            lineHeight: "1.8em"
+                        }}>{longDescription}</p>
+
+                        <p>By {author}</p>
+                    </Col>
+                    <Col lg={3} md={3}>
+                        <Button color={"primary mb-2"}>Activate</Button>
+                        <Button color={"link p-sm-2 p-lg-0"}
+                                onClick={(e) => url ? window.open(url) : toast.error("Url not specified for details")}>More
+                            Details</Button>
+                    </Col>
+                </Row>
+            </CardBody>
+        </Card>
+    )
+}
+
+PluginPlaceHolderCard.propTypes = {
+    plugin: PropTypes.shape({
+        name: PropTypes.string.isRequired,
+        description: PropTypes.string.isRequired,
+        author: PropTypes.string.isRequired,
+        longDescription: PropTypes.string.isRequired,
+        icon: PropTypes.string,
+        repo: PropTypes.string.isRequired,
+        bugs: PropTypes.string,
+    })
+}
+
+export default PluginPlaceHolderCard
\ No newline at end of file
diff --git a/src/views/StoreDashboard/StoreDashboard.js b/src/views/StoreDashboard/StoreDashboard.js
new file mode 100644
index 000000000..5637be680
--- /dev/null
+++ b/src/views/StoreDashboard/StoreDashboard.js
@@ -0,0 +1,71 @@
+import React from 'react';
+import {connect} from "react-redux";
+import {Button, Col, Row} from "reactstrap";
+import * as PropTypes from 'prop-types';
+import {addPlugin, getPlugins} from "../../actions/pluginActions";
+import axios from "axios";
+import PluginPlaceHolderCard from "./PluginPlaceHolderCard";
+import {toast} from "react-toastify";
+
+class PluginDashboard extends React.Component {
+
+    constructor(props, context) {
+        super(props, context);
+        this.state = {
+            pluginsList: []
+        }
+    }
+
+    getOfficialPlugins() {
+        const url = "https://raw.githubusercontent.com/rclone/rclone-plugins-repo/master/official.json";
+
+        axios.get(url).then(res => {
+            this.setState({pluginsList: res.data.plugins});
+        }, err => {
+            toast.error("Couldn't load plugins " + err.data)
+        })
+    }
+
+    componentDidMount() {
+        // const {pluginsList} = this.state;
+        // If plugins list is not valid, download it.
+        // if(!pluginsList)
+        this.getOfficialPlugins();
+    }
+
+    render() {
+        const {pluginsList} = this.state;
+        return (
+            <div data-test="storeDashboardComponent">
+                <Row>
+                    <Col lg={12} className="mb-4 d-flex justify-content-between">
+                        <Button color="secondary" onClick={() => this.props.history.goBack()}>Back</Button>
+                        <Button color="primary"><span className="fa fa-search"/> Search</Button>
+                    </Col>
+                </Row>
+                <Row>
+                    {
+                        pluginsList && pluginsList.map((e) =>
+                            <Col lg={6} key={e.name}>
+                                <PluginPlaceHolderCard plugin={e}/>
+                            </Col>
+                        )
+                    }
+                </Row>
+            </div>);
+    }
+}
+
+const mapStateToProps = state => ({
+    loadedPlugins: state.plugins.loadedPlugins,
+});
+
+PluginDashboard.propTypes = {
+    loadedPlugins: PropTypes.object.isRequired,
+
+    getPlugins: PropTypes.func.isRequired,
+
+    addPlugin: PropTypes.func.isRequired,
+};
+
+export default connect(mapStateToProps, {getPlugins, addPlugin})(PluginDashboard);
diff --git a/src/views/StoreDashboard/StoreDashboard.test.js b/src/views/StoreDashboard/StoreDashboard.test.js
new file mode 100644
index 000000000..84646053e
--- /dev/null
+++ b/src/views/StoreDashboard/StoreDashboard.test.js
@@ -0,0 +1,41 @@
+import React from "react";
+import {shallow} from "enzyme";
+import {findByTestAttr, testStore} from "../../../Utils";
+import toJson from "enzyme-to-json";
+import StoreDashboard from "./StoreDashboard";
+
+
+const setUp = (intialState = {}, props = {}) => {
+    const store = testStore(intialState);
+
+    const component = shallow(<StoreDashboard {...props} store={store}/>);
+    return component.childAt(0).dive();
+};
+
+
+describe('Plugin Dashboard', function () {
+
+    describe('renders', function () {
+        let wrapper;
+        beforeEach(() => {
+            const initialState = {
+                status: {
+                    checkStatus: true
+                }
+            };
+
+            const props = {};
+            wrapper = setUp(initialState, props)
+        });
+
+        it('should render without crashing', function () {
+            const component = findByTestAttr(wrapper, "storeDashboardComponent");
+            expect(component).toHaveLength(1);
+        });
+
+        it('should match snapshot', function () {
+            expect(toJson(wrapper)).toMatchSnapshot()
+        });
+    });
+
+});
diff --git a/src/views/StoreDashboard/package.json b/src/views/StoreDashboard/package.json
new file mode 100644
index 000000000..20e01ae4f
--- /dev/null
+++ b/src/views/StoreDashboard/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "StoreDashboard",
+  "version": "0.0.0",
+  "private": true,
+  "main": "StoreDashboard.js"
+}

From 41dfd765c53878252092b2fb5204e1e7c72db15f Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Tue, 23 Jun 2020 14:34:31 +0530
Subject: [PATCH 18/30] Delete function for loaded plugins, minor fixes

---
 Utils/index.js                                |  2 +-
 src/actions/pluginActions.js                  |  2 +-
 src/views/PluginDashboard/PluginDashboard.js  |  2 +-
 src/views/PluginDashboard/PluginRowEntries.js | 20 ++++++++++++++-----
 .../StoreDashboard/PluginPlaceHolderCard.js   | 15 ++++++++++++--
 src/views/StoreDashboard/StoreDashboard.js    |  9 ++++++---
 6 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/Utils/index.js b/Utils/index.js
index 425fd39e7..1041a29cb 100644
--- a/Utils/index.js
+++ b/Utils/index.js
@@ -1,7 +1,7 @@
 import checkPropTypes from 'check-prop-types';
 import {applyMiddleware, createStore} from 'redux';
 import rootReducer from './../src/reducers';
-import {middleware} from './../src/store';
+import {middleware} from '../src/store';
 
 export const findByTestAttr = (component, attr) => {
     const wrapper = component.find(`[data-test='${attr}']`);
diff --git a/src/actions/pluginActions.js b/src/actions/pluginActions.js
index 6c3fb0236..d91bbaa68 100644
--- a/src/actions/pluginActions.js
+++ b/src/actions/pluginActions.js
@@ -39,7 +39,7 @@ export const addTestPlugin = (pluginName, pluginUrl) => (dispatch) => {
 }
 
 export const getPlugins = () => (dispatch) => {
-	axiosInstance.post("pluginsctl/getPlugins").then(res => {
+	axiosInstance.post("pluginsctl/listPlugins").then(res => {
 			dispatch({
 				type: LOAD_PLUGINS,
 				status: REQUEST_SUCCESS,
diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
index e24248934..90be35b9e 100644
--- a/src/views/PluginDashboard/PluginDashboard.js
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -39,7 +39,7 @@ class PluginDashboard extends React.Component {
 					</tr>
 					</thead>
 					<tbody>
-					<PluginRowEntries loadedPlugins={loadedPlugins}/>
+					<PluginRowEntries loadedPlugins={loadedPlugins} getPlugins={getPlugins}/>
 					</tbody>
 				</Table>
 			</div>);
diff --git a/src/views/PluginDashboard/PluginRowEntries.js b/src/views/PluginDashboard/PluginRowEntries.js
index 8fbb6d297..4625d1b84 100644
--- a/src/views/PluginDashboard/PluginRowEntries.js
+++ b/src/views/PluginDashboard/PluginRowEntries.js
@@ -1,18 +1,27 @@
 import React from "react";
 import * as PropTypes from "prop-types";
 import {Button} from "reactstrap";
+import axiosInstance from "../../utils/API/API";
+import {toast} from "react-toastify";
 
 const deactivatePlugin = (item) => {
 
 }
 
-const removePlugin = (item) => {
 
-}
-
-function PluginRowEntries({loadedPlugins}) {
+function PluginRowEntries({loadedPlugins, getPlugins}) {
 
+	const removePlugin = (key) => {
+		axiosInstance.post("pluginsctl/removePlugin", {
+			name: key
+		}).then(res => {
+			toast.info(`Plugin ${key} removed successfully`);
+		}, err => {
+			toast.error(`Error removing plugin ${key} : ${err}`);
+		})
+		getPlugins();
 
+	}
 	let entries = [];
 	for (const [key, value] of Object.entries(loadedPlugins)) {
 		entries.push(
@@ -21,7 +30,7 @@ function PluginRowEntries({loadedPlugins}) {
 				<td>{value.description}</td>
 				<td>
 					<Button color="primary">Deactivate</Button>
-					<Button color={"danger"} className="ml-2">Delete</Button>
+					<Button color={"danger"} className="ml-2" onClick={() => removePlugin(key)}>Delete</Button>
 				</td>
 			</tr>
 		)
@@ -31,6 +40,7 @@ function PluginRowEntries({loadedPlugins}) {
 
 PluginRowEntries.propTypes = {
 	loadedPlugins: PropTypes.object.isRequired,
+	getPlugins: PropTypes.func.isRequired
 }
 
 export default PluginRowEntries;
diff --git a/src/views/StoreDashboard/PluginPlaceHolderCard.js b/src/views/StoreDashboard/PluginPlaceHolderCard.js
index e194727f1..7234de595 100644
--- a/src/views/StoreDashboard/PluginPlaceHolderCard.js
+++ b/src/views/StoreDashboard/PluginPlaceHolderCard.js
@@ -2,13 +2,24 @@ import {Button, Card, CardBody, Col, Row} from "reactstrap";
 import React from "react";
 import * as PropTypes from "prop-types";
 import {toast} from "react-toastify";
+import axiosInstance from "../../utils/API/API";
 
 
 function PluginPlaceHolderCard({plugin}) {
     const {
-        name, description, author, longDescription, icon, url
+        name, description, author, longDescription, icon, url, repo
     } = plugin;
 
+    const activatePlugin = (e) => {
+        axiosInstance.post("pluginsctl/addPlugin", {
+            url: repo
+        }).then(res => {
+            toast.info(`Plugin ${name} added`);
+        }, err => {
+            toast.error(`An error occurred: ${err}`)
+        })
+    }
+
     return (
         <Card>
             <CardBody>
@@ -30,7 +41,7 @@ function PluginPlaceHolderCard({plugin}) {
                         <p>By {author}</p>
                     </Col>
                     <Col lg={3} md={3}>
-                        <Button color={"primary mb-2"}>Activate</Button>
+                        <Button color={"primary mb-2"} onClick={activatePlugin}>Activate</Button>
                         <Button color={"link p-sm-2 p-lg-0"}
                                 onClick={(e) => url ? window.open(url) : toast.error("Url not specified for details")}>More
                             Details</Button>
diff --git a/src/views/StoreDashboard/StoreDashboard.js b/src/views/StoreDashboard/StoreDashboard.js
index 5637be680..24d1bb37e 100644
--- a/src/views/StoreDashboard/StoreDashboard.js
+++ b/src/views/StoreDashboard/StoreDashboard.js
@@ -7,7 +7,7 @@ import axios from "axios";
 import PluginPlaceHolderCard from "./PluginPlaceHolderCard";
 import {toast} from "react-toastify";
 
-class PluginDashboard extends React.Component {
+class StoreDashboard extends React.Component {
 
     constructor(props, context) {
         super(props, context);
@@ -35,6 +35,9 @@ class PluginDashboard extends React.Component {
 
     render() {
         const {pluginsList} = this.state;
+        if (pluginsList.length <= 0) {
+            return (<p>Loading</p>)
+        }
         return (
             <div data-test="storeDashboardComponent">
                 <Row>
@@ -60,7 +63,7 @@ const mapStateToProps = state => ({
     loadedPlugins: state.plugins.loadedPlugins,
 });
 
-PluginDashboard.propTypes = {
+StoreDashboard.propTypes = {
     loadedPlugins: PropTypes.object.isRequired,
 
     getPlugins: PropTypes.func.isRequired,
@@ -68,4 +71,4 @@ PluginDashboard.propTypes = {
     addPlugin: PropTypes.func.isRequired,
 };
 
-export default connect(mapStateToProps, {getPlugins, addPlugin})(PluginDashboard);
+export default connect(mapStateToProps, {getPlugins, addPlugin})(StoreDashboard);

From 117333326b2822865156de1cd336a55e22a56d99 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Tue, 23 Jun 2020 14:34:40 +0530
Subject: [PATCH 19/30] Delete function for loaded plugins, minor fixes

---
 .../__snapshots__/NewPluginModal.test.js.snap | 122 ++++++++++++++++++
 .../__snapshots__/StoreDashboard.test.js.snap |  64 +++++++++
 2 files changed, 186 insertions(+)
 create mode 100644 src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
 create mode 100644 src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap

diff --git a/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap b/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
new file mode 100644
index 000000000..7c3a1597c
--- /dev/null
+++ b/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
@@ -0,0 +1,122 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`New Plugin Modal renders should match snapshot 1`] = `
+<div
+  data-test="newMountModalComponent"
+>
+  <Button
+    color="primary"
+    onClick={[Function]}
+    tag="button"
+  />
+  <Modal
+    autoFocus={true}
+    backdrop={true}
+    backdropTransition={
+      Object {
+        "mountOnEnter": true,
+        "timeout": 150,
+      }
+    }
+    centered={false}
+    fade={true}
+    isOpen={false}
+    keyboard={true}
+    modalTransition={
+      Object {
+        "timeout": 300,
+      }
+    }
+    onClosed={[Function]}
+    onOpened={[Function]}
+    returnFocusAfterClose={true}
+    role="dialog"
+    scrollable={false}
+    toggle={[Function]}
+    unmountOnClose={true}
+    zIndex={1050}
+  >
+    <ModalHeader
+      charCode={215}
+      closeAriaLabel="Close"
+      tag="h5"
+      toggle={[Function]}
+      wrapTag="div"
+    >
+      New Mount
+    </ModalHeader>
+    <ModalBody
+      tag="div"
+    >
+      <FormGroup
+        row={true}
+        tag="div"
+      >
+        <Label
+          for="mountPoint"
+          sm={5}
+          tag="label"
+          widths={
+            Array [
+              "xs",
+              "sm",
+              "md",
+              "lg",
+              "xl",
+            ]
+          }
+        >
+          Plugin URL
+        </Label>
+        <Col
+          sm={7}
+          tag="div"
+          widths={
+            Array [
+              "xs",
+              "sm",
+              "md",
+              "lg",
+              "xl",
+            ]
+          }
+        >
+          <Input
+            id="mountPoint"
+            name="mountPoint"
+            onChange={[Function]}
+            required={true}
+            type="text"
+            value=""
+          />
+          <FormFeedback
+            tag="div"
+          />
+        </Col>
+      </FormGroup>
+    </ModalBody>
+    <ModalFooter
+      tag="div"
+    >
+      <Button
+        color="primary"
+        data-test="ok-button"
+        disabled={true}
+        onClick={[Function]}
+        tag="button"
+      >
+        Add
+      </Button>
+       
+      <Button
+        color="secondary"
+        data-test="cancel-button"
+        onClick={[Function]}
+        tag="button"
+      >
+        Cancel
+      </Button>
+    </ModalFooter>
+  </Modal>
+</div>
+`;
diff --git a/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap b/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
new file mode 100644
index 000000000..e2a5d64ee
--- /dev/null
+++ b/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
@@ -0,0 +1,64 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Plugin Dashboard renders should match snapshot 1`] = `
+<div
+  data-test="storeDashboardComponent"
+>
+  <Row
+    tag="div"
+    widths={
+      Array [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+      ]
+    }
+  >
+    <Col
+      className="mb-4 d-flex justify-content-between"
+      lg={12}
+      tag="div"
+      widths={
+        Array [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl",
+        ]
+      }
+    >
+      <Button
+        color="secondary"
+        onClick={[Function]}
+        tag="button"
+      >
+        Back
+      </Button>
+      <Button
+        color="primary"
+        tag="button"
+      >
+        <span
+          className="fa fa-search"
+        />
+         Search
+      </Button>
+    </Col>
+  </Row>
+  <Row
+    tag="div"
+    widths={
+      Array [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+      ]
+    }
+  />
+</div>
+`;

From 71239a0dadfd39f18a4ab823af540649fb578b09 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Tue, 23 Jun 2020 14:53:18 +0530
Subject: [PATCH 20/30] Minor changes

---
 src/actions/types.js                         | 4 ----
 src/reducers/index.js                        | 1 -
 src/routes.js                                | 1 -
 src/views/PluginDashboard/PluginDashboard.js | 2 +-
 4 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/actions/types.js b/src/actions/types.js
index bd0baae3e..bd201f8cc 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -49,10 +49,6 @@ export const GET_MOUNT_LIST = "GET_MOUNT_LIST";
 export const REMOVE_MOUNT = "REMOVE_MOUNT";
 export const CREATE_MOUNT = "CREATE_MOUNT";
 
-export const GET_TEST_PLUGINS = "GET_TEST_PLUGINS";
-
-export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
-export const LOAD_PLUGINS = "LOAD_PLUGINS";
 
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
diff --git a/src/reducers/index.js b/src/reducers/index.js
index 8a99f4a39..b938e94ba 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -45,7 +45,6 @@ const appReducer = combineReducers({
     version: versionReducer,
     plugins: pluginsReducer,
     mount: mountReducer,
-    mount: mountReducer,
     // remoteOps: remoteOpsReducer
 });
 
diff --git a/src/routes.js b/src/routes.js
index 8a011bbcb..644c89b02 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -8,7 +8,6 @@ const Login = React.lazy(() => import("./views/Pages/Login"));
 const RCloneDashboard = React.lazy(() => import("./views/RCloneDashboard"));
 const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 const MountDashboard = React.lazy(() => import("./views/MountDashboard"));
-const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 const StoreDashboard = React.lazy(() => import("./views/StoreDashboard"));
 
 // https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
index 90be35b9e..2931908f9 100644
--- a/src/views/PluginDashboard/PluginDashboard.js
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -19,7 +19,7 @@ class PluginDashboard extends React.Component {
 	}
 
 	render() {
-		const {navigation, loadedPlugins} = this.props;
+		const {loadedPlugins, getPlugins} = this.props;
 		return (
 			<div data-test="pluginDashboardComponent">
 				<Row>

From 23353bcc747b1b7d26a15aaed79c0c18a3b6f8bb Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Thu, 25 Jun 2020 17:23:04 +0530
Subject: [PATCH 21/30] Check if rclone or handlesType is null.

---
 src/views/Base/PluginsHandler/PluginsHandler.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Base/PluginsHandler/PluginsHandler.js b/src/views/Base/PluginsHandler/PluginsHandler.js
index 59e731f67..d4ffe3d5f 100644
--- a/src/views/Base/PluginsHandler/PluginsHandler.js
+++ b/src/views/Base/PluginsHandler/PluginsHandler.js
@@ -28,7 +28,7 @@ function PluginsHandler(props) {
 
 		for (let m in loadedTestPlugins) {
 			let p = loadedTestPlugins[m];
-			if (p["rclone"]["handlesType"].includes(MimeType))
+			if (p["rclone"] && p["rclone"]["handlesType"] && p["rclone"]["handlesType"].includes(MimeType))
 				availablePlugins.push(p)
 		}
 

From d061361189b329d7322ef304183c9227b8f2f27a Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Thu, 16 Jul 2020 09:02:12 +0530
Subject: [PATCH 22/30] Update: Update packages to latest

---
 package-lock.json                             | 4636 ++++++++++++++---
 package.json                                  |   32 +-
 src/utils/PluginTools.js                      |   48 +
 src/utils/Tools.js                            |    9 +
 .../NoPluginAvailableModal.js                 |   75 +
 .../NoPluginAvailableModal.test.js            |    0
 .../Base/PluginsHandler/PluginsHandler.js     |   66 +-
 .../__snapshots__/VideoPlayer.test.js.snap    |   34 +-
 src/views/PluginDashboard/PluginRowEntries.js |   20 +-
 .../__snapshots__/NewPluginModal.test.js.snap |    1 +
 .../PluginDashboard.test.js.snap              |  132 +-
 .../StoreDashboard/PluginPlaceHolderCard.js   |   22 +-
 .../__snapshots__/StoreDashboard.test.js.snap |   63 +-
 13 files changed, 4046 insertions(+), 1092 deletions(-)
 create mode 100644 src/utils/PluginTools.js
 create mode 100644 src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.js
 create mode 100644 src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js

diff --git a/package-lock.json b/package-lock.json
index fa858de4e..c2bca21d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,11 +5,11 @@
   "requires": true,
   "dependencies": {
     "@babel/code-frame": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
-      "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz",
+      "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==",
       "requires": {
-        "@babel/highlight": "^7.10.4"
+        "@babel/highlight": "^7.8.3"
       }
     },
     "@babel/compat-data": {
@@ -24,29 +24,167 @@
       }
     },
     "@babel/core": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.10.5.tgz",
-      "integrity": "sha512-O34LQooYVDXPl7QWCdW9p4NR+QlzOr7xShPPJz8GsuCU3/8ua/wqTr7gmnxXv+WBESiGU/G5s16i6tUvHkNb+w==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/generator": "^7.10.5",
-        "@babel/helper-module-transforms": "^7.10.5",
-        "@babel/helpers": "^7.10.4",
-        "@babel/parser": "^7.10.5",
-        "@babel/template": "^7.10.4",
-        "@babel/traverse": "^7.10.5",
-        "@babel/types": "^7.10.5",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.9.0.tgz",
+      "integrity": "sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.9.0",
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helpers": "^7.9.0",
+        "@babel/parser": "^7.9.0",
+        "@babel/template": "^7.8.6",
+        "@babel/traverse": "^7.9.0",
+        "@babel/types": "^7.9.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.1",
         "json5": "^2.1.2",
-        "lodash": "^4.17.19",
+        "lodash": "^4.17.13",
         "resolve": "^1.3.2",
         "semver": "^5.4.1",
         "source-map": "^0.5.0"
       },
       "dependencies": {
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          },
+          "dependencies": {
+            "@babel/code-frame": {
+              "version": "7.10.4",
+              "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+              "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+              "dev": true,
+              "requires": {
+                "@babel/highlight": "^7.10.4"
+              }
+            }
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          },
+          "dependencies": {
+            "@babel/code-frame": {
+              "version": "7.10.4",
+              "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+              "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+              "dev": true,
+              "requires": {
+                "@babel/highlight": "^7.10.4"
+              }
+            }
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
         "debug": {
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
@@ -70,16 +208,26 @@
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
           "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
           "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
         }
       }
     },
     "@babel/generator": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
-      "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.8.4.tgz",
+      "integrity": "sha512-PwhclGdRpNAf3IxZb0YVuITPZmmrXz9zf6fH8lT4XbrmfQKr6ryBzhv593P5C6poJRciFCL/eHGW2NuGrgEyxA==",
       "requires": {
-        "@babel/types": "^7.10.5",
+        "@babel/types": "^7.8.3",
         "jsesc": "^2.5.1",
+        "lodash": "^4.17.13",
         "source-map": "^0.5.0"
       },
       "dependencies": {
@@ -97,6 +245,19 @@
       "dev": true,
       "requires": {
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
       }
     },
     "@babel/helper-builder-binary-assignment-operator-visitor": {
@@ -107,6 +268,19 @@
       "requires": {
         "@babel/helper-explode-assignable-expression": "^7.10.4",
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
       }
     },
     "@babel/helper-builder-react-jsx": {
@@ -117,6 +291,19 @@
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.10.4",
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
       }
     },
     "@babel/helper-builder-react-jsx-experimental": {
@@ -128,6 +315,19 @@
         "@babel/helper-annotate-as-pure": "^7.10.4",
         "@babel/helper-module-imports": "^7.10.4",
         "@babel/types": "^7.10.5"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
       }
     },
     "@babel/helper-compilation-targets": {
@@ -144,16 +344,16 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.5.tgz",
-      "integrity": "sha512-0nkdeijB7VlZoLT3r/mY3bUkw3T8WG/hNw+FATs/6+pG2039IJWjTYL0VTISqsNHMUTEnwbVnc89WIJX9Qed0A==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.8.3.tgz",
+      "integrity": "sha512-qmp4pD7zeTxsv0JNecSBsEmG1ei2MqwJq4YQcK3ZWm/0t07QstWfvuV/vm3Qt5xNMFETn2SZqpMx2MQzbtq+KA==",
       "requires": {
-        "@babel/helper-function-name": "^7.10.4",
-        "@babel/helper-member-expression-to-functions": "^7.10.5",
-        "@babel/helper-optimise-call-expression": "^7.10.4",
-        "@babel/helper-plugin-utils": "^7.10.4",
-        "@babel/helper-replace-supers": "^7.10.4",
-        "@babel/helper-split-export-declaration": "^7.10.4"
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3"
       }
     },
     "@babel/helper-create-regexp-features-plugin": {
@@ -176,6 +376,105 @@
         "@babel/helper-function-name": "^7.10.4",
         "@babel/types": "^7.10.5",
         "lodash": "^4.17.19"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/helper-explode-assignable-expression": {
@@ -186,111 +485,620 @@
       "requires": {
         "@babel/traverse": "^7.10.4",
         "@babel/types": "^7.10.4"
-      }
-    },
-    "@babel/helper-function-name": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
-      "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
-      "requires": {
-        "@babel/helper-get-function-arity": "^7.10.4",
-        "@babel/template": "^7.10.4",
-        "@babel/types": "^7.10.4"
-      }
-    },
-    "@babel/helper-get-function-arity": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
-      "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
-      "requires": {
-        "@babel/types": "^7.10.4"
-      }
-    },
-    "@babel/helper-hoist-variables": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz",
-      "integrity": "sha512-wljroF5PgCk2juF69kanHVs6vrLwIPNp6DLD+Lrl3hoQ3PpPPikaDRNFA+0t81NOoMt2DL6WW/mdU8k4k6ZzuA==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.10.4"
-      }
-    },
-    "@babel/helper-member-expression-to-functions": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
-      "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
-      "requires": {
-        "@babel/types": "^7.10.5"
-      }
-    },
-    "@babel/helper-module-imports": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz",
-      "integrity": "sha512-nEQJHqYavI217oD9+s5MUBzk6x1IlvoS9WTPfgG43CbMEeStE0v+r+TucWdx8KFGowPGvyOkDT9+7DHedIDnVw==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.10.4"
-      }
-    },
-    "@babel/helper-module-transforms": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.10.5.tgz",
-      "integrity": "sha512-4P+CWMJ6/j1W915ITJaUkadLObmCRRSC234uctJfn/vHrsLNxsR8dwlcXv9ZhJWzl77awf+mWXSZEKt5t0OnlA==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-module-imports": "^7.10.4",
-        "@babel/helper-replace-supers": "^7.10.4",
-        "@babel/helper-simple-access": "^7.10.4",
-        "@babel/helper-split-export-declaration": "^7.10.4",
-        "@babel/template": "^7.10.4",
-        "@babel/types": "^7.10.5",
-        "lodash": "^4.17.19"
-      }
-    },
-    "@babel/helper-optimise-call-expression": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
-      "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
-      "requires": {
-        "@babel/types": "^7.10.4"
-      }
-    },
-    "@babel/helper-plugin-utils": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
-      "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg=="
-    },
-    "@babel/helper-regex": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-regex/-/helper-regex-7.10.5.tgz",
-      "integrity": "sha512-68kdUAzDrljqBrio7DYAEgCoJHxppJOERHOgOrDN7WjOzP0ZQ1LsSDRXcemzVZaLvjaJsJEESb6qt+znNuENDg==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.19"
-      }
-    },
-    "@babel/helper-remap-async-to-generator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.4.tgz",
-      "integrity": "sha512-86Lsr6NNw3qTNl+TBcF1oRZMaVzJtbWTyTko+CQL/tvNvcGYEFKbLXDPxtW0HKk3McNOk4KzY55itGWCAGK5tg==",
-      "dev": true,
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "@babel/helper-function-name": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz",
+      "integrity": "sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==",
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-get-function-arity": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz",
+      "integrity": "sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==",
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-hoist-variables": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz",
+      "integrity": "sha512-wljroF5PgCk2juF69kanHVs6vrLwIPNp6DLD+Lrl3hoQ3PpPPikaDRNFA+0t81NOoMt2DL6WW/mdU8k4k6ZzuA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz",
+      "integrity": "sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==",
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz",
+      "integrity": "sha512-nEQJHqYavI217oD9+s5MUBzk6x1IlvoS9WTPfgG43CbMEeStE0v+r+TucWdx8KFGowPGvyOkDT9+7DHedIDnVw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.10.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.10.5.tgz",
+      "integrity": "sha512-4P+CWMJ6/j1W915ITJaUkadLObmCRRSC234uctJfn/vHrsLNxsR8dwlcXv9ZhJWzl77awf+mWXSZEKt5t0OnlA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.10.4",
+        "@babel/helper-replace-supers": "^7.10.4",
+        "@babel/helper-simple-access": "^7.10.4",
+        "@babel/helper-split-export-declaration": "^7.10.4",
+        "@babel/template": "^7.10.4",
+        "@babel/types": "^7.10.5",
+        "lodash": "^4.17.19"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
+          "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
+          "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
+          "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "@babel/helper-optimise-call-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz",
+      "integrity": "sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==",
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz",
+      "integrity": "sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ=="
+    },
+    "@babel/helper-regex": {
+      "version": "7.10.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-regex/-/helper-regex-7.10.5.tgz",
+      "integrity": "sha512-68kdUAzDrljqBrio7DYAEgCoJHxppJOERHOgOrDN7WjOzP0ZQ1LsSDRXcemzVZaLvjaJsJEESb6qt+znNuENDg==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.19"
+      }
+    },
+    "@babel/helper-remap-async-to-generator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.4.tgz",
+      "integrity": "sha512-86Lsr6NNw3qTNl+TBcF1oRZMaVzJtbWTyTko+CQL/tvNvcGYEFKbLXDPxtW0HKk3McNOk4KzY55itGWCAGK5tg==",
+      "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.10.4",
         "@babel/helper-wrap-function": "^7.10.4",
         "@babel/template": "^7.10.4",
         "@babel/traverse": "^7.10.4",
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/helper-replace-supers": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
-      "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.8.3.tgz",
+      "integrity": "sha512-xOUssL6ho41U81etpLoT2RTdvdus4VfHamCuAm4AHxGr+0it5fnwoVdwUJ7GFEqCsQYzJUhcbsN9wB9apcYKFA==",
       "requires": {
-        "@babel/helper-member-expression-to-functions": "^7.10.4",
-        "@babel/helper-optimise-call-expression": "^7.10.4",
-        "@babel/traverse": "^7.10.4",
-        "@babel/types": "^7.10.4"
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
       }
     },
     "@babel/helper-simple-access": {
@@ -301,20 +1109,100 @@
       "requires": {
         "@babel/template": "^7.10.4",
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/helper-split-export-declaration": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
-      "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz",
+      "integrity": "sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==",
       "requires": {
-        "@babel/types": "^7.10.4"
+        "@babel/types": "^7.8.3"
       }
     },
     "@babel/helper-validator-identifier": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz",
-      "integrity": "sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw=="
+      "integrity": "sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==",
+      "dev": true
     },
     "@babel/helper-wrap-function": {
       "version": "7.10.4",
@@ -326,6 +1214,157 @@
         "@babel/template": "^7.10.4",
         "@babel/traverse": "^7.10.4",
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/helpers": {
@@ -337,15 +1376,166 @@
         "@babel/template": "^7.10.4",
         "@babel/traverse": "^7.10.4",
         "@babel/types": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/highlight": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
-      "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.8.3.tgz",
+      "integrity": "sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==",
       "requires": {
-        "@babel/helper-validator-identifier": "^7.10.4",
         "chalk": "^2.0.0",
+        "esutils": "^2.0.2",
         "js-tokens": "^4.0.0"
       },
       "dependencies": {
@@ -378,9 +1568,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
-      "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ=="
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.8.4.tgz",
+      "integrity": "sha512-0fKu/QqildpXmPVaRBoXOlyBb3MC+J0A66x97qEfLOMkn3u6nfY5esWogQwi/K0BjASYy4DbnsEWnpNL6qT5Mw=="
     },
     "@babel/plugin-proposal-async-generator-functions": {
       "version": "7.10.5",
@@ -391,15 +1581,23 @@
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/helper-remap-async-to-generator": "^7.10.4",
         "@babel/plugin-syntax-async-generators": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-class-properties": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.4.tgz",
-      "integrity": "sha512-vhwkEROxzcHGNu2mzUC0OFFNXdZ4M23ib8aRRcJSsW8BZK9pQMD7QB7csl97NBbgGZO7ZyHUyKDnxzOaP4IrCg==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.8.3.tgz",
+      "integrity": "sha512-EqFhbo7IosdgPgZggHaNObkmO1kNUe3slaKu54d5OWvy+p9QIKOzK1GAEpAIsZtWVtPXUHSMcT4smvDrCfY4AA==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.10.4",
-        "@babel/helper-plugin-utils": "^7.10.4"
+        "@babel/helper-create-class-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
       }
     },
     "@babel/plugin-proposal-decorators": {
@@ -421,6 +1619,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-dynamic-import": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-json-strings": {
@@ -431,6 +1637,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-json-strings": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-nullish-coalescing-operator": {
@@ -441,6 +1655,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-numeric-separator": {
@@ -451,6 +1673,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-object-rest-spread": {
@@ -462,6 +1692,14 @@
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
         "@babel/plugin-transform-parameters": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-optional-catch-binding": {
@@ -472,6 +1710,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-optional-chaining": {
@@ -482,6 +1728,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-optional-chaining": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-proposal-private-methods": {
@@ -492,6 +1746,207 @@
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-create-class-features-plugin": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.5.tgz",
+          "integrity": "sha512-0nkdeijB7VlZoLT3r/mY3bUkw3T8WG/hNw+FATs/6+pG2039IJWjTYL0VTISqsNHMUTEnwbVnc89WIJX9Qed0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-member-expression-to-functions": "^7.10.5",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
+          "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
+          "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
+          "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/plugin-proposal-unicode-property-regex": {
@@ -502,6 +1957,14 @@
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-async-generators": {
@@ -520,6 +1983,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-decorators": {
@@ -529,6 +2000,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-dynamic-import": {
@@ -547,6 +2026,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-json-strings": {
@@ -565,6 +2052,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-nullish-coalescing-operator": {
@@ -583,6 +2078,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-object-rest-spread": {
@@ -619,6 +2122,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-typescript": {
@@ -628,6 +2139,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-arrow-functions": {
@@ -637,6 +2156,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-async-to-generator": {
@@ -648,6 +2175,14 @@
         "@babel/helper-module-imports": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/helper-remap-async-to-generator": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-block-scoped-functions": {
@@ -657,6 +2192,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-block-scoping": {
@@ -666,6 +2209,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-classes": {
@@ -682,6 +2233,193 @@
         "@babel/helper-replace-supers": "^7.10.4",
         "@babel/helper-split-export-declaration": "^7.10.4",
         "globals": "^11.1.0"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
+          "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
+          "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
+          "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/plugin-transform-computed-properties": {
@@ -691,6 +2429,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-destructuring": {
@@ -700,6 +2446,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-dotall-regex": {
@@ -710,6 +2464,14 @@
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-duplicate-keys": {
@@ -719,6 +2481,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-exponentiation-operator": {
@@ -729,6 +2499,14 @@
       "requires": {
         "@babel/helper-builder-binary-assignment-operator-visitor": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-flow-strip-types": {
@@ -748,6 +2526,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-function-name": {
@@ -758,6 +2544,111 @@
       "requires": {
         "@babel/helper-function-name": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/plugin-transform-literals": {
@@ -767,6 +2658,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-member-expression-literals": {
@@ -776,6 +2675,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-modules-amd": {
@@ -787,6 +2694,14 @@
         "@babel/helper-module-transforms": "^7.10.5",
         "@babel/helper-plugin-utils": "^7.10.4",
         "babel-plugin-dynamic-import-node": "^2.3.3"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
@@ -799,6 +2714,14 @@
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/helper-simple-access": "^7.10.4",
         "babel-plugin-dynamic-import-node": "^2.3.3"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-modules-systemjs": {
@@ -811,6 +2734,14 @@
         "@babel/helper-module-transforms": "^7.10.5",
         "@babel/helper-plugin-utils": "^7.10.4",
         "babel-plugin-dynamic-import-node": "^2.3.3"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-modules-umd": {
@@ -821,6 +2752,14 @@
       "requires": {
         "@babel/helper-module-transforms": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-named-capturing-groups-regex": {
@@ -839,6 +2778,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-object-super": {
@@ -849,6 +2796,193 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/helper-replace-supers": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
+          "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
+          "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
+          "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/plugin-transform-parameters": {
@@ -859,6 +2993,34 @@
       "requires": {
         "@babel/helper-get-function-arity": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
       }
     },
     "@babel/plugin-transform-property-literals": {
@@ -868,6 +3030,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-constant-elements": {
@@ -877,6 +3047,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-display-name": {
@@ -886,6 +3064,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-jsx": {
@@ -898,6 +3084,14 @@
         "@babel/helper-builder-react-jsx-experimental": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-jsx": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-jsx-development": {
@@ -909,6 +3103,14 @@
         "@babel/helper-builder-react-jsx-experimental": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-jsx": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-jsx-self": {
@@ -919,6 +3121,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-jsx": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-jsx-source": {
@@ -929,6 +3139,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-jsx": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-react-pure-annotations": {
@@ -939,6 +3157,14 @@
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-regenerator": {
@@ -957,6 +3183,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-runtime": {
@@ -978,6 +3212,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-spread": {
@@ -987,6 +3229,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-sticky-regex": {
@@ -997,6 +3247,14 @@
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/helper-regex": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-template-literals": {
@@ -1007,6 +3265,14 @@
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-typeof-symbol": {
@@ -1016,6 +3282,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-typescript": {
@@ -1027,6 +3301,207 @@
         "@babel/helper-create-class-features-plugin": "^7.10.5",
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-typescript": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-create-class-features-plugin": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.5.tgz",
+          "integrity": "sha512-0nkdeijB7VlZoLT3r/mY3bUkw3T8WG/hNw+FATs/6+pG2039IJWjTYL0VTISqsNHMUTEnwbVnc89WIJX9Qed0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-member-expression-to-functions": "^7.10.5",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
+          "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
+          "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
+          "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/plugin-transform-unicode-escapes": {
@@ -1036,6 +3511,14 @@
       "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-unicode-regex": {
@@ -1046,6 +3529,14 @@
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.10.4",
         "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/preset-env": {
@@ -1118,6 +3609,217 @@
         "invariant": "^2.2.2",
         "levenary": "^1.1.1",
         "semver": "^5.5.0"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz",
+          "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz",
+          "integrity": "sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-create-class-features-plugin": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.5.tgz",
+          "integrity": "sha512-0nkdeijB7VlZoLT3r/mY3bUkw3T8WG/hNw+FATs/6+pG2039IJWjTYL0VTISqsNHMUTEnwbVnc89WIJX9Qed0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-member-expression-to-functions": "^7.10.5",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz",
+          "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz",
+          "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.5.tgz",
+          "integrity": "sha512-HiqJpYD5+WopCXIAbQDG0zye5XYVvcO9w/DHp5GsaGkRUaamLj2bEtu6i8rnGGprAhHM3qidCMgp71HF4endhA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.5"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz",
+          "integrity": "sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz",
+          "integrity": "sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz",
+          "integrity": "sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz",
+          "integrity": "sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==",
+          "dev": true
+        },
+        "@babel/plugin-proposal-class-properties": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.4.tgz",
+          "integrity": "sha512-vhwkEROxzcHGNu2mzUC0OFFNXdZ4M23ib8aRRcJSsW8BZK9pQMD7QB7csl97NBbgGZO7ZyHUyKDnxzOaP4IrCg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-class-features-plugin": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/template": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
+          "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
+          "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/generator": "^7.10.5",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "@babel/parser": "^7.10.5",
+            "@babel/types": "^7.10.5",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/preset-modules": {
@@ -1146,6 +3848,14 @@
         "@babel/plugin-transform-react-jsx-self": "^7.10.4",
         "@babel/plugin-transform-react-jsx-source": "^7.10.4",
         "@babel/plugin-transform-react-pure-annotations": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/preset-typescript": {
@@ -1159,11 +3869,11 @@
       }
     },
     "@babel/runtime": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.5.tgz",
-      "integrity": "sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==",
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.5.1.tgz",
+      "integrity": "sha512-g+hmPKs16iewFSmW57NkH9xpPkuYD1RV3UE2BCkXx9j+nhhRb9hsiSxPmEa67j35IecTQdn4iyMtHMbt5VoREg==",
       "requires": {
-        "regenerator-runtime": "^0.13.4"
+        "regenerator-runtime": "^0.13.2"
       }
     },
     "@babel/runtime-corejs3": {
@@ -1174,32 +3884,40 @@
       "requires": {
         "core-js-pure": "^3.0.0",
         "regenerator-runtime": "^0.13.4"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
+          "dev": true
+        }
       }
     },
     "@babel/template": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.10.4.tgz",
-      "integrity": "sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.8.3.tgz",
+      "integrity": "sha512-04m87AcQgAFdvuoyiQ2kgELr2tV8B4fP/xJAVUL3Yb3bkNdMedD3d0rlSQr3PegP0cms3eHjl1F7PWlvWbU8FQ==",
       "requires": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/parser": "^7.10.4",
-        "@babel/types": "^7.10.4"
+        "@babel/code-frame": "^7.8.3",
+        "@babel/parser": "^7.8.3",
+        "@babel/types": "^7.8.3"
       }
     },
     "@babel/traverse": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz",
-      "integrity": "sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==",
-      "requires": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/generator": "^7.10.5",
-        "@babel/helper-function-name": "^7.10.4",
-        "@babel/helper-split-export-declaration": "^7.10.4",
-        "@babel/parser": "^7.10.5",
-        "@babel/types": "^7.10.5",
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.8.4.tgz",
+      "integrity": "sha512-NGLJPZwnVEyBPLI+bl9y9aSnxMhsKz42so7ApAv9D+b4vAFPpY013FTS9LdKxcABoIYFU52HcYga1pPlx454mg==",
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.8.4",
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/parser": "^7.8.4",
+        "@babel/types": "^7.8.3",
         "debug": "^4.1.0",
         "globals": "^11.1.0",
-        "lodash": "^4.17.19"
+        "lodash": "^4.17.13"
       },
       "dependencies": {
         "debug": {
@@ -1213,12 +3931,12 @@
       }
     },
     "@babel/types": {
-      "version": "7.10.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
-      "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.8.3.tgz",
+      "integrity": "sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==",
       "requires": {
-        "@babel/helper-validator-identifier": "^7.10.4",
-        "lodash": "^4.17.19",
+        "esutils": "^2.0.2",
+        "lodash": "^4.17.13",
         "to-fast-properties": "^2.0.0"
       }
     },
@@ -1241,6 +3959,13 @@
         "bootstrap": "^4.3.1",
         "core-js": "^3.3.4",
         "regenerator-runtime": "^0.13.3"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+        }
       }
     },
     "@coreui/coreui-plugin-chartjs-custom-tooltips": {
@@ -1687,21 +4412,6 @@
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
       "dev": true
     },
-    "@react-dnd/asap": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-4.0.0.tgz",
-      "integrity": "sha512-0XhqJSc6pPoNnf8DhdsPHtUhRzZALVzYMTzRwV4VI6DJNJ/5xxfL9OQUwb8IH5/2x7lSf7nAZrnzUD+16VyOVQ=="
-    },
-    "@react-dnd/invariant": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-2.0.0.tgz",
-      "integrity": "sha512-xL4RCQBCBDJ+GRwKTFhGUW8GXa4yoDfJrPbLblc3U09ciS+9ZJXJ3Qrcs/x2IODOdIE5kQxvMmE2UKyqUictUw=="
-    },
-    "@react-dnd/shallowequal": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-2.0.0.tgz",
-      "integrity": "sha512-Pc/AFTdwZwEKJxFJvlxrSmGe/di+aAOBn60sremrpLo6VI/6cmiUYNNwlI5KNYttg7uypzA3ILPMPgxB2GYZEg=="
-    },
     "@svgr/babel-plugin-add-jsx-attribute": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz",
@@ -1933,7 +4643,8 @@
     "@types/json-schema": {
       "version": "7.0.5",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz",
-      "integrity": "sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ=="
+      "integrity": "sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==",
+      "dev": true
     },
     "@types/minimatch": {
       "version": "3.0.3",
@@ -1942,9 +4653,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "14.0.23",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.0.23.tgz",
-      "integrity": "sha512-Z4U8yDAl5TFkmYsZdFPdjeMa57NOvnaf1tljHzhouaPEp7LCj2JKkejpI1ODviIAQuW4CcQmxkQ77rnLsOOoKw==",
+      "version": "13.7.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.0.tgz",
+      "integrity": "sha512-GnZbirvmqZUzMgkFn70c74OQpTTUcCzlhQliTzYjQMqg+hVKcDnxdL19Ne3UdYzdMA/+W3eb646FWn/ZaT1NfQ==",
       "dev": true
     },
     "@types/parse-json": {
@@ -1954,9 +4665,9 @@
       "dev": true
     },
     "@types/prop-types": {
-      "version": "15.7.3",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
-      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
+      "version": "15.7.1",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.1.tgz",
+      "integrity": "sha512-CFzn9idOEpHrgdw8JsoTkaDDyRWk1jrzIV8djzcgpq0y9tG4B4lFT+Nxh52DVpDXV+n4+NPNv7M1Dj5uMp6XFg=="
     },
     "@types/q": {
       "version": "1.5.4",
@@ -1965,9 +4676,9 @@
       "dev": true
     },
     "@types/react": {
-      "version": "16.9.43",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.43.tgz",
-      "integrity": "sha512-PxshAFcnJqIWYpJbLPriClH53Z2WlJcVZE+NP2etUtWQs2s7yIMj3/LDKZT/5CHJ/F62iyjVCDu2H3jHEXIxSg==",
+      "version": "16.8.23",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.8.23.tgz",
+      "integrity": "sha512-abkEOIeljniUN9qB5onp++g0EY38h7atnDHxwKUFz1r3VH1+yG1OKi2sNPTyObL40goBmfKFpdii2lEzwLX1cA==",
       "requires": {
         "@types/prop-types": "*",
         "csstype": "^2.2.0"
@@ -2054,6 +4765,20 @@
             "ms": "^2.1.1"
           }
         },
+        "glob": {
+          "version": "7.1.6",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+          "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
         "semver": {
           "version": "7.3.2",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
@@ -2063,55 +4788,19 @@
       }
     },
     "@videojs/http-streaming": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-1.13.2.tgz",
-      "integrity": "sha512-U4Xhh+HxGpRBx9Gm0LlEadq85k9BwckzFgZmyhacauhK/27Mz0goKKFAt+BpxBNp2oHVdAdk8NHfneinsqni3Q==",
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-1.10.6.tgz",
+      "integrity": "sha512-uPBuunHnxWeFRYxRX0j6h1IIWv3+QKvSkZGmW9TvqxWBqeNGSrQymR6tm1nVjQ2HhMVxVphQTUhUTTPDVWqmQg==",
       "requires": {
         "aes-decrypter": "3.0.0",
         "global": "^4.3.0",
         "m3u8-parser": "4.4.0",
-        "mpd-parser": "0.10.0",
-        "mux.js": "5.5.1",
+        "mpd-parser": "0.8.1",
+        "mux.js": "5.2.1",
         "url-toolkit": "^2.1.3",
         "video.js": "^6.8.0 || ^7.0.0"
       }
     },
-    "@videojs/vhs-utils": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-1.3.0.tgz",
-      "integrity": "sha512-oiqXDtHQqDPun7JseWkirUHGrgdYdeF12goUut5z7vwAj4DmUufEPFJ4xK5hYGXGFDyDhk2rSFOR122Ze6qXyQ==",
-      "requires": {
-        "@babel/runtime": "^7.5.5",
-        "global": "^4.3.2",
-        "url-toolkit": "^2.1.6"
-      }
-    },
-    "@videojs/xhr": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@videojs/xhr/-/xhr-2.5.1.tgz",
-      "integrity": "sha512-wV9nGESHseSK+S9ePEru2+OJZ1jq/ZbbzniGQ4weAmTIepuBMSYPx5zrxxQA0E786T5ykpO8ts+LayV+3/oI2w==",
-      "requires": {
-        "@babel/runtime": "^7.5.5",
-        "global": "~4.4.0",
-        "is-function": "^1.0.1"
-      },
-      "dependencies": {
-        "global": {
-          "version": "4.4.0",
-          "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
-          "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
-          "requires": {
-            "min-document": "^2.19.0",
-            "process": "^0.11.10"
-          }
-        },
-        "process": {
-          "version": "0.11.10",
-          "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-          "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI="
-        }
-      }
-    },
     "@webassemblyjs/ast": {
       "version": "1.8.5",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz",
@@ -2389,23 +5078,6 @@
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz",
           "integrity": "sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==",
           "dev": true
-        },
-        "emojis-list": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-          "dev": true
-        },
-        "loader-utils": {
-          "version": "1.2.3",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^2.0.0",
-            "json5": "^1.0.1"
-          }
         }
       }
     },
@@ -2438,28 +5110,37 @@
       }
     },
     "airbnb-prop-types": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/airbnb-prop-types/-/airbnb-prop-types-2.16.0.tgz",
-      "integrity": "sha512-7WHOFolP/6cS96PhKNrslCLMYAI8yB1Pp6u6XmxozQOiZbsI5ycglZr5cHhBFfuRcQQjzCMith5ZPZdYiJCxUg==",
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/airbnb-prop-types/-/airbnb-prop-types-2.15.0.tgz",
+      "integrity": "sha512-jUh2/hfKsRjNFC4XONQrxo/n/3GG4Tn6Hl0WlFQN5PY9OMC9loSCoAYKnZsWaP8wEfd5xcrPloK0Zg6iS1xwVA==",
       "dev": true,
       "requires": {
-        "array.prototype.find": "^2.1.1",
-        "function.prototype.name": "^1.1.2",
-        "is-regex": "^1.1.0",
-        "object-is": "^1.1.2",
+        "array.prototype.find": "^2.1.0",
+        "function.prototype.name": "^1.1.1",
+        "has": "^1.0.3",
+        "is-regex": "^1.0.4",
+        "object-is": "^1.0.1",
         "object.assign": "^4.1.0",
-        "object.entries": "^1.1.2",
+        "object.entries": "^1.1.0",
         "prop-types": "^15.7.2",
         "prop-types-exact": "^1.2.0",
-        "react-is": "^16.13.1"
+        "react-is": "^16.9.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.12.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.12.0.tgz",
+          "integrity": "sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==",
+          "dev": true
+        }
       }
     },
     "ajv": {
-      "version": "6.12.3",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz",
-      "integrity": "sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==",
+      "version": "6.10.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.1.tgz",
+      "integrity": "sha512-w1YQaVGNC6t2UCPjEawK/vo/dG8OOrVtUmhBT1uJJYxbl5kU2Tj3v6LGqBcsysN1yhuCStJCCA3GqdvKY8sqXQ==",
       "requires": {
-        "fast-deep-equal": "^3.1.1",
+        "fast-deep-equal": "^2.0.1",
         "fast-json-stable-stringify": "^2.0.0",
         "json-schema-traverse": "^0.4.1",
         "uri-js": "^4.2.2"
@@ -2471,9 +5152,9 @@
       "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ=="
     },
     "ajv-keywords": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.1.tgz",
-      "integrity": "sha512-KWcq3xN8fDjSB+IMoh2VaXVhRI0BBGxoYp3rx7Pkb6z0cFjYR9Q9l4yZqqals0/zsioCmocC5H6UvsGD4MoIBA=="
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
+      "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ=="
     },
     "alphanum-sort": {
       "version": "1.0.2",
@@ -2659,13 +5340,13 @@
       "dev": true
     },
     "array.prototype.find": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.1.1.tgz",
-      "integrity": "sha512-mi+MYNJYLTx2eNYy+Yh6raoQacCsNeeMUaspFPh9Y141lFSsWxxB8V9mM2ye+eqiRs917J6/pJ4M9ZPzenWckA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.1.0.tgz",
+      "integrity": "sha512-Wn41+K1yuO5p7wRZDl7890c3xvv5UBrfVXTVIe28rSQb6LS0fZMDrQB6PAcxQFRFy6vJTLDc3A2+3CjQdzVKRg==",
       "dev": true,
       "requires": {
         "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.4"
+        "es-abstract": "^1.13.0"
       }
     },
     "array.prototype.flat": {
@@ -2798,6 +5479,71 @@
         "num2fraction": "^1.2.2",
         "postcss": "^7.0.32",
         "postcss-value-parser": "^4.1.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.32",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
+          "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "postcss-value-parser": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
+          "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "aws-sign2": {
@@ -2806,9 +5552,9 @@
       "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg="
     },
     "aws4": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.0.tgz",
-      "integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA=="
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
+      "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ=="
     },
     "axios": {
       "version": "0.19.2",
@@ -2855,6 +5601,17 @@
         "@babel/types": "^7.7.0",
         "eslint-visitor-keys": "^1.0.0",
         "resolve": "^1.12.0"
+      },
+      "dependencies": {
+        "resolve": {
+          "version": "1.17.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+          "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
+        }
       }
     },
     "babel-extract-comments": {
@@ -2925,11 +5682,57 @@
         "schema-utils": "^2.6.5"
       },
       "dependencies": {
+        "ajv": {
+          "version": "6.12.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz",
+          "integrity": "sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "emojis-list": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+          "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+          "dev": true
+        },
+        "fast-deep-equal": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+          "dev": true
+        },
+        "loader-utils": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        },
         "pify": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
           "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
           "dev": true
+        },
+        "schema-utils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
+          "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.4",
+            "ajv": "^6.12.2",
+            "ajv-keywords": "^3.4.1"
+          }
         }
       }
     },
@@ -2985,6 +5788,15 @@
         "resolve": "^1.12.0"
       },
       "dependencies": {
+        "@babel/runtime": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.5.tgz",
+          "integrity": "sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==",
+          "dev": true,
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
         "cosmiconfig": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
@@ -3026,6 +5838,21 @@
           "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
           "dev": true
         },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
+          "dev": true
+        },
+        "resolve": {
+          "version": "1.17.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+          "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
+        },
         "resolve-from": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -3095,40 +5922,6 @@
         "babel-plugin-transform-react-remove-prop-types": "0.4.24"
       },
       "dependencies": {
-        "@babel/core": {
-          "version": "7.9.0",
-          "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.9.0.tgz",
-          "integrity": "sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.8.3",
-            "@babel/generator": "^7.9.0",
-            "@babel/helper-module-transforms": "^7.9.0",
-            "@babel/helpers": "^7.9.0",
-            "@babel/parser": "^7.9.0",
-            "@babel/template": "^7.8.6",
-            "@babel/traverse": "^7.9.0",
-            "@babel/types": "^7.9.0",
-            "convert-source-map": "^1.7.0",
-            "debug": "^4.1.0",
-            "gensync": "^1.0.0-beta.1",
-            "json5": "^2.1.2",
-            "lodash": "^4.17.13",
-            "resolve": "^1.3.2",
-            "semver": "^5.4.1",
-            "source-map": "^0.5.0"
-          }
-        },
-        "@babel/plugin-proposal-class-properties": {
-          "version": "7.8.3",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.8.3.tgz",
-          "integrity": "sha512-EqFhbo7IosdgPgZggHaNObkmO1kNUe3slaKu54d5OWvy+p9QIKOzK1GAEpAIsZtWVtPXUHSMcT4smvDrCfY4AA==",
-          "dev": true,
-          "requires": {
-            "@babel/helper-create-class-features-plugin": "^7.8.3",
-            "@babel/helper-plugin-utils": "^7.8.3"
-          }
-        },
         "@babel/plugin-proposal-nullish-coalescing-operator": {
           "version": "7.8.3",
           "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.8.3.tgz",
@@ -3259,28 +6052,21 @@
             "regenerator-runtime": "^0.13.4"
           }
         },
-        "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "json5": {
-          "version": "2.1.3",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
-          "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
+        "@babel/types": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz",
+          "integrity": "sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==",
           "dev": true,
           "requires": {
-            "minimist": "^1.2.5"
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
           }
         },
-        "source-map": {
-          "version": "0.5.7",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
           "dev": true
         }
       }
@@ -3759,6 +6545,12 @@
         "unique-filename": "^1.1.1"
       },
       "dependencies": {
+        "graceful-fs": {
+          "version": "4.2.4",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
+          "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
+          "dev": true
+        },
         "lru-cache": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -3768,6 +6560,15 @@
             "yallist": "^3.0.2"
           }
         },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
         "yallist": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -3860,9 +6661,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001103",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001103.tgz",
-      "integrity": "sha512-EJkTPrZrgy712tjZ7GQDye5A67SQOyNS6X9b6GS/e5QFu5Renv5qfkx3GHq1S+vObxKzbWWYuPO/7nt4kYW/gA==",
+      "version": "1.0.30001100",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001100.tgz",
+      "integrity": "sha512-0eYdp1+wFCnMlCj2oudciuQn2B9xAFq3WpgpcBIZTxk/1HNA/O2YA7rpeYhnOqsqAJq1AHUgx6i1jtafg7m2zA==",
       "dev": true
     },
     "capture-exit": {
@@ -3955,9 +6756,9 @@
       }
     },
     "chokidar": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.1.tgz",
-      "integrity": "sha512-TQTJyr2stihpC4Sya9hs2Xh+O2wf+igjL36Y75xx2WdHuiICcn/XJza46Jwt0eT5hVpQOzo3FpY3cj3RVYLX0g==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz",
+      "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==",
       "dev": true,
       "requires": {
         "anymatch": "~3.1.1",
@@ -4127,6 +6928,19 @@
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg=="
         },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+        },
         "is-fullwidth-code-point": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
@@ -4149,6 +6963,16 @@
           "requires": {
             "ansi-regex": "^4.1.0"
           }
+        },
+        "wrap-ansi": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+          "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+          "requires": {
+            "ansi-styles": "^3.2.0",
+            "string-width": "^3.0.0",
+            "strip-ansi": "^5.0.0"
+          }
         }
       }
     },
@@ -4321,6 +7145,14 @@
       "dev": true,
       "requires": {
         "mime-db": ">= 1.43.0 < 2"
+      },
+      "dependencies": {
+        "mime-db": {
+          "version": "1.44.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
+          "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
+          "dev": true
+        }
       }
     },
     "compression": {
@@ -4532,6 +7364,46 @@
         "log-driver": "^1.2.7",
         "minimist": "^1.2.5",
         "request": "^2.88.2"
+      },
+      "dependencies": {
+        "request": {
+          "version": "2.88.2",
+          "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+          "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+          "dev": true,
+          "requires": {
+            "aws-sign2": "~0.7.0",
+            "aws4": "^1.8.0",
+            "caseless": "~0.12.0",
+            "combined-stream": "~1.0.6",
+            "extend": "~3.0.2",
+            "forever-agent": "~0.6.1",
+            "form-data": "~2.3.2",
+            "har-validator": "~5.1.3",
+            "http-signature": "~1.2.0",
+            "is-typedarray": "~1.0.0",
+            "isstream": "~0.1.2",
+            "json-stringify-safe": "~5.0.1",
+            "mime-types": "~2.1.19",
+            "oauth-sign": "~0.9.0",
+            "performance-now": "^2.1.0",
+            "qs": "~6.5.2",
+            "safe-buffer": "^5.1.2",
+            "tough-cookie": "~2.5.0",
+            "tunnel-agent": "^0.6.0",
+            "uuid": "^3.3.2"
+          }
+        },
+        "tough-cookie": {
+          "version": "2.5.0",
+          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+          "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+          "dev": true,
+          "requires": {
+            "psl": "^1.1.28",
+            "punycode": "^2.1.1"
+          }
+        }
       }
     },
     "create-ecdh": {
@@ -4699,34 +7571,28 @@
       }
     },
     "css-loader": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz",
-      "integrity": "sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.4.2.tgz",
+      "integrity": "sha512-jYq4zdZT0oS0Iykt+fqnzVLRIeiPWhka+7BqPn+oSIpWJAHak5tmB/WZrJ2a21JhCeFyNnnlroSl8c+MtVndzA==",
       "requires": {
         "camelcase": "^5.3.1",
         "cssesc": "^3.0.0",
         "icss-utils": "^4.1.1",
         "loader-utils": "^1.2.3",
         "normalize-path": "^3.0.0",
-        "postcss": "^7.0.32",
+        "postcss": "^7.0.23",
         "postcss-modules-extract-imports": "^2.0.0",
         "postcss-modules-local-by-default": "^3.0.2",
-        "postcss-modules-scope": "^2.2.0",
+        "postcss-modules-scope": "^2.1.1",
         "postcss-modules-values": "^3.0.0",
-        "postcss-value-parser": "^4.1.0",
-        "schema-utils": "^2.7.0",
-        "semver": "^6.3.0"
+        "postcss-value-parser": "^4.0.2",
+        "schema-utils": "^2.6.0"
       },
       "dependencies": {
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
           "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
-        },
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         }
       }
     },
@@ -4918,9 +7784,9 @@
       }
     },
     "csstype": {
-      "version": "2.6.11",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.11.tgz",
-      "integrity": "sha512-l8YyEC9NBkSm783PFTvh0FmJy7s5pFKrDp49ZL7zBGX3fWkO+N4EEyan1qqp8cwPLDcD0OSdyY6hAMoxp34JFw=="
+      "version": "2.6.6",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.6.tgz",
+      "integrity": "sha512-RpFbQGUE74iyPgvr46U9t1xoQBM8T4BL8SxrN66Le2xYAPSaDJJKeztV3awugusb3g3G9iL8StmkBBXhcbbXhg=="
     },
     "currently-unhandled": {
       "version": "0.4.1",
@@ -5287,14 +8153,13 @@
       "dev": true
     },
     "dnd-core": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-11.1.3.tgz",
-      "integrity": "sha512-QugF55dNW+h+vzxVJ/LSJeTeUw9MCJ2cllhmVThVPEtF16ooBkxj0WBE5RB+AceFxMFo1rO6bJKXtqKl+JNnyA==",
-      "dev": true,
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-7.7.0.tgz",
+      "integrity": "sha512-+YqwflWEY1MEAEl2QiEiRaglYkCwIZryyQwximQGuTOm/ns7fS6Lg/i7OCkrtjM10D5FhArf/VUHIL4ZaRBK0g==",
       "requires": {
-        "@react-dnd/asap": "^4.0.0",
-        "@react-dnd/invariant": "^2.0.0",
-        "redux": "^4.0.4"
+        "asap": "^2.0.6",
+        "invariant": "^2.2.4",
+        "redux": "^4.0.1"
       }
     },
     "dns-equal": {
@@ -5347,6 +8212,26 @@
       "requires": {
         "@babel/runtime": "^7.8.7",
         "csstype": "^2.6.7"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.5.tgz",
+          "integrity": "sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==",
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "csstype": {
+          "version": "2.6.11",
+          "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.11.tgz",
+          "integrity": "sha512-l8YyEC9NBkSm783PFTvh0FmJy7s5pFKrDp49ZL7zBGX3fWkO+N4EEyan1qqp8cwPLDcD0OSdyY6hAMoxp34JFw=="
+        },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+        }
       }
     },
     "dom-serializer": {
@@ -5360,9 +8245,9 @@
       }
     },
     "dom-walk": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
-      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz",
+      "integrity": "sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg="
     },
     "domain-browser": {
       "version": "1.2.0",
@@ -5477,9 +8362,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.3.501",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.501.tgz",
-      "integrity": "sha512-tyzuKaV2POw2mtqBBzQGNBojMZzH0MRu8bT8T/50x+hWeucyG/9pkgAATy+PcM2ySNM9+8eG2VllY9c6j4i+bg==",
+      "version": "1.3.498",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.498.tgz",
+      "integrity": "sha512-W1hGwaQEU8j9su2jeAr3aabkPuuXw+j8t73eajGAkEJWbfWiwbxBwQN/8Qmv2qCy3uCDm2rOAaZneYQM8VGC4w==",
       "dev": true
     },
     "elliptic": {
@@ -5506,14 +8391,15 @@
       }
     },
     "emoji-regex": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k="
     },
     "encodeurl": {
       "version": "1.0.2",
@@ -5604,6 +8490,14 @@
         "react-is": "^16.12.0",
         "react-test-renderer": "^16.0.0-0",
         "semver": "^5.7.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.12.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.12.0.tgz",
+          "integrity": "sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==",
+          "dev": true
+        }
       }
     },
     "enzyme-adapter-utils": {
@@ -5618,6 +8512,14 @@
         "object.fromentries": "^2.0.2",
         "prop-types": "^15.7.2",
         "semver": "^5.7.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
       }
     },
     "enzyme-shallow-equal": {
@@ -5638,6 +8540,14 @@
       "requires": {
         "lodash": "^4.17.15",
         "react-is": "^16.12.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+          "dev": true
+        }
       }
     },
     "err": {
@@ -5666,21 +8576,21 @@
       }
     },
     "es-abstract": {
-      "version": "1.17.6",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz",
-      "integrity": "sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==",
+      "version": "1.17.4",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.4.tgz",
+      "integrity": "sha512-Ae3um/gb8F0mui/jPL+QiqmglkUsaQf7FwBEHYIFkztkneosu9imhqHpBzQ3h1vit8t5iQ74t6PEVvphBZiuiQ==",
       "requires": {
         "es-to-primitive": "^1.2.1",
         "function-bind": "^1.1.1",
         "has": "^1.0.3",
         "has-symbols": "^1.0.1",
-        "is-callable": "^1.2.0",
-        "is-regex": "^1.1.0",
+        "is-callable": "^1.1.5",
+        "is-regex": "^1.0.5",
         "object-inspect": "^1.7.0",
         "object-keys": "^1.1.1",
         "object.assign": "^4.1.0",
-        "string.prototype.trimend": "^1.0.1",
-        "string.prototype.trimstart": "^1.0.1"
+        "string.prototype.trimleft": "^2.1.1",
+        "string.prototype.trimright": "^2.1.1"
       }
     },
     "es-to-primitive": {
@@ -5975,6 +8885,15 @@
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
           "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
           "dev": true
+        },
+        "resolve": {
+          "version": "1.17.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+          "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
         }
       }
     },
@@ -6221,6 +9140,15 @@
             "read-pkg": "^2.0.0"
           }
         },
+        "resolve": {
+          "version": "1.17.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+          "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
+        },
         "strip-bom": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -6244,6 +9172,14 @@
         "emoji-regex": "^7.0.2",
         "has": "^1.0.3",
         "jsx-ast-utils": "^2.2.1"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+          "dev": true
+        }
       }
     },
     "eslint-plugin-react": {
@@ -6275,6 +9211,15 @@
             "esutils": "^2.0.2"
           }
         },
+        "resolve": {
+          "version": "1.17.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+          "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
+        },
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
@@ -6366,8 +9311,7 @@
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
     },
     "etag": {
       "version": "1.8.1",
@@ -6747,9 +9691,9 @@
       "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
     },
     "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+      "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
     },
     "fast-glob": {
       "version": "2.2.7",
@@ -6789,9 +9733,9 @@
       }
     },
     "fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I="
     },
     "fast-levenshtein": {
       "version": "2.0.6",
@@ -6980,17 +9924,6 @@
         "flatted": "^2.0.0",
         "rimraf": "2.6.3",
         "write": "1.0.3"
-      },
-      "dependencies": {
-        "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        }
       }
     },
     "flatted": {
@@ -7257,9 +10190,10 @@
       "dev": true
     },
     "get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
+      "dev": true
     },
     "get-own-enumerable-property-symbols": {
       "version": "3.0.2",
@@ -7337,9 +10271,9 @@
       }
     },
     "glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
+      "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
       "requires": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -7442,12 +10376,12 @@
       }
     },
     "globule": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
-      "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.1.tgz",
+      "integrity": "sha512-OVyWOHgw29yosRHCHo7NncwR1hW5ew0W/UrvtwvjefVJeQ26q4/8r8FmPsSF1hJ93IgWkyv16pCTz6WblMzm/g==",
       "requires": {
         "glob": "~7.1.1",
-        "lodash": "~4.17.10",
+        "lodash": "~4.17.12",
         "minimatch": "~3.0.2"
       }
     },
@@ -7474,9 +10408,9 @@
       }
     },
     "graceful-fs": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
-      "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw=="
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.0.tgz",
+      "integrity": "sha512-jpSvDPV4Cq/bgtpndIWbI5hmYxhQGHPC4d4cqBPb4DLniCfhJokdXhwhaDuLBGLQdvvRum/UiX6ECVIPvDXqdg=="
     },
     "growly": {
       "version": "1.3.0",
@@ -7684,17 +10618,17 @@
       }
     },
     "hoist-non-react-statics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz",
+      "integrity": "sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==",
       "requires": {
         "react-is": "^16.7.0"
       }
     },
     "hosted-git-info": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
-      "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg=="
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz",
+      "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w=="
     },
     "hpack.js": {
       "version": "2.1.6",
@@ -7820,9 +10754,9 @@
       },
       "dependencies": {
         "readable-stream": {
-          "version": "3.6.0",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "version": "3.5.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.5.0.tgz",
+          "integrity": "sha512-gSz026xs2LfxBPudDuI41V1lka8cxg64E66SGe78zJlsUofOg/yqwezdIcdfwik6B4h8LFmWPA9ef9X3FiNFLA==",
           "dev": true,
           "requires": {
             "inherits": "^2.0.3",
@@ -8102,12 +11036,6 @@
             "color-name": "~1.1.4"
           }
         },
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-          "dev": true
-        },
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -8181,7 +11109,6 @@
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "dev": true,
       "requires": {
         "loose-envify": "^1.0.0"
       }
@@ -8257,9 +11184,9 @@
       "dev": true
     },
     "is-callable": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz",
-      "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw=="
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.5.tgz",
+      "integrity": "sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q=="
     },
     "is-ci": {
       "version": "2.0.0",
@@ -8355,9 +11282,9 @@
       }
     },
     "is-function": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
-      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.1.tgz",
+      "integrity": "sha1-Es+5i2W1fdPRk6MSH19uL0N2ArU="
     },
     "is-generator-fn": {
       "version": "2.1.0",
@@ -8440,11 +11367,11 @@
       "integrity": "sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ="
     },
     "is-regex": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.0.tgz",
-      "integrity": "sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz",
+      "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==",
       "requires": {
-        "has-symbols": "^1.0.1"
+        "has": "^1.0.3"
       }
     },
     "is-regexp": {
@@ -8460,9 +11387,9 @@
       "dev": true
     },
     "is-retry-allowed": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz",
-      "integrity": "sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz",
+      "integrity": "sha1-EaBgVotnM5REAz0BJaYaINVk+zQ="
     },
     "is-root": {
       "version": "2.1.0",
@@ -8949,6 +11876,16 @@
           "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
           "dev": true
         },
+        "tough-cookie": {
+          "version": "2.5.0",
+          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+          "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+          "dev": true,
+          "requires": {
+            "psl": "^1.1.28",
+            "punycode": "^2.1.1"
+          }
+        },
         "whatwg-url": {
           "version": "7.1.0",
           "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
@@ -9713,9 +12650,9 @@
       "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
     },
     "js-base64": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.3.tgz",
-      "integrity": "sha512-fiUvdfCaAXoQTHdKMgTvg6IkecXDcVz6V5rlftUTclF9IKBjMizvSdQaCl/z/6TApDeby5NL+axYou3i0mu1Pg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.2.tgz",
+      "integrity": "sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ=="
     },
     "js-tokens": {
       "version": "4.0.0",
@@ -10029,12 +12966,12 @@
       "dev": true
     },
     "loader-utils": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-      "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
+      "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
       "requires": {
         "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
+        "emojis-list": "^2.0.0",
         "json5": "^1.0.1"
       }
     },
@@ -10404,16 +13341,16 @@
       "dev": true
     },
     "mime-db": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
-      "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg=="
+      "version": "1.40.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
+      "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA=="
     },
     "mime-types": {
-      "version": "2.1.27",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
-      "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
+      "version": "2.1.24",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
+      "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
       "requires": {
-        "mime-db": "1.44.0"
+        "mime-db": "1.40.0"
       }
     },
     "mimic-fn": {
@@ -10437,6 +13374,21 @@
       "requires": {
         "@babel/runtime": "^7.5.5",
         "tiny-warning": "^1.0.3"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.9.6",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.9.6.tgz",
+          "integrity": "sha512-64AF1xY3OAkFHqOb9s4jpgk1Mm5vDZ4L3acHvAml+53nO1XbXLuDodsVpO4OIUsmemlUHMxNdYMNJmsvOwLrvQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+        }
       }
     },
     "mini-css-extract-plugin": {
@@ -10599,9 +13551,9 @@
       }
     },
     "moment": {
-      "version": "2.27.0",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.27.0.tgz",
-      "integrity": "sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ=="
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
+      "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
     },
     "moo": {
       "version": "0.5.1",
@@ -10624,14 +13576,12 @@
       }
     },
     "mpd-parser": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/mpd-parser/-/mpd-parser-0.10.0.tgz",
-      "integrity": "sha512-eIqkH/2osPr7tIIjhRmDWqm2wdJ7Q8oPfWvdjealzsLV2D2oNe0a0ae2gyYYs1sw5e5hdssDA2V6Sz8MW+Uvvw==",
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/mpd-parser/-/mpd-parser-0.8.1.tgz",
+      "integrity": "sha512-WBTJ1bKk8OLUIxBh6s1ju1e2yz/5CzhPbgi6P3F3kJHKhGy1Z+ElvEnuzEbtC/dnbRcJtMXazE3f93N5LLdp9Q==",
       "requires": {
-        "@babel/runtime": "^7.5.5",
-        "@videojs/vhs-utils": "^1.1.0",
         "global": "^4.3.2",
-        "xmldom": "^0.1.27"
+        "url-toolkit": "^2.1.1"
       }
     },
     "ms": {
@@ -10662,14 +13612,14 @@
       "dev": true
     },
     "mux.js": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-5.5.1.tgz",
-      "integrity": "sha512-5VmmjADBqS4++8pTI6poSRJ+chHdaoI4XErcQPM5w4QfwaDl+FQlSI0iOgWbYDn6CBCbDRKaSCcEiN2K5aHNGQ=="
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-5.2.1.tgz",
+      "integrity": "sha512-1t2payD3Y8izfZRq7tfUQlhL2fKzjeLr9v1/2qNCTkEQnd9Abtn1JgzsBgGZubEXh6lM5L8B0iLGoWQiukjtbQ=="
     },
     "nan": {
-      "version": "2.14.1",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
-      "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw=="
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
+      "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -10705,9 +13655,9 @@
       "dev": true
     },
     "nearley": {
-      "version": "2.19.5",
-      "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.19.5.tgz",
-      "integrity": "sha512-qoh1ZXXl0Kpn40tFhmgvffUAlbpRMcjLUagNVnT1JmliUIsB4tFabmCNhD97+tkf9FZ/SLhhYzNow0V3GitzDg==",
+      "version": "2.19.1",
+      "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.19.1.tgz",
+      "integrity": "sha512-xq47GIUGXxU9vQg7g/y1o1xuKnkO7ev4nRWqftmQrLkfnE/FjRqDaGOUakM8XHPn/6pW3bGjU2wgoJyId90rqg==",
       "dev": true,
       "requires": {
         "commander": "^2.19.0",
@@ -11052,18 +14002,14 @@
       "dev": true
     },
     "object-inspect": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.8.0.tgz",
-      "integrity": "sha512-jLdtEOB112fORuypAyl/50VRVIBIdVQOSUUGQHzJ4xBSbit81zRarz7GThkEFZy1RceYrWYcPcBFPQwHyAc1gA=="
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz",
+      "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw=="
     },
     "object-is": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.2.tgz",
-      "integrity": "sha512-5lHCz+0uufF6wZ7CRFWJN3hp8Jqblpgve06U5CMQ3f//6iDjPr2PEo9MWCjEssDsa+UZEL4PkFpr+BMop6aKzQ==",
-      "requires": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
-      }
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.0.2.tgz",
+      "integrity": "sha512-Epah+btZd5wrrfjkJZq1AOB9O6OxUQto45hzFd7lXGrpHPGE0W1k+426yrZV+k6NJOzLNNW/nVsmZdIWsAqoOQ=="
     },
     "object-keys": {
       "version": "1.1.1",
@@ -11096,13 +14042,14 @@
       }
     },
     "object.entries": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.2.tgz",
-      "integrity": "sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.1.tgz",
+      "integrity": "sha512-ilqR7BgdyZetJutmDPfXCDffGa0/Yzl2ivVNpbx/g4UeWrCdRnFDUBrKJGLhGieRHDATnyZXWBeCb29k9CJysQ==",
       "dev": true,
       "requires": {
         "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5",
+        "es-abstract": "^1.17.0-next.1",
+        "function-bind": "^1.1.1",
         "has": "^1.0.3"
       }
     },
@@ -11323,9 +14270,9 @@
       "dev": true
     },
     "p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+      "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
       "requires": {
         "p-try": "^2.0.0"
       }
@@ -11454,6 +14401,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-headers": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/parse-headers/-/parse-headers-2.0.3.tgz",
+      "integrity": "sha512-QhhZ+DCCit2Coi2vmAKbq5RGTRcQUOE2+REgv8vdyu7MnYx2eZztegqtTx99TZ86GTIwqiy3+4nQTWZ2tgmdCA=="
+    },
     "parse-json": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
@@ -11719,9 +14671,9 @@
       "dev": true
     },
     "postcss": {
-      "version": "7.0.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
-      "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+      "version": "7.0.26",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.26.tgz",
+      "integrity": "sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==",
       "requires": {
         "chalk": "^2.4.2",
         "source-map": "^0.6.1",
@@ -11799,6 +14751,65 @@
         "postcss": "^7.0.27",
         "postcss-selector-parser": "^6.0.2",
         "postcss-value-parser": "^4.0.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "postcss": {
+          "version": "7.0.32",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
+          "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-color-functional-notation": {
@@ -12306,9 +15317,9 @@
       }
     },
     "postcss-modules-scope": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
-      "integrity": "sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-2.1.1.tgz",
+      "integrity": "sha512-OXRUPecnHCg8b9xWvldG/jUpRIGPNRka0r4D4j0ESUU2/5IOnpsjfPPmDprM3Ih8CgZ8FXjWqaniK5v4rWt3oQ==",
       "requires": {
         "postcss": "^7.0.6",
         "postcss-selector-parser": "^6.0.0"
@@ -12747,9 +15758,9 @@
       }
     },
     "postcss-value-parser": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
-      "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ=="
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz",
+      "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ=="
     },
     "postcss-values-parser": {
       "version": "2.0.1",
@@ -12835,9 +15846,9 @@
       "dev": true
     },
     "promise": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/promise/-/promise-8.1.0.tgz",
-      "integrity": "sha512-W04AqnILOL/sPRXziNicCjSNRruLAuIHEOVBazepu0545DDNGYHz7ar9ZgZ1fMU8/MA4mVxp5rkBWRi6OXIy3Q==",
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-8.0.3.tgz",
+      "integrity": "sha512-HeRDUL1RJiLhyA0/grn+PTShlBAcLuh/1BJGtrvjwbvRDCTLLMEz9rOGCV+R3vHY4MixIuoMEd9Yq/XvsTPcjw==",
       "requires": {
         "asap": "~2.0.6"
       }
@@ -12906,9 +15917,9 @@
       "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM="
     },
     "psl": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
-      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.2.0.tgz",
+      "integrity": "sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA=="
     },
     "public-encrypt": {
       "version": "4.0.3",
@@ -13132,6 +16143,13 @@
         "raf": "^3.4.1",
         "regenerator-runtime": "^0.13.3",
         "whatwg-fetch": "^3.0.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.13.3",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
+          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw=="
+        }
       }
     },
     "react-autosuggest": {
@@ -13210,15 +16228,6 @@
         "text-table": "0.2.0"
       },
       "dependencies": {
-        "@babel/code-frame": {
-          "version": "7.8.3",
-          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz",
-          "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==",
-          "dev": true,
-          "requires": {
-            "@babel/highlight": "^7.8.3"
-          }
-        },
         "ansi-regex": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
@@ -13276,23 +16285,11 @@
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.1.tgz",
           "integrity": "sha512-u7v4o84SwFpD32Z8IIcPZ6z1/ie24O6RU3RbtL5Y316l3KuHVPx9ItBgWQ6VlfAFnRnTtMUrsQ9MUUTuEZjogg==",
           "dev": true,
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-          "dev": true
-        },
-        "emojis-list": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-          "dev": true
+          "requires": {
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
         },
         "escape-string-regexp": {
           "version": "2.0.0",
@@ -13354,17 +16351,6 @@
           "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
           "dev": true
         },
-        "loader-utils": {
-          "version": "1.2.3",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^2.0.0",
-            "json5": "^1.0.1"
-          }
-        },
         "locate-path": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -13451,61 +16437,38 @@
       }
     },
     "react-dnd": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-11.1.3.tgz",
-      "integrity": "sha512-8rtzzT8iwHgdSC89VktwhqdKKtfXaAyC4wiqp0SywpHG12TTLvfOoL6xNEIUWXwIEWu+CFfDn4GZJyynCEuHIQ==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-7.7.0.tgz",
+      "integrity": "sha512-anpJDKMgdXE6kXvtBFmIAe1fuaexpVy7meUyNjiTfCnjQ1mRvnttGTVvcW9fMKijsUQYadiyvzd3BRxteFuVXg==",
       "requires": {
-        "@react-dnd/shallowequal": "^2.0.0",
         "@types/hoist-non-react-statics": "^3.3.1",
-        "dnd-core": "^11.1.3",
-        "hoist-non-react-statics": "^3.3.0"
-      },
-      "dependencies": {
-        "dnd-core": {
-          "version": "11.1.3",
-          "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-11.1.3.tgz",
-          "integrity": "sha512-QugF55dNW+h+vzxVJ/LSJeTeUw9MCJ2cllhmVThVPEtF16ooBkxj0WBE5RB+AceFxMFo1rO6bJKXtqKl+JNnyA==",
-          "requires": {
-            "@react-dnd/asap": "^4.0.0",
-            "@react-dnd/invariant": "^2.0.0",
-            "redux": "^4.0.4"
-          }
-        }
+        "dnd-core": "^7.7.0",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.1.0",
+        "shallowequal": "^1.1.0"
       }
     },
     "react-dnd-html5-backend": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-11.1.3.tgz",
-      "integrity": "sha512-/1FjNlJbW/ivkUxlxQd7o3trA5DE33QiRZgxent3zKme8DwF4Nbw3OFVhTRFGaYhHFNL1rZt6Rdj1D78BjnNLw==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-7.7.0.tgz",
+      "integrity": "sha512-JgKmWOxqorFyfGPeWV+SAPhVGFe6+LrOR24jETE9rrYZU5hCppzwK9ujjS508kWibeDvbfEgi9j5qC2wB1/MoQ==",
       "requires": {
-        "dnd-core": "^11.1.3"
-      },
-      "dependencies": {
-        "dnd-core": {
-          "version": "11.1.3",
-          "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-11.1.3.tgz",
-          "integrity": "sha512-QugF55dNW+h+vzxVJ/LSJeTeUw9MCJ2cllhmVThVPEtF16ooBkxj0WBE5RB+AceFxMFo1rO6bJKXtqKl+JNnyA==",
-          "requires": {
-            "@react-dnd/asap": "^4.0.0",
-            "@react-dnd/invariant": "^2.0.0",
-            "redux": "^4.0.4"
-          }
-        }
+        "dnd-core": "^7.7.0"
       }
     },
     "react-dnd-test-backend": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmjs.org/react-dnd-test-backend/-/react-dnd-test-backend-11.1.3.tgz",
-      "integrity": "sha512-5qFm+NI2GdWIUfiYun0A8Gv0xjbq0NGOPS+f6z3x/3nTuliApjmqcM1lfTgePoz1FDG47ZofF58N8y96If62+Q==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/react-dnd-test-backend/-/react-dnd-test-backend-7.7.0.tgz",
+      "integrity": "sha512-ELX2b6mBcgpVUuS9K74h+ldlHdsb1ZEVhJUm5vv7ZL+9l+xmpz+6IikiSdh7MmEGGrGLb2FCdXReeMPOblaCnQ==",
       "dev": true,
       "requires": {
-        "dnd-core": "^11.1.3"
+        "dnd-core": "^7.7.0"
       }
     },
     "react-dnd-test-utils": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmjs.org/react-dnd-test-utils/-/react-dnd-test-utils-11.1.3.tgz",
-      "integrity": "sha512-Yg+oTpXaCJ+NxEFt+qXJZX96dbar47EK410eXj7bDsIdYYTZzYO51BtEGlEvR/a9Kb4vEkhPZkJLxyCfqNrpjw==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/react-dnd-test-utils/-/react-dnd-test-utils-7.7.0.tgz",
+      "integrity": "sha512-OZAMws/26P6Jo5lVomxU3RZ9BEKyshG4szrkBK0ibF6SrfJ1ysEp4HOPtpeE0hVFdy3RG0eCsVDHXQSMY+6EBg==",
       "dev": true
     },
     "react-dom": {
@@ -13525,6 +16488,14 @@
       "integrity": "sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==",
       "dev": true
     },
+    "react-iframe": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/react-iframe/-/react-iframe-1.8.0.tgz",
+      "integrity": "sha512-NYi89+rEqREwQxW9sDf+akh6/dtwWd3bOjByoVEIQ7SicOxVawRMer3pLdWjFaHXpuxTB9NqobPf/Ohj2iAKkg==",
+      "requires": {
+        "object-assign": "^4.1.1"
+      }
+    },
     "react-in-viewport": {
       "version": "0.0.38",
       "resolved": "https://registry.npmjs.org/react-in-viewport/-/react-in-viewport-0.0.38.tgz",
@@ -13535,9 +16506,9 @@
       }
     },
     "react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+      "version": "16.8.6",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
+      "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA=="
     },
     "react-lifecycles-compat": {
       "version": "3.0.4",
@@ -13582,6 +16553,26 @@
         "loose-envify": "^1.4.0",
         "prop-types": "^15.7.2",
         "react-is": "^16.9.0"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.5.tgz",
+          "integrity": "sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==",
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+        }
       }
     },
     "react-router": {
@@ -13684,82 +16675,12 @@
         "workbox-webpack-plugin": "4.3.1"
       },
       "dependencies": {
-        "@babel/core": {
-          "version": "7.9.0",
-          "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.9.0.tgz",
-          "integrity": "sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.8.3",
-            "@babel/generator": "^7.9.0",
-            "@babel/helper-module-transforms": "^7.9.0",
-            "@babel/helpers": "^7.9.0",
-            "@babel/parser": "^7.9.0",
-            "@babel/template": "^7.8.6",
-            "@babel/traverse": "^7.9.0",
-            "@babel/types": "^7.9.0",
-            "convert-source-map": "^1.7.0",
-            "debug": "^4.1.0",
-            "gensync": "^1.0.0-beta.1",
-            "json5": "^2.1.2",
-            "lodash": "^4.17.13",
-            "resolve": "^1.3.2",
-            "semver": "^5.4.1",
-            "source-map": "^0.5.0"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-              "dev": true
-            }
-          }
-        },
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
           "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
           "dev": true
         },
-        "css-loader": {
-          "version": "3.4.2",
-          "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.4.2.tgz",
-          "integrity": "sha512-jYq4zdZT0oS0Iykt+fqnzVLRIeiPWhka+7BqPn+oSIpWJAHak5tmB/WZrJ2a21JhCeFyNnnlroSl8c+MtVndzA==",
-          "dev": true,
-          "requires": {
-            "camelcase": "^5.3.1",
-            "cssesc": "^3.0.0",
-            "icss-utils": "^4.1.1",
-            "loader-utils": "^1.2.3",
-            "normalize-path": "^3.0.0",
-            "postcss": "^7.0.23",
-            "postcss-modules-extract-imports": "^2.0.0",
-            "postcss-modules-local-by-default": "^3.0.2",
-            "postcss-modules-scope": "^2.1.1",
-            "postcss-modules-values": "^3.0.0",
-            "postcss-value-parser": "^4.0.2",
-            "schema-utils": "^2.6.0"
-          }
-        },
-        "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "json5": {
-          "version": "2.1.3",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
-          "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.5"
-          }
-        },
         "resolve": {
           "version": "1.15.0",
           "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.0.tgz",
@@ -13774,12 +16695,6 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
           "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
           "dev": true
-        },
-        "source-map": {
-          "version": "0.5.7",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
-          "dev": true
         }
       }
     },
@@ -13828,6 +16743,21 @@
         "dom-helpers": "^5.0.1",
         "loose-envify": "^1.4.0",
         "prop-types": "^15.6.2"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.5.tgz",
+          "integrity": "sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==",
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+        }
       }
     },
     "reactstrap": {
@@ -13892,9 +16822,9 @@
       }
     },
     "readable-stream": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+      "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
       "requires": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
@@ -13986,9 +16916,9 @@
       }
     },
     "regenerator-runtime": {
-      "version": "0.13.5",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
-      "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+      "version": "0.13.2",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.2.tgz",
+      "integrity": "sha512-S/TQAZJO+D3m9xeN1WTI8dLKBBiRgXBlTJvbWjCThHWZj9EvHK70Ff50/tYj2J/fvBY6JtFVwRuazHN2E7M9BA=="
     },
     "regenerator-transform": {
       "version": "0.14.5",
@@ -13997,6 +16927,23 @@
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.8.4"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.5.tgz",
+          "integrity": "sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==",
+          "dev": true,
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
+          "dev": true
+        }
       }
     },
     "regex-not": {
@@ -14130,9 +17077,9 @@
       }
     },
     "request": {
-      "version": "2.88.2",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
-      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "version": "2.88.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
+      "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
       "requires": {
         "aws-sign2": "~0.7.0",
         "aws4": "^1.8.0",
@@ -14141,7 +17088,7 @@
         "extend": "~3.0.2",
         "forever-agent": "~0.6.1",
         "form-data": "~2.3.2",
-        "har-validator": "~5.1.3",
+        "har-validator": "~5.1.0",
         "http-signature": "~1.2.0",
         "is-typedarray": "~1.0.0",
         "isstream": "~0.1.2",
@@ -14151,7 +17098,7 @@
         "performance-now": "^2.1.0",
         "qs": "~6.5.2",
         "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.5.0",
+        "tough-cookie": "~2.4.3",
         "tunnel-agent": "^0.6.0",
         "uuid": "^3.3.2"
       }
@@ -14184,7 +17131,8 @@
     "require-main-filename": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
     },
     "requires-port": {
       "version": "1.0.0",
@@ -14198,9 +17146,9 @@
       "integrity": "sha512-qUgANli03jjAyGlnbYVAV5vvnOmJnODyABz51RdBN7M4WaVu8mecZWgyQNkG8Yqe3KRGRt0l4K4B3XVEULC4CA=="
     },
     "resolve": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
-      "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz",
+      "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==",
       "requires": {
         "path-parse": "^1.0.6"
       }
@@ -14286,23 +17234,6 @@
             }
           }
         },
-        "emojis-list": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-          "dev": true
-        },
-        "loader-utils": {
-          "version": "1.2.3",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^2.0.0",
-            "json5": "^1.0.1"
-          }
-        },
         "postcss": {
           "version": "7.0.21",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.21.tgz",
@@ -14390,9 +17321,9 @@
       "dev": true
     },
     "rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
       "requires": {
         "glob": "^7.1.3"
       }
@@ -14588,13 +17519,30 @@
       }
     },
     "schema-utils": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
-      "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+      "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
       "requires": {
-        "@types/json-schema": "^7.0.4",
-        "ajv": "^6.12.2",
+        "ajv": "^6.10.2",
         "ajv-keywords": "^3.4.1"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.11.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.11.0.tgz",
+          "integrity": "sha512-nCprB/0syFYy9fVYU1ox1l2KN8S9I+tziH8D4zdZuLT3N6RMlGSGt5FSTpAiHB/Whv8Qs1cWHma1aMKZyaHRKA==",
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "fast-deep-equal": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
+          "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA=="
+        }
       }
     },
     "scss-tokenizer": {
@@ -14627,9 +17575,9 @@
       }
     },
     "semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz",
+      "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA=="
     },
     "send": {
       "version": "0.17.1",
@@ -14841,6 +17789,11 @@
       "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-1.2.1.tgz",
       "integrity": "sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA=="
     },
+    "shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
     "shebang-command": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
@@ -14879,9 +17832,9 @@
       }
     },
     "signal-exit": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
-      "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA=="
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+      "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0="
     },
     "simple-line-icons": {
       "version": "2.4.1",
@@ -15178,32 +18131,32 @@
       "dev": true
     },
     "spdx-correct": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
+      "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
       "requires": {
         "spdx-expression-parse": "^3.0.0",
         "spdx-license-ids": "^3.0.0"
       }
     },
     "spdx-exceptions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A=="
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
+      "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA=="
     },
     "spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
+      "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
       "requires": {
         "spdx-exceptions": "^2.1.0",
         "spdx-license-ids": "^3.0.0"
       }
     },
     "spdx-license-ids": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
-      "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q=="
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz",
+      "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA=="
     },
     "spdy": {
       "version": "4.0.2",
@@ -15466,22 +18419,22 @@
         "function-bind": "^1.1.1"
       }
     },
-    "string.prototype.trimend": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz",
-      "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==",
+    "string.prototype.trimleft": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz",
+      "integrity": "sha512-iu2AGd3PuP5Rp7x2kEZCrB2Nf41ehzh+goo8TV7z8/XDBbsvc6HQIlUl9RjkZ4oyrW1XM5UwlGl1oVEaDjg6Ag==",
       "requires": {
         "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+        "function-bind": "^1.1.1"
       }
     },
-    "string.prototype.trimstart": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz",
-      "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==",
+    "string.prototype.trimright": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.1.tgz",
+      "integrity": "sha512-qFvWL3/+QIgZXVmJBfpHmxLB7xsUXz6HsUmP8+5dRaC3Q7oKUv9Vo6aMCRZC1smrtyECFsIT30PqBJ1gTjAs+g==",
       "requires": {
         "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+        "function-bind": "^1.1.1"
       }
     },
     "string_decoder": {
@@ -15715,12 +18668,36 @@
         "string-width": "^3.0.0"
       },
       "dependencies": {
+        "ajv": {
+          "version": "6.12.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz",
+          "integrity": "sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
         "ansi-regex": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
           "dev": true
         },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+          "dev": true
+        },
+        "fast-deep-equal": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+          "dev": true
+        },
         "is-fullwidth-code-point": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
@@ -16117,12 +19094,19 @@
       "dev": true
     },
     "tough-cookie": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
-      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
+      "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
       "requires": {
-        "psl": "^1.1.28",
-        "punycode": "^2.1.1"
+        "psl": "^1.1.24",
+        "punycode": "^1.4.1"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4="
+        }
       }
     },
     "tr46": {
@@ -16230,9 +19214,9 @@
       "dev": true
     },
     "typescript": {
-      "version": "3.9.7",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
-      "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw=="
+      "version": "3.9.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.6.tgz",
+      "integrity": "sha512-Pspx3oKAPJtjNwE92YS05HQoY7z2SFyOpHo9MqJor3BXAGNaPUs83CuVp9VISFkSjyRfiTpmKuAYGJB7S7hOxw=="
     },
     "typpy": {
       "version": "2.3.11",
@@ -16451,9 +19435,9 @@
       }
     },
     "url-toolkit": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/url-toolkit/-/url-toolkit-2.2.0.tgz",
-      "integrity": "sha512-Rde0c9S4fJK3FaHim3DSgdQ8IFrSXcZCpAJo9T7/FA+BoQGhK0ow3mpwGQLJCPYsNn6TstpW7/7DzMpSpz9F9w=="
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/url-toolkit/-/url-toolkit-2.1.6.tgz",
+      "integrity": "sha512-UaZ2+50am4HwrV2crR/JAf63Q4VvPYphe63WGeoJxeu8gmOm0qxPt+KsukfakPNrX9aymGNEkkaoICwn+OuvBw=="
     },
     "use": {
       "version": "3.1.1",
@@ -16508,9 +19492,9 @@
       "dev": true
     },
     "uuid": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
-      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
+      "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA=="
     },
     "v8-compile-cache": {
       "version": "2.1.1",
@@ -16555,18 +19539,18 @@
       }
     },
     "video.js": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/video.js/-/video.js-7.8.4.tgz",
-      "integrity": "sha512-XTWWrhfdrk7nTBkqhWKslfXMpUhsDRsZ2L3ISxjuAgadpiomxFV/OARchtwxO+FdnxTm4njJstPmXbVe3F765g==",
+      "version": "7.6.6",
+      "resolved": "https://registry.npmjs.org/video.js/-/video.js-7.6.6.tgz",
+      "integrity": "sha512-AXzHwymhvMpS7c7rF29u0j0/3tSs+v2gIk5UY8OkiDHSEHL7T0+t3hid4JHW7aGvTruUUgwyf4C74cX2RDL1Pw==",
       "requires": {
-        "@babel/runtime": "^7.9.2",
-        "@videojs/http-streaming": "1.13.2",
-        "@videojs/xhr": "2.5.1",
+        "@babel/runtime": "^7.4.5",
+        "@videojs/http-streaming": "1.10.6",
         "global": "4.3.2",
         "keycode": "^2.2.0",
         "safe-json-parse": "4.0.0",
         "videojs-font": "3.2.0",
-        "videojs-vtt.js": "^0.15.2"
+        "videojs-vtt.js": "^0.14.1",
+        "xhr": "2.4.0"
       }
     },
     "videojs-font": {
@@ -16575,9 +19559,9 @@
       "integrity": "sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA=="
     },
     "videojs-vtt.js": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.15.2.tgz",
-      "integrity": "sha512-kEo4hNMvu+6KhPvVYPKwESruwhHC3oFis133LwhXHO9U7nRnx0RiJYMiqbgwjgazDEXHR6t8oGJiHM6wq5XlAw==",
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.14.1.tgz",
+      "integrity": "sha512-YxOiywx6N9t3J5nqsE5WN2Sw4CSqVe3zV+AZm2T4syOc2buNJaD6ZoexSdeszx2sHLU/RRo2r4BJAXFDQ7Qo2Q==",
       "requires": {
         "global": "^4.3.1"
       }
@@ -16784,6 +19768,18 @@
           "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
           "dev": true
         },
+        "ajv": {
+          "version": "6.12.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz",
+          "integrity": "sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
         "cacache": {
           "version": "12.0.4",
           "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
@@ -16817,6 +19813,12 @@
             "estraverse": "^4.1.1"
           }
         },
+        "fast-deep-equal": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+          "dev": true
+        },
         "lru-cache": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -17028,12 +20030,6 @@
             "nan": "^2.12.1"
           }
         },
-        "get-caller-file": {
-          "version": "1.0.3",
-          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
-          "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
-          "dev": true
-        },
         "glob-parent": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
@@ -17140,38 +20136,6 @@
             "has-flag": "^3.0.0"
           }
         },
-        "wrap-ansi": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
-          "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
-          "dev": true,
-          "requires": {
-            "string-width": "^1.0.1",
-            "strip-ansi": "^3.0.1"
-          },
-          "dependencies": {
-            "is-fullwidth-code-point": {
-              "version": "1.0.0",
-              "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-              "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-              "dev": true,
-              "requires": {
-                "number-is-nan": "^1.0.0"
-              }
-            },
-            "string-width": {
-              "version": "1.0.2",
-              "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-              "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-              "dev": true,
-              "requires": {
-                "code-point-at": "^1.0.0",
-                "is-fullwidth-code-point": "^1.0.0",
-                "strip-ansi": "^3.0.0"
-              }
-            }
-          }
-        },
         "ws": {
           "version": "6.2.1",
           "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
@@ -17293,9 +20257,9 @@
       }
     },
     "whatwg-fetch": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.2.0.tgz",
-      "integrity": "sha512-SdGPoQMMnzVYThUbSrEvqTlkvC1Ux27NehaJ/GUHBfNrh5Mjg+1/uRyFMwVnxO2MrikMWvWAqUGgQOfVU4hT7w=="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz",
+      "integrity": "sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q=="
     },
     "whatwg-mimetype": {
       "version": "2.3.0",
@@ -17538,51 +20502,13 @@
       }
     },
     "wrap-ansi": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
-      "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
+      "dev": true,
       "requires": {
-        "ansi-styles": "^3.2.0",
-        "string-width": "^3.0.0",
-        "strip-ansi": "^5.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg=="
-        },
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        }
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1"
       }
     },
     "wrappy": {
@@ -17619,6 +20545,17 @@
         "async-limiter": "~1.0.0"
       }
     },
+    "xhr": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/xhr/-/xhr-2.4.0.tgz",
+      "integrity": "sha1-4W5mpF+GmGHu76tBbV7/ci3ECZM=",
+      "requires": {
+        "global": "~4.3.0",
+        "is-function": "^1.0.1",
+        "parse-headers": "^2.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
     "xml-name-validator": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
@@ -17631,11 +20568,6 @@
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
       "dev": true
     },
-    "xmldom": {
-      "version": "0.1.31",
-      "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.31.tgz",
-      "integrity": "sha512-yS2uJflVQs6n+CyjHoaBmVSqIDevTAWrzMmjG1Gc7h1qQ7uVozNhEPJAwZXWyGQ/Gafo3fCwrcaokezLPupVyQ=="
-    },
     "xregexp": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-4.3.0.tgz",
@@ -17648,13 +20580,13 @@
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
     },
     "y18n": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
-      "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w=="
+      "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
+      "dev": true
     },
     "yallist": {
       "version": "2.1.2",
@@ -17689,6 +20621,11 @@
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg=="
         },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+        },
         "find-up": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
@@ -17697,11 +20634,21 @@
             "locate-path": "^3.0.0"
           }
         },
+        "get-caller-file": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+          "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
+        },
         "is-fullwidth-code-point": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
         },
+        "require-main-filename": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+          "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+        },
         "string-width": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -17719,6 +20666,11 @@
           "requires": {
             "ansi-regex": "^4.1.0"
           }
+        },
+        "y18n": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
+          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w=="
         }
       }
     },
diff --git a/package.json b/package.json
index 9fdaf1da0..ce41c127f 100644
--- a/package.json
+++ b/package.json
@@ -15,51 +15,53 @@
     "@coreui/coreui": "^2.1.16",
     "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
     "@coreui/icons": "0.3.0",
-    "@coreui/react": "^2.5.4",
+    "@coreui/react": "^2.5.8",
     "axios": "^0.19.2",
-    "bootstrap": "^4.4.1",
+    "bootstrap": "^4.5.0",
     "chart.js": "^2.9.3",
     "classnames": "^2.2.6",
     "core-js": "^3.6.5",
-    "flag-icon-css": "^3.4.6",
+    "flag-icon-css": "^3.5.0",
     "font-awesome": "^4.7.0",
     "jquery": "^3.5.1",
-    "lodash": "^4.17.14",
+    "lodash": "^4.17.19",
     "node-sass": "^4.14.1",
     "package.json": "^2.0.1",
     "prop-types": "^15.7.2",
-    "rclone-api": "^1.0.7",
-    "react": "^16.12.0",
+    "rclone-api": "^1.0.8",
+    "react": "^16.13.1",
     "react-app-polyfill": "^1.0.6",
-    "react-autosuggest": "^10.0.0",
+    "react-autosuggest": "^10.0.2",
     "react-awesome-player": "^1.0.11",
     "react-chartjs-2": "^2.9.0",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
     "react-dom": "^16.12.0",
     "react-in-viewport": "0.0.38",
-    "react-redux": "^7.1.3",
+    "react-iframe": "^1.8.0",
+
+    "react-redux": "^7.2.0",
     "react-router-config": "^5.1.1",
     "react-router-dom": "~5.2.0",
-    "react-test-renderer": "^16.12.0",
-    "react-toastify": "^6.0.0",
-    "reactstrap": "^8.4.1",
+    "react-test-renderer": "^16.13.1",
+    "react-toastify": "^6.0.8",
+    "reactstrap": "^8.5.1",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
     "simple-line-icons": "^2.4.1",
-    "typescript": "^3.7.5"
+    "typescript": "^3.9.6"
   },
   "devDependencies": {
     "check-prop-types": "^1.1.2",
     "coveralls": "^3.1.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "enzyme-to-json": "^3.4.4",
-    "fetch-mock": "^9.4.0",
+    "enzyme-to-json": "^3.5.0",
+    "fetch-mock": "^9.10.3",
     "react-dnd-test-backend": "^11.1.3",
     "react-dnd-test-utils": "^11.1.3",
-    "react-scripts": "^3.3.1",
+    "react-scripts": "^3.4.1",
     "redux-mock-store": "^1.5.4"
   },
   "scripts": {
diff --git a/src/utils/PluginTools.js b/src/utils/PluginTools.js
new file mode 100644
index 000000000..b8f4e4e89
--- /dev/null
+++ b/src/utils/PluginTools.js
@@ -0,0 +1,48 @@
+/**
+ * Return URL string for a given plugin
+ * @param ipAddress     {string}    IpAddress from where to load the plugin
+ * @param pluginName    {string}    The name of the plugin (usually the repository name)
+ * @param author        {string}    The name of the author (usually the repository author)
+ * @param downloadURL   {string}    The url which can be used by rclone to fetch the object
+ * @param MimeType      {string}    The MimeType of the object served by downloadURL
+ * @returns {string}    {string}    URL string.
+ */
+export const getPluginServeUrl = (ipAddress, pluginName, author, downloadURL, MimeType) => {
+    if (!ipAddress) {
+        throw new Error("Invalid IP address specified " + ipAddress);
+    }
+    if (!pluginName) {
+        throw new Error("Invalid pluginName Passed" + pluginName);
+    }
+    if (!author) {
+        throw new Error("Invalid author specified" + author);
+    }
+    if (!downloadURL) {
+        throw new Error("Invalid Download url" + downloadURL);
+    }
+    if (!MimeType) {
+        throw new Error("Invalid MimeType" + MimeType);
+    }
+
+    return `${getPluginBaseUrl(ipAddress, pluginName, author)}?loadUrl=${downloadURL}&mimeType=${MimeType}`;
+};
+/**
+ *  * Return URL string for a given plugin
+ * @param ipAddress     {string}    IpAddress from where to load the plugin
+ * @param pluginName    {string}    The name of the plugin (usually the repository name)
+ * @param author        {string}    The name of the author (usually the repository author)
+ *
+ */
+export const getPluginBaseUrl = (ipAddress, pluginName, author) => {
+    if (!ipAddress) {
+        throw new Error("Invalid IP address specified " + ipAddress);
+    }
+    if (!pluginName) {
+        throw new Error("Invalid pluginName Passed" + pluginName);
+    }
+    if (!author) {
+        throw new Error("Invalid author specified" + author);
+    }
+
+    return `${ipAddress}/plugins/${author}/${pluginName}/`;
+}
\ No newline at end of file
diff --git a/src/utils/Tools.js b/src/utils/Tools.js
index d04735a49..58d8349f0 100644
--- a/src/utils/Tools.js
+++ b/src/utils/Tools.js
@@ -356,6 +356,11 @@ export function getSortCompareFunction(type, ascending) {
     }
 }
 
+/**
+ * Utility function to generate a random string with [A-Z, 0-9] with the specified length
+ * @param length        {number}    Length of the required string
+ * @returns             {string}    Unique id of given length.
+ */
 export function makeUniqueID(length) {
     let result = '';
     const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
@@ -365,3 +370,7 @@ export function makeUniqueID(length) {
     }
     return result;
 }
+
+export function openInWindow(url) {
+    window.open(url);
+}
\ No newline at end of file
diff --git a/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.js b/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.js
new file mode 100644
index 000000000..ac91ee2d0
--- /dev/null
+++ b/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.js
@@ -0,0 +1,75 @@
+import React from 'react';
+import {Button, Modal, ModalBody, ModalFooter, ModalHeader, Table} from "reactstrap";
+import * as PropTypes from 'prop-types';
+
+const NoPluginAvailableModal = (props) => {
+
+    const {
+        className,
+        isOpen,
+        setIsOpen,
+        availablePlugins,
+        processOpenPlugin
+    } = props;
+
+
+    const toggle = () => {
+        setIsOpen(!isOpen);
+    }
+
+
+    const openPlugin = (plugin) => {
+        processOpenPlugin(plugin.name, plugin.author);
+    }
+
+    return (<div data-test="noPluginAvailableModal">
+        <Modal isOpen={isOpen} toggle={toggle} className={className}>
+            <ModalHeader toggle={setIsOpen}>Couldn't find a plugin to open this file</ModalHeader>
+            <ModalBody>
+                <Table responsive className="table-striped">
+                    <thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Author</th>
+                        <th>Description</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+
+                    {
+                        !availablePlugins || availablePlugins.length <= 0 ?
+                            <p className="p-3">Can't find a plugin to open this file. Go to the store and install
+                                some!</p> :
+                            availablePlugins.map((value, i) =>
+                                <tr key={value.name}>
+                                    <td>{value.name}</td>
+                                    <td>{value.author}</td>
+                                    <td>{value.description}</td>
+                                    <td>
+                                        <Button color="link" onClick={() => openPlugin(value)}> <i
+                                            className="fa fa-lg fa-link"/></Button>
+                                    </td>
+                                </tr>
+                            )}
+                    </tbody>
+                </Table>
+
+            </ModalBody>
+            <ModalFooter>
+                <Button data-test="ok-button" color="primary">Go to Store</Button>{' '}
+                <Button data-test="cancel-button" color="secondary" onClick={toggle}>Cancel</Button>
+            </ModalFooter>
+        </Modal>
+    </div>);
+}
+
+NoPluginAvailableModal.propTypes = {
+    className: PropTypes.string.isRequired,
+    availablePlugins: PropTypes.array.isRequired,
+    isOpen: PropTypes.bool.isRequired,
+    setIsOpen: PropTypes.func.isRequired,
+    processOpenPlugin: PropTypes.func.isRequired
+}
+
+export default NoPluginAvailableModal;
\ No newline at end of file
diff --git a/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js b/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/views/Base/PluginsHandler/PluginsHandler.js b/src/views/Base/PluginsHandler/PluginsHandler.js
index d4ffe3d5f..3ee10fd29 100644
--- a/src/views/Base/PluginsHandler/PluginsHandler.js
+++ b/src/views/Base/PluginsHandler/PluginsHandler.js
@@ -1,27 +1,44 @@
-import React from 'react';
+import React, {useState} from 'react';
 import * as PropTypes from 'prop-types'
 import {IP_ADDRESS_KEY} from "../../../utils/Constants";
 import {connect} from "react-redux";
 import {PROP_CURRENT_PATH, PROP_FS_INFO} from "../../../utils/RclonePropTypes";
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
 import {Button} from "reactstrap";
+import NoPluginAvailableModal from "./NoPluginAvailableModal/NoPluginAvailableModal";
+import {getPluginServeUrl} from "../../../utils/PluginTools";
+import {openInWindow} from "../../../utils/Tools";
+import {toast} from "react-toastify";
 
 function PluginsHandler(props) {
+	const {fsInfo, item, currentPath, loadedPlugins, loadedTestPlugins} = props;
 
-	const openPlugin = () => {
-		const {fsInfo, item, currentPath, loadedPlugins, loadedTestPlugins} = props;
-		const {remoteName, remotePath} = currentPath;
-		const {MimeType} = item;
-		let downloadURL = "";
+	const [showPluginsModal, setShowPluginsModal] = useState(false);
 
-		const ipAddress = localStorage.getItem(IP_ADDRESS_KEY);
+	const [availablePlugins, setAvailablePlugins] = useState([]);
 
+	let downloadURL = "";
 
+	const processOpenPlugin = (pluginName, author) => {
+		const {remoteName, remotePath} = currentPath;
+		const {MimeType} = item;
+		const ipAddress = localStorage.getItem(IP_ADDRESS_KEY);
 		if (fsInfo.Features.BucketBased) {
 			downloadURL = ipAddress + `[${remoteName}]/${remotePath}/${item.Name}`;
 		} else {
 			downloadURL = ipAddress + `[${remoteName}:${remotePath}]/${item.Name}`;
 		}
+		try {
+			const pluginUrl = getPluginServeUrl(ipAddress, pluginName, author, downloadURL, MimeType);
+			openInWindow(pluginUrl)
+		} catch (e) {
+			toast.error("Error loading URL: " + e);
+		}
+	}
+
+
+	const openPlugin = () => {
+		const {MimeType} = item;
 
 		// const availableTestPlugins = [];
 		const availablePlugins = [];
@@ -37,36 +54,33 @@ function PluginsHandler(props) {
 			if (p["rclone"]["handlesType"].includes(MimeType))
 				availablePlugins.push(p)
 		}
-
-		console.log("Available Plugins", availablePlugins);
-		if (availablePlugins.length <= 0) {
+		// Set in state to pass to modal
+		setAvailablePlugins(availablePlugins);
+		if (availablePlugins.length === 0) {
 			// No plugins available, show modal for redirecting to the store
-
+			setShowPluginsModal(true);
 
 		} else if (availablePlugins.length === 1) {
 			// open the default available plugin
-
-			const author = availablePlugins[0].author;
-			const pluginName = availablePlugins[0].name;
-			const pluginUrl = `${ipAddress}/plugins/${author}/${pluginName}/?loadUrl=${downloadURL}&mimeType=${MimeType}`
-
-			window.open(pluginUrl);
+			processOpenPlugin(availablePlugins[0].name, availablePlugins[0].author);
 		} else {
 			// display modal with multiple options
+			setShowPluginsModal(true);
 		}
-
-
 	}
 
-	const getRenderForItem = () => {
-		return <Button color={"link"} onClick={openPlugin}>
-			<i className={"fa fa-external-link fa-lg d-inline"}/>
-		</Button>
-
-	};
 
 	return <ErrorBoundary>
-		{getRenderForItem()}
+		<Button color={"link"} onClick={openPlugin}>
+			<i className={"fa fa-external-link fa-lg d-inline"}/>
+		</Button>
+		<NoPluginAvailableModal
+			className=""
+			isOpen={showPluginsModal}
+			setIsOpen={setShowPluginsModal}
+			availablePlugins={availablePlugins}
+			processOpenPlugin={processOpenPlugin}
+		/>
 	</ErrorBoundary>
 }
 
diff --git a/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap b/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap
index 030b1f604..cbb795e53 100644
--- a/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap
+++ b/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap
@@ -1,20 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Video Player Widget renders should match snapshot 1`] = `
-<ErrorBoundary>
-  <div
-    className="img-thumbnail w-100 text-center"
-    data-test="videoPlayerWidget"
-  >
-    <Button
-      color="link"
-      onClick={[Function]}
-      tag="button"
-    >
-      <i
-        className="fa fa-play-circle fa-4x"
-      />
-    </Button>
-  </div>
-</ErrorBoundary>
+<ContextProvider
+  value={null}
+>
+  <VideoPlayer
+    MimeType=""
+    loadedTestPlugins={Object {}}
+    playbackURL=""
+    store={
+      Object {
+        "dispatch": [Function],
+        "getState": [Function],
+        "replaceReducer": [Function],
+        "subscribe": [Function],
+        Symbol(observable): [Function],
+      }
+    }
+  />
+</ContextProvider>
 `;
diff --git a/src/views/PluginDashboard/PluginRowEntries.js b/src/views/PluginDashboard/PluginRowEntries.js
index 4625d1b84..bc171c34e 100644
--- a/src/views/PluginDashboard/PluginRowEntries.js
+++ b/src/views/PluginDashboard/PluginRowEntries.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, {useState} from "react";
 import * as PropTypes from "prop-types";
 import {Button} from "reactstrap";
 import axiosInstance from "../../utils/API/API";
@@ -10,16 +10,21 @@ const deactivatePlugin = (item) => {
 
 
 function PluginRowEntries({loadedPlugins, getPlugins}) {
-
+	const [isLoading, setIsLoading] = useState(false);
 	const removePlugin = (key) => {
+		setIsLoading(true);
 		axiosInstance.post("pluginsctl/removePlugin", {
 			name: key
 		}).then(res => {
+			getPlugins();
+
+			setIsLoading(false);
 			toast.info(`Plugin ${key} removed successfully`);
 		}, err => {
+			setIsLoading(false);
+
 			toast.error(`Error removing plugin ${key} : ${err}`);
 		})
-		getPlugins();
 
 	}
 	let entries = [];
@@ -29,8 +34,13 @@ function PluginRowEntries({loadedPlugins, getPlugins}) {
 				<td>{value.name}</td>
 				<td>{value.description}</td>
 				<td>
-					<Button color="primary">Deactivate</Button>
-					<Button color={"danger"} className="ml-2" onClick={() => removePlugin(key)}>Delete</Button>
+					{isLoading ? "Installing..." :
+						<>
+							<Button color="primary">Deactivate</Button>
+							<Button color={"danger"} className="ml-2" onClick={() => removePlugin(key)}>Delete</Button>
+
+						</>
+					}
 				</td>
 			</tr>
 		)
diff --git a/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap b/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
index 7c3a1597c..d38df394c 100644
--- a/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
+++ b/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
@@ -19,6 +19,7 @@ exports[`New Plugin Modal renders should match snapshot 1`] = `
       }
     }
     centered={false}
+    container="body"
     fade={true}
     isOpen={false}
     keyboard={true}
diff --git a/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap b/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
index 14970e1a0..c418d4266 100644
--- a/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
+++ b/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
@@ -4,111 +4,6 @@ exports[`Plugin Dashboard renders should match snapshot 1`] = `
 <div
   data-test="pluginDashboardComponent"
 >
-  <Row
-    style={
-      Object {
-        "display": "none",
-      }
-    }
-    tag="div"
-    widths={
-      Array [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl",
-      ]
-    }
-  >
-    <Card
-      className="col-12"
-      tag="div"
-    >
-      <CardHeader
-        tag="div"
-      >
-        Add Plugin
-      </CardHeader>
-      <CardBody
-        tag="div"
-      >
-        <FormGroup
-          row={true}
-          tag="div"
-        >
-          <Label
-            for="mountPoint"
-            sm={5}
-            tag="label"
-            widths={
-              Array [
-                "xs",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-              ]
-            }
-          >
-            Plugin URL
-          </Label>
-          <Col
-            sm={7}
-            tag="div"
-            widths={
-              Array [
-                "xs",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-              ]
-            }
-          >
-            <Input
-              id="mountPoint"
-              name="mountPoint"
-              onChange={[Function]}
-              required={true}
-              type="text"
-              value=""
-            />
-            <FormFeedback
-              tag="div"
-            />
-          </Col>
-        </FormGroup>
-      </CardBody>
-      <CardFooter
-        tag="div"
-      >
-        <div
-          className="clear-fix float-right"
-        >
-          <Button
-            color="primary"
-            disabled={true}
-            onClick={[Function]}
-            tag="button"
-          >
-            Verify and add
-          </Button>
-        </div>
-        <div
-          className="clear-fix float-right mr-2"
-        >
-          <Button
-            color="danger"
-            onClick={[Function]}
-            tag="button"
-          >
-            Cancel
-          </Button>
-        </div>
-      </CardFooter>
-    </Card>
-  </Row>
   <Row
     tag="div"
     widths={
@@ -122,8 +17,8 @@ exports[`Plugin Dashboard renders should match snapshot 1`] = `
     }
   >
     <Col
-      className="mb-4"
-      lg={8}
+      className="mb-4 d-flex justify-content-between"
+      lg={12}
       tag="div"
       widths={
         Array [
@@ -135,28 +30,18 @@ exports[`Plugin Dashboard renders should match snapshot 1`] = `
         ]
       }
     >
+      <NewPluginModal
+        buttonLabel="Add New"
+        okHandle={[Function]}
+      />
       <Button
-        className="float-left"
-        color="primary"
+        color="secondary"
         onClick={[Function]}
         tag="button"
       >
-        Add new Plugin
+        Visit Store
       </Button>
     </Col>
-    <Col
-      lg={4}
-      tag="div"
-      widths={
-        Array [
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl",
-        ]
-      }
-    />
   </Row>
   <Table
     className="table-striped"
@@ -179,6 +64,7 @@ exports[`Plugin Dashboard renders should match snapshot 1`] = `
     </thead>
     <tbody>
       <PluginRowEntries
+        getPlugins={[Function]}
         loadedPlugins={Object {}}
       />
     </tbody>
diff --git a/src/views/StoreDashboard/PluginPlaceHolderCard.js b/src/views/StoreDashboard/PluginPlaceHolderCard.js
index 7234de595..cda8fea84 100644
--- a/src/views/StoreDashboard/PluginPlaceHolderCard.js
+++ b/src/views/StoreDashboard/PluginPlaceHolderCard.js
@@ -1,5 +1,5 @@
 import {Button, Card, CardBody, Col, Row} from "reactstrap";
-import React from "react";
+import React, {useState} from "react";
 import * as PropTypes from "prop-types";
 import {toast} from "react-toastify";
 import axiosInstance from "../../utils/API/API";
@@ -9,13 +9,20 @@ function PluginPlaceHolderCard({plugin}) {
     const {
         name, description, author, longDescription, icon, url, repo
     } = plugin;
+    const [isLoading, setIsLoading] = useState(false);
+
 
     const activatePlugin = (e) => {
+        setIsLoading(true);
+
         axiosInstance.post("pluginsctl/addPlugin", {
             url: repo
         }).then(res => {
+            setIsLoading(false)
             toast.info(`Plugin ${name} added`);
         }, err => {
+            setIsLoading(false)
+
             toast.error(`An error occurred: ${err}`)
         })
     }
@@ -41,10 +48,15 @@ function PluginPlaceHolderCard({plugin}) {
                         <p>By {author}</p>
                     </Col>
                     <Col lg={3} md={3}>
-                        <Button color={"primary mb-2"} onClick={activatePlugin}>Activate</Button>
-                        <Button color={"link p-sm-2 p-lg-0"}
-                                onClick={(e) => url ? window.open(url) : toast.error("Url not specified for details")}>More
-                            Details</Button>
+                        {isLoading ? "Installing..." :
+                            <>
+                                <Button color={"primary mb-2"} onClick={activatePlugin}>Activate</Button>
+                                <Button color={"link p-sm-2 p-lg-0"}
+                                        onClick={(e) => url ? window.open(url) : toast.error("Url not specified for details")}>More
+                                    Details</Button>
+                            </>
+                        }
+
                     </Col>
                 </Row>
             </CardBody>
diff --git a/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap b/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
index e2a5d64ee..020f2a759 100644
--- a/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
+++ b/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
@@ -1,64 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Plugin Dashboard renders should match snapshot 1`] = `
-<div
-  data-test="storeDashboardComponent"
->
-  <Row
-    tag="div"
-    widths={
-      Array [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl",
-      ]
-    }
-  >
-    <Col
-      className="mb-4 d-flex justify-content-between"
-      lg={12}
-      tag="div"
-      widths={
-        Array [
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl",
-        ]
-      }
-    >
-      <Button
-        color="secondary"
-        onClick={[Function]}
-        tag="button"
-      >
-        Back
-      </Button>
-      <Button
-        color="primary"
-        tag="button"
-      >
-        <span
-          className="fa fa-search"
-        />
-         Search
-      </Button>
-    </Col>
-  </Row>
-  <Row
-    tag="div"
-    widths={
-      Array [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl",
-      ]
-    }
-  />
-</div>
+<p>
+  Loading
+</p>
 `;

From 69cacc91e30b61232b5afa3f6eaf81feaef8f8e1 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Sat, 18 Jul 2020 23:25:52 +0530
Subject: [PATCH 23/30] Terminal: Add terminal plugin handler.

---
 package-lock.json                             | 20 +++++++
 src/_nav.js                                   |  5 ++
 src/routes.js                                 |  5 +-
 src/utils/API/API.js                          |  4 ++
 .../TerminalDashboard/TerminalDashboard.js    | 52 +++++++++++++++++++
 src/views/TerminalDashboard/package.json      |  6 +++
 6 files changed, 89 insertions(+), 3 deletions(-)
 create mode 100644 src/views/TerminalDashboard/TerminalDashboard.js
 create mode 100644 src/views/TerminalDashboard/package.json

diff --git a/package-lock.json b/package-lock.json
index c2bca21d1..97f337da3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6198,6 +6198,16 @@
       "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==",
       "dev": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "block-stream": {
       "version": "0.0.9",
       "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
@@ -9829,6 +9839,13 @@
         "schema-utils": "^2.5.0"
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "filesize": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.0.1.tgz",
@@ -11954,6 +11971,7 @@
           "dev": true,
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         }
@@ -19666,6 +19684,7 @@
           "dev": true,
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },
@@ -20027,6 +20046,7 @@
           "dev": true,
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },
diff --git a/src/_nav.js b/src/_nav.js
index ca92d1b1f..3cfdb165a 100644
--- a/src/_nav.js
+++ b/src/_nav.js
@@ -30,6 +30,11 @@ export default {
             url: '/mountDashboard',
             icon: 'fa fa-hdd-o'
         },
+        {
+            name: 'Terminal',
+            url: '/terminal',
+            icon: 'fa fa-terminal'
+        },
         {
             name: 'Log Out',
             url: '/login',
diff --git a/src/routes.js b/src/routes.js
index 644c89b02..00b7a1631 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -6,9 +6,9 @@ const ShowConfig = React.lazy(() => import('./views/RemoteManagement/ShowConfig'
 const RemoteExplorerLayout = React.lazy(() => import("./views/Explorer/RemoteExplorerLayout"));
 const Login = React.lazy(() => import("./views/Pages/Login"));
 const RCloneDashboard = React.lazy(() => import("./views/RCloneDashboard"));
-const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"));
 const MountDashboard = React.lazy(() => import("./views/MountDashboard"));
 const StoreDashboard = React.lazy(() => import("./views/StoreDashboard"));
+const TerminalDashboard = React.lazy(() => import("./views/TerminalDashboard"));
 
 // https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
 // Define the routes as required
@@ -25,8 +25,7 @@ const routes = [
     {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
     {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
     {path: '/storeDashboard', name: 'Store Dashboard', component: StoreDashboard},
-    {path: '/pluginDashboard', name: 'Plugins', component: PluginDashboard},
-    {path: '/mountDashboard', name: 'Mount Dashboard', component: MountDashboard},
+    {path: '/terminal', name: 'Terminal', component: TerminalDashboard},
 
 ];
 
diff --git a/src/utils/API/API.js b/src/utils/API/API.js
index 2da333ca2..51465d48a 100644
--- a/src/utils/API/API.js
+++ b/src/utils/API/API.js
@@ -124,5 +124,9 @@ async function performCopyOrMoveFile(srcFs, srcRemote, dstFs, dstRemote, Name, I
     }
 }
 
+export const getIPAddress = () => {
+    return localStorage.getItem(IP_ADDRESS_KEY);
+}
+
 
 export default axiosInstance;
diff --git a/src/views/TerminalDashboard/TerminalDashboard.js b/src/views/TerminalDashboard/TerminalDashboard.js
new file mode 100644
index 000000000..2b378db3a
--- /dev/null
+++ b/src/views/TerminalDashboard/TerminalDashboard.js
@@ -0,0 +1,52 @@
+import React, {useEffect, useState} from 'react';
+import Iframe from "react-iframe";
+import * as PropTypes from "prop-types";
+import {connect} from "react-redux";
+import {getPlugins} from "../../actions/pluginActions";
+import {getPluginBaseUrl} from "../../utils/PluginTools";
+import {getIPAddress} from "../../utils/API/API";
+
+function TerminalDashboard(props) {
+    const {
+        getPlugins,
+        loadedPlugins
+    } = props;
+
+    const [pluginUrl, setPluginUrl] = useState("");
+
+    useEffect(() => {
+        getPlugins();
+        const availablePlugins = [];
+
+        for (let m in loadedPlugins) {
+            let p = loadedPlugins[m];
+            if (p["rclone"]["pluginType"] === "Terminal")
+                availablePlugins.push(p)
+        }
+        // open the default available plugin
+        setPluginUrl(getPluginBaseUrl(getIPAddress(), availablePlugins[0].name, availablePlugins[0].author));
+
+    }, []);
+
+    return (
+        <div data-test="mountDashboardComponent" style={{height: "80vh"}}>
+            <Iframe url={pluginUrl}
+                    allowTransparency="true"
+                    allowFullScreen="true"
+                    width="100%"
+                    height="100%"
+                    display="initial"/>
+        </div>
+    );
+}
+
+const mapStateToProps = state => ({
+    loadedPlugins: state.plugins.loadedPlugins,
+});
+
+TerminalDashboard.propTypes = {
+    loadedPlugins: PropTypes.object.isRequired,
+
+    getPlugins: PropTypes.func.isRequired,
+};
+export default connect(mapStateToProps, {getPlugins})(TerminalDashboard);
diff --git a/src/views/TerminalDashboard/package.json b/src/views/TerminalDashboard/package.json
new file mode 100644
index 000000000..37098924a
--- /dev/null
+++ b/src/views/TerminalDashboard/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "Terminal",
+  "version": "0.0.0",
+  "private": true,
+  "main": "TerminalDashboard.js"
+}

From d1ec2e30fada43d906dd1fe22e4384d570e10aee Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Tue, 28 Jul 2020 09:32:00 +0530
Subject: [PATCH 24/30] Corrections after rebase

---
 package-lock.json                             | 86 +++++++++++--------
 package.json                                  |  1 -
 src/actions/pluginActions.js                  | 26 ++++--
 src/actions/types.js                          |  4 -
 src/pluginTypes.js                            |  7 ++
 src/reducers/index.js                         |  2 -
 src/reducers/pluginsReducer.js                | 22 +----
 src/routes.js                                 |  2 +-
 src/utils/API/endpoint.js                     |  6 ++
 src/utils/PluginTools.js                      | 42 +++++++++
 .../Base/PluginsHandler/PluginsHandler.js     | 25 +++---
 src/views/Base/RunningJobs/RunningJobs.js     |  4 -
 src/views/Explorer/FilesView/FileComponent.js | 18 ----
 .../Explorer/FilesView/FilesView.test.js      |  1 +
 src/views/PluginDashboard/NewPluginModal.js   | 67 ++++++++++-----
 src/views/PluginDashboard/PluginDashboard.js  |  4 +-
 .../TerminalDashboard/TerminalDashboard.js    | 33 ++++---
 17 files changed, 205 insertions(+), 145 deletions(-)
 create mode 100644 src/pluginTypes.js

diff --git a/package-lock.json b/package-lock.json
index 97f337da3..b9bb2ad26 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4412,6 +4412,21 @@
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
       "dev": true
     },
+    "@react-dnd/asap": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-4.0.0.tgz",
+      "integrity": "sha512-0XhqJSc6pPoNnf8DhdsPHtUhRzZALVzYMTzRwV4VI6DJNJ/5xxfL9OQUwb8IH5/2x7lSf7nAZrnzUD+16VyOVQ=="
+    },
+    "@react-dnd/invariant": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-2.0.0.tgz",
+      "integrity": "sha512-xL4RCQBCBDJ+GRwKTFhGUW8GXa4yoDfJrPbLblc3U09ciS+9ZJXJ3Qrcs/x2IODOdIE5kQxvMmE2UKyqUictUw=="
+    },
+    "@react-dnd/shallowequal": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-2.0.0.tgz",
+      "integrity": "sha512-Pc/AFTdwZwEKJxFJvlxrSmGe/di+aAOBn60sremrpLo6VI/6cmiUYNNwlI5KNYttg7uypzA3ILPMPgxB2GYZEg=="
+    },
     "@svgr/babel-plugin-add-jsx-attribute": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz",
@@ -4665,9 +4680,9 @@
       "dev": true
     },
     "@types/prop-types": {
-      "version": "15.7.1",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.1.tgz",
-      "integrity": "sha512-CFzn9idOEpHrgdw8JsoTkaDDyRWk1jrzIV8djzcgpq0y9tG4B4lFT+Nxh52DVpDXV+n4+NPNv7M1Dj5uMp6XFg=="
+      "version": "15.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
+      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
     },
     "@types/q": {
       "version": "1.5.4",
@@ -4676,9 +4691,9 @@
       "dev": true
     },
     "@types/react": {
-      "version": "16.8.23",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.8.23.tgz",
-      "integrity": "sha512-abkEOIeljniUN9qB5onp++g0EY38h7atnDHxwKUFz1r3VH1+yG1OKi2sNPTyObL40goBmfKFpdii2lEzwLX1cA==",
+      "version": "16.9.43",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.43.tgz",
+      "integrity": "sha512-PxshAFcnJqIWYpJbLPriClH53Z2WlJcVZE+NP2etUtWQs2s7yIMj3/LDKZT/5CHJ/F62iyjVCDu2H3jHEXIxSg==",
       "requires": {
         "@types/prop-types": "*",
         "csstype": "^2.2.0"
@@ -7794,9 +7809,9 @@
       }
     },
     "csstype": {
-      "version": "2.6.6",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.6.tgz",
-      "integrity": "sha512-RpFbQGUE74iyPgvr46U9t1xoQBM8T4BL8SxrN66Le2xYAPSaDJJKeztV3awugusb3g3G9iL8StmkBBXhcbbXhg=="
+      "version": "2.6.11",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.11.tgz",
+      "integrity": "sha512-l8YyEC9NBkSm783PFTvh0FmJy7s5pFKrDp49ZL7zBGX3fWkO+N4EEyan1qqp8cwPLDcD0OSdyY6hAMoxp34JFw=="
     },
     "currently-unhandled": {
       "version": "0.4.1",
@@ -8163,13 +8178,13 @@
       "dev": true
     },
     "dnd-core": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-7.7.0.tgz",
-      "integrity": "sha512-+YqwflWEY1MEAEl2QiEiRaglYkCwIZryyQwximQGuTOm/ns7fS6Lg/i7OCkrtjM10D5FhArf/VUHIL4ZaRBK0g==",
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-11.1.3.tgz",
+      "integrity": "sha512-QugF55dNW+h+vzxVJ/LSJeTeUw9MCJ2cllhmVThVPEtF16ooBkxj0WBE5RB+AceFxMFo1rO6bJKXtqKl+JNnyA==",
       "requires": {
-        "asap": "^2.0.6",
-        "invariant": "^2.2.4",
-        "redux": "^4.0.1"
+        "@react-dnd/asap": "^4.0.0",
+        "@react-dnd/invariant": "^2.0.0",
+        "redux": "^4.0.4"
       }
     },
     "dns-equal": {
@@ -11126,6 +11141,7 @@
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dev": true,
       "requires": {
         "loose-envify": "^1.0.0"
       }
@@ -16455,38 +16471,37 @@
       }
     },
     "react-dnd": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-7.7.0.tgz",
-      "integrity": "sha512-anpJDKMgdXE6kXvtBFmIAe1fuaexpVy7meUyNjiTfCnjQ1mRvnttGTVvcW9fMKijsUQYadiyvzd3BRxteFuVXg==",
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-11.1.3.tgz",
+      "integrity": "sha512-8rtzzT8iwHgdSC89VktwhqdKKtfXaAyC4wiqp0SywpHG12TTLvfOoL6xNEIUWXwIEWu+CFfDn4GZJyynCEuHIQ==",
       "requires": {
+        "@react-dnd/shallowequal": "^2.0.0",
         "@types/hoist-non-react-statics": "^3.3.1",
-        "dnd-core": "^7.7.0",
-        "hoist-non-react-statics": "^3.3.0",
-        "invariant": "^2.1.0",
-        "shallowequal": "^1.1.0"
+        "dnd-core": "^11.1.3",
+        "hoist-non-react-statics": "^3.3.0"
       }
     },
     "react-dnd-html5-backend": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-7.7.0.tgz",
-      "integrity": "sha512-JgKmWOxqorFyfGPeWV+SAPhVGFe6+LrOR24jETE9rrYZU5hCppzwK9ujjS508kWibeDvbfEgi9j5qC2wB1/MoQ==",
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-11.1.3.tgz",
+      "integrity": "sha512-/1FjNlJbW/ivkUxlxQd7o3trA5DE33QiRZgxent3zKme8DwF4Nbw3OFVhTRFGaYhHFNL1rZt6Rdj1D78BjnNLw==",
       "requires": {
-        "dnd-core": "^7.7.0"
+        "dnd-core": "^11.1.3"
       }
     },
     "react-dnd-test-backend": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/react-dnd-test-backend/-/react-dnd-test-backend-7.7.0.tgz",
-      "integrity": "sha512-ELX2b6mBcgpVUuS9K74h+ldlHdsb1ZEVhJUm5vv7ZL+9l+xmpz+6IikiSdh7MmEGGrGLb2FCdXReeMPOblaCnQ==",
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/react-dnd-test-backend/-/react-dnd-test-backend-11.1.3.tgz",
+      "integrity": "sha512-5qFm+NI2GdWIUfiYun0A8Gv0xjbq0NGOPS+f6z3x/3nTuliApjmqcM1lfTgePoz1FDG47ZofF58N8y96If62+Q==",
       "dev": true,
       "requires": {
-        "dnd-core": "^7.7.0"
+        "dnd-core": "^11.1.3"
       }
     },
     "react-dnd-test-utils": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/react-dnd-test-utils/-/react-dnd-test-utils-7.7.0.tgz",
-      "integrity": "sha512-OZAMws/26P6Jo5lVomxU3RZ9BEKyshG4szrkBK0ibF6SrfJ1ysEp4HOPtpeE0hVFdy3RG0eCsVDHXQSMY+6EBg==",
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/react-dnd-test-utils/-/react-dnd-test-utils-11.1.3.tgz",
+      "integrity": "sha512-Yg+oTpXaCJ+NxEFt+qXJZX96dbar47EK410eXj7bDsIdYYTZzYO51BtEGlEvR/a9Kb4vEkhPZkJLxyCfqNrpjw==",
       "dev": true
     },
     "react-dom": {
@@ -17807,11 +17822,6 @@
       "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-1.2.1.tgz",
       "integrity": "sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA=="
     },
-    "shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
     "shebang-command": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
diff --git a/package.json b/package.json
index ce41c127f..2b3a4960a 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,6 @@
     "react-dom": "^16.12.0",
     "react-in-viewport": "0.0.38",
     "react-iframe": "^1.8.0",
-
     "react-redux": "^7.2.0",
     "react-router-config": "^5.1.1",
     "react-router-dom": "~5.2.0",
diff --git a/src/actions/pluginActions.js b/src/actions/pluginActions.js
index d91bbaa68..a8770a571 100644
--- a/src/actions/pluginActions.js
+++ b/src/actions/pluginActions.js
@@ -1,6 +1,6 @@
 import axiosInstance from "../utils/API/API";
 import urls from "../utils/API/endpoint";
-import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, LOAD_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
+import {ADD_TEST_PLUGIN, LOAD_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "./types";
 import {toast} from "react-toastify";
 
 /**
@@ -11,14 +11,14 @@ export const loadTestPlugins = () => {
 	return (dispatch) => {
 		axiosInstance.post(urls.listPlugins).then((res) => {
 				dispatch({
-					type: GET_TEST_PLUGINS,
+					type: LOAD_PLUGINS,
 					status: REQUEST_SUCCESS,
 					payload: res.data
 				})
 			},
 			(error) => {
 				dispatch({
-					type: GET_TEST_PLUGINS,
+					type: LOAD_PLUGINS,
 					status: REQUEST_ERROR,
 					payload: error
 				})
@@ -26,6 +26,12 @@ export const loadTestPlugins = () => {
 	}
 };
 
+/**
+ * Add a test plugin
+ * @param pluginName {string}    Name of the plugin
+ * @param pluginUrl  {string}    Github url of the plugin to load from
+ * @return {function(...[*]=)}
+ */
 export const addTestPlugin = (pluginName, pluginUrl) => (dispatch) => {
 	axiosInstance.post(urls.addTestPlugin, {name: pluginName, loadUrl: pluginUrl, test: true}).then(res => {
 		dispatch(loadTestPlugins());
@@ -38,8 +44,13 @@ export const addTestPlugin = (pluginName, pluginUrl) => (dispatch) => {
 	})
 }
 
+
+/**
+ * Load plugins from rclone
+ * @return {function(...[*]=)}
+ */
 export const getPlugins = () => (dispatch) => {
-	axiosInstance.post("pluginsctl/listPlugins").then(res => {
+	axiosInstance.post(urls.listPlugins).then(res => {
 			dispatch({
 				type: LOAD_PLUGINS,
 				status: REQUEST_SUCCESS,
@@ -57,8 +68,13 @@ export const getPlugins = () => (dispatch) => {
 
 }
 
+/**
+ * Add a plugin using url of that plugin
+ * @param pluginURL
+ * @return {function(...[*]=)}
+ */
 export const addPlugin = (pluginURL) => dispatch => {
-	axiosInstance.post("pluginsctl/addPlugin", {url: pluginURL}).then(res => {
+	axiosInstance.post(urls.addPlugin, {url: pluginURL}).then(res => {
 		toast.info(`Plugin ${pluginURL} added successfully`);
 		// reload plugins database
 		dispatch(getPlugins())
diff --git a/src/actions/types.js b/src/actions/types.js
index bd201f8cc..558f2454e 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -45,10 +45,6 @@ export const CREATE_MOUNT = "CREATE_MOUNT";
 export const ADD_TEST_PLUGIN = "ADD_TEST_PLUGIN";
 export const LOAD_PLUGINS = "LOAD_PLUGINS";
 
-export const GET_MOUNT_LIST = "GET_MOUNT_LIST";
-export const REMOVE_MOUNT = "REMOVE_MOUNT";
-export const CREATE_MOUNT = "CREATE_MOUNT";
-
 
 export const REQUEST_ERROR = 'ERROR';
 export const REQUEST_SUCCESS = 'SUCCESS';
diff --git a/src/pluginTypes.js b/src/pluginTypes.js
new file mode 100644
index 000000000..4c8546035
--- /dev/null
+++ b/src/pluginTypes.js
@@ -0,0 +1,7 @@
+const pluginTypes = {
+    DASHBOARD: "DASHBOARD",
+    TERMINAL: "TERMINAL",
+    FILE_HANDLER: "FILE_HANDLER"
+}
+
+export default pluginTypes;
\ No newline at end of file
diff --git a/src/reducers/index.js b/src/reducers/index.js
index b938e94ba..52acab2a1 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -11,8 +11,6 @@ import imagesReducer from "./imagesReducer";
 import versionReducer from "./versionReducer";
 import pluginsReducer from "./pluginsReducer";
 import mountReducer from "./mountReducer";
-import pluginsReducer from "./pluginsReducer";
-import mountReducer from "./mountReducer";
 
 /**
  * Configures the root reducer to be executed before any other reducers configured in the system.
diff --git a/src/reducers/pluginsReducer.js b/src/reducers/pluginsReducer.js
index 570790025..11f7e3ce0 100644
--- a/src/reducers/pluginsReducer.js
+++ b/src/reducers/pluginsReducer.js
@@ -1,4 +1,4 @@
-import {ADD_TEST_PLUGIN, GET_TEST_PLUGINS, LOAD_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
+import {ADD_TEST_PLUGIN, LOAD_PLUGINS, REQUEST_ERROR, REQUEST_SUCCESS} from "../actions/types";
 
 const initialState = {
 	loadedTestPlugins: {},
@@ -14,12 +14,13 @@ const initialState = {
  */
 export default function (state = initialState, action) {
 	switch (action.type) {
-		case GET_TEST_PLUGINS:
+		case LOAD_PLUGINS:
 			if (action.status === REQUEST_SUCCESS) {
 				return {
 					...state,
 					loadedTestPlugins: action.payload.loadedTestPlugins,
-					loadedPlugins: action.payload.loadedPlugins
+					loadedPlugins: action.payload.loadedPlugins,
+					error: ""
 				}
 			} else if (action.status === REQUEST_ERROR) {
 				return {
@@ -32,21 +33,6 @@ export default function (state = initialState, action) {
 			break;
 		case ADD_TEST_PLUGIN:
 			return state;
-		case LOAD_PLUGINS:
-			if (action.status === REQUEST_SUCCESS) {
-				return {
-					...state,
-					loadedPlugins: action.payload.loadedPlugins,
-					error: ""
-				}
-			} else if (action.status === REQUEST_ERROR) {
-				return {
-					...state,
-					loadedPlugins: {},
-					error: action.payload
-				}
-			}
-			return state;
 		default:
 			return state;
 	}
diff --git a/src/routes.js b/src/routes.js
index 00b7a1631..3a449100c 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -9,7 +9,7 @@ const RCloneDashboard = React.lazy(() => import("./views/RCloneDashboard"));
 const MountDashboard = React.lazy(() => import("./views/MountDashboard"));
 const StoreDashboard = React.lazy(() => import("./views/StoreDashboard"));
 const TerminalDashboard = React.lazy(() => import("./views/TerminalDashboard"));
-
+const PluginDashboard = React.lazy(() => import("./views/PluginDashboard"))
 // https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
 // Define the routes as required
 const routes = [
diff --git a/src/utils/API/endpoint.js b/src/utils/API/endpoint.js
index f45d9d30f..ef60f9655 100644
--- a/src/utils/API/endpoint.js
+++ b/src/utils/API/endpoint.js
@@ -148,5 +148,11 @@ const urls = {
      */
     addTestPlugin: "pluginsctl/addTestPlugin",
 
+    /**
+     * Add a plugin
+     */
+    addPlugin: "pluginsctl/addPlugin",
+
+
 };
 export default urls;
diff --git a/src/utils/PluginTools.js b/src/utils/PluginTools.js
index b8f4e4e89..4e984174a 100644
--- a/src/utils/PluginTools.js
+++ b/src/utils/PluginTools.js
@@ -45,4 +45,46 @@ export const getPluginBaseUrl = (ipAddress, pluginName, author) => {
     }
 
     return `${ipAddress}/plugins/${author}/${pluginName}/`;
+}
+
+/**
+ * Get plugins from map.
+ * @param plugins       {{}}    plugins map
+ * @returns             {[]}    array of plugins
+ */
+export const getPluginsArray = (plugins) => {
+    const availablePlugins = [];
+
+    for (let m in plugins) {
+        if (plugins.hasOwnProperty(m)) {
+            let p = plugins[m];
+            availablePlugins.push(p)
+        }
+    }
+
+    return availablePlugins;
+}
+
+/**
+ * filter plugins by file handling types
+ * @param plugins       {[]}
+ * @param MimeType      {String}
+ * @return              {[]}
+ */
+export const filterPluginsByMimeType = (plugins, MimeType) => {
+    return plugins.filter((p) => p["rclone"] &&
+        p["rclone"]["handlesType"] &&
+        p["rclone"]["handlesType"].includes(MimeType));
+}
+
+/**
+ * filter plugins by file handling types
+ * @param plugins   {[]}
+ * @param type      {String}
+ * @return          {[]}
+ */
+export const filterPluginsByType = (plugins, type) => {
+    return plugins.filter((p) => p["rclone"] &&
+        p["rclone"]["pluginType"] &&
+        p["rclone"]["pluginType"].toUpperCase() === type.toUpperCase());
 }
\ No newline at end of file
diff --git a/src/views/Base/PluginsHandler/PluginsHandler.js b/src/views/Base/PluginsHandler/PluginsHandler.js
index 3ee10fd29..57de654e9 100644
--- a/src/views/Base/PluginsHandler/PluginsHandler.js
+++ b/src/views/Base/PluginsHandler/PluginsHandler.js
@@ -6,7 +6,7 @@ import {PROP_CURRENT_PATH, PROP_FS_INFO} from "../../../utils/RclonePropTypes";
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
 import {Button} from "reactstrap";
 import NoPluginAvailableModal from "./NoPluginAvailableModal/NoPluginAvailableModal";
-import {getPluginServeUrl} from "../../../utils/PluginTools";
+import {filterPluginsByMimeType, getPluginsArray, getPluginServeUrl} from "../../../utils/PluginTools";
 import {openInWindow} from "../../../utils/Tools";
 import {toast} from "react-toastify";
 
@@ -41,25 +41,20 @@ function PluginsHandler(props) {
 		const {MimeType} = item;
 
 		// const availableTestPlugins = [];
-		const availablePlugins = [];
+		let availableTestPlugins = getPluginsArray(loadedTestPlugins);
+		availableTestPlugins = filterPluginsByMimeType(availableTestPlugins, MimeType);
 
-		for (let m in loadedTestPlugins) {
-			let p = loadedTestPlugins[m];
-			if (p["rclone"] && p["rclone"]["handlesType"] && p["rclone"]["handlesType"].includes(MimeType))
-				availablePlugins.push(p)
-		}
 
-		for (let m in loadedPlugins) {
-			let p = loadedPlugins[m];
-			if (p["rclone"]["handlesType"].includes(MimeType))
-				availablePlugins.push(p)
-		}
+		let availablePlugins = getPluginsArray(loadedPlugins);
+		availablePlugins = filterPluginsByMimeType(availablePlugins, MimeType);
+
+		// add test plugins as well
+		availablePlugins = availablePlugins.concat(availableTestPlugins);
 		// Set in state to pass to modal
 		setAvailablePlugins(availablePlugins);
 		if (availablePlugins.length === 0) {
 			// No plugins available, show modal for redirecting to the store
 			setShowPluginsModal(true);
-
 		} else if (availablePlugins.length === 1) {
 			// open the default available plugin
 			processOpenPlugin(availablePlugins[0].name, availablePlugins[0].author);
@@ -74,13 +69,13 @@ function PluginsHandler(props) {
 		<Button color={"link"} onClick={openPlugin}>
 			<i className={"fa fa-external-link fa-lg d-inline"}/>
 		</Button>
-		<NoPluginAvailableModal
+		{showPluginsModal && <NoPluginAvailableModal
 			className=""
 			isOpen={showPluginsModal}
 			setIsOpen={setShowPluginsModal}
 			availablePlugins={availablePlugins}
 			processOpenPlugin={processOpenPlugin}
-		/>
+		/>}
 	</ErrorBoundary>
 }
 
diff --git a/src/views/Base/RunningJobs/RunningJobs.js b/src/views/Base/RunningJobs/RunningJobs.js
index c3a15a0d3..de21d6263 100644
--- a/src/views/Base/RunningJobs/RunningJobs.js
+++ b/src/views/Base/RunningJobs/RunningJobs.js
@@ -237,10 +237,6 @@ class RunningJobs extends React.Component {
         })
     };
 
-
-
-
-
     render() {
         const {jobs, isConnected, lineChartData} = this.props;
         const {transferring} = jobs;
diff --git a/src/views/Explorer/FilesView/FileComponent.js b/src/views/Explorer/FilesView/FileComponent.js
index 52983f939..ec4822f16 100644
--- a/src/views/Explorer/FilesView/FileComponent.js
+++ b/src/views/Explorer/FilesView/FileComponent.js
@@ -97,24 +97,6 @@ function collect(connect, monitor) {
     }
 }
 
-function FileIcon({IsDir, MimeType}, ...props) {
-    let className = "fa-file";
-    if (IsDir) {
-        className = "fa-folder";
-    } else if (MimeType === "application/pdf") {
-        className = "fa-file-pdf-o";
-    } else if (MimeType === "image/jpeg") {
-        className = "fa-file-image-o";
-    } else if (MimeType === "application/rar" || MimeType === "application/x-rar-compressed" || MimeType === " application/zip") {
-        className = "fa-file-archive-o";
-    } else if (MimeType === "text/plain") {
-        className = "fa-file-text-o";
-    } else if (MimeType === "text/x-vcard") {
-        className = "fa-address-card-o";
-    }
-    return <i className={className + " fa fa-lg"}/>;
-}
-
 function confirmDelete(deleteHandle, item) {
     if (window.confirm(`Are you sure you want to delete ${item.Name}`)) {
         deleteHandle(item);
diff --git a/src/views/Explorer/FilesView/FilesView.test.js b/src/views/Explorer/FilesView/FilesView.test.js
index 29e793dfe..f3c7dacbb 100644
--- a/src/views/Explorer/FilesView/FilesView.test.js
+++ b/src/views/Explorer/FilesView/FilesView.test.js
@@ -30,6 +30,7 @@ describe("Files View", function () {
             wrapper = setUp(initialState, props)
         });
 
+
         it('should render without crashing', function () {
             expect(wrapper).toHaveLength(1)
         });
diff --git a/src/views/PluginDashboard/NewPluginModal.js b/src/views/PluginDashboard/NewPluginModal.js
index 415962a65..d6ebd34f7 100644
--- a/src/views/PluginDashboard/NewPluginModal.js
+++ b/src/views/PluginDashboard/NewPluginModal.js
@@ -2,6 +2,7 @@ import React, {useState} from 'react';
 import {
     Button,
     Col,
+    Form,
     FormFeedback,
     FormGroup,
     Input,
@@ -31,46 +32,66 @@ const NewPluginModal = (props) => {
 
     const [pluginDownloadURL, setPluginDownloadURL] = useState("");
 
+    const [pluginType, setPluginType] = useState("");
+
     const toggle = () => setModal(!modal);
 
     const handleCreateMount = () => {
         if (!okHandle) {
             throw new Error("Ok handle is null");
         }
-        okHandle(pluginDownloadURL);
+        okHandle(pluginDownloadURL, pluginType);
     }
 
     const isCreateDisabled = () => {
         return !pluginDownloadURL || pluginDownloadURL === "";
     }
 
+    const submitForm = (e) => {
+        e.preventDefault();
+        handleCreateMount();
+    }
+
     return (
         <div data-test="newMountModalComponent">
             <Button color="primary" onClick={toggle}>{buttonLabel}</Button>
-            <Modal isOpen={modal} toggle={toggle} className={className}>
-                <ModalHeader toggle={toggle}>New Mount</ModalHeader>
-                <ModalBody>
-                    <FormGroup row>
-                        <Label for={"mountPoint"} sm={5}>Plugin URL</Label>
-                        <Col sm={7}>
-                            <Input type={"text"} value={pluginDownloadURL}
-                                   name={"mountPoint"}
-                                   id={"mountPoint"} onChange={e => setPluginDownloadURL(e.target.value)}
-                                   required={true}
-                            >
-                            </Input>
-                            <FormFeedback/>
+            <Form onSubmit={submitForm}>
+                <Modal isOpen={modal} toggle={toggle} className={className}>
+                    <ModalHeader toggle={toggle}>New Mount</ModalHeader>
+                    <ModalBody>
 
-                        </Col>
-                    </FormGroup>
+                        <FormGroup row>
+                            <Label for={"pluginURL"} sm={5}>Plugin URL</Label>
+                            <Col sm={7}>
+                                <Input type={"text"} value={pluginDownloadURL}
+                                       name={"pluginURL"}
+                                       id={"pluginURL"} onChange={e => setPluginDownloadURL(e.target.value)}
+                                       required={true}
+                                >
+                                </Input>
+                                <FormFeedback/>
+                            </Col>
+                        </FormGroup>
 
-                </ModalBody>
-                <ModalFooter>
-                    <Button data-test="ok-button" color="primary" onClick={handleCreateMount}
-                            disabled={isCreateDisabled()}>Add</Button>{' '}
-                    <Button data-test="cancel-button" color="secondary" onClick={toggle}>Cancel</Button>
-                </ModalFooter>
-            </Modal>
+                        <FormGroup row>
+                            <Label for={"pluginType"} sm={5}>Plugin Type</Label>
+                            <Col sm={7}>
+                                <Input type={"text"} value={pluginDownloadURL}
+                                       name={"pluginType"}
+                                       id={"pluginType"} onChange={e => setPluginType(e.target.value)}
+                                       required={true}>
+                                </Input>
+                                <FormFeedback/>
+                            </Col>
+                        </FormGroup>
+                    </ModalBody>
+                    <ModalFooter>
+                        <Button data-test="ok-button" color="primary" onClick={handleCreateMount}
+                                disabled={isCreateDisabled()}>Add</Button>{' '}
+                        <Button data-test="cancel-button" color="secondary" onClick={toggle}>Cancel</Button>
+                    </ModalFooter>
+                </Modal>
+            </Form>
         </div>
     );
 }
diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
index 2931908f9..d71c6d45d 100644
--- a/src/views/PluginDashboard/PluginDashboard.js
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -13,9 +13,9 @@ class PluginDashboard extends React.Component {
 		getPlugins();
 	}
 
-	addPluginHandle = (pluginDownloadURL) => {
+	addPluginHandle = (pluginDownloadURL, pluginType) => {
 		const {addPlugin} = this.props;
-		addPlugin(pluginDownloadURL);
+		addPlugin(pluginDownloadURL, pluginType);
 	}
 
 	render() {
diff --git a/src/views/TerminalDashboard/TerminalDashboard.js b/src/views/TerminalDashboard/TerminalDashboard.js
index 2b378db3a..9b4cfea23 100644
--- a/src/views/TerminalDashboard/TerminalDashboard.js
+++ b/src/views/TerminalDashboard/TerminalDashboard.js
@@ -3,8 +3,9 @@ import Iframe from "react-iframe";
 import * as PropTypes from "prop-types";
 import {connect} from "react-redux";
 import {getPlugins} from "../../actions/pluginActions";
-import {getPluginBaseUrl} from "../../utils/PluginTools";
+import {filterPluginsByType, getPluginBaseUrl, getPluginsArray} from "../../utils/PluginTools";
 import {getIPAddress} from "../../utils/API/API";
+import pluginTypes from "../../pluginTypes";
 
 function TerminalDashboard(props) {
     const {
@@ -14,28 +15,32 @@ function TerminalDashboard(props) {
 
     const [pluginUrl, setPluginUrl] = useState("");
 
+    const [pluginArray, setPluginArray] = useState([]);
+
     useEffect(() => {
         getPlugins();
-        const availablePlugins = [];
+        let availablePlugins = getPluginsArray(loadedPlugins);
+        availablePlugins = filterPluginsByType(availablePlugins, pluginTypes.TERMINAL);
+        setPluginArray(availablePlugins);
+
+        if (availablePlugins.length > 0) {
+            // open the default (first) available plugin
+            setPluginUrl(getPluginBaseUrl(getIPAddress(), availablePlugins[0].name, availablePlugins[0].author));
+        } else {
 
-        for (let m in loadedPlugins) {
-            let p = loadedPlugins[m];
-            if (p["rclone"]["pluginType"] === "Terminal")
-                availablePlugins.push(p)
         }
-        // open the default available plugin
-        setPluginUrl(getPluginBaseUrl(getIPAddress(), availablePlugins[0].name, availablePlugins[0].author));
 
     }, []);
 
     return (
         <div data-test="mountDashboardComponent" style={{height: "80vh"}}>
-            <Iframe url={pluginUrl}
-                    allowTransparency="true"
-                    allowFullScreen="true"
-                    width="100%"
-                    height="100%"
-                    display="initial"/>
+            {(pluginArray.length > 0) ? <Iframe url={pluginUrl}
+                                                allowTransparency="true"
+                                                allowFullScreen="true"
+                                                width="100%"
+                                                height="100%"
+                                                display="initial"/>
+                : <p>Could not find any appropriate plugin to load</p>}
         </div>
     );
 }

From 0483a4c22b56994579322244941b73c693c889da Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Tue, 28 Jul 2020 09:32:14 +0530
Subject: [PATCH 25/30] Add dashboard plugins

---
 .../Base/DashboardPlugin/DashboardPlugin.js   | 30 ++++++++++++
 .../DashboardPlugin/DashboardPlugin.test.js   |  0
 .../DashboardPluginWidgets.js                 | 47 +++++++++++++++++++
 .../DashboardPluginWidgets.test.js            |  0
 src/views/Home/Home.js                        |  3 ++
 5 files changed, 80 insertions(+)
 create mode 100644 src/views/Base/DashboardPlugin/DashboardPlugin.js
 create mode 100644 src/views/Base/DashboardPlugin/DashboardPlugin.test.js
 create mode 100644 src/views/DashboardPluginWidgets/DashboardPluginWidgets.js
 create mode 100644 src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js

diff --git a/src/views/Base/DashboardPlugin/DashboardPlugin.js b/src/views/Base/DashboardPlugin/DashboardPlugin.js
new file mode 100644
index 000000000..b6b9bd6a4
--- /dev/null
+++ b/src/views/Base/DashboardPlugin/DashboardPlugin.js
@@ -0,0 +1,30 @@
+import React from "react";
+import Iframe from "react-iframe";
+import * as PropTypes from "prop-types";
+
+/**
+ * Dashboard plugin loads a plugin in an iframe
+ * @param pluginUrl {string}
+ * @return {*}
+ * @constructor
+ */
+function DashboardPlugin({pluginUrl}) {
+    return (
+        <div data-test="dashboardPluginComponent">
+            {(pluginUrl) ? <Iframe url={pluginUrl}
+                                   style={{border: "none"}}
+                                   allowTransparency="true"
+                                   allowFullScreen="true"
+                                   width="100%"
+                                   height="100%"
+                                   display="initial"/>
+                : <p>Could not find any appropriate plugin to load</p>}
+        </div>
+    );
+}
+
+DashboardPlugin.propTypes = {
+    pluginUrl: PropTypes.string.isRequired
+}
+
+export default DashboardPlugin;
\ No newline at end of file
diff --git a/src/views/Base/DashboardPlugin/DashboardPlugin.test.js b/src/views/Base/DashboardPlugin/DashboardPlugin.test.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js
new file mode 100644
index 000000000..c9de24dd2
--- /dev/null
+++ b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js
@@ -0,0 +1,47 @@
+import React, {useEffect, useState} from "react";
+import * as PropTypes from "prop-types";
+import {filterPluginsByType, getPluginBaseUrl, getPluginsArray} from "../../utils/PluginTools";
+import pluginTypes from "../../pluginTypes";
+import {Col, Row} from "reactstrap";
+import DashboardPlugin from "../Base/DashboardPlugin/DashboardPlugin";
+import {getIPAddress} from "../../utils/API/API";
+import {connect} from "react-redux";
+import {getPlugins} from "../../actions/pluginActions";
+
+/**
+ *
+ * @param loadedPlugins {object}
+ * @param getPlugins    {function}
+ * @return {*}          {jsx}
+ * @constructor
+ */
+function DashboardPluginWidgets({loadedPlugins, getPlugins}) {
+
+    const [dashboardWidgets, setDashboardWidgets] = useState([]);
+    useEffect(() => {
+        getPlugins();
+        let dashboardPlugins = getPluginsArray(loadedPlugins);
+        dashboardPlugins = filterPluginsByType(dashboardPlugins, pluginTypes.DASHBOARD)
+        setDashboardWidgets(dashboardPlugins);
+    }, [])
+
+
+    return (
+        <Row>
+            {dashboardWidgets.map(element => <Col lg={6}>
+                <DashboardPlugin pluginUrl={getPluginBaseUrl(getIPAddress(), element.name, element.author)}/>
+            </Col>)}
+        </Row>
+    )
+}
+
+const mapStateToProps = state => ({
+    loadedPlugins: state.plugins.loadedPlugins,
+});
+
+DashboardPluginWidgets.propTypes = {
+    loadedPlugins: PropTypes.object.isRequired,
+    getPlugins: PropTypes.func.isRequired,
+};
+
+export default connect(mapStateToProps, {getPlugins})(DashboardPluginWidgets);
\ No newline at end of file
diff --git a/src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/views/Home/Home.js b/src/views/Home/Home.js
index 528caabab..dae4729f4 100644
--- a/src/views/Home/Home.js
+++ b/src/views/Home/Home.js
@@ -6,6 +6,7 @@ import BandwidthStatusCard from "../Base/BandwidthStatusCard/BandwidthStatusCard
 import {connect} from "react-redux";
 import * as PropTypes from 'prop-types';
 import {IP_ADDRESS_KEY} from "../../utils/Constants";
+import DashboardPluginWidgets from "../DashboardPluginWidgets/DashboardPluginWidgets";
 
 class Home extends React.Component {
 
@@ -23,9 +24,11 @@ class Home extends React.Component {
                         <BandwidthStatusCard/>
                     </Col>
                 </Row>
+                <DashboardPluginWidgets/>
                 <h2>Jobs</h2>
                 {checkStatus ? <RunningJobs mode={"full-status"}/> : <p>Not Monitoring</p>}
 
+
             </div>);
     }
 }

From 5e9df67c580121dac791ebd8a11fa027eae29fdd Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Sat, 22 Aug 2020 19:25:56 +0530
Subject: [PATCH 26/30] Add search filter for store dashboard

---
 src/views/StoreDashboard/StoreDashboard.js | 28 ++++++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/views/StoreDashboard/StoreDashboard.js b/src/views/StoreDashboard/StoreDashboard.js
index 24d1bb37e..981586c72 100644
--- a/src/views/StoreDashboard/StoreDashboard.js
+++ b/src/views/StoreDashboard/StoreDashboard.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {connect} from "react-redux";
-import {Button, Col, Row} from "reactstrap";
+import {Button, Col, Form, Input, InputGroup, InputGroupAddon, Row,} from "reactstrap";
 import * as PropTypes from 'prop-types';
 import {addPlugin, getPlugins} from "../../actions/pluginActions";
 import axios from "axios";
@@ -12,7 +12,8 @@ class StoreDashboard extends React.Component {
     constructor(props, context) {
         super(props, context);
         this.state = {
-            pluginsList: []
+            pluginsList: [],
+            searchQuery: ""
         }
     }
 
@@ -34,21 +35,38 @@ class StoreDashboard extends React.Component {
     }
 
     render() {
-        const {pluginsList} = this.state;
+        const {pluginsList, searchQuery} = this.state;
         if (pluginsList.length <= 0) {
             return (<p>Loading</p>)
         }
+        const filteredList = pluginsList ? pluginsList.filter(element => {
+            return (
+                element.name.toLowerCase().includes(searchQuery) ||
+                element.description.toLowerCase().includes(searchQuery) ||
+                element.longDescription.toLowerCase().includes(searchQuery) ||
+                element.author.toLowerCase().includes(searchQuery)
+            );
+        }) : [];
         return (
             <div data-test="storeDashboardComponent">
                 <Row>
                     <Col lg={12} className="mb-4 d-flex justify-content-between">
                         <Button color="secondary" onClick={() => this.props.history.goBack()}>Back</Button>
-                        <Button color="primary"><span className="fa fa-search"/> Search</Button>
+                        <Form inline onSubmit={(e) => e.preventDefault()}>
+                            <InputGroup>
+                                <Input placeholder="Type to start searching" type="text" value={searchQuery}
+                                       onChange={(e) => this.setState({searchQuery: e.target.value})}/>
+                                <InputGroupAddon addonType="append"><Button color="primary"><span
+                                    className="fa fa-search"/></Button></InputGroupAddon>
+                            </InputGroup>
+
+
+                        </Form>
                     </Col>
                 </Row>
                 <Row>
                     {
-                        pluginsList && pluginsList.map((e) =>
+                        filteredList.map((e) =>
                             <Col lg={6} key={e.name}>
                                 <PluginPlaceHolderCard plugin={e}/>
                             </Col>

From 88c76e3dbbf4a6f35ff914162ddb3aff70793e00 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Sat, 22 Aug 2020 19:31:46 +0530
Subject: [PATCH 27/30] Change color of Button for add plugin and add icon for
 delete plugin button.

---
 src/views/PluginDashboard/PluginDashboard.js  |  5 +++--
 src/views/PluginDashboard/PluginRowEntries.js | 11 +++--------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/views/PluginDashboard/PluginDashboard.js b/src/views/PluginDashboard/PluginDashboard.js
index d71c6d45d..5944a56fe 100644
--- a/src/views/PluginDashboard/PluginDashboard.js
+++ b/src/views/PluginDashboard/PluginDashboard.js
@@ -25,7 +25,7 @@ class PluginDashboard extends React.Component {
 				<Row>
 					<Col lg={12} className="mb-4 d-flex justify-content-between">
 						<NewPluginModal buttonLabel="Add New" okHandle={this.addPluginHandle}/>
-						<Button onClick={() => this.props.history.push("/storeDashboard")}>
+						<Button color="primary" onClick={() => this.props.history.push("/storeDashboard")}>
 							Visit Store
 						</Button>
 					</Col>
@@ -33,7 +33,8 @@ class PluginDashboard extends React.Component {
 				<Table responsive className="table-striped">
 					<thead>
 					<tr>
-						<th>Author/ Name</th>
+						<th>Name</th>
+						<th>Author</th>
 						<th>Description</th>
 						<th>Actions</th>
 					</tr>
diff --git a/src/views/PluginDashboard/PluginRowEntries.js b/src/views/PluginDashboard/PluginRowEntries.js
index bc171c34e..1f468a148 100644
--- a/src/views/PluginDashboard/PluginRowEntries.js
+++ b/src/views/PluginDashboard/PluginRowEntries.js
@@ -4,11 +4,6 @@ import {Button} from "reactstrap";
 import axiosInstance from "../../utils/API/API";
 import {toast} from "react-toastify";
 
-const deactivatePlugin = (item) => {
-
-}
-
-
 function PluginRowEntries({loadedPlugins, getPlugins}) {
 	const [isLoading, setIsLoading] = useState(false);
 	const removePlugin = (key) => {
@@ -32,13 +27,13 @@ function PluginRowEntries({loadedPlugins, getPlugins}) {
 		entries.push(
 			<tr key={key}>
 				<td>{value.name}</td>
+				<td>{value.author}</td>
 				<td>{value.description}</td>
 				<td>
 					{isLoading ? "Installing..." :
 						<>
-							<Button color="primary">Deactivate</Button>
-							<Button color={"danger"} className="ml-2" onClick={() => removePlugin(key)}>Delete</Button>
-
+							<Button color={"danger"} className="ml-2" onClick={() => removePlugin(key)}><span
+								className="fa fa-trash pr-1"/>Delete</Button>
 						</>
 					}
 				</td>

From 4016f2a318dba96c56fcba73adfebff729fab28f Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Mon, 24 Aug 2020 00:41:10 +0530
Subject: [PATCH 28/30] Fix loading of plugins upon add/delete

---
 src/views/Explorer/FilesView/FileComponent.js |  6 +++--
 .../RemoteExplorerLayout.js                   | 27 ++++++++++---------
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/views/Explorer/FilesView/FileComponent.js b/src/views/Explorer/FilesView/FileComponent.js
index ec4822f16..b9f37517d 100644
--- a/src/views/Explorer/FilesView/FileComponent.js
+++ b/src/views/Explorer/FilesView/FileComponent.js
@@ -103,7 +103,7 @@ function confirmDelete(deleteHandle, item) {
     }
 }
 
-function Actions({downloadHandle, pluginHandle, deleteHandle, item, linkShareHandle, containerID}) {
+function Actions({downloadHandle, deleteHandle, item, linkShareHandle, containerID}) {
 
     const {IsDir} = item;
     // let {ID, Name} = item;
@@ -148,6 +148,8 @@ function Actions({downloadHandle, pluginHandle, deleteHandle, item, linkShareHan
         return (
             <React.Fragment>
 
+                <PluginsHandler containerID={containerID} item={item}/>
+
                 <UncontrolledButtonDropdown>
                     <DropdownToggle color="link">
                         <i className="fa fa-ellipsis-v"/>
@@ -281,7 +283,7 @@ FileComponent.propTypes = {
     deleteHandle: PropTypes.func.isRequired,
 
     /**
-     * Function to delete a file.
+     * Used for handling the plugins click
      */
     pluginHandle: PropTypes.func.isRequired,
     /**
diff --git a/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js b/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js
index c77d05da2..733722a87 100644
--- a/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js
+++ b/src/views/Explorer/RemoteExplorerLayout/RemoteExplorerLayout.js
@@ -5,7 +5,7 @@ import {connect} from "react-redux";
 import {createPath} from "../../../actions/explorerStateActions";
 import * as PropTypes from 'prop-types';
 import {addRemoteContainer, changeDistractionFreeMode, changeNumCols} from "../../../actions/explorerActions";
-import {loadTestPlugins} from "../../../actions/pluginActions";
+import {getPlugins} from "../../../actions/pluginActions";
 import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary";
 
 import singlePaneImg from '../../../assets/img/single-pane.png';
@@ -28,14 +28,14 @@ class RemoteExplorerLayout extends React.Component {
 
 	componentDidMount() {
 		//Load one explorer layout
-		const {numContainers, addRemoteContainer} = this.props;
+		const {numContainers, addRemoteContainer, getPlugins} = this.props;
 
 		if (numContainers < 1) {
 			addRemoteContainer(0)
 		}
 
 		// Load the test plugins
-		loadTestPlugins();
+		getPlugins();
 
 	}
 
@@ -93,14 +93,14 @@ class RemoteExplorerLayout extends React.Component {
 						}
 					</Row>
 
-				<Row>
-					<TabbedPanes
-						numCols={numCols}
-						distractionFreeMode={distractionFreeMode}
-						activeRemoteContainerID={activeRemoteContainerID}
-						containers={containers}
-					/>
-				</Row>
+					<Row>
+						<TabbedPanes
+							numCols={numCols}
+							distractionFreeMode={distractionFreeMode}
+							activeRemoteContainerID={activeRemoteContainerID}
+							containers={containers}
+						/>
+					</Row>
 				</DndProvider>
 			</ErrorBoundary>
 		);
@@ -124,7 +124,7 @@ RemoteExplorerLayout.propTypes = {
 	createPath: PropTypes.func.isRequired,
 	changeNumCols: PropTypes.func.isRequired,
 	distractionFreeMode: PropTypes.bool.isRequired,
-	loadTestPlugins: PropTypes.func.isRequired,
+	getPlugins: PropTypes.func.isRequired,
 
 	loadedTestPlugins: PropTypes.object.isRequired,
 	loadedPlugins: PropTypes.object.isRequired,
@@ -135,6 +135,7 @@ export default connect(mapStateToProps, {
 	createPath,
 	changeNumCols,
 	changeDistractionFreeMode,
-	addRemoteContainer
+	addRemoteContainer,
+	getPlugins
 })
 (RemoteExplorerLayout);

From 6dee82df26180bd9d3c269c4dcaf1dc6bf563cf2 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Mon, 24 Aug 2020 00:41:31 +0530
Subject: [PATCH 29/30] Add support for directory type plugins

---
 src/views/Base/PluginsHandler/PluginsHandler.js   | 9 +++++++--
 src/views/StoreDashboard/PluginPlaceHolderCard.js | 3 ++-
 src/views/StoreDashboard/StoreDashboard.js        | 3 ++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/Base/PluginsHandler/PluginsHandler.js b/src/views/Base/PluginsHandler/PluginsHandler.js
index 57de654e9..1ea9b476f 100644
--- a/src/views/Base/PluginsHandler/PluginsHandler.js
+++ b/src/views/Base/PluginsHandler/PluginsHandler.js
@@ -38,8 +38,13 @@ function PluginsHandler(props) {
 
 
 	const openPlugin = () => {
-		const {MimeType} = item;
-
+		let {MimeType} = item;
+		console.log("Plugin Item", item)
+		if (item.IsDir) {
+			// Directory mimetype to be searched
+			MimeType = "rclone/dir";
+		}
+		console.log("loaded Plugins", loadedPlugins);
 		// const availableTestPlugins = [];
 		let availableTestPlugins = getPluginsArray(loadedTestPlugins);
 		availableTestPlugins = filterPluginsByMimeType(availableTestPlugins, MimeType);
diff --git a/src/views/StoreDashboard/PluginPlaceHolderCard.js b/src/views/StoreDashboard/PluginPlaceHolderCard.js
index cda8fea84..322a8644d 100644
--- a/src/views/StoreDashboard/PluginPlaceHolderCard.js
+++ b/src/views/StoreDashboard/PluginPlaceHolderCard.js
@@ -73,7 +73,8 @@ PluginPlaceHolderCard.propTypes = {
         icon: PropTypes.string,
         repo: PropTypes.string.isRequired,
         bugs: PropTypes.string,
-    })
+    }),
+    getPlugins: PropTypes.func.isRequired
 }
 
 export default PluginPlaceHolderCard
\ No newline at end of file
diff --git a/src/views/StoreDashboard/StoreDashboard.js b/src/views/StoreDashboard/StoreDashboard.js
index 981586c72..a7d756308 100644
--- a/src/views/StoreDashboard/StoreDashboard.js
+++ b/src/views/StoreDashboard/StoreDashboard.js
@@ -36,6 +36,7 @@ class StoreDashboard extends React.Component {
 
     render() {
         const {pluginsList, searchQuery} = this.state;
+        const {getPlugins} = this.props;
         if (pluginsList.length <= 0) {
             return (<p>Loading</p>)
         }
@@ -68,7 +69,7 @@ class StoreDashboard extends React.Component {
                     {
                         filteredList.map((e) =>
                             <Col lg={6} key={e.name}>
-                                <PluginPlaceHolderCard plugin={e}/>
+                                <PluginPlaceHolderCard plugin={e} getPlugins={getPlugins}/>
                             </Col>
                         )
                     }

From 44561f551dd9a4a2cdd87ae6877127b7e38c3bc3 Mon Sep 17 00:00:00 2001
From: Chaitanya Bankanhal <bchaitanya15@gmail.com>
Date: Tue, 25 Aug 2020 01:28:22 +0530
Subject: [PATCH 30/30] Fix failing tests

Fix failing tests for plugin components

Fix failing tests for plugin components
---
 ...17_06_20__7_26_PM__Default_Changelist_.xml |  29 --
 ...ges_before_rebase__Default_Changelist_.xml |   4 -
 .../__snapshots__/DefaultLayout.test.js.snap  |  58 ++++
 .../DashboardPlugin/DashboardPlugin.test.js   |  39 +++
 .../DashboardPlugin.test.js.snap              |  11 +
 .../NoPluginAvailableModal.test.js            |  51 ++++
 .../NoPluginAvailableModal.test.js.snap       |  99 +++++++
 .../Base/Widgets/VideoPlayer/VideoPlayer.js   |  50 ++--
 .../Widgets/VideoPlayer/VideoPlayer.test.js   |   4 +-
 .../__snapshots__/VideoPlayer.test.js.snap    |  36 ++-
 .../DashboardPluginWidgets.js                 |  15 +-
 .../DashboardPluginWidgets.test.js            |  37 +++
 .../DashboardPluginWidgets.test.js.snap       |  17 ++
 .../Home/__snapshots__/Home.test.js.snap      |   1 +
 .../__snapshots__/NewPluginModal.test.js.snap | 249 +++++++++++-------
 .../PluginDashboard.test.js.snap              |   7 +-
 .../StoreDashboard/PluginPlaceHolder.test.js  |  47 ++++
 .../StoreDashboard/PluginPlaceHolderCard.js   |   4 +-
 src/views/StoreDashboard/StoreDashboard.js    |  75 +++---
 .../StoreDashboard/StoreDashboard.test.js     |  14 +-
 .../PluginPlaceHolder.test.js.snap            | 114 ++++++++
 .../__snapshots__/StoreDashboard.test.js.snap |  13 +-
 .../TerminalDashboard/TerminalDashboard.js    |   2 +-
 23 files changed, 732 insertions(+), 244 deletions(-)
 delete mode 100644 .idea/shelf/Uncommitted_changes_before_Update_at_17_06_20__7_26_PM__Default_Changelist_.xml
 delete mode 100644 .idea/shelf/Uncommitted_changes_before_rebase__Default_Changelist_.xml
 create mode 100644 src/views/Base/DashboardPlugin/__snapshots__/DashboardPlugin.test.js.snap
 create mode 100644 src/views/Base/PluginsHandler/NoPluginAvailableModal/__snapshots__/NoPluginAvailableModal.test.js.snap
 create mode 100644 src/views/DashboardPluginWidgets/__snapshots__/DashboardPluginWidgets.test.js.snap
 create mode 100644 src/views/StoreDashboard/__snapshots__/PluginPlaceHolder.test.js.snap

diff --git a/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20__7_26_PM__Default_Changelist_.xml b/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20__7_26_PM__Default_Changelist_.xml
deleted file mode 100644
index a55344756..000000000
--- a/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20__7_26_PM__Default_Changelist_.xml
+++ /dev/null
@@ -1,29 +0,0 @@
-<changelist name="Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]" date="1592402165254" recycled="true" deleted="true">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]/shelved.patch" />
-  <option name="DESCRIPTION" value="Uncommitted changes before Update at 17/06/20, 7:26 PM [Default Changelist]" />
-  <binary>
-    <option name="BEFORE_PATH" />
-    <option name="AFTER_PATH" value="screenshots/config.png" />
-    <option name="SHELVED_PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]/config.png" />
-  </binary>
-  <binary>
-    <option name="BEFORE_PATH" value="screenshots/dashboard.png" />
-    <option name="AFTER_PATH" value="screenshots/dashboard.png" />
-    <option name="SHELVED_PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]/dashboard.png" />
-  </binary>
-  <binary>
-    <option name="BEFORE_PATH" value="screenshots/remoteexplorer.png" />
-    <option name="AFTER_PATH" value="screenshots/remoteexplorer.png" />
-    <option name="SHELVED_PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]/remoteexplorer.png" />
-  </binary>
-  <binary>
-    <option name="BEFORE_PATH" />
-    <option name="AFTER_PATH" value="screenshots/mounts.png" />
-    <option name="SHELVED_PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]/mounts.png" />
-  </binary>
-  <binary>
-    <option name="BEFORE_PATH" value="screenshots/login.png" />
-    <option name="AFTER_PATH" value="screenshots/login.png" />
-    <option name="SHELVED_PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_17_06_20,_7_26_PM_[Default_Changelist]/login.png" />
-  </binary>
-</changelist>
\ No newline at end of file
diff --git a/.idea/shelf/Uncommitted_changes_before_rebase__Default_Changelist_.xml b/.idea/shelf/Uncommitted_changes_before_rebase__Default_Changelist_.xml
deleted file mode 100644
index 2b2dccb75..000000000
--- a/.idea/shelf/Uncommitted_changes_before_rebase__Default_Changelist_.xml
+++ /dev/null
@@ -1,4 +0,0 @@
-<changelist name="Uncommitted_changes_before_rebase_[Default_Changelist]" date="1592213133563" recycled="true" deleted="true">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_rebase_[Default_Changelist]/shelved.patch" />
-  <option name="DESCRIPTION" value="Uncommitted changes before rebase [Default Changelist]" />
-</changelist>
\ No newline at end of file
diff --git a/src/containers/DefaultLayout/__snapshots__/DefaultLayout.test.js.snap b/src/containers/DefaultLayout/__snapshots__/DefaultLayout.test.js.snap
index 56268c580..ba424e849 100644
--- a/src/containers/DefaultLayout/__snapshots__/DefaultLayout.test.js.snap
+++ b/src/containers/DefaultLayout/__snapshots__/DefaultLayout.test.js.snap
@@ -76,11 +76,21 @@ exports[`Remote Explorer renders should match snapshot 1`] = `
                     "name": "Backend",
                     "url": "/rcloneBackend",
                   },
+                  Object {
+                    "icon": "fa fa-plug",
+                    "name": "Plugins",
+                    "url": "/pluginDashboard",
+                  },
                   Object {
                     "icon": "fa fa-hdd-o",
                     "name": "Mounts",
                     "url": "/mountDashboard",
                   },
+                  Object {
+                    "icon": "fa fa-terminal",
+                    "name": "Terminal",
+                    "url": "/terminal",
+                  },
                   Object {
                     "icon": "icon-logout",
                     "name": "Log Out",
@@ -204,6 +214,16 @@ exports[`Remote Explorer renders should match snapshot 1`] = `
                 "name": "Rclone Backend",
                 "path": "/rcloneBackend",
               },
+              Object {
+                "component": Object {
+                  "$$typeof": Symbol(react.lazy),
+                  "_ctor": [Function],
+                  "_result": null,
+                  "_status": -1,
+                },
+                "name": "Plugins",
+                "path": "/pluginDashboard",
+              },
               Object {
                 "component": Object {
                   "$$typeof": Symbol(react.lazy),
@@ -214,6 +234,26 @@ exports[`Remote Explorer renders should match snapshot 1`] = `
                 "name": "Mount Dashboard",
                 "path": "/mountDashboard",
               },
+              Object {
+                "component": Object {
+                  "$$typeof": Symbol(react.lazy),
+                  "_ctor": [Function],
+                  "_result": null,
+                  "_status": -1,
+                },
+                "name": "Store Dashboard",
+                "path": "/storeDashboard",
+              },
+              Object {
+                "component": Object {
+                  "$$typeof": Symbol(react.lazy),
+                  "_ctor": [Function],
+                  "_result": null,
+                  "_status": -1,
+                },
+                "name": "Terminal",
+                "path": "/terminal",
+              },
             ]
           }
           className=""
@@ -286,10 +326,28 @@ exports[`Remote Explorer renders should match snapshot 1`] = `
               />
               <Route
                 key="9"
+                name="Plugins"
+                path="/pluginDashboard"
+                render={[Function]}
+              />
+              <Route
+                key="10"
                 name="Mount Dashboard"
                 path="/mountDashboard"
                 render={[Function]}
               />
+              <Route
+                key="11"
+                name="Store Dashboard"
+                path="/storeDashboard"
+                render={[Function]}
+              />
+              <Route
+                key="12"
+                name="Terminal"
+                path="/terminal"
+                render={[Function]}
+              />
               <Redirect
                 from="/"
                 to="/dashboard"
diff --git a/src/views/Base/DashboardPlugin/DashboardPlugin.test.js b/src/views/Base/DashboardPlugin/DashboardPlugin.test.js
index e69de29bb..ba36fe087 100644
--- a/src/views/Base/DashboardPlugin/DashboardPlugin.test.js
+++ b/src/views/Base/DashboardPlugin/DashboardPlugin.test.js
@@ -0,0 +1,39 @@
+import React from "react";
+import {shallow} from "enzyme";
+import toJson from "enzyme-to-json";
+import DashboardPlugin from "./DashboardPlugin";
+import {findByTestAttr, testStore} from "../../../../Utils";
+
+
+const setUp = (intialState = {}, props = {}) => {
+    const store = testStore(intialState);
+
+    const component = shallow(<DashboardPlugin {...props} store={store}/>);
+    return component;
+};
+
+
+describe('Dashboard Plugin', function () {
+
+    describe('renders', function () {
+        let wrapper;
+        beforeEach(() => {
+            const initialState = {};
+
+            const props = {
+                pluginUrl: ""
+            };
+            wrapper = setUp(initialState, props)
+        });
+
+        it('should render without crashing', function () {
+            const component = findByTestAttr(wrapper, "dashboardPluginComponent");
+            expect(component).toHaveLength(1);
+        });
+
+        it('should match snapshot', function () {
+            expect(toJson(wrapper)).toMatchSnapshot()
+        });
+    });
+
+});
diff --git a/src/views/Base/DashboardPlugin/__snapshots__/DashboardPlugin.test.js.snap b/src/views/Base/DashboardPlugin/__snapshots__/DashboardPlugin.test.js.snap
new file mode 100644
index 000000000..b8a9cbcd7
--- /dev/null
+++ b/src/views/Base/DashboardPlugin/__snapshots__/DashboardPlugin.test.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard Plugin renders should match snapshot 1`] = `
+<div
+  data-test="dashboardPluginComponent"
+>
+  <p>
+    Could not find any appropriate plugin to load
+  </p>
+</div>
+`;
diff --git a/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js b/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js
index e69de29bb..0a0c68cff 100644
--- a/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js
+++ b/src/views/Base/PluginsHandler/NoPluginAvailableModal/NoPluginAvailableModal.test.js
@@ -0,0 +1,51 @@
+import React from "react";
+import {shallow} from "enzyme";
+import toJson from "enzyme-to-json";
+import {findByTestAttr, testStore} from "../../../../../Utils";
+import NoPluginAvailableModal from "./NoPluginAvailableModal";
+
+
+const setUp = (intialState = {}, props = {}) => {
+    const store = testStore(intialState);
+
+    const component = shallow(<NoPluginAvailableModal {...props} store={store}/>);
+    return component;
+};
+
+
+describe('No plugin available Modal', function () {
+    describe('renders', function () {
+        let wrapper;
+        beforeEach(() => {
+            const initialState = {};
+
+            const props = {
+                className: "",
+                isOpen: true,
+                setIsOpen: jest.fn(),
+                availablePlugins: [],
+                processOpenPlugin: jest.fn()
+            };
+            wrapper = setUp(initialState, props)
+        });
+
+        it('should render without crashing', function () {
+            const component = findByTestAttr(wrapper, "noPluginAvailableModal");
+            expect(component).toHaveLength(1);
+        });
+
+        it('should have ok and cancel buttons', function () {
+            const okButton = findByTestAttr(wrapper, "ok-button")
+            expect(okButton).toHaveLength(1);
+
+            const cancelButton = findByTestAttr(wrapper, "cancel-button");
+            expect(cancelButton).toHaveLength(1);
+        })
+
+
+        it('should match snapshot', function () {
+            expect(toJson(wrapper)).toMatchSnapshot();
+        });
+
+    });
+});
diff --git a/src/views/Base/PluginsHandler/NoPluginAvailableModal/__snapshots__/NoPluginAvailableModal.test.js.snap b/src/views/Base/PluginsHandler/NoPluginAvailableModal/__snapshots__/NoPluginAvailableModal.test.js.snap
new file mode 100644
index 000000000..7c560c516
--- /dev/null
+++ b/src/views/Base/PluginsHandler/NoPluginAvailableModal/__snapshots__/NoPluginAvailableModal.test.js.snap
@@ -0,0 +1,99 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`No plugin available Modal renders should match snapshot 1`] = `
+<div
+  data-test="noPluginAvailableModal"
+>
+  <Modal
+    autoFocus={true}
+    backdrop={true}
+    backdropTransition={
+      Object {
+        "mountOnEnter": true,
+        "timeout": 150,
+      }
+    }
+    centered={false}
+    className=""
+    container="body"
+    fade={true}
+    isOpen={true}
+    keyboard={true}
+    modalTransition={
+      Object {
+        "timeout": 300,
+      }
+    }
+    onClosed={[Function]}
+    onOpened={[Function]}
+    returnFocusAfterClose={true}
+    role="dialog"
+    scrollable={false}
+    toggle={[Function]}
+    unmountOnClose={true}
+    zIndex={1050}
+  >
+    <ModalHeader
+      charCode={215}
+      closeAriaLabel="Close"
+      tag="h5"
+      toggle={[MockFunction]}
+      wrapTag="div"
+    >
+      Couldn't find a plugin to open this file
+    </ModalHeader>
+    <ModalBody
+      tag="div"
+    >
+      <Table
+        className="table-striped"
+        responsive={true}
+        responsiveTag="div"
+        tag="table"
+      >
+        <thead>
+          <tr>
+            <th>
+              Name
+            </th>
+            <th>
+              Author
+            </th>
+            <th>
+              Description
+            </th>
+            <th />
+          </tr>
+        </thead>
+        <tbody>
+          <p
+            className="p-3"
+          >
+            Can't find a plugin to open this file. Go to the store and install some!
+          </p>
+        </tbody>
+      </Table>
+    </ModalBody>
+    <ModalFooter
+      tag="div"
+    >
+      <Button
+        color="primary"
+        data-test="ok-button"
+        tag="button"
+      >
+        Go to Store
+      </Button>
+       
+      <Button
+        color="secondary"
+        data-test="cancel-button"
+        onClick={[Function]}
+        tag="button"
+      >
+        Cancel
+      </Button>
+    </ModalFooter>
+  </Modal>
+</div>
+`;
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
index dfbf07498..7d8d695a0 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.js
@@ -4,7 +4,6 @@ import * as ReactDOM from "react-dom";
 import {MODAL_ROOT_ELEMENT} from "../../../../utils/Constants";
 import * as PropTypes from "prop-types";
 import ErrorBoundary from "../../../../ErrorHandling/ErrorBoundary";
-import Iframe from 'react-iframe'
 
 import ReactAwesomePlayer from 'react-awesome-player'
 import {connect} from "react-redux";
@@ -79,21 +78,21 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
         const subtitleURL = playbackURL.substring(0, playbackURL.lastIndexOf('.')) + ".vtt";
         console.log(subtitleURL);
 
-        // const options = {
-        //     options: {
-        //         sources: [{
-        //             type: MimeType,
-        //             src: playbackURL
-        //         }],
-        //         subtitles: [
-        //             {
-        //                 language: 'en',
-        //                 url: subtitleURL,
-        //                 label: "EN"
-        //             }],
-        //     }
-        // };
-        //
+        const options = {
+            options: {
+                sources: [{
+                    type: MimeType,
+                    src: playbackURL
+                }],
+                subtitles: [
+                    {
+                        language: 'en',
+                        url: subtitleURL,
+                        label: "EN"
+                    }],
+            }
+        };
+
 
         element =
             ReactDOM.createPortal(
@@ -103,21 +102,10 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
                         {/*<video id="video" controls preload="metadata" width="600">*/}
                         {/*    <source src={playbackURL} type={MimeType}/>*/}
                         {/*</video>*/}
-                        {/*<PlayerComponent {...options}/>*/}
-                        <Iframe url={`${pluginUrl}?loadUrl=${playbackURL}&mimeType=${MimeType}`}
-                                allowTransparency="true"
-                                allowFullScreen="true"
-                                width="100%"
-                                height="100%"
-                                display="initial"
-                                position="relative"/>
-                        <Button color="link" onClick={hideFull} className="modal-button">
-                            <i
-                                className="fa fa-close fa-3x"
-                            />
-                        </Button>
+                        <PlayerComponent {...options}/>
+
                     </div>
-                    <div className="modal-backdrop fade show"></div>
+                    {/*<div className="modal-backdrop fade show"></div>*/}
 
 
                 </>, document.getElementById(MODAL_ROOT_ELEMENT));
@@ -127,7 +115,7 @@ function VideoPlayer({playbackURL, MimeType, loadedTestPlugins}) {
         <ErrorBoundary>
             {element}
         </ErrorBoundary>
-    )
+    );
 
 
 }
diff --git a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.test.js b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.test.js
index 3c262bb71..8b981a922 100644
--- a/src/views/Base/Widgets/VideoPlayer/VideoPlayer.test.js
+++ b/src/views/Base/Widgets/VideoPlayer/VideoPlayer.test.js
@@ -7,11 +7,11 @@ import VideoPlayer from "./VideoPlayer";
 const setUp = (intialState = {}, props = {}) => {
     const store = testStore(intialState);
     const component = shallow(<VideoPlayer {...props} store={store}/>);
-    return component;
+    return component.childAt(0).dive();
 };
 
 
-describe('Video Player Widget', function () {
+describe('Video Player', function () {
 
 
     describe('renders', function () {
diff --git a/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap b/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap
index cbb795e53..6fb8cbfae 100644
--- a/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap
+++ b/src/views/Base/Widgets/VideoPlayer/__snapshots__/VideoPlayer.test.js.snap
@@ -1,22 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Video Player Widget renders should match snapshot 1`] = `
-<ContextProvider
-  value={null}
->
-  <VideoPlayer
-    MimeType=""
-    loadedTestPlugins={Object {}}
-    playbackURL=""
-    store={
-      Object {
-        "dispatch": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-        Symbol(observable): [Function],
-      }
-    }
-  />
-</ContextProvider>
+exports[`Video Player renders should match snapshot 1`] = `
+<ErrorBoundary>
+  <div
+    className="img-thumbnail w-100 text-center"
+    data-test="videoPlayerWidget"
+  >
+    <Button
+      color="link"
+      onClick={[Function]}
+      tag="button"
+    >
+      <i
+        className="fa fa-play-circle fa-4x"
+      />
+    </Button>
+  </div>
+</ErrorBoundary>
 `;
diff --git a/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js
index c9de24dd2..1ca538394 100644
--- a/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js
+++ b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.js
@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from "react";
+import React, {useEffect} from "react";
 import * as PropTypes from "prop-types";
 import {filterPluginsByType, getPluginBaseUrl, getPluginsArray} from "../../utils/PluginTools";
 import pluginTypes from "../../pluginTypes";
@@ -17,18 +17,15 @@ import {getPlugins} from "../../actions/pluginActions";
  */
 function DashboardPluginWidgets({loadedPlugins, getPlugins}) {
 
-    const [dashboardWidgets, setDashboardWidgets] = useState([]);
     useEffect(() => {
         getPlugins();
-        let dashboardPlugins = getPluginsArray(loadedPlugins);
-        dashboardPlugins = filterPluginsByType(dashboardPlugins, pluginTypes.DASHBOARD)
-        setDashboardWidgets(dashboardPlugins);
-    }, [])
-
+    })
 
+    let dashboardPlugins = getPluginsArray(loadedPlugins);
+    dashboardPlugins = filterPluginsByType(dashboardPlugins, pluginTypes.DASHBOARD);
     return (
-        <Row>
-            {dashboardWidgets.map(element => <Col lg={6}>
+        <Row data-test={"dashboardPluginWidget"}>
+            {dashboardPlugins.map(element => <Col lg={6} key={element.author + "/" + element.name}>
                 <DashboardPlugin pluginUrl={getPluginBaseUrl(getIPAddress(), element.name, element.author)}/>
             </Col>)}
         </Row>
diff --git a/src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js
index e69de29bb..5c9aefd6d 100644
--- a/src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js
+++ b/src/views/DashboardPluginWidgets/DashboardPluginWidgets.test.js
@@ -0,0 +1,37 @@
+import React from "react";
+import {shallow} from "enzyme";
+import {findByTestAttr, testStore} from "../../../Utils";
+import toJson from "enzyme-to-json";
+import DashboardPluginWidgets from "./DashboardPluginWidgets";
+
+
+const setUp = (intialState = {}, props = {}) => {
+    const store = testStore(intialState);
+
+    const component = shallow(<DashboardPluginWidgets {...props} store={store}/>);
+    return component.childAt(0).dive();
+};
+
+
+describe('Dashboard Plugin Widget', function () {
+
+    describe('renders', function () {
+        let wrapper;
+        beforeEach(() => {
+            const initialState = {};
+
+            const props = {};
+            wrapper = setUp(initialState, props)
+        });
+
+        it('should render without crashing', function () {
+            const component = findByTestAttr(wrapper, "dashboardPluginWidget");
+            expect(component).toHaveLength(1);
+        });
+
+        it('should match snapshot', function () {
+            expect(toJson(wrapper)).toMatchSnapshot()
+        });
+    });
+
+});
diff --git a/src/views/DashboardPluginWidgets/__snapshots__/DashboardPluginWidgets.test.js.snap b/src/views/DashboardPluginWidgets/__snapshots__/DashboardPluginWidgets.test.js.snap
new file mode 100644
index 000000000..52bb7c6e7
--- /dev/null
+++ b/src/views/DashboardPluginWidgets/__snapshots__/DashboardPluginWidgets.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard Plugin Widget renders should match snapshot 1`] = `
+<Row
+  data-test="dashboardPluginWidget"
+  tag="div"
+  widths={
+    Array [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+    ]
+  }
+/>
+`;
diff --git a/src/views/Home/__snapshots__/Home.test.js.snap b/src/views/Home/__snapshots__/Home.test.js.snap
index 9ed89f648..3172cfbc2 100644
--- a/src/views/Home/__snapshots__/Home.test.js.snap
+++ b/src/views/Home/__snapshots__/Home.test.js.snap
@@ -52,6 +52,7 @@ exports[`Home Component renders should match snapshot 1`] = `
       <Connect(BandwidthStatusCard) />
     </Col>
   </Row>
+  <Connect(DashboardPluginWidgets) />
   <h2>
     Jobs
   </h2>
diff --git a/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap b/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
index d38df394c..6d2a6dd54 100644
--- a/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
+++ b/src/views/PluginDashboard/__snapshots__/NewPluginModal.test.js.snap
@@ -9,115 +9,166 @@ exports[`New Plugin Modal renders should match snapshot 1`] = `
     onClick={[Function]}
     tag="button"
   />
-  <Modal
-    autoFocus={true}
-    backdrop={true}
-    backdropTransition={
-      Object {
-        "mountOnEnter": true,
-        "timeout": 150,
+  <Form
+    onSubmit={[Function]}
+    tag="form"
+  >
+    <Modal
+      autoFocus={true}
+      backdrop={true}
+      backdropTransition={
+        Object {
+          "mountOnEnter": true,
+          "timeout": 150,
+        }
       }
-    }
-    centered={false}
-    container="body"
-    fade={true}
-    isOpen={false}
-    keyboard={true}
-    modalTransition={
-      Object {
-        "timeout": 300,
+      centered={false}
+      container="body"
+      fade={true}
+      isOpen={false}
+      keyboard={true}
+      modalTransition={
+        Object {
+          "timeout": 300,
+        }
       }
-    }
-    onClosed={[Function]}
-    onOpened={[Function]}
-    returnFocusAfterClose={true}
-    role="dialog"
-    scrollable={false}
-    toggle={[Function]}
-    unmountOnClose={true}
-    zIndex={1050}
-  >
-    <ModalHeader
-      charCode={215}
-      closeAriaLabel="Close"
-      tag="h5"
+      onClosed={[Function]}
+      onOpened={[Function]}
+      returnFocusAfterClose={true}
+      role="dialog"
+      scrollable={false}
       toggle={[Function]}
-      wrapTag="div"
-    >
-      New Mount
-    </ModalHeader>
-    <ModalBody
-      tag="div"
+      unmountOnClose={true}
+      zIndex={1050}
     >
-      <FormGroup
-        row={true}
+      <ModalHeader
+        charCode={215}
+        closeAriaLabel="Close"
+        tag="h5"
+        toggle={[Function]}
+        wrapTag="div"
+      >
+        New Mount
+      </ModalHeader>
+      <ModalBody
         tag="div"
       >
-        <Label
-          for="mountPoint"
-          sm={5}
-          tag="label"
-          widths={
-            Array [
-              "xs",
-              "sm",
-              "md",
-              "lg",
-              "xl",
-            ]
-          }
+        <FormGroup
+          row={true}
+          tag="div"
         >
-          Plugin URL
-        </Label>
-        <Col
-          sm={7}
+          <Label
+            for="pluginURL"
+            sm={5}
+            tag="label"
+            widths={
+              Array [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+              ]
+            }
+          >
+            Plugin URL
+          </Label>
+          <Col
+            sm={7}
+            tag="div"
+            widths={
+              Array [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+              ]
+            }
+          >
+            <Input
+              id="pluginURL"
+              name="pluginURL"
+              onChange={[Function]}
+              required={true}
+              type="text"
+              value=""
+            />
+            <FormFeedback
+              tag="div"
+            />
+          </Col>
+        </FormGroup>
+        <FormGroup
+          row={true}
           tag="div"
-          widths={
-            Array [
-              "xs",
-              "sm",
-              "md",
-              "lg",
-              "xl",
-            ]
-          }
         >
-          <Input
-            id="mountPoint"
-            name="mountPoint"
-            onChange={[Function]}
-            required={true}
-            type="text"
-            value=""
-          />
-          <FormFeedback
+          <Label
+            for="pluginType"
+            sm={5}
+            tag="label"
+            widths={
+              Array [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+              ]
+            }
+          >
+            Plugin Type
+          </Label>
+          <Col
+            sm={7}
             tag="div"
-          />
-        </Col>
-      </FormGroup>
-    </ModalBody>
-    <ModalFooter
-      tag="div"
-    >
-      <Button
-        color="primary"
-        data-test="ok-button"
-        disabled={true}
-        onClick={[Function]}
-        tag="button"
-      >
-        Add
-      </Button>
-       
-      <Button
-        color="secondary"
-        data-test="cancel-button"
-        onClick={[Function]}
-        tag="button"
+            widths={
+              Array [
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+              ]
+            }
+          >
+            <Input
+              id="pluginType"
+              name="pluginType"
+              onChange={[Function]}
+              required={true}
+              type="text"
+              value=""
+            />
+            <FormFeedback
+              tag="div"
+            />
+          </Col>
+        </FormGroup>
+      </ModalBody>
+      <ModalFooter
+        tag="div"
       >
-        Cancel
-      </Button>
-    </ModalFooter>
-  </Modal>
+        <Button
+          color="primary"
+          data-test="ok-button"
+          disabled={true}
+          onClick={[Function]}
+          tag="button"
+        >
+          Add
+        </Button>
+         
+        <Button
+          color="secondary"
+          data-test="cancel-button"
+          onClick={[Function]}
+          tag="button"
+        >
+          Cancel
+        </Button>
+      </ModalFooter>
+    </Modal>
+  </Form>
 </div>
 `;
diff --git a/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap b/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
index c418d4266..7e8a37a0a 100644
--- a/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
+++ b/src/views/PluginDashboard/__snapshots__/PluginDashboard.test.js.snap
@@ -35,7 +35,7 @@ exports[`Plugin Dashboard renders should match snapshot 1`] = `
         okHandle={[Function]}
       />
       <Button
-        color="secondary"
+        color="primary"
         onClick={[Function]}
         tag="button"
       >
@@ -52,7 +52,10 @@ exports[`Plugin Dashboard renders should match snapshot 1`] = `
     <thead>
       <tr>
         <th>
-          Author/ Name
+          Name
+        </th>
+        <th>
+          Author
         </th>
         <th>
           Description
diff --git a/src/views/StoreDashboard/PluginPlaceHolder.test.js b/src/views/StoreDashboard/PluginPlaceHolder.test.js
index e69de29bb..5a656c130 100644
--- a/src/views/StoreDashboard/PluginPlaceHolder.test.js
+++ b/src/views/StoreDashboard/PluginPlaceHolder.test.js
@@ -0,0 +1,47 @@
+import React from "react";
+import {shallow} from "enzyme";
+import toJson from "enzyme-to-json";
+import {findByTestAttr, testStore} from "../../../Utils";
+import PluginPlaceHolderCard from "./PluginPlaceHolderCard";
+
+const setUp = (intialState = {}, props = {}) => {
+    const store = testStore(intialState);
+
+    const component = shallow(<PluginPlaceHolderCard {...props} store={store}/>);
+    return component;
+};
+
+
+describe('Plugin place holder', function () {
+    describe('renders', function () {
+        let wrapper;
+        beforeEach(() => {
+            const initialState = {};
+
+            const props = {
+                plugin: {
+                    "name": "Video Player",
+                    "description": "A video player for rclone",
+                    "author": "negative0",
+                    "longDescription": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
+                    "icon": "",
+                    "repo": "https://github.com/negative0/rclone-video-plugin/",
+                    "bugs": "https://github.com/negative0/rclone-video-plugin/issues"
+                },
+                getPlugins: jest.fn()
+
+            };
+            wrapper = setUp(initialState, props)
+        });
+
+        it('should render without crashing', function () {
+            const component = findByTestAttr(wrapper, "pluginPlaceHolder");
+            expect(component).toHaveLength(1);
+        });
+
+        it('should match snapshot', function () {
+            expect(toJson(wrapper)).toMatchSnapshot();
+        });
+
+    });
+});
diff --git a/src/views/StoreDashboard/PluginPlaceHolderCard.js b/src/views/StoreDashboard/PluginPlaceHolderCard.js
index 322a8644d..ed875df81 100644
--- a/src/views/StoreDashboard/PluginPlaceHolderCard.js
+++ b/src/views/StoreDashboard/PluginPlaceHolderCard.js
@@ -28,11 +28,11 @@ function PluginPlaceHolderCard({plugin}) {
     }
 
     return (
-        <Card>
+        <Card data-test="pluginPlaceHolder">
             <CardBody>
                 <Row>
                     <Col lg={3} className="d-none d-md-block">
-                        <img style={{width: "100%"}}
+                        <img style={{width: "100%"}} alt={icon ? name + " Icon" : 'rclone logo'}
                              src={icon ? icon : require("../../assets/img/brand/logo_symbol.png")}/>
                     </Col>
                     <Col lg={6} sm={12} md={6}>
diff --git a/src/views/StoreDashboard/StoreDashboard.js b/src/views/StoreDashboard/StoreDashboard.js
index a7d756308..8a7b99388 100644
--- a/src/views/StoreDashboard/StoreDashboard.js
+++ b/src/views/StoreDashboard/StoreDashboard.js
@@ -37,44 +37,49 @@ class StoreDashboard extends React.Component {
     render() {
         const {pluginsList, searchQuery} = this.state;
         const {getPlugins} = this.props;
+
+        let element = null;
         if (pluginsList.length <= 0) {
-            return (<p>Loading</p>)
-        }
-        const filteredList = pluginsList ? pluginsList.filter(element => {
-            return (
-                element.name.toLowerCase().includes(searchQuery) ||
-                element.description.toLowerCase().includes(searchQuery) ||
-                element.longDescription.toLowerCase().includes(searchQuery) ||
-                element.author.toLowerCase().includes(searchQuery)
-            );
-        }) : [];
-        return (
-            <div data-test="storeDashboardComponent">
-                <Row>
-                    <Col lg={12} className="mb-4 d-flex justify-content-between">
-                        <Button color="secondary" onClick={() => this.props.history.goBack()}>Back</Button>
-                        <Form inline onSubmit={(e) => e.preventDefault()}>
-                            <InputGroup>
-                                <Input placeholder="Type to start searching" type="text" value={searchQuery}
-                                       onChange={(e) => this.setState({searchQuery: e.target.value})}/>
-                                <InputGroupAddon addonType="append"><Button color="primary"><span
-                                    className="fa fa-search"/></Button></InputGroupAddon>
-                            </InputGroup>
+            element = (<p>Loading</p>);
+        } else {
+            const filteredList = pluginsList ? pluginsList.filter(element => {
+                return (
+                    element.name.toLowerCase().includes(searchQuery) ||
+                    element.description.toLowerCase().includes(searchQuery) ||
+                    element.longDescription.toLowerCase().includes(searchQuery) ||
+                    element.author.toLowerCase().includes(searchQuery)
+                );
+            }) : [];
+            element = (
+                <>
+                    <Row>
+                        <Col lg={12} className="mb-4 d-flex justify-content-between">
+                            <Button color="secondary" onClick={() => this.props.history.goBack()}>Back</Button>
+                            <Form inline onSubmit={(e) => e.preventDefault()}>
+                                <InputGroup>
+                                    <Input placeholder="Type to start searching" type="text" value={searchQuery}
+                                           onChange={(e) => this.setState({searchQuery: e.target.value})}/>
+                                    <InputGroupAddon addonType="append"><Button color="primary"><span
+                                        className="fa fa-search"/></Button></InputGroupAddon>
+                                </InputGroup>
 
 
-                        </Form>
-                    </Col>
-                </Row>
-                <Row>
-                    {
-                        filteredList.map((e) =>
-                            <Col lg={6} key={e.name}>
-                                <PluginPlaceHolderCard plugin={e} getPlugins={getPlugins}/>
-                            </Col>
-                        )
-                    }
-                </Row>
-            </div>);
+                            </Form>
+                        </Col>
+                    </Row>
+                    <Row>
+                        {
+                            filteredList.map((e) =>
+                                <Col lg={6} key={e.name}>
+                                    <PluginPlaceHolderCard plugin={e} getPlugins={getPlugins}/>
+                                </Col>
+                            )
+                        }
+                    </Row>
+                </>
+            );
+        }
+        return <div data-test="storeDashboardComponent">${element}</div>
     }
 }
 
diff --git a/src/views/StoreDashboard/StoreDashboard.test.js b/src/views/StoreDashboard/StoreDashboard.test.js
index 84646053e..b296ec2ea 100644
--- a/src/views/StoreDashboard/StoreDashboard.test.js
+++ b/src/views/StoreDashboard/StoreDashboard.test.js
@@ -13,18 +13,18 @@ const setUp = (intialState = {}, props = {}) => {
 };
 
 
-describe('Plugin Dashboard', function () {
+describe('Store Dashboard', function () {
 
     describe('renders', function () {
         let wrapper;
         beforeEach(() => {
-            const initialState = {
-                status: {
-                    checkStatus: true
-                }
-            };
+            const initialState = {};
 
-            const props = {};
+            const props = {
+                loadedPlugins: [],
+                getPlugins: jest.fn(),
+                addPlugin: jest.fn()
+            };
             wrapper = setUp(initialState, props)
         });
 
diff --git a/src/views/StoreDashboard/__snapshots__/PluginPlaceHolder.test.js.snap b/src/views/StoreDashboard/__snapshots__/PluginPlaceHolder.test.js.snap
new file mode 100644
index 000000000..ec6bd6c0b
--- /dev/null
+++ b/src/views/StoreDashboard/__snapshots__/PluginPlaceHolder.test.js.snap
@@ -0,0 +1,114 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Plugin place holder renders should match snapshot 1`] = `
+<Card
+  data-test="pluginPlaceHolder"
+  tag="div"
+>
+  <CardBody
+    tag="div"
+  >
+    <Row
+      tag="div"
+      widths={
+        Array [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl",
+        ]
+      }
+    >
+      <Col
+        className="d-none d-md-block"
+        lg={3}
+        tag="div"
+        widths={
+          Array [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl",
+          ]
+        }
+      >
+        <img
+          alt="rclone logo"
+          src="logo_symbol.png"
+          style={
+            Object {
+              "width": "100%",
+            }
+          }
+        />
+      </Col>
+      <Col
+        lg={6}
+        md={6}
+        sm={12}
+        tag="div"
+        widths={
+          Array [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl",
+          ]
+        }
+      >
+        <h3>
+          A video player for rclone
+        </h3>
+        <p
+          style={
+            Object {
+              "lineHeight": "1.8em",
+              "maxHeight": "9.0em",
+              "overflow": "hidden",
+              "textOverflow": "...",
+            }
+          }
+        >
+          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
+        </p>
+        <p>
+          By 
+          negative0
+        </p>
+      </Col>
+      <Col
+        lg={3}
+        md={3}
+        tag="div"
+        widths={
+          Array [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl",
+          ]
+        }
+      >
+        <Button
+          color="primary mb-2"
+          onClick={[Function]}
+          tag="button"
+        >
+          Activate
+        </Button>
+        <Button
+          color="link p-sm-2 p-lg-0"
+          onClick={[Function]}
+          tag="button"
+        >
+          More Details
+        </Button>
+      </Col>
+    </Row>
+  </CardBody>
+</Card>
+`;
diff --git a/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap b/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
index 020f2a759..5974a6706 100644
--- a/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
+++ b/src/views/StoreDashboard/__snapshots__/StoreDashboard.test.js.snap
@@ -1,7 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Plugin Dashboard renders should match snapshot 1`] = `
-<p>
-  Loading
-</p>
+exports[`Store Dashboard renders should match snapshot 1`] = `
+<div
+  data-test="storeDashboardComponent"
+>
+  $
+  <p>
+    Loading
+  </p>
+</div>
 `;
diff --git a/src/views/TerminalDashboard/TerminalDashboard.js b/src/views/TerminalDashboard/TerminalDashboard.js
index 9b4cfea23..e0044f3ce 100644
--- a/src/views/TerminalDashboard/TerminalDashboard.js
+++ b/src/views/TerminalDashboard/TerminalDashboard.js
@@ -30,7 +30,7 @@ function TerminalDashboard(props) {
 
         }
 
-    }, []);
+    }, [getPlugins, loadedPlugins]);
 
     return (
         <div data-test="mountDashboardComponent" style={{height: "80vh"}}>