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

package/dist/index.esm.js

@@ -81,13 +81,7 @@ const values = {
   hasHelpButton: true,
   helpGuideURL: 'https://www.plusscommunities.com/forms-feature',
   stringConfigJobStatus: 'maintenanceJobStatusForms',
-  stringConfigHideSeen: 'maintenanceDisableSeenForms',
-  // Comment subscription notification preference
-  notificationPreference: {
-    key: 'maintenancerequestFormsComments',
-    label: 'Forms comments',
-    permission: 'maintenanceTrackingForms'
-  }
+  stringConfigHideSeen: 'maintenanceDisableSeenForms'
 };
 
 // import * as PlussCore from '../../pluss-core/src';
@@ -210,8 +204,7 @@ const FeatureConfig = {
   init: environment => {
     FeatureConfig.env = environment;
     PlussCore.Config.init(environment);
-  },
-  notificationPreference: values.notificationPreference
+  }
 };
 
 const JOBS_LOADED = values.actionJobsLoaded;
@@ -224,12 +217,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(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;
 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,
@@ -240,7 +233,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,
@@ -250,7 +243,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,
@@ -261,7 +254,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,
@@ -276,7 +269,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,
@@ -299,7 +292,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) {
@@ -317,14 +310,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
@@ -334,7 +327,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
@@ -344,7 +337,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
@@ -354,7 +347,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
@@ -364,7 +357,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
@@ -374,7 +367,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
       })
     });
@@ -382,7 +375,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,
@@ -395,7 +388,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,
@@ -409,7 +402,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,
@@ -429,7 +422,7 @@ const maintenanceActions = {
     };
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'createJobType'),
+      url: Helper$6.getUrl(values.serviceKey, 'createJobType'),
       data
     });
   },
@@ -447,14 +440,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
@@ -464,7 +457,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
       })
     });
@@ -472,7 +465,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
       }
@@ -481,7 +474,7 @@ const maintenanceActions = {
 };
 
 const {
-  Helper: Helper$4,
+  Helper: Helper$5,
   Session: Session$8
 } = PlussCore;
 const reactionActions = {
@@ -499,7 +492,7 @@ const reactionActions = {
     }
     return Session$8.authedFunction({
       method: 'POST',
-      url: Helper$4.getUrl('reactions', 'comments/add'),
+      url: Helper$5.getUrl('reactions', 'comments/add'),
       data
     });
   },
@@ -522,7 +515,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)
     });
   }
 };
@@ -556,7 +549,7 @@ var jobStatusOptions = [
 ];
 
 const {
-  Helper: Helper$3
+  Helper: Helper$4
 } = PlussCore;
 const jobsUpdate = (site, isdashboard) => {
   return dispatch => {
@@ -564,7 +557,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 (!_.isEmpty(res) && res[0].site === currentSite) {
         dispatch({
           type: JOBS_LOADED,
@@ -2701,7 +2694,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(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
@@ -3103,7 +3096,7 @@ class Job extends 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,
@@ -3306,7 +3299,7 @@ class Job extends Component {
       }, /*#__PURE__*/React.createElement("div", {
         className: "imageGrid_image",
         style: {
-          backgroundImage: "url('".concat(Helper$2.get1400(image), "')"),
+          backgroundImage: "url('".concat(Helper$3.get1400(image), "')"),
           width: size,
           height: size
         }
@@ -3521,7 +3514,7 @@ class Job extends Component {
       }]
     })), /*#__PURE__*/React.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 {
@@ -3955,7 +3948,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
@@ -4313,7 +4306,7 @@ class AddJob extends Component {
         if (_.isNil(answer) || _.isEmpty(answer)) return true;
         switch (type) {
           case "email":
-            return Helper$1.isEmail(answer);
+            return Helper$2.isEmail(answer);
           case "date":
             return moment(answer, "YYYY-MM-DD", true).isValid();
           case "time":
@@ -4334,7 +4327,7 @@ class AddJob extends 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,
@@ -4686,7 +4679,7 @@ class AddJob extends Component {
         return /*#__PURE__*/React.createElement("p", {
           className: "visitorSignIn_text-staticText",
           key: fieldId
-        }, Helper$1.toParagraphed(field.label, {
+        }, Helper$2.toParagraphed(field.label, {
           marginTop: 10
         }));
       case "date":
@@ -4941,7 +4934,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 = connect(mapStateToProps$2, {
@@ -4953,7 +4946,7 @@ var AddJob$1 = connect(mapStateToProps$2, {
 const {
   Components: Components$1,
   Session: Session$1,
-  Helper
+  Helper: Helper$1
 } = PlussCore;
 const DEFAULT_FIELD = {
   type: 'text',
@@ -4996,7 +4989,7 @@ class AddJobType extends Component {
       const {
         jobTypeEmail
       } = this.state;
-      return !_.isEmpty(jobTypeEmail) && Helper.isEmail(jobTypeEmail);
+      return !_.isEmpty(jobTypeEmail) && Helper$1.isEmail(jobTypeEmail);
     });
     _defineProperty(this, "isJobTypeValid", () => {
       const {
@@ -5198,7 +5191,7 @@ class AddJobType extends 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: '',
@@ -5750,7 +5743,8 @@ var AddJobType$1 = connect(mapStateToProps$1, {
 const {
   Analytics: Analytics$1,
   Session,
-  Components
+  Components,
+  Helper
 } = PlussCore;
 const getInitialState = () => ({
   requests: 0,
@@ -5770,10 +5764,21 @@ const AnalyticsHub = _ref => {
     auth,
     prevText,
     dayCount,
-    strings
+    strings,
+    userType,
+    userCategory,
+    selectedSites
   } = _ref;
   const [analyticsData, setAnalyticsData] = useState(getInitialState());
   const [isExportOpen, setIsExportOpen] = useState(false);
+  const [failedSites, setFailedSites] = useState([]);
+  const [comparisonData, setComparisonData] = 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;
@@ -5785,50 +5790,120 @@ const AnalyticsHub = _ref => {
     return strings.sideNav[key];
   })();
   const exportColumns = [{
-    label: 'Select All',
-    key: ''
-  }, {
-    label: 'Start Date',
-    key: 'startDate'
+    label: "Select All",
+    key: ""
+  }, ...(comparisonMode ? [{
+    label: "Site",
+    key: "site"
+  }] : []), {
+    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"
   }];
   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 roles = auth.user.Roles;
+      const failed = Object.entries(multiSiteResultsObj).filter(_ref2 => {
+        let [, data] = _ref2;
+        return data === null;
+      }).map(_ref3 => {
+        let [site] = _ref3;
+        return Helper.getSiteNameFromRoles(site, roles);
+      });
+      setFailedSites(failed);
+      const multiSiteResults = Object.entries(multiSiteResultsObj).filter(_ref4 => {
+        let [, data] = _ref4;
+        return data !== null;
+      }).map(_ref5 => {
+        let [site, data] = _ref5;
+        return {
+          site,
+          data
+        };
+      });
+      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 = () => {
+    if (comparisonMode) {
+      const sites = comparisonData.requests || [];
+      return sites.map((site, i) => {
+        var _comparisonData$compl, _comparisonData$comme;
+        return {
+          site: site.name,
+          startDate: moment(startTime + 1).format("D-MM-YYYY"),
+          endDate: moment(endTime).format("D-MM-YYYY"),
+          requests: site.value,
+          completedRequests: ((_comparisonData$compl = comparisonData.completedRequests[i]) === null || _comparisonData$compl === void 0 ? void 0 : _comparisonData$compl.value) || 0,
+          comments: ((_comparisonData$comme = comparisonData.comments[i]) === null || _comparisonData$comme === void 0 ? void 0 : _comparisonData$comme.value) || 0
+        };
+      });
+    }
     return [{
-      startDate: moment(startTime + 1).format('D-MM-YYYY'),
-      endDate: moment(endTime).format('D-MM-YYYY'),
+      startDate: moment(startTime + 1).format("D-MM-YYYY"),
+      endDate: moment(endTime).format("D-MM-YYYY"),
       requests: analyticsData.requests,
       completedRequests: analyticsData.completedRequests,
       comments: analyticsData.comments
@@ -5839,13 +5914,14 @@ const AnalyticsHub = _ref => {
       return null;
     }
     const source = getExportSource();
+    const filterSuffix = [userType, userCategory].filter(Boolean).map(f => f.toLowerCase().replace(/\s+/g, '-')).join('_');
     return /*#__PURE__*/React.createElement(Components.ExportCsvPopup, {
       onClose: () => {
         setIsExportOpen(false);
       },
       columns: exportColumns,
       source: source,
-      filename: "".concat(values.analyticsKey, "analytics_").concat(source[0].startDate, "_").concat(source[0].endDate, ".csv")
+      filename: "".concat(values.analyticsKey, "analytics").concat(comparisonMode ? '_comparison' : '').concat(filterSuffix ? "_".concat(filterSuffix) : '', "_").concat(source[0].startDate, "_").concat(source[0].endDate, ".csv")
     });
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -5862,33 +5938,68 @@ const AnalyticsHub = _ref => {
     },
     isActive: isReadyToOpenCSV(),
     leftIcon: "file-code-o"
-  }, "Export CSV")), /*#__PURE__*/React.createElement("div", {
+  }, "Export CSV")), failedSites.length > 0 && /*#__PURE__*/React.createElement(Components.Text, {
+    type: "help",
+    style: {
+      color: '#c02743'
+    }
+  }, "Data unavailable for: ", failedSites.join(', ')), /*#__PURE__*/React.createElement("div", {
     className: "analyticsSection dashboardSection_content"
-  }, /*#__PURE__*/React.createElement(Components.StatBox, {
-    title: "".concat(featureTitle, " Requests"),
-    icon: 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.createElement(Components.StatBox, {
-    title: "Completed ".concat(featureTitle, " Requests"),
-    icon: 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.createElement(Components.StatBox, {
-    title: "".concat(featureTitle, " Comments"),
-    icon: 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.createElement("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 16
+        }
+      }, /*#__PURE__*/React.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.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.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Components.StatBox, {
+      title: "".concat(featureTitle, " Requests"),
+      icon: 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.createElement(Components.StatBox, {
+      title: "Completed ".concat(featureTitle, " Requests"),
+      icon: 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.createElement(Components.StatBox, {
+      title: "".concat(featureTitle, " Comments"),
+      icon: 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 {