@plusscommunities/pluss-maintenance-web 1.1.8 → 1.1.9

package/dist/index.cjs.js

@@ -22,6 +22,8 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var reactBootstrap = require('react-bootstrap');
 var reactRouterDom = require('react-router-dom');
 var Textarea = require('react-textarea-autosize');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -61,6 +63,7 @@ var FontAwesome__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesome);
 var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 // import * as PlussCore from '../../pluss-core/src';
 var FeatureConfig = {
@@ -172,11 +175,11 @@ function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var Helper$5 = PlussCore__namespace.Helper,
-    Session$6 = PlussCore__namespace.Session;
+    Session$7 = PlussCore__namespace.Session;
 var maintenanceActions = {
   getJobTypes: function getJobTypes(site) {
     var url = Helper$5.getUrl('maintenance', 'getjobtypes');
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: url,
       data: {
@@ -186,7 +189,7 @@ var maintenanceActions = {
   },
   getJob: function getJob(site, id) {
     var url = Helper$5.getUrl('maintenance', 'getJob');
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: url,
       data: {
@@ -197,7 +200,7 @@ var maintenanceActions = {
   },
   getJobByJobId: function getJobByJobId(site, jobId) {
     var url = Helper$5.getUrl('maintenance', 'getJob');
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: url,
       data: {
@@ -209,7 +212,7 @@ var maintenanceActions = {
   getJobs: function getJobs(site) {
     var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'getJobs'),
       data: {
@@ -236,7 +239,7 @@ var maintenanceActions = {
       query.lastKey = JSON.stringify(lastKey);
     }
 
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'GET',
       url: Helper$5.getUrl('maintenance', 'get/requests', query)
     });
@@ -256,14 +259,14 @@ var maintenanceActions = {
     });
   },
   createJob: function createJob(job) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'sendMaintenance'),
       data: _objectSpread$5({}, job)
     });
   },
   editJob: function editJob(job, site) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'editJob'),
       data: {
@@ -273,7 +276,7 @@ var maintenanceActions = {
     });
   },
   deleteJob: function deleteJob(site, id) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'requests/remove'),
       data: {
@@ -283,7 +286,7 @@ var maintenanceActions = {
     });
   },
   editJobStatus: function editJobStatus(id, status) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'editJobStatus'),
       data: {
@@ -293,7 +296,7 @@ var maintenanceActions = {
     });
   },
   addNote: function addNote(jobId, note, attachments) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'requests/note'),
       data: {
@@ -305,7 +308,7 @@ var maintenanceActions = {
     });
   },
   editNote: function editNote(jobId, noteId, note, attachments) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'requests/note'),
       data: {
@@ -318,7 +321,7 @@ var maintenanceActions = {
     });
   },
   deleteNote: function deleteNote(jobId, noteId) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'requests/note'),
       data: {
@@ -329,7 +332,7 @@ var maintenanceActions = {
     });
   },
   addJobType: function addJobType(site, name, email, description, level) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'createJobType'),
       data: {
@@ -342,7 +345,7 @@ var maintenanceActions = {
     });
   },
   editJobType: function editJobType(site, id, name, email, description, level) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'editJobType'),
       data: {
@@ -356,7 +359,7 @@ var maintenanceActions = {
     });
   },
   deleteJobType: function deleteJobType(site, id) {
-    return Session$6.authedFunction({
+    return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'deleteJobType'),
       data: {
@@ -368,7 +371,7 @@ var maintenanceActions = {
 };
 
 var Helper$4 = PlussCore__namespace.Helper,
-    Session$5 = PlussCore__namespace.Session;
+    Session$6 = PlussCore__namespace.Session;
 var reactionActions = {
   addComment: function addComment(entityId, entityType, entityName, site, comment, image, parentId) {
     var data = {
@@ -384,7 +387,7 @@ var reactionActions = {
       data.image = image;
     }
 
-    return Session$5.authedFunction({
+    return Session$6.authedFunction({
       method: 'POST',
       url: Helper$4.getUrl('reactions', 'comments/add'),
       data: data
@@ -409,13 +412,16 @@ var reactionActions = {
       query.minTime = minTime;
     }
 
-    return Session$5.authedFunction({
+    return Session$6.authedFunction({
       method: 'GET',
       url: Helper$4.getUrl('reactions', 'comments/get', query)
     });
   }
 };
 
+var Apis$1 = PlussCore__namespace.Apis;
+var analyticsActions = Apis$1.analyticsActions;
+
 var Helper$3 = PlussCore__namespace.Helper;
 var jobsUpdate = function jobsUpdate(site, isdashboard) {
   return function (dispatch) {
@@ -523,9 +529,9 @@ function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) {
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
 function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var Session$4 = PlussCore__namespace.Session,
-    Components$4 = PlussCore__namespace.Components,
-    Analytics = PlussCore__namespace.Analytics;
+var Session$5 = PlussCore__namespace.Session,
+    Components$5 = PlussCore__namespace.Components,
+    Analytics$2 = PlussCore__namespace.Analytics;
 
 var JobList = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](JobList, _Component);
@@ -853,7 +859,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       showCompleted: false,
       sortColumn: 'createdUnix',
       sortDesc: false,
-      selectedTimeFilter: Analytics.getAnalyticsFilterOptions()[1]
+      selectedTimeFilter: Analytics$2.getAnalyticsFilterOptions()[1]
     };
     _this.exportColumns = [{
       label: 'Select All',
@@ -907,7 +913,7 @@ var JobList = /*#__PURE__*/function (_Component) {
   _createClass__default['default'](JobList, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
-      Session$4.checkLoggedIn(this);
+      Session$5.checkLoggedIn(this);
     }
   }, {
     key: "componentDidMount",
@@ -924,7 +930,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       }
 
       if (this.state.filterOpen === 'type') {
-        return /*#__PURE__*/React__default['default'].createElement(Components$4.Popup, {
+        return /*#__PURE__*/React__default['default'].createElement(Components$5.Popup, {
           title: "Select Type",
           maxWidth: 600,
           minWidth: 400,
@@ -935,7 +941,7 @@ var JobList = /*#__PURE__*/function (_Component) {
         })), function (t) {
           return t.toLowerCase();
         }).map(function (type) {
-          return /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+          return /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
             onClick: function onClick() {
               _this2.selectTypeFilter(type);
             },
@@ -946,7 +952,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       }
 
       if (this.state.filterOpen === 'status') {
-        return /*#__PURE__*/React__default['default'].createElement(Components$4.Popup, {
+        return /*#__PURE__*/React__default['default'].createElement(Components$5.Popup, {
           title: "Select Status",
           maxWidth: 600,
           minWidth: 400,
@@ -954,7 +960,7 @@ var JobList = /*#__PURE__*/function (_Component) {
           onClose: this.closeFilter
         }, ['incomplete'].concat(_toConsumableArray__default['default'](Object.keys(StatusTypes))).map(function (sKey) {
           var text = sKey === 'incomplete' ? 'All Incomplete' : StatusTypes[sKey].text;
-          return /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+          return /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
             onClick: function onClick() {
               _this2.selectStatusFilter(sKey);
             },
@@ -965,7 +971,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       }
 
       if (this.state.filterOpen === 'time') {
-        return /*#__PURE__*/React__default['default'].createElement(Components$4.Popup, {
+        return /*#__PURE__*/React__default['default'].createElement(Components$5.Popup, {
           title: "Select Time",
           maxWidth: 600,
           minWidth: 400,
@@ -981,7 +987,7 @@ var JobList = /*#__PURE__*/function (_Component) {
           style: {
             minHeight: 150
           }
-        }, /*#__PURE__*/React__default['default'].createElement(Components$4.AnalyticsFilter, {
+        }, /*#__PURE__*/React__default['default'].createElement(Components$5.AnalyticsFilter, {
           defaultFilter: this.state.selectedTimeFilter,
           filterChanged: this.timeFilterChanged,
           filterDateRangeChanged: this.timeFilterDateRangeChanged
@@ -1033,7 +1039,7 @@ var JobList = /*#__PURE__*/function (_Component) {
             cursor: 'pointer'
           },
           name: "pencil"
-        })), Session$4.validateAccess(_this3.props.auth.site, 'maintenanceTracking', _this3.props.auth) && /*#__PURE__*/React__default['default'].createElement("a", {
+        })), Session$5.validateAccess(_this3.props.auth.site, 'maintenanceTracking', _this3.props.auth) && /*#__PURE__*/React__default['default'].createElement("a", {
           onClick: function onClick() {
             return _this3.onRemoveRequest(ev);
           }
@@ -1174,21 +1180,21 @@ var JobList = /*#__PURE__*/function (_Component) {
     value: function renderFilters() {
       var _this5 = this;
 
-      var typeFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+      var typeFilter = /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
         className: "marginRight-10",
         onClick: function onClick() {
           _this5.openFilter('type');
         },
         text: "Type"
       });
-      var statusFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+      var statusFilter = /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
         className: "marginRight-10",
         onClick: function onClick() {
           _this5.openFilter('status');
         },
         text: "Status"
       });
-      var timeFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+      var timeFilter = /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
         className: "marginRight-10",
         onClick: function onClick() {
           _this5.openFilter('time');
@@ -1197,7 +1203,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       });
 
       if (this.state.selectedTypeFilter) {
-        typeFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+        typeFilter = /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
           className: "marginRight-10",
           onClick: function onClick() {
             _this5.openFilter('type');
@@ -1213,7 +1219,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       }
 
       if (this.state.selectedStatusFilter) {
-        statusFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+        statusFilter = /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
           className: "marginRight-10",
           onClick: function onClick() {
             _this5.openFilter('status');
@@ -1229,7 +1235,7 @@ var JobList = /*#__PURE__*/function (_Component) {
       }
 
       if (this.state.selectedTimeFilterText) {
-        timeFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+        timeFilter = /*#__PURE__*/React__default['default'].createElement(Components$5.Tag, {
           className: "marginRight-10",
           onClick: function onClick() {
             _this5.openFilter('time');
@@ -1248,16 +1254,16 @@ var JobList = /*#__PURE__*/function (_Component) {
         className: "marginTop-20 flex flex-between flex-center"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "flex flex-center"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$4.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$5.Text, {
         type: "h5",
         className: "marginRight-20"
-      }, "Filter by"), typeFilter, statusFilter, timeFilter), /*#__PURE__*/React__default['default'].createElement(Components$4.Button, {
+      }, "Filter by"), typeFilter, statusFilter, timeFilter), /*#__PURE__*/React__default['default'].createElement(Components$5.Button, {
         inline: true,
         buttonType: "primaryAction",
         leftIcon: "file-code-o",
         onClick: this.onOpenExportCsv,
         isActive: !___default['default'].isEmpty(this.getSource())
-      }, "Export CSV")), /*#__PURE__*/React__default['default'].createElement(Components$4.GenericInput, {
+      }, "Export CSV")), /*#__PURE__*/React__default['default'].createElement(Components$5.GenericInput, {
         id: "search",
         type: "text",
         placeholder: "Search by Job ID, Location or Title",
@@ -1278,7 +1284,7 @@ var JobList = /*#__PURE__*/function (_Component) {
         return null;
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(Components$4.ExportCsvPopup, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$5.ExportCsvPopup, {
         onClose: this.onCloseExportCsv,
         columns: this.exportColumns,
         source: this.getExportSource(),
@@ -1301,7 +1307,7 @@ var JobList = /*#__PURE__*/function (_Component) {
   return JobList;
 }(React.Component);
 
-var mapStateToProps$4 = function mapStateToProps(state) {
+var mapStateToProps$5 = function mapStateToProps(state) {
   var jobs = state.maintenance.jobs;
   var auth = state.auth;
   return {
@@ -1310,7 +1316,7 @@ var mapStateToProps$4 = function mapStateToProps(state) {
   };
 };
 
-var JobList$1 = reactRedux.connect(mapStateToProps$4, {
+var JobList$1 = reactRedux.connect(mapStateToProps$5, {
   jobsLoaded: jobsLoaded,
   removeJob: removeJob
 })(reactRouter.withRouter(JobList));
@@ -1318,8 +1324,8 @@ var JobList$1 = reactRedux.connect(mapStateToProps$4, {
 function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
 function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var Session$3 = PlussCore__namespace.Session,
-    Components$3 = PlussCore__namespace.Components,
+var Session$4 = PlussCore__namespace.Session,
+    Components$4 = PlussCore__namespace.Components,
     Helper$2 = PlussCore__namespace.Helper;
 
 var JobTypes = /*#__PURE__*/function (_Component) {
@@ -1583,7 +1589,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
     key: "componentWillMount",
     value: function componentWillMount() {
       this.updateProps(this.props);
-      Session$3.checkLoggedIn(this, this.props.auth);
+      Session$4.checkLoggedIn(this, this.props.auth);
     }
   }, {
     key: "componentDidMount",
@@ -1632,7 +1638,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
               display: 'flex',
               alignItems: 'center'
             }
-          }, Session$3.validateAccess(_this2.props.auth.site, 'maintenanceTypes', _this2.props.auth) && /*#__PURE__*/React__default['default'].createElement("a", {
+          }, Session$4.validateAccess(_this2.props.auth.site, 'maintenanceTypes', _this2.props.auth) && /*#__PURE__*/React__default['default'].createElement("a", {
             onClick: function onClick() {
               return _this2.onShowJobType(ev);
             }
@@ -1644,7 +1650,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
               cursor: 'pointer'
             },
             name: "pencil"
-          })), Session$3.validateAccess(_this2.props.auth.site, 'maintenanceTypes', _this2.props.auth) && /*#__PURE__*/React__default['default'].createElement("a", {
+          })), Session$4.validateAccess(_this2.props.auth.site, 'maintenanceTypes', _this2.props.auth) && /*#__PURE__*/React__default['default'].createElement("a", {
             onClick: function onClick() {
               return _this2.onRemoveJobType(ev);
             }
@@ -1773,7 +1779,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "marginBottom-32"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$3.AddButton, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$4.AddButton, {
         onClick: function onClick() {
           return _this4.onShowJobType();
         },
@@ -1794,7 +1800,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
           jobTypeEmail = _this$state4.jobTypeEmail,
           jobTypeDescription = _this$state4.jobTypeDescription;
       if (!showJobType) return null;
-      return /*#__PURE__*/React__default['default'].createElement(Components$3.Popup, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$4.Popup, {
         maxWidth: 800,
         hasPadding: true,
         buttons: [{
@@ -1812,7 +1818,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
         }],
         onClose: this.onHideJobType,
         title: jobTypeId ? 'Edit Request Type' : 'Create New Request Type'
-      }, /*#__PURE__*/React__default['default'].createElement(Components$3.GenericInput, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$4.GenericInput, {
         id: "jobTypeName",
         type: "text",
         label: "Request type title",
@@ -1827,7 +1833,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
           return showWarnings && ___default['default'].isEmpty(jobTypeName);
         },
         alwaysShowLabel: true
-      }), /*#__PURE__*/React__default['default'].createElement(Components$3.GenericInput, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$4.GenericInput, {
         id: "jobTypeEmail",
         type: "text",
         label: "Email",
@@ -1841,7 +1847,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
           return showWarnings && !_this5.validateEmail();
         },
         alwaysShowLabel: true
-      }), /*#__PURE__*/React__default['default'].createElement(Components$3.GenericInput, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$4.GenericInput, {
         id: "jobTypeDescription",
         type: "text",
         label: "Description",
@@ -1875,7 +1881,7 @@ var JobTypes = /*#__PURE__*/function (_Component) {
   return JobTypes;
 }(React.Component);
 
-var mapStateToProps$3 = function mapStateToProps(state) {
+var mapStateToProps$4 = function mapStateToProps(state) {
   var jobtypes = state.maintenance.jobtypes;
   var auth = state.auth;
   return {
@@ -1884,7 +1890,7 @@ var mapStateToProps$3 = function mapStateToProps(state) {
   };
 };
 
-var JobTypes$1 = reactRedux.connect(mapStateToProps$3, {
+var JobTypes$1 = reactRedux.connect(mapStateToProps$4, {
   jobTypesLoaded: jobTypesLoaded,
   jobTypesUpdate: jobTypesUpdate
 })(reactRouter.withRouter(JobTypes));
@@ -1892,8 +1898,8 @@ var JobTypes$1 = reactRedux.connect(mapStateToProps$3, {
 function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
 function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var Components$2 = PlussCore__namespace.Components,
-    Session$2 = PlussCore__namespace.Session;
+var Components$3 = PlussCore__namespace.Components,
+    Session$3 = PlussCore__namespace.Session;
 
 var RequestsHub = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](RequestsHub, _Component);
@@ -1984,14 +1990,14 @@ var RequestsHub = /*#__PURE__*/function (_Component) {
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onAddNew", function () {
       var auth = _this.props.auth;
 
-      if (Session$2.validateAccess(auth.site, 'maintenanceTracking', auth)) {
+      if (Session$3.validateAccess(auth.site, 'maintenanceTracking', auth)) {
         _this.props.history.push("/requestsHub/job");
       }
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "canAddNew", function (isClass) {
       var auth = _this.props.auth;
-      if (Session$2.validateAccess(auth.site, 'maintenanceTracking', auth)) return isClass ? '' : true;
+      if (Session$3.validateAccess(auth.site, 'maintenanceTracking', auth)) return isClass ? '' : true;
       return isClass ? ' hub-sideContent-topButton--hide' : false;
     });
 
@@ -2074,7 +2080,7 @@ var RequestsHub = /*#__PURE__*/function (_Component) {
         }
       });
 
-      if (Session$2.validateAccess(this.props.auth.site, 'maintenanceTypes', this.props.auth)) {
+      if (Session$3.validateAccess(this.props.auth.site, 'maintenanceTypes', this.props.auth)) {
         sectionItems.push({
           type: 'navItem',
           text: 'Request Types',
@@ -2089,7 +2095,7 @@ var RequestsHub = /*#__PURE__*/function (_Component) {
         });
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(Components$2.HubSidebar, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$3.HubSidebar, {
         sections: [{
           title: 'Requests',
           items: sectionItems
@@ -2114,7 +2120,7 @@ var RequestsHub = /*#__PURE__*/function (_Component) {
         className: "hub-wrapperContainer"
       }, this.renderLeftBar(), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "hub-headerContentWrapper"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Header, null), /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$3.Header, null), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "hub-contentWrapper"
       }, this.renderRight())));
     }
@@ -2147,7 +2153,7 @@ var styles$4 = {
   }
 };
 
-var mapStateToProps$2 = function mapStateToProps(state) {
+var mapStateToProps$3 = function mapStateToProps(state) {
   var jobs = state.maintenance.jobs;
   var auth = state.auth;
   return {
@@ -2156,7 +2162,7 @@ var mapStateToProps$2 = function mapStateToProps(state) {
   };
 };
 
-var RequestsHub$1 = reactRedux.connect(mapStateToProps$2, {
+var RequestsHub$1 = reactRedux.connect(mapStateToProps$3, {
   jobsLoaded: jobsLoaded
 })(reactRouter.withRouter(RequestsHub));
 
@@ -2169,9 +2175,9 @@ function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Apis = PlussCore__namespace.Apis,
     Helper$1 = PlussCore__namespace.Helper,
-    Session$1 = PlussCore__namespace.Session,
+    Session$2 = PlussCore__namespace.Session,
     Colours = PlussCore__namespace.Colours,
-    Components$1 = PlussCore__namespace.Components;
+    Components$2 = PlussCore__namespace.Components;
 
 var Job = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Job, _Component);
@@ -2454,7 +2460,7 @@ var Job = /*#__PURE__*/function (_Component) {
       var job = _this.state.job;
       var auth = _this.props.auth; // Must have maintenance permission and not the requester
 
-      if (!Session$1.validateAccess(auth.site, 'maintenanceTracking', auth)) return;
+      if (!Session$2.validateAccess(auth.site, 'maintenanceTracking', auth)) return;
       if (auth.user.Id === job.userID) return;
 
       _this.setState({
@@ -2626,7 +2632,7 @@ var Job = /*#__PURE__*/function (_Component) {
   _createClass__default['default'](Job, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      Session$1.checkLoggedIn(this, this.props.auth);
+      Session$2.checkLoggedIn(this, this.props.auth);
     }
   }, {
     key: "componentDidMount",
@@ -2642,7 +2648,7 @@ var Job = /*#__PURE__*/function (_Component) {
       if (!this.state.job.status) return null;
       var auth = this.props.auth;
 
-      if (Session$1.validateAccess(auth.site, 'maintenanceTracking', auth)) {
+      if (Session$2.validateAccess(auth.site, 'maintenanceTracking', auth)) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: "statusLabel pointer",
           onClick: this.onToggleStatusChanger,
@@ -2667,7 +2673,7 @@ var Job = /*#__PURE__*/function (_Component) {
     key: "renderNotesButton",
     value: function renderNotesButton() {
       var auth = this.props.auth;
-      if (!Session$1.validateAccess(auth.site, 'maintenanceTracking', auth)) return null;
+      if (!Session$2.validateAccess(auth.site, 'maintenanceTracking', auth)) return null;
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "statusLabel pointer",
         onClick: this.onOpenAddNote,
@@ -2712,7 +2718,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "comment_text"
       }, Helper$1.toParagraphed(c.Comment)), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "comment_bottom"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.ProfilePic, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.ProfilePic, {
         className: "comment_profilePic",
         size: 25,
         image: c.User.profilePic
@@ -2732,7 +2738,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "padding-60 paddingLeft-20"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "newTopBar paddingLeft-40"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "formTitleSmall",
         className: "marginBottom-16"
       }, "Comments"), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2768,7 +2774,7 @@ var Job = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder relative"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "formTitleLarge",
         className: "marginBottom-24"
       }, this.state.job.title || 'Request'), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2797,7 +2803,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: 'fontRegular fontSize-16 text-dark marginTop-5'
       }, this.state.job.description))), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "formTitleSmall",
         className: "marginBottom-16"
       }, "Contact Details"), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2826,7 +2832,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: 'fontRegular fontSize-16 text-dark marginTop-5'
       }, this.state.job.homeText))), (this.state.job.image || this.state.job.images) && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "formTitleSmall",
         className: "marginBottom-16"
       }, "Image"), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2890,7 +2896,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "maintenanceNote"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "maintenanceNote_top"
-      }, this.props.auth && this.props.auth.user && this.props.auth.user.Id === note.User.id && /*#__PURE__*/React__default['default'].createElement(Components$1.SVGIcon, {
+      }, this.props.auth && this.props.auth.user && this.props.auth.user.Id === note.User.id && /*#__PURE__*/React__default['default'].createElement(Components$2.SVGIcon, {
         colour: Colours.COLOUR_DUSK_LIGHT,
         icon: "more15",
         className: "maintenanceNote_moreIcon",
@@ -2899,7 +2905,7 @@ var Job = /*#__PURE__*/function (_Component) {
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", {
         className: "maintenanceNote_name"
-      }, note.User.displayName), this.state.noteMenuOpen === index && /*#__PURE__*/React__default['default'].createElement(Components$1.MoreMenu, {
+      }, note.User.displayName), this.state.noteMenuOpen === index && /*#__PURE__*/React__default['default'].createElement(Components$2.MoreMenu, {
         options: [{
           key: 'edit',
           text: 'Edit',
@@ -2942,7 +2948,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "padding-32 paddingVertical-40 bottomDivideBorder relative"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "newTopBar clearfix flex flex-reverse"
-      }, this.renderNotesButton(), this.renderStatusLabel(), /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
+      }, this.renderNotesButton(), this.renderStatusLabel(), /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "formTitleSmall",
         className: "flex-1"
       }, "Status History")), this.renderHistoryEntry(null, -1), ___default['default'].map(source, function (e, i) {
@@ -2958,7 +2964,7 @@ var Job = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderButtons",
     value: function renderButtons() {
-      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Components$1.Button, {
+      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Components$2.Button, {
         inline: true,
         buttonType: "tertiary",
         onClick: function onClick() {
@@ -2968,9 +2974,9 @@ var Job = /*#__PURE__*/function (_Component) {
         style: {
           marginRight: 16
         }
-      }, "Back"), Session$1.validateAccess(this.props.auth.site, 'maintenanceTracking', this.props.auth) && !___default['default'].isEmpty(this.state.job) && /*#__PURE__*/React__default['default'].createElement(reactRouterDom.Link, {
+      }, "Back"), Session$2.validateAccess(this.props.auth.site, 'maintenanceTracking', this.props.auth) && !___default['default'].isEmpty(this.state.job) && /*#__PURE__*/React__default['default'].createElement(reactRouterDom.Link, {
         to: "/requestsHub/job/".concat(this.state.jobId)
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Button, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Button, {
         inline: true,
         style: {
           marginRight: 25
@@ -2984,7 +2990,7 @@ var Job = /*#__PURE__*/function (_Component) {
     key: "renderAttachment",
     value: function renderAttachment(attachment, index, onRemove) {
       if (!attachment) return null;
-      return /*#__PURE__*/React__default['default'].createElement(Components$1.Attachment, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$2.Attachment, {
         key: index,
         uploading: attachment.Uploading,
         source: attachment.Source,
@@ -3002,7 +3008,7 @@ var Job = /*#__PURE__*/function (_Component) {
       if (!this.state.addNoteOpen) return null;
 
       if (this.state.submittingNote) {
-        return /*#__PURE__*/React__default['default'].createElement(Components$1.Popup, {
+        return /*#__PURE__*/React__default['default'].createElement(Components$2.Popup, {
           title: "Saving Note",
           maxWidth: 600,
           hasPadding: true
@@ -3014,7 +3020,7 @@ var Job = /*#__PURE__*/function (_Component) {
         })));
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(Components$1.Popup, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$2.Popup, {
         title: "".concat(this.state.editingNote ? 'Edit' : 'Add', " Note"),
         onClose: this.onCloseAddNote,
         maxWidth: 600,
@@ -3030,7 +3036,7 @@ var Job = /*#__PURE__*/function (_Component) {
           isActive: true,
           text: 'Cancel'
         }]
-      }, /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.GenericInput, {
         id: "noteInput",
         type: "textarea",
         componentClass: "textarea",
@@ -3042,7 +3048,7 @@ var Job = /*#__PURE__*/function (_Component) {
         inputStyle: {
           width: 400
         }
-      }), /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "h5"
       }, "Attachments"), this.state.noteAttachments.map(function (a, i) {
         return _this6.renderAttachment(a, i, _this6.onRemoveAttachment);
@@ -3072,25 +3078,25 @@ var Job = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPage, null, this.renderAddNotePopup(), /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageContents, null, /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageSection, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$2.OverlayPage, null, this.renderAddNotePopup(), /*#__PURE__*/React__default['default'].createElement(Components$2.OverlayPageContents, null, /*#__PURE__*/React__default['default'].createElement(Components$2.OverlayPageSection, {
         className: "pageSectionWrapper--newPopup"
-      }, this.renderInner()), /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageSection, {
+      }, this.renderInner()), /*#__PURE__*/React__default['default'].createElement(Components$2.OverlayPageSection, {
         className: "pageSectionWrapper--newPopupSide pageSectionWrapper--newPopupSide-fixedWidth"
-      }, this.renderOverview())), /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageBottomButtons, null, this.renderButtons()));
+      }, this.renderOverview())), /*#__PURE__*/React__default['default'].createElement(Components$2.OverlayPageBottomButtons, null, this.renderButtons()));
     }
   }]);
 
   return Job;
 }(React.Component);
 
-var mapStateToProps$1 = function mapStateToProps(state) {
+var mapStateToProps$2 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     auth: auth
   };
 };
 
-var Job$1 = reactRedux.connect(mapStateToProps$1, {
+var Job$1 = reactRedux.connect(mapStateToProps$2, {
   jobsLoaded: jobsLoaded
 })(reactRouter.withRouter(Job));
 
@@ -3098,9 +3104,9 @@ function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Actions = PlussCore__namespace.Actions,
-    Components = PlussCore__namespace.Components,
+    Components$1 = PlussCore__namespace.Components,
     Helper = PlussCore__namespace.Helper,
-    Session = PlussCore__namespace.Session;
+    Session$1 = PlussCore__namespace.Session;
 
 var AddJob = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AddJob, _Component);
@@ -3301,7 +3307,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
   _createClass__default['default'](AddJob, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
-      Session.checkLoggedIn(this, this.props.auth);
+      Session$1.checkLoggedIn(this, this.props.auth);
     }
   }, {
     key: "componentDidMount",
@@ -3332,7 +3338,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
     key: "renderSuccess",
     value: function renderSuccess() {
       if (!this.state.success) return null;
-      return /*#__PURE__*/React__default['default'].createElement(Components.SuccessPopup, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$1.SuccessPopup, {
         text: "Maintenance request has been ".concat(this.state.id != null ? 'edited' : 'added'),
         buttons: [{
           type: 'outlined',
@@ -3358,12 +3364,12 @@ var AddJob = /*#__PURE__*/function (_Component) {
       var _this3 = this;
 
       if (this.state.updating) {
-        return /*#__PURE__*/React__default['default'].createElement(Components.Button, {
+        return /*#__PURE__*/React__default['default'].createElement(Components$1.Button, {
           buttonType: "secondary"
         }, "Saving...");
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Components.Button, {
+      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Components$1.Button, {
         inline: true,
         buttonType: "tertiary",
         onClick: function onClick() {
@@ -3373,7 +3379,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
         style: {
           marginRight: 16
         }
-      }, "Cancel"), /*#__PURE__*/React__default['default'].createElement(Components.Button, {
+      }, "Cancel"), /*#__PURE__*/React__default['default'].createElement(Components$1.Button, {
         inline: true,
         buttonType: "primary",
         onClick: this.onSave,
@@ -3391,10 +3397,10 @@ var AddJob = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"
-      }, /*#__PURE__*/React__default['default'].createElement(Components.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
         type: "formTitleLarge",
         className: "marginBottom-24"
-      }, this.state.infoId == null ? 'New' : 'Edit', " Request"), /*#__PURE__*/React__default['default'].createElement(Components.GenericInput, {
+      }, this.state.infoId == null ? 'New' : 'Edit', " Request"), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         id: "userName",
         type: "text",
         label: "Name",
@@ -3411,7 +3417,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
         showError: function showError() {
           return _this4.state.showWarnings && ___default['default'].isEmpty(_this4.state.userName);
         }
-      }), /*#__PURE__*/React__default['default'].createElement(Components.GenericInput, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         id: "room",
         type: "text",
         label: "Location",
@@ -3428,7 +3434,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
         showError: function showError() {
           return _this4.state.showWarnings && ___default['default'].isEmpty(_this4.state.room);
         }
-      }), /*#__PURE__*/React__default['default'].createElement(Components.GenericInput, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         id: "phone",
         type: "text",
         label: "Contact number",
@@ -3443,7 +3449,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
         style: {
           marginBottom: 15
         }
-      }, /*#__PURE__*/React__default['default'].createElement(Components.Text, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
         type: "formLabel"
       }, "Job Type"), /*#__PURE__*/React__default['default'].createElement(reactBootstrap.DropdownButton, {
         style: {
@@ -3453,7 +3459,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
         title: this.state.type,
         id: "typeSelect",
         onSelect: this.onSelectType
-      }, this.renderTypeOptions())), /*#__PURE__*/React__default['default'].createElement(Components.GenericInput, {
+      }, this.renderTypeOptions())), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         id: "title",
         label: "Title for the work required",
         type: "textarea",
@@ -3473,7 +3479,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
           return _this4.state.showWarnings && ___default['default'].isEmpty(_this4.state.title);
         },
         alwaysShowLabel: true
-      }), /*#__PURE__*/React__default['default'].createElement(Components.GenericInput, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         id: "description",
         label: "Description of work required",
         type: "textarea",
@@ -3486,7 +3492,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
           height: 80
         },
         alwaysShowLabel: true
-      }), /*#__PURE__*/React__default['default'].createElement(Components.RadioButton, {
+      }), /*#__PURE__*/React__default['default'].createElement(Components$1.RadioButton, {
         label: "Person must be home during work?",
         isActive: this.state.isHome,
         options: [{
@@ -3506,7 +3512,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
             });
           }
         }]
-      }), this.state.isHome && /*#__PURE__*/React__default['default'].createElement(Components.GenericInput, {
+      }), this.state.isHome && /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         style: {
           marginTop: 16
         },
@@ -3535,30 +3541,218 @@ var AddJob = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var success = this.state.success;
-      return /*#__PURE__*/React__default['default'].createElement(Components.OverlayPage, null, /*#__PURE__*/React__default['default'].createElement(Components.OverlayPageContents, {
+      return /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPage, null, /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageContents, {
         noBottomButtons: success
-      }, /*#__PURE__*/React__default['default'].createElement(Components.OverlayPageSection, {
+      }, /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageSection, {
         className: "pageSectionWrapper--newPopup"
-      }, /*#__PURE__*/React__default['default'].createElement("div", null, this.renderSuccess(), !success && this.renderMain()))), /*#__PURE__*/React__default['default'].createElement(Components.OverlayPageBottomButtons, null, this.renderSubmit()));
+      }, /*#__PURE__*/React__default['default'].createElement("div", null, this.renderSuccess(), !success && this.renderMain()))), /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageBottomButtons, null, this.renderSubmit()));
     }
   }]);
 
   return AddJob;
 }(React.Component);
 
-var mapStateToProps = function mapStateToProps(state) {
+var mapStateToProps$1 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     auth: auth
   };
 };
 
-var AddJob$1 = reactRedux.connect(mapStateToProps, {
+var AddJob$1 = reactRedux.connect(mapStateToProps$1, {
   jobsUpdate: jobsUpdate,
   jobsLoaded: jobsLoaded,
   addRecentlyCreated: Actions.addRecentlyCreated
 })(reactRouter.withRouter(AddJob));
 
+var Analytics$1 = PlussCore__namespace.Analytics,
+    Session = PlussCore__namespace.Session,
+    Components = PlussCore__namespace.Components;
+
+var getInitialState = function getInitialState() {
+  return {
+    requests: 0,
+    prevRequests: 0,
+    completedRequests: 0,
+    prevCompletedRequests: 0,
+    comments: 0,
+    prevComments: 0,
+    isLoading: true
+  };
+}; // AnalyticsHub Component
+
+
+var AnalyticsHub = function AnalyticsHub(_ref) {
+  var startTime = _ref.startTime,
+      endTime = _ref.endTime,
+      auth = _ref.auth,
+      prevText = _ref.prevText,
+      dayCount = _ref.dayCount;
+
+  var _useState = React.useState(getInitialState()),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      analyticsData = _useState2[0],
+      setAnalyticsData = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      isExportOpen = _useState4[0],
+      setIsExportOpen = _useState4[1];
+
+  var hasAccess = Session.validateAccess(auth.site, 'maintenanceTracking', auth);
+
+  if (!hasAccess) {
+    return null;
+  }
+
+  var exportColumns = [{
+    label: 'Select All',
+    key: ''
+  }, {
+    label: 'Start Date',
+    key: 'startDate'
+  }, {
+    label: 'End Date',
+    key: 'endDate'
+  }, {
+    label: 'Requests',
+    key: 'requests'
+  }, {
+    label: 'Completed Requests',
+    key: 'completedRequests'
+  }, {
+    label: 'Comments',
+    key: 'comments'
+  }];
+  React.useEffect(function () {
+    getData();
+  }, [startTime, endTime]);
+
+  var getData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
+      var timeDifference, _yield$Promise$all, _yield$Promise$all2, currentStatsResponse, prevStatsResponse, data;
+
+      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setAnalyticsData(getInitialState()); // Load analytics data here using startTime and endTime
+
+              timeDifference = endTime - startTime;
+              _context.next = 4;
+              return Promise.all([analyticsActions.getAggregateEntityStats(auth.site, 'maintenancerequest', startTime, endTime, true), analyticsActions.getAggregateEntityStats(auth.site, 'maintenancerequest', startTime - timeDifference, startTime, true)]);
+
+            case 4:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = _slicedToArray__default['default'](_yield$Promise$all, 2);
+              currentStatsResponse = _yield$Promise$all2[0];
+              prevStatsResponse = _yield$Promise$all2[1];
+              data = {
+                requests: Analytics$1.countActivities(currentStatsResponse.data, 'Request', 'total'),
+                prevRequests: Analytics$1.countActivities(prevStatsResponse.data, 'Request', 'total'),
+                completedRequests: Analytics$1.countActivities(currentStatsResponse.data, 'RequestCompleted', 'unique'),
+                prevCompletedRequests: Analytics$1.countActivities(prevStatsResponse.data, 'RequestCompleted', 'unique'),
+                comments: Analytics$1.countActivities(currentStatsResponse.data, 'Comment', 'total'),
+                prevComments: Analytics$1.countActivities(prevStatsResponse.data, 'Comment', 'total'),
+                isLoading: false
+              };
+              setAnalyticsData(data);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function getData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var isReadyToOpenCSV = function isReadyToOpenCSV() {
+    return !analyticsData.isLoading;
+  };
+
+  var getExportSource = function getExportSource() {
+    return [{
+      startDate: moment__default['default'](startTime + 1).format('D-MM-YYYY'),
+      endDate: moment__default['default'](endTime).format('D-MM-YYYY'),
+      requests: analyticsData.requests,
+      completedRequests: analyticsData.completedRequests,
+      comments: analyticsData.comments
+    }];
+  };
+
+  var csvPopup = function csvPopup() {
+    if (!isExportOpen) {
+      return null;
+    }
+
+    var source = getExportSource();
+    return /*#__PURE__*/React__default['default'].createElement(Components.ExportCsvPopup, {
+      onClose: function onClose() {
+        setIsExportOpen(false);
+      },
+      columns: exportColumns,
+      source: source,
+      filename: "maintenanceanalytics_".concat(source[0].startDate, "_").concat(source[0].endDate, ".csv")
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "dashboardSection"
+  }, csvPopup(), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Components.Text, {
+    type: "h4",
+    className: "inlineBlock marginRight-40"
+  }, "Maintenance"), /*#__PURE__*/React__default['default'].createElement(Components.Button, {
+    inline: true,
+    buttonType: "primaryAction",
+    onClick: function onClick() {
+      if (!isReadyToOpenCSV()) return;
+      setIsExportOpen(true);
+    },
+    isActive: isReadyToOpenCSV(),
+    leftIcon: "file-code-o"
+  }, "Export CSV")), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "analyticsSection dashboardSection_content"
+  }, /*#__PURE__*/React__default['default'].createElement(Components.StatBox, {
+    title: "Requests",
+    icon: freeSolidSvgIcons.faWrench,
+    value: analyticsData.requests,
+    previousValue: analyticsData.prevRequests,
+    prevText: prevText,
+    viewGraphLink: "/chart?entity=maintenancerequest&startTime=".concat(startTime, "&endTime=").concat(endTime, "&key=Request&countType=total&dayCount=").concat(dayCount),
+    isLoading: analyticsData.isLoading
+  }), /*#__PURE__*/React__default['default'].createElement(Components.StatBox, {
+    title: "Completed Requests",
+    icon: freeSolidSvgIcons.faCircleCheck,
+    value: analyticsData.completedRequests,
+    previousValue: analyticsData.prevCompletedRequests,
+    prevText: prevText,
+    viewGraphLink: "/chart?entity=maintenancerequest&startTime=".concat(startTime, "&endTime=").concat(endTime, "&key=RequestCompleted&countType=unique&dayCount=").concat(dayCount),
+    isLoading: analyticsData.isLoading
+  }), /*#__PURE__*/React__default['default'].createElement(Components.StatBox, {
+    title: "Maintenance Comments",
+    icon: freeSolidSvgIcons.faComment,
+    value: analyticsData.comments,
+    previousValue: analyticsData.prevComments,
+    prevText: prevText,
+    viewGraphLink: "/chart?entity=maintenancerequest&startTime=".concat(startTime, "&endTime=").concat(endTime, "&key=Comment&countType=total&dayCount=").concat(dayCount),
+    isLoading: analyticsData.isLoading
+  })));
+};
+
+var mapStateToProps = function mapStateToProps(state) {
+  var auth = state.auth;
+  return {
+    auth: auth
+  };
+};
+
+var toExport = reactRedux.connect(mapStateToProps, {})(AnalyticsHub);
+
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -3954,8 +4148,10 @@ var Screens = {
   Job: Job$1,
   AddJob: AddJob$1
 };
+var Analytics = [toExport];
 
 exports.ActivityText = ActivityText;
+exports.Analytics = Analytics;
 exports.Config = FeatureConfig;
 exports.PreviewFull = PreviewFull;
 exports.PreviewGrid = PreviewGrid;