@plusscommunities/pluss-maintenance-web 1.1.36 → 1.1.37-beta.0

package/dist/index.cjs.js

@@ -112,13 +112,7 @@ const values = {
   hasHelpButton: true,
   helpGuideURL: '',
   stringConfigJobStatus: 'maintenanceJobStatus',
-  stringConfigHideSeen: 'maintenanceDisableSeen',
-  // Comment subscription notification preference
-  notificationPreference: {
-    key: 'maintenancerequestComments',
-    label: 'Maintenance comments',
-    permission: 'maintenanceTracking'
-  }
+  stringConfigHideSeen: 'maintenanceDisableSeen'
 };
 
 // import * as PlussCore from '../../pluss-core/src';
@@ -247,8 +241,7 @@ const FeatureConfig = {
   init: environment => {
     FeatureConfig.env = environment;
     PlussCore__namespace.Config.init(environment);
-  },
-  notificationPreference: values.notificationPreference
+  }
 };
 
 const JOBS_LOADED = values.actionJobsLoaded;
@@ -261,12 +254,12 @@ const JOBS_HIDE_SEEN = values.actionJobsHideSeen;
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const {
-  Helper: Helper$5,
+  Helper: Helper$6,
   Session: Session$9
 } = PlussCore__namespace;
 const maintenanceActions = {
   getJobType: (site, typeId) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getjobtype');
+    let url = Helper$6.getUrl(values.serviceKey, 'getjobtype');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -277,7 +270,7 @@ const maintenanceActions = {
     });
   },
   getJobTypes: (site, id) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getjobtypes');
+    let url = Helper$6.getUrl(values.serviceKey, 'getjobtypes');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -287,7 +280,7 @@ const maintenanceActions = {
     });
   },
   getJob: (site, id) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getJob');
+    let url = Helper$6.getUrl(values.serviceKey, 'getJob');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -298,7 +291,7 @@ const maintenanceActions = {
     });
   },
   getJobByJobId: (site, jobId) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getJob');
+    let url = Helper$6.getUrl(values.serviceKey, 'getJob');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -313,7 +306,7 @@ const maintenanceActions = {
     let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'getJobs'),
+      url: Helper$6.getUrl(values.serviceKey, 'getJobs'),
       data: {
         site,
         status,
@@ -336,7 +329,7 @@ const maintenanceActions = {
     }
     return Session$9.authedFunction({
       method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'get/requests', query)
+      url: Helper$6.getUrl(values.serviceKey, 'get/requests', query)
     });
   },
   getJobsRecursive: function (site, status, type, lastKey) {
@@ -354,14 +347,14 @@ const maintenanceActions = {
   createJob: job => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'sendMaintenance'),
+      url: Helper$6.getUrl(values.serviceKey, 'sendMaintenance'),
       data: _objectSpread$7({}, job)
     });
   },
   editJob: (job, site) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editJob'),
+      url: Helper$6.getUrl(values.serviceKey, 'editJob'),
       data: {
         job,
         site
@@ -371,7 +364,7 @@ const maintenanceActions = {
   deleteJob: (site, id) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/remove'),
+      url: Helper$6.getUrl(values.serviceKey, 'requests/remove'),
       data: {
         site,
         id
@@ -381,7 +374,7 @@ const maintenanceActions = {
   editJobStatus: (id, status) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editJobStatus'),
+      url: Helper$6.getUrl(values.serviceKey, 'editJobStatus'),
       data: {
         id,
         status
@@ -391,7 +384,7 @@ const maintenanceActions = {
   editJobPriority: (id, priority) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'update/priority'),
+      url: Helper$6.getUrl(values.serviceKey, 'update/priority'),
       data: {
         id,
         priority
@@ -401,7 +394,7 @@ const maintenanceActions = {
   assignJob: (jobId, userId) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'update/assign'),
+      url: Helper$6.getUrl(values.serviceKey, 'update/assign'),
       data: {
         id: jobId,
         userId
@@ -411,7 +404,7 @@ const maintenanceActions = {
   getAssignees: site => {
     return Session$9.authedFunction({
       method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'get/assignees', {
+      url: Helper$6.getUrl(values.serviceKey, 'get/assignees', {
         site
       })
     });
@@ -419,7 +412,7 @@ const maintenanceActions = {
   addNote: (jobId, note, attachments, images) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/note'),
+      url: Helper$6.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         note,
@@ -432,7 +425,7 @@ const maintenanceActions = {
   editNote: (jobId, noteId, note, attachments, images) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/note'),
+      url: Helper$6.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         note,
@@ -446,7 +439,7 @@ const maintenanceActions = {
   deleteNote: (jobId, noteId) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/note'),
+      url: Helper$6.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         noteId,
@@ -466,7 +459,7 @@ const maintenanceActions = {
     };
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'createJobType'),
+      url: Helper$6.getUrl(values.serviceKey, 'createJobType'),
       data
     });
   },
@@ -484,14 +477,14 @@ const maintenanceActions = {
     if (hasCustomFields && customFields) data.customFields = customFields;
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editJobType'),
+      url: Helper$6.getUrl(values.serviceKey, 'editJobType'),
       data
     });
   },
   deleteJobType: (site, id) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'deleteJobType'),
+      url: Helper$6.getUrl(values.serviceKey, 'deleteJobType'),
       data: {
         site,
         id
@@ -501,7 +494,7 @@ const maintenanceActions = {
   getExternalSync: jobId => {
     return Session$9.authedFunction({
       method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'get/externalsync', {
+      url: Helper$6.getUrl(values.serviceKey, 'get/externalsync', {
         id: jobId
       })
     });
@@ -509,7 +502,7 @@ const maintenanceActions = {
   retrySync: jobId => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'update/retrysync'),
+      url: Helper$6.getUrl(values.serviceKey, 'update/retrysync'),
       data: {
         id: jobId
       }
@@ -518,7 +511,7 @@ const maintenanceActions = {
 };
 
 const {
-  Helper: Helper$4,
+  Helper: Helper$5,
   Session: Session$8
 } = PlussCore__namespace;
 const reactionActions = {
@@ -536,7 +529,7 @@ const reactionActions = {
     }
     return Session$8.authedFunction({
       method: 'POST',
-      url: Helper$4.getUrl('reactions', 'comments/add'),
+      url: Helper$5.getUrl('reactions', 'comments/add'),
       data
     });
   },
@@ -559,7 +552,7 @@ const reactionActions = {
     }
     return Session$8.authedFunction({
       method: 'GET',
-      url: Helper$4.getUrl('reactions', 'comments/get', query)
+      url: Helper$5.getUrl('reactions', 'comments/get', query)
     });
   }
 };
@@ -593,7 +586,7 @@ var jobStatusOptions = [
 ];
 
 const {
-  Helper: Helper$3
+  Helper: Helper$4
 } = PlussCore__namespace;
 const jobsUpdate = (site, isdashboard) => {
   return dispatch => {
@@ -601,7 +594,7 @@ const jobsUpdate = (site, isdashboard) => {
       type: JOBS_LOADING
     });
     maintenanceActions.getJobsRecursive(site).then(res => {
-      const currentSite = Helper$3.readStorageWithCookie('site');
+      const currentSite = Helper$4.readStorageWithCookie('site');
       if (!___default["default"].isEmpty(res) && res[0].site === currentSite) {
         dispatch({
           type: JOBS_LOADED,
@@ -2738,7 +2731,7 @@ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const {
   Apis: Apis$1,
-  Helper: Helper$2,
+  Helper: Helper$3,
   Session: Session$3,
   Colours: Colours$1,
   Components: Components$3
@@ -3140,7 +3133,7 @@ class Job extends React.Component {
       }
     });
     this.state = {
-      jobId: Helper$2.safeReadParams(props, "jobId") ? props.match.params.jobId : null,
+      jobId: Helper$3.safeReadParams(props, "jobId") ? props.match.params.jobId : null,
       job: null,
       showingSelector: false,
       updating: false,
@@ -3343,7 +3336,7 @@ class Job extends React.Component {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "imageGrid_image",
         style: {
-          backgroundImage: "url('".concat(Helper$2.get1400(image), "')"),
+          backgroundImage: "url('".concat(Helper$3.get1400(image), "')"),
           width: size,
           height: size
         }
@@ -3558,7 +3551,7 @@ class Job extends React.Component {
       }]
     })), /*#__PURE__*/React__default["default"].createElement("p", {
       className: "maintenanceNote_text"
-    }, Helper$2.toParagraphed(note.Note)), note.Attachments.map((a, i) => this.renderAttachment(a, i)), note.Images && note.Images.length > 0 ? this.renderImageGrid(note.Images, IMAGE_SIZE_NOTE) : null));
+    }, Helper$3.toParagraphed(note.Note)), note.Attachments.map((a, i) => this.renderAttachment(a, i)), note.Images && note.Images.length > 0 ? this.renderImageGrid(note.Images, IMAGE_SIZE_NOTE) : null));
   }
   renderAssignment() {
     const {
@@ -3992,7 +3985,7 @@ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t
 const {
   Actions,
   Components: Components$2,
-  Helper: Helper$1,
+  Helper: Helper$2,
   Session: Session$2,
   Colours,
   Apis
@@ -4350,7 +4343,7 @@ class AddJob extends React.Component {
         if (___default["default"].isNil(answer) || ___default["default"].isEmpty(answer)) return true;
         switch (type) {
           case "email":
-            return Helper$1.isEmail(answer);
+            return Helper$2.isEmail(answer);
           case "date":
             return moment__default["default"](answer, "YYYY-MM-DD", true).isValid();
           case "time":
@@ -4371,7 +4364,7 @@ class AddJob extends React.Component {
     this.customImageInputs = {};
     this.customDocumentInputs = {};
     this.state = {
-      jobId: Helper$1.safeReadParams(this.props, "jobId") ? this.props.match.params.jobId : null,
+      jobId: Helper$2.safeReadParams(this.props, "jobId") ? this.props.match.params.jobId : null,
       job: null,
       showingSelector: false,
       updating: false,
@@ -4723,7 +4716,7 @@ class AddJob extends React.Component {
         return /*#__PURE__*/React__default["default"].createElement("p", {
           className: "visitorSignIn_text-staticText",
           key: fieldId
-        }, Helper$1.toParagraphed(field.label, {
+        }, Helper$2.toParagraphed(field.label, {
           marginTop: 10
         }));
       case "date":
@@ -4978,7 +4971,7 @@ const mapStateToProps$2 = state => {
   return {
     auth,
     strings: state.strings && state.strings.config || {},
-    optionOnlyForResidents: Helper$1.getSiteSettingFromState(state, values.optionOnlyForResidents)
+    optionOnlyForResidents: Helper$2.getSiteSettingFromState(state, values.optionOnlyForResidents)
   };
 };
 var AddJob$1 = reactRedux.connect(mapStateToProps$2, {
@@ -4990,7 +4983,7 @@ var AddJob$1 = reactRedux.connect(mapStateToProps$2, {
 const {
   Components: Components$1,
   Session: Session$1,
-  Helper
+  Helper: Helper$1
 } = PlussCore__namespace;
 const DEFAULT_FIELD = {
   type: 'text',
@@ -5033,7 +5026,7 @@ class AddJobType extends React.Component {
       const {
         jobTypeEmail
       } = this.state;
-      return !___default["default"].isEmpty(jobTypeEmail) && Helper.isEmail(jobTypeEmail);
+      return !___default["default"].isEmpty(jobTypeEmail) && Helper$1.isEmail(jobTypeEmail);
     });
     _defineProperty__default["default"](this, "isJobTypeValid", () => {
       const {
@@ -5235,7 +5228,7 @@ class AddJobType extends React.Component {
     }];
     this.state = {
       loading: false,
-      jobTypeId: Helper.safeReadParams(this.props, 'jobTypeId') ? this.props.match.params.jobTypeId : null,
+      jobTypeId: Helper$1.safeReadParams(this.props, 'jobTypeId') ? this.props.match.params.jobTypeId : null,
       jobTypeName: '',
       jobTypeEmail: '',
       jobTypeDescription: '',
@@ -5803,7 +5796,8 @@ var AddJobType$1 = reactRedux.connect(mapStateToProps$1, {
 const {
   Analytics: Analytics$1,
   Session,
-  Components
+  Components,
+  Helper
 } = PlussCore__namespace;
 const getInitialState = () => ({
   requests: 0,
@@ -5823,10 +5817,20 @@ const AnalyticsHub = _ref => {
     auth,
     prevText,
     dayCount,
-    strings
+    strings,
+    userType,
+    userCategory,
+    selectedSites
   } = _ref;
   const [analyticsData, setAnalyticsData] = React.useState(getInitialState());
   const [isExportOpen, setIsExportOpen] = React.useState(false);
+  const [comparisonData, setComparisonData] = React.useState({
+    requests: [],
+    completedRequests: [],
+    comments: [],
+    isLoading: true
+  });
+  const comparisonMode = selectedSites && selectedSites.length > 1;
   const hasAccess = Session.validateAccess(auth.site, values.permissionMaintenanceTracking, auth);
   if (!hasAccess) {
     return null;
@@ -5838,50 +5842,92 @@ const AnalyticsHub = _ref => {
     return strings.sideNav[key];
   })();
   const exportColumns = [{
-    label: 'Select All',
-    key: ''
+    label: "Select All",
+    key: ""
   }, {
-    label: 'Start Date',
-    key: 'startDate'
+    label: "Start Date",
+    key: "startDate"
   }, {
-    label: 'End Date',
-    key: 'endDate'
+    label: "End Date",
+    key: "endDate"
   }, {
     label: "".concat(values.textSingularName, "s"),
-    key: 'requests'
+    key: "requests"
   }, {
     label: "Completed ".concat(values.textSingularName, "s"),
-    key: 'completedRequests'
+    key: "completedRequests"
   }, {
-    label: 'Comments',
-    key: 'comments'
+    label: "Comments",
+    key: "comments"
   }];
   React.useEffect(() => {
     getData();
-  }, [startTime, endTime]);
+  }, [startTime, endTime, userType, userCategory, selectedSites]);
   const getData = async () => {
-    setAnalyticsData(getInitialState());
-    // Load analytics data here using startTime and endTime
-    const timeDifference = endTime - startTime;
-    const [currentStatsResponse, prevStatsResponse] = await Promise.all([analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime, endTime, true), analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime - timeDifference, startTime, true)]);
-    const 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);
+    if (comparisonMode) {
+      setComparisonData({
+        requests: [],
+        completedRequests: [],
+        comments: [],
+        isLoading: true
+      });
+      const multiSiteResultsObj = await Analytics$1.fetchMultiSiteData(selectedSites, async site => {
+        const {
+          data
+        } = await analyticsActions.getAggregateEntityStats(site, values.analyticsKey, startTime, endTime, true, {
+          userType,
+          userCategory
+        });
+        return data;
+      });
+      const multiSiteResults = Object.entries(multiSiteResultsObj).map(_ref2 => {
+        let [site, data] = _ref2;
+        return {
+          site,
+          data
+        };
+      });
+      const roles = auth.user.Roles;
+      const buildComparison = (activityKey, countType) => multiSiteResults.map(result => ({
+        name: Helper.getSiteNameFromRoles(result.site, roles),
+        value: Analytics$1.countActivities(result.data, activityKey, countType)
+      }));
+      setComparisonData({
+        requests: buildComparison("Request", "total"),
+        completedRequests: buildComparison("RequestCompleted", "unique"),
+        comments: buildComparison("Comment", "total"),
+        isLoading: false
+      });
+    } else {
+      setAnalyticsData(getInitialState());
+      const site = selectedSites && selectedSites.length === 1 ? selectedSites[0] : auth.site;
+      const timeDifference = endTime - startTime;
+      const [currentStatsResponse, prevStatsResponse] = await Promise.all([analyticsActions.getAggregateEntityStats(site, values.analyticsKey, startTime, endTime, true, {
+        userType,
+        userCategory
+      }), analyticsActions.getAggregateEntityStats(site, values.analyticsKey, startTime - timeDifference, startTime, true, {
+        userType,
+        userCategory
+      })]);
+      const 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);
+    }
   };
   const isReadyToOpenCSV = () => {
-    return !analyticsData.isLoading;
+    return comparisonMode ? !comparisonData.isLoading : !analyticsData.isLoading;
   };
   const getExportSource = () => {
     return [{
-      startDate: moment__default["default"](startTime + 1).format('D-MM-YYYY'),
-      endDate: moment__default["default"](endTime).format('D-MM-YYYY'),
+      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
@@ -5917,31 +5963,61 @@ const AnalyticsHub = _ref => {
     leftIcon: "file-code-o"
   }, "Export CSV")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "analyticsSection dashboardSection_content"
-  }, /*#__PURE__*/React__default["default"].createElement(Components.StatBox, {
-    title: "".concat(featureTitle, " Requests"),
-    icon: freeSolidSvgIcons.faWrench,
-    value: analyticsData.requests,
-    previousValue: analyticsData.prevRequests,
-    prevText: prevText,
-    viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&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 ".concat(featureTitle, " Requests"),
-    icon: freeSolidSvgIcons.faCircleCheck,
-    value: analyticsData.completedRequests,
-    previousValue: analyticsData.prevCompletedRequests,
-    prevText: prevText,
-    viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=RequestCompleted&countType=unique&dayCount=").concat(dayCount),
-    isLoading: analyticsData.isLoading
-  }), /*#__PURE__*/React__default["default"].createElement(Components.StatBox, {
-    title: "".concat(featureTitle, " Comments"),
-    icon: freeSolidSvgIcons.faComment,
-    value: analyticsData.comments,
-    previousValue: analyticsData.prevComments,
-    prevText: prevText,
-    viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Comment&countType=total&dayCount=").concat(dayCount),
-    isLoading: analyticsData.isLoading
-  })));
+  }, (() => {
+    const chartSuffix = [selectedSites && selectedSites.length > 0 ? "&sites=".concat(selectedSites.join(",")) : "", userType ? "&userType=".concat(encodeURIComponent(userType)) : "", userCategory ? "&userCategory=".concat(encodeURIComponent(userCategory)) : ""].join("");
+    if (comparisonMode) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 16
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Components.ComparisonStatBox, {
+        title: "".concat(featureTitle, " Requests"),
+        data: comparisonData.requests,
+        prevText: prevText,
+        viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Request&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+        isLoading: comparisonData.isLoading
+      }), /*#__PURE__*/React__default["default"].createElement(Components.ComparisonStatBox, {
+        title: "Completed ".concat(featureTitle, " Requests"),
+        data: comparisonData.completedRequests,
+        prevText: prevText,
+        viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=RequestCompleted&countType=unique&dayCount=").concat(dayCount).concat(chartSuffix),
+        isLoading: comparisonData.isLoading
+      }), /*#__PURE__*/React__default["default"].createElement(Components.ComparisonStatBox, {
+        title: "".concat(featureTitle, " Comments"),
+        data: comparisonData.comments,
+        prevText: prevText,
+        viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Comment&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+        isLoading: comparisonData.isLoading
+      }));
+    }
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Components.StatBox, {
+      title: "".concat(featureTitle, " Requests"),
+      icon: freeSolidSvgIcons.faWrench,
+      value: analyticsData.requests,
+      previousValue: analyticsData.prevRequests,
+      prevText: prevText,
+      viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Request&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+      isLoading: analyticsData.isLoading
+    }), /*#__PURE__*/React__default["default"].createElement(Components.StatBox, {
+      title: "Completed ".concat(featureTitle, " Requests"),
+      icon: freeSolidSvgIcons.faCircleCheck,
+      value: analyticsData.completedRequests,
+      previousValue: analyticsData.prevCompletedRequests,
+      prevText: prevText,
+      viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=RequestCompleted&countType=unique&dayCount=").concat(dayCount).concat(chartSuffix),
+      isLoading: analyticsData.isLoading
+    }), /*#__PURE__*/React__default["default"].createElement(Components.StatBox, {
+      title: "".concat(featureTitle, " Comments"),
+      icon: freeSolidSvgIcons.faComment,
+      value: analyticsData.comments,
+      previousValue: analyticsData.prevComments,
+      prevText: prevText,
+      viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Comment&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+      isLoading: analyticsData.isLoading
+    }));
+  })()));
 };
 const mapStateToProps = state => {
   const {