mostly seems to be working!

2026-11-12 16:57:39 -05:00 · 2021-01-24 14:08:53 -05:00
parent 2035855a77
commit 11eed81e80
50 changed files with 723 additions and 343 deletions
--- a/admin/.dockerignore
+++ b/admin/.dockerignore
@@ -0,0 +1,2 @@
+/node_modules
+/build
--- a/admin/.eslintcache
+++ b/admin/.eslintcache
--- a/admin/.not-env
+++ b/admin/.not-env
@@ -1,10 +0,0 @@
-REACT_APP_BACKEND_SERVER=https://api.openmhz.com
-REACT_APP_FRONTEND_SERVER=https://openmhz.com
-REACT_APP_SOCKET_SERVER=wss://api.openmhz.com
-REACT_APP_ACCOUNT_SERVER=https://account.openmhz.com
-REACT_APP_ADMIN_SERVER=localhost:3000
-REACT_APP_COOKIE_DOMAIN=.openmhz.com
-REACT_APP_ADMIN_EMAIL=luke@robotastic.com
-REACT_APP_SITE_NAME=OpenMHz
-REACT_APP_ARCHIVE_DAYS=30
-
--- a/admin/Dockerfile
+++ b/admin/Dockerfile
@@ -2,6 +2,13 @@
 FROM node:13.12.0-alpine as build
 WORKDIR /app
 ENV PATH /app/node_modules/.bin:$PATH
+ARG REACT_APP_BACKEND_SERVER
+ARG REACT_APP_ADMIN_SERVER
+ARG REACT_APP_ACCOUNT_SERVER
+ARG REACT_APP_FRONTEND_SERVER
+ARG REACT_APP_SITE_NAME
+ARG REACT_APP_ADMIN_EMAIL
+ARG NODE_ENV
 COPY package.json ./
 RUN npm install
 RUN npm install react-scripts@3.4.1 -g --silent
--- a/admin/env-example
+++ b/admin/env-example
@@ -1,12 +0,0 @@
-REACT_APP_BACKEND_SERVER=https://api.openmhz.com
-REACT_APP_FRONTEND_SERVER=https://openmhz.com
-REACT_APP_SOCKET_SERVER=wss://api.openmhz.com
-REACT_ACCOUNT_SERVER=https://account.openmhz.com
-REACT_ADMIN_SERVER=https://admin.openmhz.com
-REACT_ADMIN_EMAIL=luke@robotastic.com
-REACT_APP_SITE_NAME=OpenMHz
-REACT_APP_ARCHIVE_DAYS=30
-REACT_APP_PRO_PLAN=1
-REACT_APP_FREE_PLAN=0
-REACT_APP_PRO_PLAN_ARCHIVE=30
-REACT_APP_FREE_PLAN_ARCHIVE=7
--- a/admin/package.json
+++ b/admin/package.json
@@ -3,10 +3,19 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
+    "@visx/axis": "1.4.0",
+    "@visx/curve": "1.0.0",
+    "@visx/glyph": "1.0.0",
+    "@visx/group": "1.0.0",
+    "@visx/legend": "1.4.0",
+    "@visx/responsive": "1.3.0",
+    "@visx/scale": "1.4.0",
+    "@visx/shape": "1.4.0",
    "bcrypt": "5.0.0",
    "bcryptjs": "2.4.3",
    "connect-mongo": "3.2.0",
    "csv-parse": "4.14.2",
+    "d3-time-format": "3.0.0",
    "express": "4.17.1",
    "express-session": "1.17.1",
    "mongoose": "5.11.11",
--- a/admin/server/config/express.js
+++ b/admin/server/config/express.js
@@ -11,6 +11,7 @@ var backend_server = process.env['REACT_APP_BACKEND_SERVER'] != null ? process.e
 var frontend_server = process.env['REACT_APP_FRONTEND_SERVER'] != null ? process.env['REACT_APP_FRONTEND_SERVER'] : 'https://openmhz.com';
 var socket_server = process.env['REACT_APP_SOCKET_SERVER'] != null ? process.env['REACT_APP_SOCKET_SERVER'] : 'wss://socket.openmhz.com'; //'https://s3.amazonaws.com/robotastic';
 var account_server = process.env['REACT_APP_ACCOUNT_SERVER'] != null ? process.env['REACT_APP_ACCOUNT_SERVER'] : 'https://account.openmhz.com'; //'https://s3.amazonaws.com/robotastic';
+var dev_server = frontend_server + ":3000"

 module.exports = function(app, passport) {
 	app.set("port", 3008)
@@ -19,7 +20,7 @@ module.exports = function(app, passport) {
 	// Keeping it makes it easier for an attacker to build the site's profile
 	// It can be removed safely
 	app.disable("x-powered-by")
-
+	app.enable('trust proxy')
 	app.use(bodyParser.json())
 	app.use(bodyParser.urlencoded({ extended: true }))
 	app.use(express.static(path.join(process.cwd(), 'public')));
@@ -62,10 +63,10 @@ module.exports = function(app, passport) {
 	    allowedOrigins.push(frontend_server);
 	    allowedOrigins.push(backend_server);
 	    allowedOrigins.push(socket_server);
+		allowedOrigins.push(dev_server);

 	    var origin = req.headers.origin;

-
 	    if (allowedOrigins.indexOf(origin) > -1) {
 	        res.setHeader('Access-Control-Allow-Origin', origin);
 	    } else if (req.headers["user-agent"] == 'TrunkRecorder1.0') {
--- a/admin/server/config/passport.js
+++ b/admin/server/config/passport.js
@@ -10,16 +10,17 @@ module.exports = function (app, passport) {
  // typical implementation of this is as simple as supplying the user ID when
  // serializing, and querying the user record by ID from the database when
  // deserializing.
-  passport.serializeUser((user, done) => {  	
+  passport.serializeUser((user, done) => {
  	done(null, user.id)
  })

  passport.deserializeUser((id, done) => {
-  	User.findById(id, (err, user) => {      
-  		done(err, user)
+  	User.findById(id, (err, user) => {
+      done(err, user)
  	})
  })

+
  // use the following strategies
  passport.use(local)
 }
--- a/admin/server/controllers/systems.js
+++ b/admin/server/controllers/systems.js
@@ -213,7 +213,7 @@ exports.ownSystem = async function (req, res, next) {
    next();

  } catch (err) {
-    console.error("ERROR: Unique ShortName - caught: " + err);
+    console.error("ERROR: ownSystem - caught: " + err);
    res.json({
      success: false,
      message: err
@@ -225,10 +225,24 @@ exports.ownSystem = async function (req, res, next) {

 // -------------------------------------------
 exports.uniqueShortName = async function (req, res, next) {
-  console.error("locals: " + res.locals.shortName + " body: " + req.body.shortName )
+
+  var shortName = res.locals.shortName;
+  if (typeof shortName == 'undefined') {
+    console.error("locals: " + res.locals.shortName + " body: " + req.body.shortName )
+    console.error("ShortName is not in res.local, pulling from req.body instead")
+    shortName = req.body.shortName;
+  }
+  if (typeof shortName == 'undefined') {
+    console.error("ShortName is not in req.body instead")
+    res.json({
+      success: false,
+      message: "Short Name not provided in form"
+    });
+  }
+
  try {
    var system = await System.findOne({
-      shortName: res.locals.shortName.toLowerCase()
+      shortName: shortName.toLowerCase()
    });

    if (system) {
@@ -434,12 +448,7 @@ exports.validateSystem = async function (req, res, next) {

 exports.createSystem = async function (req, res, next) {

-  var key = uuid.v4();
-  key = crypto
-    .createHash("sha256")
-    .update(key)
-    .update("salt")
-    .digest("hex");
+  var key = crypto.randomBytes(16).toString("hex");
  const system = (({
    name,
    shortName,
--- a/admin/server/index.js
+++ b/admin/server/index.js
@@ -13,28 +13,54 @@ require("./models/user");
 const multer = require('multer');

 var upload = multer({
-    dest: 'uploads/'
+  dest: 'uploads/'
 });
 // -------------------------------------------

-const app = express() 
+const app = express()

 // -------------------------------------------

-const connect = () => {
-	mongoose.connect(secrets.db, (err, res) => {
-		if (err) {
-			console.log(`Error connecting to ${secrets.db}. ${err}`)
-		} else {
-			console.log(`Successfully connected to ${secrets.db}.`)
-		}
-	})
+// -------------------------------------------
+
+async function connect() {
+
+  // Demonstrate the readyState and on event emitters
+  console.log(mongoose.connection.readyState); //logs 0
+  mongoose.connection.on('connecting', () => {
+    console.log('Mongoose is connecting')
+    console.log(mongoose.connection.readyState); //logs 2
+  });
+  mongoose.connection.on('connected', () => {
+    console.log('Mongoose is connected');
+    console.log(mongoose.connection.readyState); //logs 1
+  });
+  mongoose.connection.on('disconnecting', () => {
+    console.log('Mongoose is disconnecting');
+    console.log(mongoose.connection.readyState); // logs 3
+  });
+
+  // Connect to a MongoDB server running on 'localhost:27017' and use the
+  // 'test' database.
+  await mongoose.connect(secrets.db, { useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true }, (err, res) => {
+    if (err) {
+      console.log(`Mongoose - Error connecting to ${secrets.db}. ${err}`)
+    } else {
+      console.log(`Mongoose Successfully connected to ${secrets.db}.`)
+    }
+  })
+  console.log("All Done");
 }
-connect()
-
-mongoose.connection.on("error", console.error)
-mongoose.connection.on("disconnected", connect)
-
+connect();
+mongoose.connection.on('error', err => {
+  console.error("Mongoose Error!")
+  console.error(err);
+});
+mongoose.connection.on('disconnected', () => {
+  console.log('Mongoose disconnected');
+  console.log(mongoose.connection.readyState); //logs 0
+  connect();
+});
 // -------------------------------------------

 const isDev = process.env.NODE_ENV === "development"
@@ -67,12 +93,12 @@ function isOwner(req, res, next) {
  if (req.params.shortName && req.user) {
    var short_name = req.params.shortName.toLowerCase();
    var userId = req.user._id;
-    Permission.findOne({'userId': userId, 'shortName': short_name}, function(err, permission) {
+    Permission.findOne({ 'userId': userId, 'shortName': short_name }, function (err, permission) {
      if (err) {
        console.error('Error - getRole userId: ' + userId + ' shortName: ' + short_name + ' error: ' + err);
      }
      console.log('Found - getRole userId: ' + userId + ' shortName: ' + short_name + ' role: ' + permission.role);
-      if ( permission.role >= 15) {
+      if (permission.role >= 15) {
        return next();
      } else {
        res.status(401).send({
@@ -90,12 +116,12 @@ function isAdmin(req, res, next) {
  if (req.params.shortName && req.user) {
    var short_name = req.params.shortName.toLowerCase();
    var userId = req.user._id;
-    Permission.findOne({'userId': userId, 'shortName': short_name}, function(err, permission) {
+    Permission.findOne({ 'userId': userId, 'shortName': short_name }, function (err, permission) {
      if (err) {
        console.error('Error - getRole userId: ' + userId + ' shortName: ' + short_name + ' error: ' + err);
      }
      console.log('Found - getRole userId: ' + userId + ' shortName: ' + short_name + ' role: ' + permission.role);
-      if (permission.role  >= 10) {
+      if (permission.role >= 10) {
        return next();
      } else {
        res.status(401).send({
@@ -129,27 +155,27 @@ app.get("")
 app.delete("/permissions/:shortName/:permissionId", isAdmin, permissions.deletePermission);
 app.post("/permissions/:shortName/:permissionId", isAdmin, permissions.updatePermission);
 app.post("/permissions/:shortName", isAdmin, permissions.addPermission);*/
-app.get("/talkgroups/:shortName", isLoggedIn,  talkgroups.fetchTalkgroups)
-app.post("/talkgroups/:shortName/import", isLoggedIn, upload.single('file'),  talkgroups.importTalkgroups)
-app.get("/talkgroups/:shortName/export", isLoggedIn,  talkgroups.exportTalkgroups)
+app.get("/talkgroups/:shortName", isLoggedIn, talkgroups.fetchTalkgroups)
+app.post("/talkgroups/:shortName/import", isLoggedIn, upload.single('file'), talkgroups.importTalkgroups)
+app.get("/talkgroups/:shortName/export", isLoggedIn, talkgroups.exportTalkgroups)
 app.post("/groups/:shortName/reorder", isLoggedIn, groups.reorderGroups);
 app.post("/groups/:shortName/:groupId?", isLoggedIn, groups.upsertGroup);
 app.get("/groups/:shortName/:groupId?", isLoggedIn, groups.getGroups);
 app.delete("/groups/:shortName/:groupId", isLoggedIn, groups.deleteGroup);
-app.get("/systems", isLoggedIn,  systems.listSystems)
+app.get("/systems", isLoggedIn, systems.listSystems)
 app.delete("/systems/:shortName", isLoggedIn, systems.deleteSystem)
 app.post("/systems/:shortName", [isLoggedIn, systems.ownSystem, systems.validateSystem, systems.updateSystem])
 app.post("/systems", [isLoggedIn, systems.uniqueShortName, systems.validateSystem, systems.createSystem])

 app.get("*", (req, res, next) => {
-	res.sendFile(__dirname + '/public/index.html');
+  res.sendFile(__dirname + '/public/index.html');
 });

 // start listening to incoming requests
 app.listen(app.get("port"), app.get("host"), (err) => {
-	if (err) {
-		console.err(err.stack)
-	} else {
-		console.log(`App listening on port ${app.get("port")} [${process.env.NODE_ENV} mode]`)
-	}
+  if (err) {
+    console.err(err.stack)
+  } else {
+    console.log(`App listening on port ${app.get("port")} [${process.env.NODE_ENV} mode]`)
+  }
 })
--- a/admin/src/App/Navigation.js
+++ b/admin/src/App/Navigation.js
@@ -27,7 +27,7 @@ class Navigation extends Component {
        {this.props.user.authenticated ? (
          <Menu style={navStyle}>
            <Menu.Item name="systems" header>
-              { process.env.REACT_APP_SITE_NAME}
+              {process.env.REACT_APP_SITE_NAME}
            </Menu.Item>
            <Menu.Menu position="right">
              <Link to="/list-systems">
--- a/admin/src/App/Restricted.js
+++ b/admin/src/App/Restricted.js
@@ -19,7 +19,6 @@ const restricted = (BaseComponent, store) => {
        }

        checkAuthentication(params) {
-            const { history } = params;
            const authenticated = store.getState().user.authenticated;
            if (!authenticated) {
              axios
--- a/admin/src/Components/Message.js
+++ b/admin/src/Components/Message.js
@@ -0,0 +1,31 @@
+import React, { Component } from "react";
+import { Modal, Icon, Button, Header } from "semantic-ui-react";
+
+class Message extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  _logout = event => {
+    event.preventDefault();
+    this.props.manualLogout();
+  };
+
+  render() {
+    return (
+      <Modal open={this.props.open} onClose={this.props.onClose} basic size="small">
+        <Header icon="info" content={this.props.title} />
+        <Modal.Content>
+          <p>{this.props.message}</p>
+        </Modal.Content>
+        <Modal.Actions>
+        <Button color='green' onClick={this.props.onClose} inverted>
+          <Icon name='checkmark' /> Got it
+        </Button>
+        </Modal.Actions>
+      </Modal>
+    );
+  }
+}
+
+export default Message;
--- a/admin/src/Group/group-actions.js
+++ b/admin/src/Group/group-actions.js
@@ -79,7 +79,8 @@ function makeUserRequest(method, data, api = "/login") {
  return axios({
    method: method,
    url: api,
-    data: data
+    data: data,
+    config: {withCredentials: true}
  });
 }

@@ -96,7 +97,7 @@ export function updateGroup(data) {
  return dispatch => {
    dispatch(beginUpdateGroup());

-    return makeUserRequest("post", data, "/groups/" + data.shortName + "/" + data._id)
+    return makeUserRequest("post", data, process.env.REACT_APP_ADMIN_SERVER + "/groups/" + data.shortName + "/" + data._id)
      .then(response => {
        if (response.data.success) {
          dispatch(updateGroupSuccess(response.data.group));
@@ -144,7 +145,7 @@ export function fetchGroups(shortName) {
    if (shouldFetchGroups(getState(), shortName)) {
      dispatch(beginFetchGroup());
      return axios
-        .get("/groups/" + shortName)
+        .get(process.env.REACT_APP_ADMIN_SERVER + "/groups/" + shortName, {withCredentials: true})
        .then(response => {
          if (response.data.success) {
            const data = { shortName: shortName, groups: response.data.groups };
@@ -175,7 +176,7 @@ export function saveGroupOrder(shortName, data) {
    return makeUserRequest(
      "post",
      data,
-      "/groups/" + shortName + "/reorder"
+      process.env.REACT_APP_ADMIN_SERVER + "/groups/" + shortName + "/reorder"
    )
      .then(response => {
        if (response.data.success) {
@@ -199,7 +200,7 @@ export function deleteGroup(shortName, groupId) {
  return dispatch => {
    dispatch(beginDeleteGroup());

-    return makeUserRequest("delete", null, "/groups/" + shortName + "/" + groupId)
+    return makeUserRequest("delete", null, process.env.REACT_APP_ADMIN_SERVER + "/groups/" + shortName + "/" + groupId)
      .then(response => {
        if (response.data.success) {
          const data = {shortName: shortName, groupId: groupId}
@@ -224,7 +225,7 @@ export function createGroup(data) {
  return dispatch => {
    dispatch(beginCreateGroup());

-    return makeUserRequest("post", data, "/groups/" + data.shortName)
+    return makeUserRequest("post", data, process.env.REACT_APP_ADMIN_SERVER + "/groups/" + data.shortName)
      .then(response => {
        if (response.data.success) {
          dispatch(createGroupSuccess(response.data.group));
--- a/admin/src/Permission/permission-actions.js
+++ b/admin/src/Permission/permission-actions.js
@@ -70,7 +70,7 @@ export function fetch(shortName) {
    dispatch(beginFetchPermission());

    return axios
-      .get("/permissions/"+shortName)
+      .get(process.env.REACT_APP_ADMIN_SERVER + "/permissions/"+shortName, {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(fetchPermissionSuccess(response.data.permissions));
@@ -94,8 +94,8 @@ export function update(data) {
  return (dispatch, getState) => {

    dispatch(beginUpdateRole());
-    var url = "/permissions/" + data.shortName + "/" + data.permissionId;
-    return axios.post( url, data)
+    var url = process.env.REACT_APP_ADMIN_SERVER + "/permissions/" + data.shortName + "/" + data.permissionId;
+    return axios.post( url, data, {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(updateRoleSuccess(response.data.permission));
@@ -118,8 +118,8 @@ export function update(data) {
 export function addPermission(data) {
  return (dispatch, getState) => {
    dispatch(beginAddPermission());
-    var url = "/permissions/" + data.shortName;
-    return axios.post( url, data)
+    var url = process.env.REACT_APP_ADMIN_SERVER + "/permissions/" + data.shortName;
+    return axios.post( url, data, {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(addPermissionSuccess(response.data.permission));
@@ -144,8 +144,8 @@ export function deletePermission(data) {
  return (dispatch, getState) => {

    dispatch(beginDeletePermission());
-    var url = "/permissions/" + data.shortName + "/" + data.permissionId;
-    return axios.delete( url)
+    var url = process.env.REACT_APP_ADMIN_SERVER + "/permissions/" + data.shortName + "/" + data.permissionId;
+    return axios.delete( url, {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(deletePermissionSuccess(data.permissionId));
--- a/admin/src/System/CallChart.js
+++ b/admin/src/System/CallChart.js
@@ -1,10 +1,10 @@
 import React, { Component } from "react";
-import { Group } from '@vx/group';
-import { curveStep} from '@vx/curve';
-import { LinePath } from '@vx/shape';
-import { scaleLinear, scaleBand, scaleTime } from '@vx/scale';
+import { Group } from '@visx/group';
+import { curveStep} from '@visx/curve';
+import { LinePath } from '@visx/shape';
+import { scaleLinear, scaleBand, scaleTime } from '@visx/scale';
 import { timeParse, timeFormat } from 'd3-time-format';
-import { AxisBottom, AxisLeft } from '@vx/axis';
+import { AxisBottom, AxisLeft } from '@visx/axis';
 import { Dimmer, Loader } from "semantic-ui-react";


@@ -29,6 +29,9 @@ constructor(props) {
    const width = this.props.width;
    const height = 500;
    const margin = { top: 20, bottom: 40, left: 40, right: 20 };
+    const parseDate = timeParse("%Y%m%d");
+    const format = timeFormat("%b %d");
+    const formatDate = (date) => format(parseDate(date));

    // Then we'll create some bounds
    const xMax = width - margin.left - margin.right;
--- a/admin/src/System/ErrorChart.js
+++ b/admin/src/System/ErrorChart.js
@@ -1,18 +1,15 @@
 import React, { Component } from "react";
-import { Group } from '@vx/group';
-import { GlyphCircle } from '@vx/glyph';
-import { scaleLinear, scaleBand, scaleTime, scaleOrdinal } from '@vx/scale';
+import { Group } from '@visx/group';
+import { GlyphCircle } from '@visx/glyph';
+import { scaleLinear, scaleTime, scaleOrdinal } from '@visx/scale';
 import { timeParse, timeFormat } from 'd3-time-format';
-import { AxisBottom, AxisLeft } from '@vx/axis';
-import { Dimmer, Loader } from "semantic-ui-react";
-import {
-  LegendOrdinal
-
-} from '@vx/legend';
+import { AxisBottom, AxisLeft } from '@visx/axis';
+import { Loader } from "semantic-ui-react";
+import { LegendOrdinal} from '@visx/legend';
 class ErrorChart extends Component {
-constructor(props) {
-  super(props);
-}
+  constructor(props) {
+    super(props);
+  }

  render() {
    var errorData = this.props.data;
@@ -54,58 +51,58 @@ constructor(props) {
    });
    var xScale, yScale, xPoint, yPoint;
    if (errorData) {
-        // We'll use some mock data from `@vx/mock-data` for this.
-       data = errorData.data;
-        // scales
-        xScale = scaleTime({
-          range: [0, xMax],
-          domain: [errorData.minDate, errorData.maxDate],
-          tickFormat: () => (val) => formatDate(val)
-        });
-        yScale = scaleLinear({
-          range: [yMax, 0],
-          domain: [0, errorData.maxValue],
-        });
-        zScale = scaleOrdinal({
-          domain: errorData.legend,
-          range: ["#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00", "#b82e2e", "#316395", "#994499", "#22aa99", "#aaaa11", "#6633cc", "#e67300", "#8b0707", "#651067", "#329262", "#5574a6", "#3b3eac"]
-        });
-        xPoint = compose(xScale, x);
-        yPoint = compose(yScale, y);
+      // We'll use some mock data from `@vx/mock-data` for this.
+      data = errorData.data;
+      // scales
+      xScale = scaleTime({
+        range: [0, xMax],
+        domain: [errorData.minDate, errorData.maxDate],
+        tickFormat: () => (val) => formatDate(val)
+      });
+      yScale = scaleLinear({
+        range: [yMax, 0],
+        domain: [0, errorData.maxValue],
+      });
+      zScale = scaleOrdinal({
+        domain: errorData.legend,
+        range: ["#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00", "#b82e2e", "#316395", "#994499", "#22aa99", "#aaaa11", "#6633cc", "#e67300", "#8b0707", "#651067", "#329262", "#5574a6", "#3b3eac"]
+      });
+      xPoint = compose(xScale, x);
+      yPoint = compose(yScale, y);

    }

-  return (
-    <div style={{
-      width: 900
-    }}>
-<svg width={width} height={height} style={{
-  float: "left"
-}}>
-<Group left={margin.left} top={margin.top} >
-<AxisBottom top={yMax} scale={xScale} numTicks={width > 520 ? 10 : 5} />
-<AxisLeft scale={yScale} />
-{data.map((band, i) => {
-return (
-    <Group key={`band-${i}`}>
-    {band.data.map((point, j) => {
-  return (
-    <GlyphCircle
-      className="dot"
-      key={`point-${point.x}-${j}`}
-      fill={dotColor(i)}
-      left={xScale(x(point))}
-      top={yScale(y(point))}
-      size={6.0}
-    />
-  );
-})}
-</Group>
-);
-})}
-</Group>
-</svg>
-<div
+    return (
+      <div style={{
+        width: 900
+      }}>
+        <svg width={width} height={height} style={{
+          float: "left"
+        }}>
+          <Group left={margin.left} top={margin.top} >
+            <AxisBottom top={yMax} scale={xScale} numTicks={width > 520 ? 10 : 5} />
+            <AxisLeft scale={yScale} />
+            {data.map((band, i) => {
+              return (
+                <Group key={`band-${i}`}>
+                  {band.data.map((point, j) => {
+                    return (
+                      <GlyphCircle
+                        className="dot"
+                        key={`point-${point.x}-${j}`}
+                        fill={dotColor(i)}
+                        left={xScale(x(point))}
+                        top={yScale(y(point))}
+                        size={6.0}
+                      />
+                    );
+                  })}
+                </Group>
+              );
+            })}
+          </Group>
+        </svg>
+        <div
          style={{
            float: "right"
          }}
@@ -114,19 +111,19 @@ return (
            scale={zScale}
            labelMargin="0 15px 0 0"
            onMouseOver={data => event => {
-            console.log(
-              `mouse over: ${data.text}`,
-              `index: ${data.index}`,
-            );
-          }}
+              console.log(
+                `mouse over: ${data.text}`,
+                `index: ${data.index}`,
+              );
+            }}
          />
        </div>
-</div>
+      </div>



-);
-}
+    );
+  }


 }
--- a/admin/src/System/ResponsiveCallChart.js
+++ b/admin/src/System/ResponsiveCallChart.js
@@ -1,6 +1,6 @@
 import React, { Component }  from "react"
 import CallChart from "./CallChart"
-import { ParentSize } from "@vx/responsive";
+import { ParentSize } from "@visx/responsive";

 class ResponsiveCallChart extends Component {
  constructor(props) {
--- a/admin/src/System/ResponsiveErrorChart.js
+++ b/admin/src/System/ResponsiveErrorChart.js
@@ -1,6 +1,6 @@
 import React, { Component }  from "react"
 import ErrorChart from "./ErrorChart"
-import { ParentSize } from "@vx/responsive";
+import { ParentSize } from "@visx/responsive";

 class ResponsiveErrorChart extends Component {
  constructor(props) {
--- a/admin/src/System/System.js
+++ b/admin/src/System/System.js
@@ -1,7 +1,7 @@
 import React, {Component} from "react";
 import {Link} from "react-router-dom";
 import ListTalkgroups from "../Talkgroups/ListTalkgroups.js";
-import MessageBox from "../components/pure/Message.js";
+import MessageBox from "../Components/Message.js";
 import ListGroups from "../Group/ListGroups.js";
 import GroupModal from "../Group/GroupModalContainer.js";
 import UpdatePermissionModal from "../Permission/UpdatePermissionModalContainer.js";
@@ -24,14 +24,6 @@ import {
  Label
 } from "semantic-ui-react";

-function planName(planType) {
-  switch (planType) {
-    case freePlanValue:
-      return "Free";
-    case proPlanValue:
-      return "Pro";
-  }
-}

 class System extends Component {
  constructor(props) {
@@ -55,7 +47,6 @@ class System extends Component {
    );
    this.handleSystemDeleteConfirm = this.handleSystemDeleteConfirm.bind(this);
    this.handleSystemDeleteCancel = this.handleSystemDeleteCancel.bind(this);
-    this.handleUpgradePlan = this.handleUpgradePlan.bind(this);
    this.handleUpdatePermissionClose = this.handleUpdatePermissionClose.bind(
      this
    );
@@ -259,9 +250,6 @@ class System extends Component {
      });
  }

-  handleUpgradePlan() {
-    window.location = process.env.REACT_APP_ACCOUNT_SERVER + "/update-plans";
-  }

  handleUpload(file) {
    this.props.talkgroupActions
@@ -319,7 +307,6 @@ class System extends Component {
    let fileInput = null;
    var location = "";
    var example = "";
-    var plan = "";
    var groupRender = () => {};

    if (system) {
@@ -348,25 +335,6 @@ class System extends Component {
        );
      }

-      switch (system.planType) {
-        case freePlanValue:
-          const tempPlan = planName(system.planType) + " plan";
-          plan = (
-            <div>
-              {tempPlan}
-              <Label as="a" onClick={this.handleUpgradePlan}>
-                {" "}
-                <Icon name="plus" />
-                Upgrade Plan
-              </Label>
-            </div>
-          );
-          break;
-
-        case proPlanValue:
-          plan = planName(system.planType) + " plan";
-          break;
-      }

      example =
        '{\n\t"systems": [\n\t\t{\n\t\t\t"shortName": "' +
@@ -655,7 +623,6 @@ class System extends Component {
            <Header as="h1">
              <Header.Content>
                {this.props.system.name}
-                {/* <Header.Subheader>{plan}</Header.Subheader> */}
              </Header.Content>
            </Header>

--- a/admin/src/System/system-actions.js
+++ b/admin/src/System/system-actions.js
@@ -103,7 +103,7 @@ export function updateSystem(data) {
  return dispatch => {
    dispatch(beginUpdateSystem());

-    return makeUserRequest("post", data, process.env.REACT_APP_BACKEND_SERVER + "/systems/" + data.shortName)
+    return makeUserRequest("post", data, process.env.REACT_APP_ADMIN_SERVER + "/systems/" + data.shortName,  {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(updateSystemSuccess(response.data.system));
@@ -162,7 +162,7 @@ export function fetchSystems() {
    dispatch(beginFetchSystem());

    return axios
-      .get(process.env.REACT_APP_ADMIN_SERVER + "/systems")
+      .get(process.env.REACT_APP_ADMIN_SERVER + "/systems",  {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(fetchSystemSuccess(response.data.systems));
@@ -187,7 +187,7 @@ export function deleteSystem(shortName) {
  return dispatch => {
    dispatch(beginDeleteSystem());

-    return makeUserRequest("delete", null, process.env.REACT_APP_BACKEND_SERVER + "/systems/"+shortName)
+    return makeUserRequest("delete", null, process.env.REACT_APP_ADMIN_SERVER + "/systems/"+shortName,  {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(deleteSystemSuccess({shortName: shortName}));
@@ -211,7 +211,7 @@ export function createSystem(data) {
  return dispatch => {
    dispatch(beginCreateSystem());

-    return makeUserRequest("post", data, process.env.REACT_APP_BACKEND_SERVER + "/systems")
+    return makeUserRequest("post", data, process.env.REACT_APP_ADMIN_SERVER + "/systems", {withCredentials: true})
      .then(response => {
        if (response.data.success) {
          dispatch(createSystemSuccess(response.data.system));
--- a/admin/src/Talkgroups/talkgroup-actions.js
+++ b/admin/src/Talkgroups/talkgroup-actions.js
@@ -49,16 +49,6 @@ function fetchTalkgroupError(data) {
  data };
 }

-
-function makeUserRequest(method, data, api) {
-  // returns a Promise
-  return axios({
-    method: method,
-    url: api,
-    data: data
-  });
-}
-
 export function changeUrl(url) {
  return dispatch => {
    dispatch(push(url));
@@ -68,13 +58,14 @@ export function changeUrl(url) {

 // https://stackoverflow.com/questions/41878838/how-do-i-set-multipart-in-axios-with-react
 function fileUpload(shortName, file){
-    const url = "/talkgroups/" + shortName + "/import";
+    const url = process.env.REACT_APP_ADMIN_SERVER + "/talkgroups/" + shortName + "/import";
    const formData = new FormData();
    formData.append('file',file)
    const config = {
        headers: {
            'content-type': 'multipart/form-data'
-        }
+        },
+        withCredentials: true 
    }
    return  post(url, formData,config)
  }
@@ -121,7 +112,7 @@ export function exportTalkgroups(
    dispatch(beginExportTalkgroup());

    return axios
-      .get("/talkgroups/" + shortName + "/export")
+      .get(process.env.REACT_APP_ADMIN_SERVER + "/talkgroups/" + shortName + "/export", { withCredentials: true })
      .then(response => {
        if (response.data.success) {
          var data = {shortName: shortName, talkgroups: response.data.talkgroups}
@@ -159,7 +150,7 @@ export function fetchTalkgroups(shortName) {
    dispatch(beginFetchTalkgroup());

    return axios
-      .get("/talkgroups/"+shortName)
+      .get(process.env.REACT_APP_ADMIN_SERVER + "/talkgroups/"+shortName, { withCredentials: true })
      .then(response => {
        if (response.data.success) {
          var data = {shortName: shortName, talkgroups: response.data.talkgroups}
--- a/admin/src/index.js
+++ b/admin/src/index.js
@@ -9,6 +9,7 @@ import App from "./App/App"
 import Restricted from "./App/Restricted"

 import About from "./Components/About"
+import SystemContainer from "./System/SystemContainer"
 import ListSystemsContainer from "./System/ListSystemsContainer"
 import UpdateSystemContainer from "./System/UpdateSystemContainer"
 import CreateSystemContainer from "./System/CreateSystemContainer"
@@ -22,10 +23,12 @@ ReactDOM.render(
      <> 
      <App>
        <Switch>
-          <Route path="/about" component={About} />
-          <Route path="/update-system/:shortName" component={UpdateSystemContainer} />
-					<Route path="/create-system" component={CreateSystemContainer} />
-          <Route path="/list-systems" component={ListSystemsContainer} />
+          <Route path="/about" component={Restricted(About, store)} />
+          <Route path="/system/:shortName" component={Restricted(SystemContainer, store)} />
+          <Route path="/update-system/:shortName" component={Restricted(UpdateSystemContainer, store)} />
+					<Route path="/create-system" component={Restricted(CreateSystemContainer, store)} />
+          <Route path="/list-systems" component={Restricted(ListSystemsContainer,store)} />
+          <Route path="/" component={Restricted(ListSystemsContainer, store)} />
          <Route render={() => (<div>Miss</div>)} />
        </Switch>
        </App>
--- a/admin/src/redux-router/reducers.js
+++ b/admin/src/redux-router/reducers.js
@@ -6,12 +6,14 @@ import systemReducer from "../System/system-reducer"
 import talkgroupReducer from "../Talkgroups/talkgroup-reducer"
 import groupReducer from "../Group/group-reducer"
 import errorReducer from "../System/error-reducer"
+import statisticReducer from "../System/statistic-reducer"
 import permissionReducer from "../Permission/permission-reducer"
 import userReducer from "../User/user-reducer"

 const createRootReducer = (history) => combineReducers({
  router: connectRouter(history),
  system: systemReducer,
+  statistic: statisticReducer,
  talkgroup: talkgroupReducer,
 	group: groupReducer,
  user: userReducer,
--- a/admin/yarn.lock
+++ b/admin/yarn.lock
@@ -1555,6 +1555,44 @@
  dependencies:
    "@types/node" "*"

+"@types/classnames@^2.2.9":
+  version "2.2.11"
+  resolved "https://registry.yarnpkg.com/@types/classnames/-/classnames-2.2.11.tgz#2521cc86f69d15c5b90664e4829d84566052c1cf"
+
+"@types/d3-color@^1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@types/d3-color/-/d3-color-1.4.1.tgz#0d9746c84dfef28807b2989eed4f37b2575e1f33"
+
+"@types/d3-interpolate@^1.3.1":
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-interpolate/-/d3-interpolate-1.4.2.tgz#88902a205f682773a517612299a44699285eed7b"
+  dependencies:
+    "@types/d3-color" "^1"
+
+"@types/d3-path@^1", "@types/d3-path@^1.0.8":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@types/d3-path/-/d3-path-1.0.9.tgz#73526b150d14cd96e701597cbf346cfd1fd4a58c"
+
+"@types/d3-scale@^3.2.1":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-scale/-/d3-scale-3.2.2.tgz#5e28d0b1c599328aaec6094219f10a2570be6d74"
+  dependencies:
+    "@types/d3-time" "*"
+
+"@types/d3-shape@^1.3.1":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/d3-shape/-/d3-shape-1.3.5.tgz#c0164c1be1429473016f855871d487f806c4e968"
+  dependencies:
+    "@types/d3-path" "^1"
+
+"@types/d3-time@*":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@types/d3-time/-/d3-time-2.0.0.tgz#831dd093db91f16b83ba980e194bb8e4bcef44d6"
+
+"@types/d3-time@^1.0.10":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/d3-time/-/d3-time-1.1.1.tgz#6cf3a4242c3bbac00440dfb8ba7884f16bedfcbf"
+
 "@types/eslint@^7.2.4":
  version "7.2.5"
  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.2.5.tgz#92172ecf490c2fce4b076739693d75f30376d610"
@@ -1618,6 +1656,10 @@
  version "0.0.29"
  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"

+"@types/lodash@^4.14.146", "@types/lodash@^4.14.160":
+  version "4.14.168"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.168.tgz#fe24632e79b7ade3f132891afff86caa5e5ce008"
+
 "@types/minimatch@*":
  version "3.0.3"
  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -1841,6 +1883,114 @@
    "@typescript-eslint/types" "4.8.1"
    eslint-visitor-keys "^2.0.0"

+"@visx/axis@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@visx/axis/-/axis-1.4.0.tgz#6a8737d0fb7d4313cf311f9c8b8071e7744b8e7c"
+  dependencies:
+    "@types/classnames" "^2.2.9"
+    "@types/react" "*"
+    "@visx/group" "1.0.0"
+    "@visx/point" "1.0.0"
+    "@visx/scale" "1.4.0"
+    "@visx/shape" "1.4.0"
+    "@visx/text" "1.3.0"
+    classnames "^2.2.5"
+    prop-types "^15.6.0"
+
+"@visx/curve@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@visx/curve/-/curve-1.0.0.tgz#f1928821c0beea05d019f3066b28459b4b185c5b"
+  dependencies:
+    "@types/d3-shape" "^1.3.1"
+    d3-shape "^1.0.6"
+
+"@visx/glyph@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@visx/glyph/-/glyph-1.0.0.tgz#83d9b7ca331654f9ed624187480335688c7ebd08"
+  dependencies:
+    "@types/classnames" "^2.2.9"
+    "@types/d3-shape" "^1.3.1"
+    "@types/react" "*"
+    "@visx/group" "1.0.0"
+    classnames "^2.2.5"
+    d3-shape "^1.2.0"
+    prop-types "^15.6.2"
+
+"@visx/group@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@visx/group/-/group-1.0.0.tgz#d47ac94abec1d191602a501a4fdf7455dfaad0be"
+  dependencies:
+    "@types/classnames" "^2.2.9"
+    "@types/react" "*"
+    classnames "^2.2.5"
+    prop-types "^15.6.2"
+
+"@visx/legend@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@visx/legend/-/legend-1.4.0.tgz#4f692680e47f2e04de624652b38b3e1b85e02b41"
+  dependencies:
+    "@types/classnames" "^2.2.9"
+    "@types/react" "*"
+    "@visx/group" "1.0.0"
+    "@visx/scale" "1.4.0"
+    classnames "^2.2.5"
+    prop-types "^15.5.10"
+
+"@visx/point@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@visx/point/-/point-1.0.0.tgz#c93cd540989ded394aab8d56cbdc7ca4891c3dd9"
+
+"@visx/responsive@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@visx/responsive/-/responsive-1.3.0.tgz#4df0c9d9e2f72ac36e4e1c895b4624626209cca3"
+  dependencies:
+    "@types/lodash" "^4.14.146"
+    "@types/react" "*"
+    lodash "^4.17.10"
+    prop-types "^15.6.1"
+    resize-observer-polyfill "1.5.1"
+
+"@visx/scale@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@visx/scale/-/scale-1.4.0.tgz#16cf4ba63dbc595e446397f5bf262591ffe9efd6"
+  dependencies:
+    "@types/d3-interpolate" "^1.3.1"
+    "@types/d3-scale" "^3.2.1"
+    "@types/d3-time" "^1.0.10"
+    d3-interpolate "^1.4.0"
+    d3-scale "^3.2.3"
+    d3-time "^1.1.0"
+
+"@visx/shape@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@visx/shape/-/shape-1.4.0.tgz#a8ab713c7df775db357341618c7c0fdbb813f272"
+  dependencies:
+    "@types/classnames" "^2.2.9"
+    "@types/d3-path" "^1.0.8"
+    "@types/d3-shape" "^1.3.1"
+    "@types/lodash" "^4.14.146"
+    "@types/react" "*"
+    "@visx/curve" "1.0.0"
+    "@visx/group" "1.0.0"
+    "@visx/scale" "1.4.0"
+    classnames "^2.2.5"
+    d3-path "^1.0.5"
+    d3-shape "^1.2.0"
+    lodash "^4.17.15"
+    prop-types "^15.5.10"
+
+"@visx/text@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@visx/text/-/text-1.3.0.tgz#8ad1afe6819b32c3ab903ca85a32011ea4e223a6"
+  dependencies:
+    "@types/classnames" "^2.2.9"
+    "@types/lodash" "^4.14.160"
+    "@types/react" "*"
+    classnames "^2.2.5"
+    lodash "^4.17.20"
+    prop-types "^15.7.2"
+    reduce-css-calc "^1.3.0"
+
 "@webassemblyjs/ast@1.9.0":
  version "1.9.0"
  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
@@ -2461,6 +2611,10 @@ babylon@^6.18.0:
  version "6.18.0"
  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"

+balanced-match@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
+
 balanced-match@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -2970,6 +3124,10 @@ class-utils@^0.3.5:
    isobject "^3.0.0"
    static-extend "^0.1.1"

+classnames@^2.2.5:
+  version "2.2.6"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
+
 clean-css@^4.2.3:
  version "4.2.3"
  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
@@ -3543,6 +3701,70 @@ cyclist@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"

+d3-array@^2.3.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-2.10.0.tgz#dedf198fe55ea761d196ae40b15dd42e2deaf0b2"
+  dependencies:
+    internmap "^1.0.0"
+
+d3-color@1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-1.4.1.tgz#c52002bf8846ada4424d55d97982fef26eb3bc8a"
+
+"d3-color@1 - 2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-2.0.0.tgz#8d625cab42ed9b8f601a1760a389f7ea9189d62e"
+
+"d3-format@1 - 2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-2.0.0.tgz#a10bcc0f986c372b729ba447382413aabf5b0767"
+
+"d3-interpolate@1.2.0 - 2":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-2.0.1.tgz#98be499cfb8a3b94d4ff616900501a64abc91163"
+  dependencies:
+    d3-color "1 - 2"
+
+d3-interpolate@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-1.4.0.tgz#526e79e2d80daa383f9e0c1c1c7dcc0f0583e987"
+  dependencies:
+    d3-color "1"
+
+d3-path@1, d3-path@^1.0.5:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-1.0.9.tgz#48c050bb1fe8c262493a8caf5524e3e9591701cf"
+
+d3-scale@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-3.2.3.tgz#be380f57f1f61d4ff2e6cbb65a40593a51649cfd"
+  dependencies:
+    d3-array "^2.3.0"
+    d3-format "1 - 2"
+    d3-interpolate "1.2.0 - 2"
+    d3-time "1 - 2"
+    d3-time-format "2 - 3"
+
+d3-shape@^1.0.6, d3-shape@^1.2.0:
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-1.3.7.tgz#df63801be07bc986bc54f63789b4fe502992b5d7"
+  dependencies:
+    d3-path "1"
+
+"d3-time-format@2 - 3", d3-time-format@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-3.0.0.tgz#df8056c83659e01f20ac5da5fdeae7c08d5f1bb6"
+  dependencies:
+    d3-time "1 - 2"
+
+"d3-time@1 - 2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-2.0.0.tgz#ad7c127d17c67bd57a4c61f3eaecb81108b1e0ab"
+
+d3-time@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-1.1.0.tgz#b1e19d307dae9c900b7e5b25ffc5dcc249a8a0f1"
+
 d@1, d@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
@@ -5316,6 +5538,10 @@ internal-slot@^1.0.2:
    has "^1.0.3"
    side-channel "^1.0.2"

+internmap@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/internmap/-/internmap-1.0.0.tgz#3c6bf0944b0eae457698000412108752bbfddb56"
+
 ip-regex@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
@@ -6383,7 +6609,7 @@ lodash.uniq@^4.5.0:
  version "4.5.0"
  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"

-"lodash@>=3.5 <5", lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.5:
+"lodash@>=3.5 <5", lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.5:
  version "4.17.20"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"

@@ -6454,6 +6680,10 @@ map-visit@^1.0.0:
  dependencies:
    object-visit "^1.0.0"

+math-expression-evaluator@^1.2.14:
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.3.7.tgz#1b62225db86af06f7ea1fd9576a34af605a5b253"
+
 md5.js@^1.3.4:
  version "1.3.5"
  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -8175,7 +8405,7 @@ prompts@2.4.0, prompts@^2.0.1:
    kleur "^3.0.3"
    sisteransi "^1.0.5"

-prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.10, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
  version "15.7.2"
  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
  dependencies:
@@ -8591,6 +8821,20 @@ redent@^3.0.0:
    indent-string "^4.0.0"
    strip-indent "^3.0.0"

+reduce-css-calc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"
+  dependencies:
+    balanced-match "^0.4.2"
+    math-expression-evaluator "^1.2.14"
+    reduce-function-call "^1.0.1"
+
+reduce-function-call@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/reduce-function-call/-/reduce-function-call-1.0.3.tgz#60350f7fb252c0a67eb10fd4694d16909971300f"
+  dependencies:
+    balanced-match "^1.0.0"
+
 redux-thunk@2.3.0, redux-thunk@^2.3.0:
  version "2.3.0"
  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"
@@ -8761,6 +9005,10 @@ reselect@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/reselect/-/reselect-4.0.0.tgz#f2529830e5d3d0e021408b246a206ef4ea4437f7"

+resize-observer-polyfill@1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+
 resolve-cwd@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"