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

package/dist/index.cjs.js

@@ -6,12 +6,12 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var reactRedux = require('react-redux');
 var reactRouter = require('react-router');
-var _ = require('lodash');
-var moment = require('moment');
-var FontAwesome = require('react-fontawesome');
 var PlussCore = require('@plusscommunities/pluss-core-web');
 var reactBootstrap = require('react-bootstrap');
 var reactRouterDom = require('react-router-dom');
+var FontAwesome = require('react-fontawesome');
+var moment = require('moment');
+var _ = require('lodash');
 var Textarea = require('react-textarea-autosize');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 
@@ -37,10 +37,10 @@ function _interopNamespace(e) {
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-var FontAwesome__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesome);
 var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
+var FontAwesome__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesome);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 
 const values = {
@@ -249,12 +249,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$4,
   Session: Session$9
 } = PlussCore__namespace;
-const maintenanceActions = {
+const maintenanceActions$1 = {
   getJobType: (site, typeId) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getjobtype');
+    let url = Helper$4.getUrl(values.serviceKey, 'getjobtype');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -265,7 +265,7 @@ const maintenanceActions = {
     });
   },
   getJobTypes: (site, id) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getjobtypes');
+    let url = Helper$4.getUrl(values.serviceKey, 'getjobtypes');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -275,7 +275,7 @@ const maintenanceActions = {
     });
   },
   getJob: (site, id) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getJob');
+    let url = Helper$4.getUrl(values.serviceKey, 'getJob');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -286,7 +286,7 @@ const maintenanceActions = {
     });
   },
   getJobByJobId: (site, jobId) => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getJob');
+    let url = Helper$4.getUrl(values.serviceKey, 'getJob');
     return Session$9.authedFunction({
       method: 'POST',
       url,
@@ -301,7 +301,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$4.getUrl(values.serviceKey, 'getJobs'),
       data: {
         site,
         status,
@@ -309,7 +309,7 @@ const maintenanceActions = {
       }
     });
   },
-  getJobs2: (site, status, type, lastKey) => {
+  getJobs2: (site, status, type, priority, assignee, startTime, endTime, search, lastKey) => {
     const query = {
       site
     };
@@ -319,37 +319,57 @@ const maintenanceActions = {
     if (type) {
       query.type = type;
     }
+    if (priority) {
+      query.priority = priority;
+    }
+    if (assignee) {
+      query.assignee = assignee;
+    }
+    if (startTime) {
+      query.startTime = startTime;
+    }
+    if (endTime) {
+      query.endTime = endTime;
+    }
+    if (search) {
+      query.search = search;
+    }
     if (lastKey) {
       query.lastKey = JSON.stringify(lastKey);
     }
     return Session$9.authedFunction({
       method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'get/requests', query)
+      url: Helper$4.getUrl(values.serviceKey, 'get/requests', query)
     });
   },
+  /**
+   * @deprecated Use getJobs2 with pagination instead.
+   * This method recursively fetches ALL pages which can be slow for large datasets.
+   * Only use for CSV export where all data is needed.
+   */
   getJobsRecursive: function (site, status, type, lastKey) {
     let jobs = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-    return new Promise(resolve => {
-      maintenanceActions.getJobs2(site, status, type, lastKey).then(jobRes => {
+    return new Promise((resolve, reject) => {
+      maintenanceActions$1.getJobs2(site, status, type, undefined, undefined, undefined, undefined, undefined, lastKey).then(jobRes => {
         const newJobs = [...jobs, ...jobRes.data.Items];
         if (!jobRes.data.LastKey) {
           return resolve(newJobs);
         }
-        return resolve(maintenanceActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));
-      });
+        maintenanceActions$1.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs).then(resolve).catch(reject);
+      }).catch(reject);
     });
   },
   createJob: job => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'sendMaintenance'),
+      url: Helper$4.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$4.getUrl(values.serviceKey, 'editJob'),
       data: {
         job,
         site
@@ -359,7 +379,7 @@ const maintenanceActions = {
   deleteJob: (site, id) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/remove'),
+      url: Helper$4.getUrl(values.serviceKey, 'requests/remove'),
       data: {
         site,
         id
@@ -369,7 +389,7 @@ const maintenanceActions = {
   editJobStatus: (id, status) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editJobStatus'),
+      url: Helper$4.getUrl(values.serviceKey, 'editJobStatus'),
       data: {
         id,
         status
@@ -379,7 +399,7 @@ const maintenanceActions = {
   editJobPriority: (id, priority) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'update/priority'),
+      url: Helper$4.getUrl(values.serviceKey, 'update/priority'),
       data: {
         id,
         priority
@@ -389,7 +409,7 @@ const maintenanceActions = {
   assignJob: (jobId, userId) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'update/assign'),
+      url: Helper$4.getUrl(values.serviceKey, 'update/assign'),
       data: {
         id: jobId,
         userId
@@ -399,7 +419,7 @@ const maintenanceActions = {
   getAssignees: site => {
     return Session$9.authedFunction({
       method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'get/assignees', {
+      url: Helper$4.getUrl(values.serviceKey, 'get/assignees', {
         site
       })
     });
@@ -407,7 +427,7 @@ const maintenanceActions = {
   addNote: (jobId, note, attachments, images) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/note'),
+      url: Helper$4.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         note,
@@ -420,7 +440,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$4.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         note,
@@ -434,7 +454,7 @@ const maintenanceActions = {
   deleteNote: (jobId, noteId) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'requests/note'),
+      url: Helper$4.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         noteId,
@@ -454,7 +474,7 @@ const maintenanceActions = {
     };
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'createJobType'),
+      url: Helper$4.getUrl(values.serviceKey, 'createJobType'),
       data
     });
   },
@@ -472,14 +492,14 @@ const maintenanceActions = {
     if (hasCustomFields && customFields) data.customFields = customFields;
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editJobType'),
+      url: Helper$4.getUrl(values.serviceKey, 'editJobType'),
       data
     });
   },
   deleteJobType: (site, id) => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'deleteJobType'),
+      url: Helper$4.getUrl(values.serviceKey, 'deleteJobType'),
       data: {
         site,
         id
@@ -489,7 +509,7 @@ const maintenanceActions = {
   getExternalSync: jobId => {
     return Session$9.authedFunction({
       method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'get/externalsync', {
+      url: Helper$4.getUrl(values.serviceKey, 'get/externalsync', {
         id: jobId
       })
     });
@@ -497,7 +517,7 @@ const maintenanceActions = {
   retrySync: jobId => {
     return Session$9.authedFunction({
       method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'update/retrysync'),
+      url: Helper$4.getUrl(values.serviceKey, 'update/retrysync'),
       data: {
         id: jobId
       }
@@ -506,7 +526,7 @@ const maintenanceActions = {
 };
 
 const {
-  Helper: Helper$4,
+  Helper: Helper$3,
   Session: Session$8
 } = PlussCore__namespace;
 const reactionActions = {
@@ -524,7 +544,7 @@ const reactionActions = {
     }
     return Session$8.authedFunction({
       method: 'POST',
-      url: Helper$4.getUrl('reactions', 'comments/add'),
+      url: Helper$3.getUrl('reactions', 'comments/add'),
       data
     });
   },
@@ -547,7 +567,7 @@ const reactionActions = {
     }
     return Session$8.authedFunction({
       method: 'GET',
-      url: Helper$4.getUrl('reactions', 'comments/get', query)
+      url: Helper$3.getUrl('reactions', 'comments/get', query)
     });
   }
 };
@@ -580,30 +600,6 @@ var jobStatusOptions = [
 	}
 ];
 
-const {
-  Helper: Helper$3
-} = PlussCore__namespace;
-const jobsUpdate = (site, isdashboard) => {
-  return dispatch => {
-    if (isdashboard) dispatch({
-      type: JOBS_LOADING
-    });
-    maintenanceActions.getJobsRecursive(site).then(res => {
-      const currentSite = Helper$3.readStorageWithCookie('site');
-      if (!___default["default"].isEmpty(res) && res[0].site === currentSite) {
-        dispatch({
-          type: JOBS_LOADED,
-          payload: res
-        });
-      } else {
-        dispatch({
-          type: JOBS_LOADED,
-          payload: []
-        });
-      }
-    });
-  };
-};
 const jobsLoaded = events => {
   return {
     type: JOBS_LOADED,
@@ -750,41 +746,241 @@ const {
 } = PlussCore__namespace;
 class JobList extends React.Component {
   constructor(props) {
+    var _this;
     super(props);
-    _defineProperty__default["default"](this, "setRequesters", jobs => {
-      const requesters = ___default["default"].orderBy(___default["default"].uniqBy(jobs.map(j => ({
-        id: j.userID,
-        displayName: j.userName,
-        profilePic: j.userProfilePic
-      })), 'id'), 'displayName', 'asc');
-      this.setState({
-        requesters
-      });
+    _this = this;
+    _defineProperty__default["default"](this, "getAssignees", async () => {
+      try {
+        const res = await maintenanceActions$1.getAssignees(this.props.auth.site);
+        this.setState({
+          assignees: res.data.Users
+        });
+      } catch (error) {
+        console.error('getAssignees', error);
+      }
     });
-    _defineProperty__default["default"](this, "getJobs", async () => {
+    /**
+     * Build server-side filter params from current filter state.
+     * Translates UI filter selections into API query parameters.
+     */
+    _defineProperty__default["default"](this, "buildFilterParams", () => {
       const {
-        auth
+        selectedStatusFilter,
+        selectedTypeFilter,
+        selectedPriorityFilter,
+        selectedUserFilter,
+        selectedTimeFilterStart,
+        selectedTimeFilterEnd,
+        searchTerm
+      } = this.state;
+      const {
+        statusTypes
       } = this.props;
-      try {
-        const res = await maintenanceActions.getJobsRecursive(auth.site);
-        if (!___default["default"].isEmpty(res) && res[0].site === auth.site) {
-          this.setRequesters(res);
-          this.props.jobsLoaded(res);
+      const params = {};
+
+      // Status filter: translate "All Incomplete" into the actual incomplete statuses
+      if (selectedStatusFilter) {
+        if (selectedStatusFilter === STATUS_IMCOMPLETE) {
+          // Exclude completed statuses - pass all non-completed status texts
+          const incompleteStatuses = statusTypes.filter(s => s.category !== STATUS_COMPLETED).map(s => s.text);
+          if (incompleteStatuses.length > 0) {
+            params.status = incompleteStatuses.join(',');
+          }
+        } else {
+          params.status = selectedStatusFilter;
         }
-      } catch (error) {
-        console.error('getJobs', error);
       }
+      if (selectedTypeFilter) {
+        params.type = selectedTypeFilter;
+      }
+      if (selectedPriorityFilter) {
+        params.priority = selectedPriorityFilter;
+      }
+      if (selectedUserFilter) {
+        params.assignee = selectedUserFilter;
+      }
+      if (selectedTimeFilterStart) {
+        params.startTime = selectedTimeFilterStart;
+      }
+      if (selectedTimeFilterEnd) {
+        params.endTime = selectedTimeFilterEnd;
+      }
+      if (searchTerm) {
+        params.search = searchTerm;
+      }
+      return params;
+    });
+    /**
+     * Minimum number of items to auto-fill before stopping background fetch.
+     * Because DynamoDB pages are unfiltered and the backend filters after
+     * query, a single page may yield very few matching results. We keep
+     * fetching in the background until we have this many items to display.
+     */
+    _defineProperty__default["default"](this, "MIN_PAGE_SIZE", 20);
+    /**
+     * Monotonically increasing ID used to ignore stale fetch results.
+     * When a filter changes, fetchJobs() increments this counter. Any
+     * in-flight fetch or autoFillPages loop checks the counter before
+     * applying results — if it doesn't match, the results are discarded.
+     *
+     * Alternative: AbortController would actually cancel the HTTP request
+     * (axios supports it via the `signal` config option). That would save
+     * bandwidth and server load but requires threading `signal` through
+     * authedFunction → getJobs2 → fetchPage (3 layers). The fetchId
+     * approach is simpler and sufficient — stale requests still complete
+     * in the background but their results are ignored.
+     */
+    _defineProperty__default["default"](this, "_fetchId", 0);
+    /**
+     * Fetch a single page from the server using the given lastKey.
+     */
+    _defineProperty__default["default"](this, "fetchPage", async function () {
+      let lastKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      const {
+        auth
+      } = _this.props;
+      const filters = _this.buildFilterParams();
+      return maintenanceActions$1.getJobs2(auth.site, filters.status, filters.type, filters.priority, filters.assignee, filters.startTime, filters.endTime, filters.search, lastKey);
+    });
+    /**
+     * Fetch the first page and render immediately.
+     * If fewer than MIN_PAGE_SIZE items returned and there's more data,
+     * kicks off a background loop that keeps fetching and appending
+     * so results appear progressively.
+     */
+    _defineProperty__default["default"](this, "fetchJobs", async () => {
+      const fetchId = ++this._fetchId;
+      this.setState({
+        loading: true,
+        loadingMore: false
+      }, async () => {
+        try {
+          const res = await this.fetchPage(null);
+          if (this._fetchId !== fetchId) return; // stale fetch
+
+          const items = res.data.Items || [];
+          const lastKey = res.data.LastKey || null;
+          this.setState({
+            jobs: items,
+            lastKey,
+            hasMore: !!lastKey,
+            loading: false
+          });
+          this.props.jobsLoaded(items);
+          this.setRequesters(items);
+
+          // Auto-fill in background if first page was sparse
+          if (lastKey && items.length < this.MIN_PAGE_SIZE) {
+            this.autoFillPages(items, lastKey, fetchId);
+          }
+        } catch (error) {
+          if (this._fetchId !== fetchId) return; // stale fetch
+          console.error('fetchJobs', error);
+          this.setState({
+            loading: false
+          });
+        }
+      });
     });
-    _defineProperty__default["default"](this, "getAssignees", async () => {
+    /**
+     * Background loop: keep fetching pages and appending results
+     * until we have MIN_PAGE_SIZE items or run out of data.
+     * Each page is rendered as it arrives so the user sees
+     * results appearing progressively.
+     */
+    _defineProperty__default["default"](this, "autoFillPages", async (existingJobs, startKey, fetchId) => {
+      this.setState({
+        loadingMore: true
+      });
+      let currentJobs = existingJobs;
+      let currentLastKey = startKey;
       try {
-        const res = await maintenanceActions.getAssignees(this.props.auth.site);
-        this.setState({
-          assignees: res.data.Users
-        });
+        while (currentLastKey && currentJobs.length < this.MIN_PAGE_SIZE) {
+          const res = await this.fetchPage(currentLastKey);
+          if (this._fetchId !== fetchId) return; // stale fetch
+
+          const items = res.data.Items || [];
+          currentLastKey = res.data.LastKey || null;
+          currentJobs = [...currentJobs, ...items];
+
+          // Append to UI immediately after each page arrives
+          this.setState({
+            jobs: currentJobs,
+            lastKey: currentLastKey,
+            hasMore: !!currentLastKey
+          });
+          if (items.length > 0) {
+            this.props.jobsLoaded(items);
+            this.setRequesters(currentJobs);
+          }
+        }
       } catch (error) {
-        console.error('getAssignees', error);
+        if (this._fetchId !== fetchId) return; // stale fetch
+        console.error('autoFillPages', error);
+      } finally {
+        if (this._fetchId === fetchId) {
+          this.setState({
+            loadingMore: false
+          });
+        }
       }
     });
+    /**
+     * Load the next batch of jobs when the user clicks "Load More".
+     * Fetches one page and also auto-fills in background if sparse.
+     */
+    _defineProperty__default["default"](this, "loadMore", async () => {
+      const fetchId = ++this._fetchId;
+      const {
+        lastKey,
+        jobs
+      } = this.state;
+      this.setState({
+        loadingMore: true
+      }, async () => {
+        try {
+          const res = await this.fetchPage(lastKey);
+          if (this._fetchId !== fetchId) return; // stale fetch
+
+          const items = res.data.Items || [];
+          const newLastKey = res.data.LastKey || null;
+          const updatedJobs = [...jobs, ...items];
+          this.setState({
+            jobs: updatedJobs,
+            lastKey: newLastKey,
+            hasMore: !!newLastKey
+          });
+          if (items.length > 0) {
+            this.props.jobsLoaded(items);
+          }
+
+          // Auto-fill in background if this page was sparse
+          if (newLastKey && items.length < this.MIN_PAGE_SIZE) {
+            this.autoFillPages(updatedJobs, newLastKey, fetchId);
+          } else {
+            this.setState({
+              loadingMore: false
+            });
+          }
+        } catch (error) {
+          if (this._fetchId !== fetchId) return; // stale fetch
+          console.error('loadMore', error);
+          this.setState({
+            loadingMore: false
+          });
+        }
+      });
+    });
+    _defineProperty__default["default"](this, "setRequesters", jobs => {
+      const requesters = ___default["default"].orderBy(___default["default"].uniqBy(jobs.map(j => ({
+        id: j.userID,
+        displayName: j.userName,
+        profilePic: j.userProfilePic
+      })), 'id'), 'displayName', 'asc');
+      this.setState({
+        requesters
+      });
+    });
     _defineProperty__default["default"](this, "sortByCol", col => {
       const {
         sortColumn,
@@ -804,9 +1000,12 @@ class JobList extends React.Component {
     _defineProperty__default["default"](this, "onRemoveRequest", async request => {
       if (window.confirm(values.textAreYouSureYouWantToDelete)) {
         this.props.removeJob(request.id);
+        // Remove from local state immediately
+        this.setState(prevState => ({
+          jobs: prevState.jobs.filter(j => j.id !== request.id)
+        }));
         try {
-          await maintenanceActions.deleteJob(this.props.auth.site, request.id);
-          this.getJobs();
+          await maintenanceActions$1.deleteJob(this.props.auth.site, request.id);
         } catch (error) {
           console.log('onRemoveRequest', error);
           alert('Something went wrong with the request. Please try again.');
@@ -825,20 +1024,20 @@ class JobList extends React.Component {
     });
     _defineProperty__default["default"](this, "selectTypeFilter", filter => {
       this.setState({
-        selectedTypeFilter: filter
-      });
+        selectedTypeFilter: filter || null
+      }, () => this.fetchJobs());
       this.closeFilter();
     });
     _defineProperty__default["default"](this, "selectPriorityFilter", filter => {
       this.setState({
-        selectedPriorityFilter: filter
-      });
+        selectedPriorityFilter: filter || null
+      }, () => this.fetchJobs());
       this.closeFilter();
     });
     _defineProperty__default["default"](this, "selectStatusFilter", filter => {
       this.setState({
-        selectedStatusFilter: filter
-      });
+        selectedStatusFilter: filter || null
+      }, () => this.fetchJobs());
       this.closeFilter();
     });
     _defineProperty__default["default"](this, "timeFilterChanged", selectedTimeFilter => {
@@ -882,7 +1081,7 @@ class JobList extends React.Component {
         selectedTimeFilterStart: startTime,
         selectedTimeFilterEnd: endTime,
         selectedTimeFilterText: text
-      });
+      }, () => this.fetchJobs());
       this.closeFilter();
     });
     _defineProperty__default["default"](this, "removeTimeFilter", () => {
@@ -890,7 +1089,7 @@ class JobList extends React.Component {
         selectedTimeFilterStart: null,
         selectedTimeFilterEnd: null,
         selectedTimeFilterText: null
-      });
+      }, () => this.fetchJobs());
     });
     _defineProperty__default["default"](this, "onHandleChange", event => {
       var stateChange = {};
@@ -906,7 +1105,7 @@ class JobList extends React.Component {
       this.setState({
         selectedUserFilter: null,
         selectedUserFilterText: null
-      });
+      }, () => this.fetchJobs());
     });
     _defineProperty__default["default"](this, "saveUserFilter", () => {
       if (!this.state.selectedAssignee) {
@@ -916,7 +1115,7 @@ class JobList extends React.Component {
           selectedUserFilter: this.state.selectedAssignee.id,
           selectedUserFilterText: this.state.selectedAssignee.displayName,
           selectedAssignee: null
-        });
+        }, () => this.fetchJobs());
       }
       this.closeFilter();
     });
@@ -929,7 +1128,7 @@ class JobList extends React.Component {
       this.setState({
         selectedRequesterFilter: null,
         selectedRequesterFilterText: null
-      });
+      }, () => this.fetchJobs());
     });
     _defineProperty__default["default"](this, "saveRequesterFilter", () => {
       if (!this.state.selectedRequester) {
@@ -939,7 +1138,7 @@ class JobList extends React.Component {
           selectedRequesterFilter: this.state.selectedRequester.id,
           selectedRequesterFilterText: this.state.selectedRequester.displayName,
           selectedRequester: null
-        });
+        }, () => this.fetchJobs());
       }
       this.closeFilter();
     });
@@ -950,85 +1149,47 @@ class JobList extends React.Component {
         lastSearch: thisSearchTime
       });
       setTimeout(() => {
-        // delayed setter to avoid filtering on every keypress
+        // delayed setter to avoid searching on every keypress
         if (this.state.lastSearch === thisSearchTime) {
           this.setState({
             searchTerm: this.state.search
-          });
+          }, () => this.fetchJobs());
         }
       }, 500);
     });
+    /**
+     * Get the source array for rendering.
+     * With server-side filtering, this is simply the local jobs array
+     * sorted by the user's selected sort column.
+     * The requester filter still applies client-side since the backend
+     * doesn't have a requester/userID filter param.
+     */
     _defineProperty__default["default"](this, "getSource", () => {
-      let source = this.props.source;
+      let source = this.state.jobs;
 
-      // filter by time
-      if (this.state.selectedTimeFilterStart && this.state.selectedTimeFilterEnd) {
-        source = ___default["default"].filter(source, r => {
-          return r.createdUnix >= this.state.selectedTimeFilterStart && r.createdUnix <= this.state.selectedTimeFilterEnd;
-        });
-      }
+      // Filter out deleted items
+      source = ___default["default"].filter(source, ev => ev != null && !ev.Deleted);
 
-      // filter by type
-      if (this.state.selectedTypeFilter) {
-        source = ___default["default"].filter(source, r => {
-          return r.type === this.state.selectedTypeFilter;
-        });
-      }
-
-      // filter by priority
-      if (this.state.selectedPriorityFilter) {
-        const defaultPriority = getDefaultPriority().name;
-        source = ___default["default"].filter(source, r => {
-          return r.priority === this.state.selectedPriorityFilter || this.state.selectedPriorityFilter === defaultPriority && ___default["default"].isNil(r.priority);
-        });
-      }
-
-      // filter by status
-      if (this.state.selectedStatusFilter) {
-        const {
-          statusTypes
-        } = this.props;
-        const defaultStatus = statusTypes.find(s => s.category === STATUS_NOT_ACTIONED);
-        source = ___default["default"].filter(source, r => {
-          const status = statusTypes.find(s => s.text === r.status) || defaultStatus;
-          if (this.state.selectedStatusFilter === STATUS_IMCOMPLETE) {
-            return status.category !== STATUS_COMPLETED;
-          }
-          return status.text === this.state.selectedStatusFilter;
-        });
-      }
-      if (this.state.selectedUserFilter) {
-        source = ___default["default"].filter(source, r => {
-          return r.AssigneeId === this.state.selectedUserFilter;
-        });
-      }
+      // Requester filter still client-side (no backend param for userID filtering)
       if (this.state.selectedRequesterFilter) {
         source = ___default["default"].filter(source, r => {
           return r.userID === this.state.selectedRequesterFilter;
         });
       }
-      if (!___default["default"].isEmpty(this.state.searchTerm)) {
-        source = ___default["default"].filter(source, r => {
-          if (r.jobId && r.jobId === this.state.searchTerm) {
-            return true;
-          }
-          if (r.room && r.room.toLowerCase().indexOf(this.state.searchTerm.toLowerCase()) > -1) {
-            return true;
-          }
-          if (r.title && r.title.toLowerCase().indexOf(this.state.searchTerm.toLowerCase()) > -1) {
-            return true;
+
+      // Skip sorting while auto-fill is appending results to avoid jumpiness.
+      // Sort is re-applied when the user clicks a column header or when
+      // auto-fill completes.
+      if (!this.state.loadingMore) {
+        source = ___default["default"].sortBy(source, event => {
+          if (this.state.sortColumn === 'assigned') {
+            return event.Assignee ? event.Assignee.displayName : 'Unassigned';
           }
-          return false;
+          if (this.state.sortColumn !== 'createdUnix') return event[this.state.sortColumn];
+          return event.createdUnix;
         });
+        if (this.state.sortDesc) source.reverse();
       }
-      source = ___default["default"].sortBy(source, event => {
-        if (this.state.sortColumn === 'assigned') {
-          return event.Assignee ? event.Assignee.displayName : 'Unassigned';
-        }
-        if (this.state.sortColumn !== 'createdUnix') return event[this.state.sortColumn];
-        return event.createdUnix;
-      });
-      if (this.state.sortDesc) source.reverse();
       return source;
     });
     _defineProperty__default["default"](this, "getCustomFieldValue", field => {
@@ -1140,13 +1301,60 @@ class JobList extends React.Component {
         exportCsvOpen: false
       });
     });
+    _defineProperty__default["default"](this, "hasActiveFilters", () => {
+      const {
+        selectedTypeFilter,
+        selectedPriorityFilter,
+        selectedStatusFilter,
+        selectedTimeFilterStart,
+        selectedUserFilter,
+        selectedRequesterFilter,
+        searchTerm
+      } = this.state;
+      return !!(selectedTypeFilter || selectedPriorityFilter || selectedStatusFilter || selectedTimeFilterStart || selectedUserFilter || selectedRequesterFilter || searchTerm);
+    });
+    _defineProperty__default["default"](this, "clearAllFilters", () => {
+      this.setState({
+        selectedTypeFilter: null,
+        selectedPriorityFilter: null,
+        selectedStatusFilter: null,
+        selectedTimeFilterStart: null,
+        selectedTimeFilterEnd: null,
+        selectedTimeFilterText: null,
+        selectedUserFilter: null,
+        selectedUserFilterText: null,
+        selectedRequesterFilter: null,
+        selectedRequesterFilterText: null,
+        search: '',
+        searchTerm: ''
+      }, () => this.fetchJobs());
+    });
     this.state = {
-      showCompleted: false,
       sortColumn: 'createdUnix',
       sortDesc: true,
       selectedTimeFilter: Analytics$2.getAnalyticsFilterOptions()[1],
       assignees: [],
-      requesters: []
+      requesters: [],
+      // Server-side pagination state
+      jobs: [],
+      lastKey: null,
+      hasMore: false,
+      loading: false,
+      loadingMore: false,
+      // Filters (applied to server-side queries)
+      selectedTypeFilter: null,
+      selectedPriorityFilter: null,
+      selectedStatusFilter: null,
+      selectedTimeFilterStart: null,
+      selectedTimeFilterEnd: null,
+      selectedTimeFilterText: null,
+      selectedUserFilter: null,
+      selectedUserFilterText: null,
+      selectedRequesterFilter: null,
+      selectedRequesterFilterText: null,
+      search: '',
+      searchTerm: '',
+      lastSearch: null
     };
     this.exportColumns = [{
       label: 'Select All',
@@ -1206,7 +1414,7 @@ class JobList extends React.Component {
   }
   componentDidMount() {
     this.props.jobStatusesUpdate(this.props.auth.site);
-    this.getJobs();
+    this.fetchJobs();
     this.getAssignees();
   }
   renderFilterPopup() {
@@ -1220,7 +1428,7 @@ class JobList extends React.Component {
         minWidth: 400,
         hasPadding: true,
         onClose: this.closeFilter
-      }, ___default["default"].sortBy(___default["default"].uniq(this.props.source.map(r => r.type)), t => t.toLowerCase()).map(type => {
+      }, ___default["default"].sortBy(___default["default"].uniq(this.state.jobs.map(r => r.type)), t => t.toLowerCase()).map(type => {
         return /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
           key: type,
           onClick: () => {
@@ -1411,7 +1619,7 @@ class JobList extends React.Component {
       const status = ev.status && statusTypes.find(s => s.text === ev.status) || defaultStatus;
       const priority = getJobPriority(ev.priority);
       return /*#__PURE__*/React__default["default"].createElement("tr", {
-        key: index
+        key: ev.id || index
       }, /*#__PURE__*/React__default["default"].createElement("td", null, ev.jobId), /*#__PURE__*/React__default["default"].createElement("td", {
         className: "table-TitleColumn"
       }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
@@ -1492,8 +1700,28 @@ class JobList extends React.Component {
     if (col !== this.state.sortColumn) return '';
     return ' table--columnActive';
   }
+  renderLoading() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex flex-center-row",
+      style: {
+        padding: 40
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
+      style: {
+        fontSize: 32,
+        color: PlussCore.Colours.COLOUR_DUSK_LIGHT
+      },
+      name: "spinner fa-pulse fa-fw"
+    }), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "marginLeft-16 fontRegular fontSize-14",
+      style: {
+        color: PlussCore.Colours.TEXT_MID
+      }
+    }, "Loading ", values.textTitleRequests, "\u2026"));
+  }
   renderEmpty() {
     const title = this.props.strings["".concat(values.featureKey, "_textTitleRequests")] || values.textTitleRequests;
+    const hasFilters = this.hasActiveFilters();
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         display: 'flex',
@@ -1505,7 +1733,22 @@ class JobList extends React.Component {
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "emptyState"
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), hasFilters ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "marginTop-32",
+      style: {
+        maxWidth: 500,
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "fontRegular fontSize-13"
+    }, "No ", title.toLowerCase(), " match your current filters.")), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "marginTop-16"
+    }, /*#__PURE__*/React__default["default"].createElement(Components$7.Button, {
+      inline: true,
+      buttonType: "tertiary",
+      onClick: this.clearAllFilters,
+      isActive: true
+    }, "Clear All Filters"))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-32",
       style: {
         maxWidth: 500,
@@ -1521,11 +1764,58 @@ class JobList extends React.Component {
         maxWidth: 500,
         textAlign: 'center'
       }
-    }, values.textEmptyExample));
+    }, values.textEmptyExample)));
+  }
+  renderLoadMore() {
+    const {
+      hasMore,
+      loadingMore
+    } = this.state;
+    if (!hasMore && !loadingMore) return null;
+
+    // During background auto-fill, show a subtle spinner without a button
+    if (loadingMore) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "flex flex-center-row",
+        style: {
+          padding: '16px 0'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
+        name: "spinner fa-pulse fa-fw",
+        style: {
+          fontSize: 16,
+          color: PlussCore.Colours.TEXT_MID,
+          marginRight: 8
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "fontRegular fontSize-13",
+        style: {
+          color: PlussCore.Colours.TEXT_MID
+        }
+      }, "Loading more results\u2026"));
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex flex-center-row",
+      style: {
+        padding: '16px 0'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Components$7.Button, {
+      inline: true,
+      buttonType: "tertiary",
+      onClick: this.loadMore,
+      isActive: true
+    }, "Load More"));
   }
   renderContent() {
-    if (___default["default"].isEmpty(this.props.source)) return this.renderEmpty();
-    return /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Table, {
+    const {
+      loading,
+      loadingMore,
+      jobs
+    } = this.state;
+    if (loading) return this.renderLoading();
+    if (___default["default"].isEmpty(jobs) && !loadingMore) return this.renderEmpty();
+    if (___default["default"].isEmpty(jobs)) return this.renderLoading();
+    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Table, {
       className: "plussTable",
       striped: true,
       bordered: true,
@@ -1608,7 +1898,7 @@ class JobList extends React.Component {
       style: {
         width: 50
       }
-    }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, this.renderRequests()));
+    }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, this.renderRequests())), this.renderLoadMore());
   }
   renderFilters() {
     let typeFilter = /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
@@ -1657,13 +1947,9 @@ class JobList extends React.Component {
       typeFilter = /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('type');
-        },
-        rightIcon: "close",
-        rightClick: e => {
-          e.stopPropagation();
           this.selectTypeFilter();
         },
+        rightIcon: "close",
         text: this.state.selectedTypeFilter
       });
     }
@@ -1671,13 +1957,9 @@ class JobList extends React.Component {
       priorityFilter = /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('priority');
-        },
-        rightIcon: "close",
-        rightClick: e => {
-          e.stopPropagation();
           this.selectPriorityFilter();
         },
+        rightIcon: "close",
         text: this.state.selectedPriorityFilter
       });
     }
@@ -1685,13 +1967,9 @@ class JobList extends React.Component {
       statusFilter = /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('status');
-        },
-        rightIcon: "close",
-        rightClick: e => {
-          e.stopPropagation();
           this.selectStatusFilter();
         },
+        rightIcon: "close",
         text: this.state.selectedStatusFilter
       });
     }
@@ -1713,13 +1991,9 @@ class JobList extends React.Component {
       userFilter = /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('user');
-        },
-        rightIcon: "close",
-        rightClick: e => {
-          e.stopPropagation();
           this.removeUserFilter();
         },
+        rightIcon: "close",
         text: this.state.selectedUserFilterText
       });
     }
@@ -1727,13 +2001,9 @@ class JobList extends React.Component {
       requesterFilter = /*#__PURE__*/React__default["default"].createElement(Components$7.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('requester');
-        },
-        rightIcon: "close",
-        rightClick: e => {
-          e.stopPropagation();
           this.removeRequesterFilter();
         },
+        rightIcon: "close",
         text: this.state.selectedRequesterFilterText
       });
     }
@@ -1811,7 +2081,7 @@ class JobTypes extends React.Component {
     super(props);
     _defineProperty__default["default"](this, "getJobTypes", async () => {
       try {
-        const res = await maintenanceActions.getJobTypes(this.props.auth.site);
+        const res = await maintenanceActions$1.getJobTypes(this.props.auth.site);
         if (res.data != null) this.props.jobTypesLoaded(res.data);
       } catch (error) {
         console.error('getJobTypes', error);
@@ -1836,7 +2106,7 @@ class JobTypes extends React.Component {
     _defineProperty__default["default"](this, "onRemoveJobType", async ev => {
       if (!window.confirm("Are you sure you want to delete ".concat(ev.typeName, "?"))) return;
       try {
-        await maintenanceActions.deleteJobType(this.props.auth.site, ev.id);
+        await maintenanceActions$1.deleteJobType(this.props.auth.site, ev.id);
         const index = ___default["default"].findIndex(this.state.jobList, job => {
           return job != null && job.id === ev.id;
         });
@@ -2237,43 +2507,43 @@ class Configuration extends React.Component {
     return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "fontMedium fontSize-36 text-dark"
     }, "Statuses"), /*#__PURE__*/React__default["default"].createElement("div", {
-      style: styles$6.statusCategoryHeading
+      style: styles$5.statusCategoryHeading
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       className: "fontMedium fontSize-16 text-bold"
     }, "Status Category")), statusTypes.map((status, index) => {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         key: "".concat(status.text, "_").concat(index),
-        style: styles$6.statusTypeContainer
+        style: styles$5.statusTypeContainer
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         key: status.text,
         className: "statusLabel",
-        style: _objectSpread$5(_objectSpread$5({}, styles$6.statusTextContainer), {}, {
+        style: _objectSpread$5(_objectSpread$5({}, styles$5.statusTextContainer), {}, {
           backgroundColor: status.color
         })
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "statusLabel_text"
       }, status.text)), /*#__PURE__*/React__default["default"].createElement("div", {
-        style: styles$6.statusCategoryContainer
+        style: styles$5.statusCategoryContainer
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "fontMedium fontSize-16 text-dark"
       }, status.category)), /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
-        style: _objectSpread$5(_objectSpread$5({}, styles$6.statusIcon), {}, {
+        style: _objectSpread$5(_objectSpread$5({}, styles$5.statusIcon), {}, {
           visibility: index === 0 ? 'hidden' : 'visible'
         }),
         name: 'arrow-up',
         onClick: () => this.onMoveStatus(index, true)
       }), /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
-        style: _objectSpread$5(_objectSpread$5({}, styles$6.statusIcon), {}, {
+        style: _objectSpread$5(_objectSpread$5({}, styles$5.statusIcon), {}, {
           visibility: index === statusTypes.length - 1 ? 'hidden' : 'visible'
         }),
         name: 'arrow-down',
         onClick: () => this.onMoveStatus(index, false)
       }), /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
-        style: _objectSpread$5({}, styles$6.statusIcon),
+        style: _objectSpread$5({}, styles$5.statusIcon),
         name: "pencil",
         onClick: () => this.onEditStatus(index)
       }), /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
-        style: _objectSpread$5({}, styles$6.statusIcon),
+        style: _objectSpread$5({}, styles$5.statusIcon),
         name: "minus-circle",
         onClick: () => this.onDeleteStatus(index)
       }));
@@ -2322,7 +2592,7 @@ class Configuration extends React.Component {
   renderSuccess() {
     if (!this.state.success) return null;
     return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: _objectSpread$5(_objectSpread$5({}, styles$6.savedText), {}, {
+      style: _objectSpread$5(_objectSpread$5({}, styles$5.savedText), {}, {
         color: Colours$2.COLOUR_GREEN
       })
     }, "Saved");
@@ -2439,7 +2709,7 @@ class Configuration extends React.Component {
     }, this.renderSubmit(), this.renderSuccess()), this.renderNewStatusPopup());
   }
 }
-const styles$6 = {
+const styles$5 = {
   statusCategoryHeading: {
     marginLeft: 130,
     width: 160,
@@ -2498,52 +2768,6 @@ const {
 class RequestsHub extends React.Component {
   constructor(props) {
     super(props);
-    _defineProperty__default["default"](this, "setData", () => {
-      const allList = [];
-      this.state.allList.forEach(ev => {
-        if (ev != null && !ev.Deleted) allList.push(ev);
-      });
-      const upcoming = ___default["default"].filter(allList, ev => {
-        if (!ev) return false;
-        if (ev.status && ev.status === 'Completed') return false;
-        return true;
-      });
-      const completed = ___default["default"].filter(allList, ev => {
-        if (!ev) return false;
-        if (ev.status && ev.status === 'Completed') return true;
-        return false;
-      });
-
-      // console.log('setData', upcoming, completed);
-      this.setState({
-        allList,
-        upcoming,
-        completed
-      });
-    });
-    _defineProperty__default["default"](this, "getData", () => {
-      const {
-        auth
-      } = this.props;
-      this.setState({
-        loadingAll: true
-      }, async () => {
-        try {
-          const res = await maintenanceActions.getJobsRecursive(auth.site);
-          this.setState({
-            loadingAll: false
-          });
-          if (!___default["default"].isEmpty(res) && res[0].site === auth.site) {
-            this.props.jobsLoaded(res);
-          }
-        } catch (error) {
-          console.error('getData', error);
-          this.setState({
-            loadingAll: false
-          });
-        }
-      });
-    });
     _defineProperty__default["default"](this, "onAddNew", () => {
       const {
         auth
@@ -2570,38 +2794,10 @@ class RequestsHub extends React.Component {
     _defineProperty__default["default"](this, "getSideBarSectionColour", id => this.state.selectedSection === id ? {
       backgroundColor: '#fff'
     } : {});
-    _defineProperty__default["default"](this, "renderStats", (stat, loading) => loading ? /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
-      style: styles$5.spinner,
-      name: "spinner fa-pulse fa-fw"
-    }) : stat);
     this.state = {
-      selectedSection: 'all',
-      location: '',
-      loadingAll: false,
-      loadingSubmissions: false,
-      submissionEntries: [],
-      allList: [],
-      completed: [],
-      upcoming: [],
-      now: moment__default["default"].utc(),
-      onlyFuture: true,
-      search: ''
+      selectedSection: 'all'
     };
   }
-  UNSAFE_componentWillMount() {
-    this.updateProps(this.props);
-  }
-  componentDidMount() {
-    this.getData();
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!___default["default"].isEqual(this.props.jobs, nextProps.jobs)) this.updateProps(nextProps);
-  }
-  updateProps(props) {
-    this.setState({
-      allList: props.jobs
-    }, this.setData);
-  }
   renderLeftBar() {
     const sectionItems = [];
     if (this.canAddNew()) {
@@ -2671,9 +2867,7 @@ class RequestsHub extends React.Component {
     } else if (this.state.selectedSection === 'config') {
       return /*#__PURE__*/React__default["default"].createElement(Configuration$1, null);
     }
-    return /*#__PURE__*/React__default["default"].createElement(JobList$1, {
-      source: this.state.allList
-    });
+    return /*#__PURE__*/React__default["default"].createElement(JobList$1, null);
   }
   render() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2685,42 +2879,16 @@ class RequestsHub extends React.Component {
     }, this.renderRight())));
   }
 }
-const styles$5 = {
-  sideBarTitleSection: {
-    lineHeight: '40px',
-    marginTop: 30,
-    marginBottom: 30,
-    paddingLeft: 24,
-    paddingRight: 24
-  },
-  sideBarSection: {
-    weight: '100%',
-    minWidth: 200,
-    padding: 32,
-    paddingLeft: 24,
-    cursor: 'pointer',
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center'
-  },
-  spinner: {
-    fontSize: 32,
-    color: FeatureConfig.env.colourBrandingOff
-  }
-};
 const mapStateToProps$4 = state => {
   const {
     auth
   } = state;
   return {
-    jobs: state[values.reducerKey].jobs,
     auth,
     strings: state.strings && state.strings.config || {}
   };
 };
-var RequestsHub$1 = reactRedux.connect(mapStateToProps$4, {
-  jobsLoaded
-})(reactRouter.withRouter(RequestsHub));
+var RequestsHub$1 = reactRedux.connect(mapStateToProps$4)(reactRouter.withRouter(RequestsHub));
 
 function ownKeys$4(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$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; }
@@ -2737,7 +2905,7 @@ class Job extends React.Component {
     super(props);
     _defineProperty__default["default"](this, "getJob", async () => {
       try {
-        const res = await maintenanceActions.getJob(this.props.auth.site, this.state.jobId);
+        const res = await maintenanceActions$1.getJob(this.props.auth.site, this.state.jobId);
         this.setState({
           updating: false
         });
@@ -2749,7 +2917,7 @@ class Job extends React.Component {
     });
     _defineProperty__default["default"](this, "getAssignees", async () => {
       try {
-        const res = await maintenanceActions.getAssignees(this.props.auth.site);
+        const res = await maintenanceActions$1.getAssignees(this.props.auth.site);
         this.setState({
           assignees: res.data.Users
         });
@@ -2762,7 +2930,7 @@ class Job extends React.Component {
         this.setState({
           loadingExternalSync: true
         });
-        const res = await maintenanceActions.getExternalSync(this.state.jobId);
+        const res = await maintenanceActions$1.getExternalSync(this.state.jobId);
         this.setState({
           externalSync: res.data,
           loadingExternalSync: false
@@ -2787,7 +2955,7 @@ class Job extends React.Component {
         retrySyncError: null
       });
       try {
-        await maintenanceActions.retrySync(job.id);
+        await maintenanceActions$1.retrySync(job.id);
         // Refresh job data to get updated history
         await this.getJob();
         this.setState({
@@ -2953,7 +3121,7 @@ class Job extends React.Component {
     // Method to handle user assignment
     _defineProperty__default["default"](this, "onAssignUser", async userId => {
       try {
-        const res = await maintenanceActions.assignJob(this.state.jobId, userId);
+        const res = await maintenanceActions$1.assignJob(this.state.jobId, userId);
         this.getJob();
       } catch (err) {
         console.error("onAssignUser", err);
@@ -2965,12 +3133,12 @@ class Job extends React.Component {
         this.setState({
           submittingNote: true
         });
-        const res = await (this.state.editingNote ? maintenanceActions.editNote(this.state.jobId, this.state.editingNote, this.state.noteInput, this.state.noteAttachments.map(a => {
+        const res = await (this.state.editingNote ? maintenanceActions$1.editNote(this.state.jobId, this.state.editingNote, this.state.noteInput, this.state.noteAttachments.map(a => {
           return {
             Title: a.Title,
             Source: a.Source
           };
-        }), this.state.noteImages) : maintenanceActions.addNote(this.state.jobId, this.state.noteInput, this.state.noteAttachments.map(a => {
+        }), this.state.noteImages) : maintenanceActions$1.addNote(this.state.jobId, this.state.noteInput, this.state.noteAttachments.map(a => {
           return {
             Title: a.Title,
             Source: a.Source
@@ -2998,7 +3166,7 @@ class Job extends React.Component {
         });
         return;
       }
-      maintenanceActions.deleteNote(this.state.jobId, n.Id);
+      maintenanceActions$1.deleteNote(this.state.jobId, n.Id);
       const newNotes = ___default["default"].filter(this.state.job.Notes, note => note.Id !== n.Id);
       const newJob = _objectSpread$4({}, this.state.job);
       newJob.Notes = newNotes;
@@ -3036,7 +3204,7 @@ class Job extends React.Component {
             seen: true,
             status: job.status || "Unassigned"
           };
-          await maintenanceActions.editJob(update, auth.site);
+          await maintenanceActions$1.editJob(update, auth.site);
         } catch (error) {
           this.setState({
             updating: false
@@ -3090,7 +3258,7 @@ class Job extends React.Component {
         priorityChangerOpen: false
       });
       try {
-        const res = await maintenanceActions.editJobPriority(this.state.job.id, priority);
+        const res = await maintenanceActions$1.editJobPriority(this.state.job.id, priority);
         const {
           job
         } = res.data;
@@ -3115,7 +3283,7 @@ class Job extends React.Component {
         statusChangerOpen: false
       });
       try {
-        const res = await maintenanceActions.editJobStatus(this.state.job.id, status);
+        const res = await maintenanceActions$1.editJobStatus(this.state.job.id, status);
         const {
           job
         } = res.data;
@@ -3992,7 +4160,7 @@ class AddJob extends React.Component {
     _this = this;
     _defineProperty__default["default"](this, "getJob", async () => {
       try {
-        const res = await maintenanceActions.getJob(this.props.auth.site, this.state.jobId);
+        const res = await maintenanceActions$1.getJob(this.props.auth.site, this.state.jobId);
         res.data.location = res.data.site;
         const {
           userID,
@@ -4026,7 +4194,7 @@ class AddJob extends React.Component {
     });
     _defineProperty__default["default"](this, "getJobTypes", async () => {
       try {
-        const res = await maintenanceActions.getJobTypes(this.props.auth.site);
+        const res = await maintenanceActions$1.getJobTypes(this.props.auth.site);
         this.setState({
           types: res.data
         });
@@ -4286,7 +4454,7 @@ class AddJob extends React.Component {
         customFields: this.state.customFields
       };
       if (this.state.id != null) {
-        maintenanceActions.editJob(job, this.props.auth.site).then(res => {
+        maintenanceActions$1.editJob(job, this.props.auth.site).then(res => {
           this.setState({
             success: true,
             updating: false
@@ -4300,12 +4468,12 @@ class AddJob extends React.Component {
         });
       } else {
         // Create New Job
-        maintenanceActions.createJob(job).then(res => {
+        maintenanceActions$1.createJob(job).then(res => {
           this.setState({
             success: true,
             updating: false
           });
-          this.props.jobsUpdate(this.props.auth.site);
+          // JobList fetches fresh data on mount — no action needed here
         }).catch(res => {
           this.setState({
             updating: false
@@ -4970,7 +5138,6 @@ const mapStateToProps$2 = state => {
   };
 };
 var AddJob$1 = reactRedux.connect(mapStateToProps$2, {
-  jobsUpdate,
   jobsLoaded,
   addRecentlyCreated: Actions.addRecentlyCreated
 })(reactRouter.withRouter(AddJob));
@@ -4992,7 +5159,7 @@ class AddJobType extends React.Component {
     super(props);
     _defineProperty__default["default"](this, "getJobType", async () => {
       try {
-        const res = await maintenanceActions.getJobType(this.props.auth.site, this.state.jobTypeId);
+        const res = await maintenanceActions$1.getJobType(this.props.auth.site, this.state.jobTypeId);
         const {
           typeName,
           email,
@@ -5164,9 +5331,9 @@ class AddJobType extends React.Component {
       }, async () => {
         try {
           if (jobTypeId) {
-            await maintenanceActions.editJobType(site, jobTypeId, jobTypeName, jobTypeEmail, jobTypeDescription, jobTypeLevel, hasCustomFields, customFields);
+            await maintenanceActions$1.editJobType(site, jobTypeId, jobTypeName, jobTypeEmail, jobTypeDescription, jobTypeLevel, hasCustomFields, customFields);
           } else {
-            await maintenanceActions.addJobType(site, jobTypeName, jobTypeEmail, jobTypeDescription, jobTypeLevel, hasCustomFields, customFields);
+            await maintenanceActions$1.addJobType(site, jobTypeName, jobTypeEmail, jobTypeDescription, jobTypeLevel, hasCustomFields, customFields);
           }
           this.props.jobTypesUpdate(site);
           this.setState({