@plusscommunities/pluss-maintenance-app 6.1.2-beta.0 → 7.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-maintenance-app",
-  "version": "6.1.2-beta.0",
+  "version": "7.0.0-beta.1",
   "description": "Extension package to enable maintenance on Pluss Communities Platform",
   "main": "dist/module/index.js",
   "module": "dist/module/index.js",
@@ -10,7 +10,7 @@
     "src/"
   ],
   "scripts": {
-    "build": "npm i --legacy-peer-deps && bob build",
+    "build": "npm i && bob build",
     "betapatch": "npm version prepatch --preid=beta",
     "patch": "npm version patch",
     "betaupload": "npm run build && npm publish --access public --tag beta",
@@ -26,19 +26,19 @@
   },
   "author": "Thorbjorn Kappel Davis",
   "license": "ISC",
-  "dependencies": {
-    "@plusscommunities/pluss-core-app": "^6.0.3",
+  "dependencies": {},
+  "peerDependencies": {
+    "@plusscommunities/pluss-core-app": "7.0.0-beta.0",
     "axios": "^1.6.8",
     "lodash": "^4.17.4",
     "moment": "^2.30.1",
-    "react": "18.2.0",
-    "react-native": "0.73.6",
-    "react-native-elements": "^0.17.0",
+    "react": "18.3.1",
+    "react-native": "0.76.9",
+    "@rneui/base": "^4.0.0-rc.8",
+    "@rneui/themed": "^4.0.0-rc.8",
     "react-native-iphone-x-helper": "^1.3.1",
-    "react-native-webview": "13.6.4",
-    "react-redux": "^7.2.6"
-  },
-  "peerDependencies": {
+    "react-native-webview": "13.12.5",
+    "react-redux": "^7.2.6",
     "redux-persist": "^6.0.0"
   },
   "devDependencies": {

package/src/actions/JobActions.js

@@ -1,4 +1,7 @@
-import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED } from './types';
+import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED, JOBS_STATUSES_LOADED, JOBS_HIDE_SEEN, JOB_FILTER_LOADED } from './types';
+import { stringActions } from '../apis';
+import { values } from '../values.config';
+import { jobStatusOptions } from '../helper';
 
 export const jobsLoaded = jobs => {
   return {
@@ -20,3 +23,52 @@ export const jobsAdded = jobs => {
     payload: jobs,
   };
 };
+
+export const jobStatusesUpdate = (site, callback = null) => {
+  return dispatch => {
+    stringActions
+      .getString(site, values.stringConfigJobStatus)
+      .then(res => {
+        dispatch({
+          type: JOBS_STATUSES_LOADED,
+          payload: res.data,
+        });
+        if (callback) callback(res.data);
+      })
+      .catch(() => {
+        dispatch({
+          type: JOBS_STATUSES_LOADED,
+          payload: jobStatusOptions,
+        });
+        if (callback) callback(jobStatusOptions);
+      });
+  };
+};
+
+export const jobHideSeenUpdate = (site, callback = null) => {
+  return (dispatch) => {
+    stringActions
+      .getString(site, values.stringConfigHideSeen)
+      .then((res) => {
+        dispatch({
+          type: JOBS_HIDE_SEEN,
+          payload: res.data,
+        });
+        if (callback) callback(res.data);
+      })
+      .catch((_error) => {
+        dispatch({
+          type: JOBS_HIDE_SEEN,
+          payload: false,
+        });
+        if (callback) callback(false);
+      });
+  };
+};
+
+export const jobsFilterLoaded = filters => {
+  return {
+    type: JOB_FILTER_LOADED,
+    payload: filters,
+  };
+};

package/src/actions/types.js

@@ -3,3 +3,7 @@ import { values } from '../values.config';
 export const JOBS_LOADED = values.actionJobsLoaded;
 export const JOB_ADDED = values.actionJobAdded;
 export const JOBS_ADDED = values.actionJobsAdded;
+export const JOBS_STATUSES_LOADED = values.actionJobsStatusesLoaded;
+export const JOBS_HIDE_SEEN = values.actionJobsHideSeen;
+export const JOB_FILTER_LOADED = values.actionJobFilterLoaded;
+

package/src/apis/index.js

@@ -1 +1,5 @@
-export * from './generalActions';
+import { Apis } from '../core.config';
+
+export const stringActions = Apis.stringActions;
+
+export * from './maintenanceActions';

package/src/apis/{generalActions.js → maintenanceActions.js}

@@ -1,10 +1,7 @@
-// import axios from 'axios';
-// import { getUrl } from './helper';
-// import { authedFunction } from '../js';
 import { Helper, Session } from '../core.config';
 import { values } from '../values.config';
 
-export const generalActions = {
+export const maintenanceActions = {
   getJob: (site, id) => {
     return Session.authedFunction({
       method: 'POST',
@@ -26,11 +23,14 @@ export const generalActions = {
       data: { site, status, type },
     });
   },
-  getJobs2: (site, status, type, lastKey) => {
+  getJobs2: (site, status, priority, type, lastKey) => {
     const query = { site };
     if (status) {
       query.status = status;
     }
+    if (priority) {
+      query.priority = priority;
+    }
     if (type) {
       query.type = type;
     }
@@ -42,18 +42,32 @@ export const generalActions = {
       url: Helper.getUrl(values.serviceKey, 'get/requests', query),
     });
   },
-  getJobsRecursive: (site, status, type, lastKey, jobs = []) => {
+  getJobsRecursive: (site, status, priority, type, lastKey, jobs = []) => {
     return new Promise(resolve => {
-      generalActions.getJobs2(site, status, type, lastKey).then(jobRes => {
+      maintenanceActions.getJobs2(site, status, priority, type, lastKey).then(jobRes => {
         const newJobs = [...jobs, ...jobRes.data.Items];
         if (!jobRes.data.LastKey) {
           return resolve(newJobs);
         }
-        return resolve(generalActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));
+        return resolve(maintenanceActions.getJobsRecursive(site, status, priority, type, jobRes.data.LastKey, newJobs));
       });
     });
   },
-  sendMaintenanceRequest: (userID, userName, phone, room, title, description, date, type, images, location, isHome, homeText) => {
+  sendMaintenanceRequest: (
+    userID,
+    userName,
+    phone,
+    room,
+    title,
+    description,
+    date,
+    type,
+    images,
+    location,
+    isHome,
+    homeText,
+    customFields,
+  ) => {
     const request = {
       method: 'POST',
       url: Helper.getUrl(values.serviceKey, 'sendMaintenance'),
@@ -70,6 +84,7 @@ export const generalActions = {
         location,
         isHome,
         homeText,
+        customFields,
       },
     };
     return Session.authedFunction(request);
@@ -88,7 +103,30 @@ export const generalActions = {
       data: { id, status },
     });
   },
-  addNote: (jobId, note, attachments) => {
+  editJobPriority: (id, priority) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl(values.serviceKey, 'update/priority'),
+      data: { id, priority },
+    });
+  },
+  assignJob: (jobId, userId) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl(values.serviceKey, 'update/assign'),
+      data: {
+        id: jobId,
+        userId,
+      },
+    });
+  },
+  getAssignees: site => {
+    return Session.authedFunction({
+      method: 'GET',
+      url: Helper.getUrl(values.serviceKey, 'get/assignees', { site }),
+    });
+  },
+  addNote: (jobId, note, attachments, images) => {
     return Session.authedFunction({
       method: 'POST',
       url: Helper.getUrl(values.serviceKey, 'requests/note'),
@@ -96,11 +134,12 @@ export const generalActions = {
         id: jobId,
         note,
         attachments,
+        images,
         action: 'AddNote',
       },
     });
   },
-  editNote: (jobId, noteId, note, attachments) => {
+  editNote: (jobId, noteId, note, attachments, images) => {
     return Session.authedFunction({
       method: 'POST',
       url: Helper.getUrl(values.serviceKey, 'requests/note'),
@@ -108,6 +147,7 @@ export const generalActions = {
         id: jobId,
         note,
         attachments,
+        images,
         noteId,
         action: 'EditNote',
       },
@@ -124,10 +164,6 @@ export const generalActions = {
       },
     });
   },
-  // getWeeklyMenu: async time => {
-  //   //deprecated
-  //   return null;
-  // },
   getJobTypes: async site => {
     const url = Helper.getUrl(values.serviceKey, 'getjobtypes');
     return Session.authedFunction({
@@ -136,32 +172,4 @@ export const generalActions = {
       data: { site },
     });
   },
-  // sendBookingRequest: async bookingInfo => {
-  //   return authedFunction({
-  //     method: 'POST',
-  //     data: {
-  //       bookingInfo,
-  //     },
-  //     url: getUrl('utility', 'sendBookingRequest'),
-  //   });
-  // },
-  // getString: async (site, id, useDefault) => {
-  //   return axios({
-  //     method: 'GET',
-  //     url: getUrl('strings', `get/${site}_${id}`, useDefault ? { useDefault } : undefined),
-  //   }).catch(error => {
-  //     console.log('getString error', error);
-  //     throw error;
-  //   });
-  // },
-  // getGeneralTerms: async () => {
-  //   return axios({
-  //     method: 'GET',
-  //     url: 'https://pluss.plussapp.com.au/strings-prd/get/plussSpace_termsofuse',
-  //   });
-  // },
-  // declineTerms: async (site, userID) => {
-  //   //deprecated
-  //   return null;
-  // },
 };

package/src/components/FilterPopupMenu.js

@@ -1,9 +1,13 @@
 import React, { Component } from 'react';
-import { View, Text, TouchableOpacity, Modal } from 'react-native';
+import { View, Text, TouchableOpacity, Modal, ScrollView, Dimensions } from 'react-native';
 import { connect } from 'react-redux';
 import _ from 'lodash';
-import { generalActions } from '../apis';
+import { maintenanceActions } from '../apis';
 import { Colours, Helper } from '../core.config';
+import { getJobStatusOptions, getIncompleteJobStatuses, jobPriorityOptions } from '../helper';
+import { values } from '../values.config';
+
+const SCREEN_HEIGHT = Dimensions.get('window').height;
 
 class FilterPopupMenu extends Component {
   constructor(props) {
@@ -12,33 +16,25 @@ class FilterPopupMenu extends Component {
     this.state = {
       types: props.types || [],
       selectedStatus: props.status || '',
+      selectedPriority: props.priority || '',
       selectedType: props.type || '',
+      selectedAssignee: props.assignee || '',
+      assignees: [],
     };
-    this.statusOptions = [
+    this.priorityOptions = [
       {
         label: 'All',
         value: '',
       },
-      {
-        label: 'Incomplete',
-        value: 'Unassigned|In Progress',
-      },
-      {
-        label: 'Unassigned',
-        value: 'Unassigned',
-      },
-      {
-        label: 'In Progress',
-        value: 'In Progress',
-      },
-      {
-        label: 'Completed',
-        value: 'Completed',
-      },
+      ...jobPriorityOptions.map(p => ({
+        label: p.label,
+        value: p.label,
+      }))
     ];
   }
 
   componentDidMount() {
+    this.getAssignees();
     if (_.isEmpty(this.state.types)) this.refreshTypes();
   }
 
@@ -48,8 +44,50 @@ class FilterPopupMenu extends Component {
     }
   }
 
+  getStatusOptions = () => {
+    const statusOptions = getJobStatusOptions(this.props);
+    const options = [
+      {
+        label: 'All',
+        value: '',
+      },
+      {
+        label: 'Incomplete',
+        value: `Unassigned|${getIncompleteJobStatuses(this.props).map(s => s.text).join('|')}`,
+      },
+      ...statusOptions.map(s => ({
+        label: s.text,
+        value: s.text,
+      })),
+    ];
+    // console.log('getStatusOptions', options);
+    return options;
+  }
+
+  getAssignees = async () => {
+    try {
+      const res = await maintenanceActions.getAssignees(this.props.site);
+      let assignees = res.data.Users.map(t => {
+        return { label: t.displayName, value: t.id };
+      });
+      assignees = _.orderBy(assignees, 'label');
+
+      assignees.splice(0, 0, { label: 'All', value: '' });
+
+      const newState = { assignees };
+
+      if (!assignees.some(a => a.value === this.state.selectedAssignee)) {
+        newState.selectedAssignee = '';
+      }
+      // console.log('refreshassignees', assignees);
+      this.setState(newState);
+    } catch (error) {
+      console.error('getAssignees', error);
+    }
+  };
+
   refreshTypes = async () => {
-    const { data } = await generalActions.getJobTypes(Helper.getSite(this.props.site));
+    const { data } = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));
     const types = data.map(t => {
       return { label: t.typeName, value: t.typeName };
     });
@@ -66,11 +104,15 @@ class FilterPopupMenu extends Component {
 
   onDone = () => {
     const { onClose } = this.props;
-    const { selectedStatus, selectedType } = this.state;
+    const { selectedStatus, selectedPriority, selectedType, selectedAssignee } = this.state;
     if (onClose)
       onClose({
         status: selectedStatus,
+        statusText: this.getStatusOptions().find(o => o.value === selectedStatus)?.label,
+        priority: selectedPriority,
         type: selectedType,
+        assignee: selectedAssignee,
+        assigneeName: this.state.assignees.find(a => a.value === selectedAssignee)?.label,
       });
   };
 
@@ -118,15 +160,21 @@ class FilterPopupMenu extends Component {
   }
 
   render() {
+    // console.log('FilterPopupMenu', JSON.stringify({ category: this.props.user.category, permissions: this.props.user.permissions }, null, 2))
+    const isStaff = this.props.user.category === 'staff'
+    const canFilterAssignee = !_.includes(this.props.user.permissions, values.permissionMaintenanceAssignment);
+
     return (
       <Modal visible transparent animationType="slide" onRequestClose={this.onDone}>
         <View style={styles.container}>
           <View style={styles.menu}>
             {this.renderTitle()}
-            <View style={styles.optionContent}>
-              {this.renderOptions('Status', this.statusOptions, 'selectedStatus')}
+            <ScrollView style={styles.optionContent}>
+              {this.renderOptions('Status', this.getStatusOptions(), 'selectedStatus')}
+              {isStaff ? this.renderOptions('Priority', this.priorityOptions, 'selectedPriority') : null}
               {this.renderOptions('Type', this.state.types, 'selectedType')}
-            </View>
+              {canFilterAssignee ? this.renderOptions('Assigned To', this.state.assignees, 'selectedAssignee') : null}
+            </ScrollView>
             {this.renderCancel()}
           </View>
         </View>
@@ -153,6 +201,7 @@ const styles = {
     backgroundColor: '#fff',
     borderTopLeftRadius: 12,
     borderTopRightRadius: 12,
+    maxHeight: SCREEN_HEIGHT * 0.8,
   },
   cancelContainer: {
     paddingVertical: 16,
@@ -216,8 +265,10 @@ const mapStateToProps = state => {
   const { user } = state;
 
   return {
+    user,
     site: user.site,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    statusTypes: state[values.reducerKey].jobstatuses,
   };
 };
 

package/src/components/MaintenanceList.js

@@ -2,50 +2,46 @@ import React, { Component } from 'react';
 import { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';
 import _ from 'lodash';
 import { connect } from 'react-redux';
-import { generalActions } from '../apis';
-import { jobsLoaded, jobAdded, jobsAdded } from '../actions';
+import { maintenanceActions } from '../apis';
+import { jobsLoaded, jobAdded, jobsAdded, jobStatusesUpdate, jobHideSeenUpdate, jobsFilterLoaded } from '../actions';
 import MaintenanceListItem from '../components/MaintenanceListItem';
 import FilterPopupMenu from './FilterPopupMenu';
-import { Components, Colours, Config, Helper } from '../core.config';
+import { Components, Colours, Helper } from '../core.config';
 import { values } from '../values.config';
 
 class MaintenanceList extends Component {
   constructor(props) {
     super(props);
 
-    this.initialStatus = props.hasPermission ? 'Unassigned|In Progress' : '';
-
     this.state = {
       types: [],
       filteredList: props.jobs,
       loading: false,
       searchText: '',
       showFilterPopup: false,
-      selectedStatus: this.initialStatus,
-      selectedType: '',
     };
   }
 
   componentDidMount() {
+    this.props.jobStatusesUpdate(this.props.site);
+    this.props.jobHideSeenUpdate(this.props.site);
     this.refresh();
     this.refreshTypes();
-
     this.resetDataSource();
   }
 
   componentDidUpdate(prevProps) {
     if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();
-    if (!_.isEqual(prevProps.jobs, this.props.jobs)) this.resetDataSource();
+    if (!_.isEqual(prevProps.jobs, this.props.jobs) || !_.isEqual(prevProps.jobfilters, this.props.jobfilters)) this.resetDataSource();
   }
 
   refresh = () => {
     this.onLoadingChanged(true, async () => {
       try {
-        const { selectedStatus, selectedType } = this.state;
-        // console.log('filters', { selectedStatus, selectedType });
-        const res = await generalActions.getJobsRecursive(this.props.site, selectedStatus, selectedType);
-        // console.log('refresh', JSON.stringify(res, null, 2));
-        if (selectedStatus !== this.initialStatus || !_.isEmpty(selectedType)) {
+        const { jobfilters } = this.props;
+        const res = await maintenanceActions.getJobsRecursive(this.props.site, jobfilters.status, jobfilters.priority, jobfilters.type);
+        // console.log('refresh', res ? JSON.stringify(res[0], null, 2) : null);
+        if (!_.isEmpty(jobfilters.status) || !_.isEmpty(jobfilters.priority) || !_.isEmpty(jobfilters.type)) {
           this.props.jobsAdded(res);
         } else {
           this.props.jobsLoaded(res);
@@ -59,7 +55,7 @@ class MaintenanceList extends Component {
   };
 
   refreshTypes = async () => {
-    const { data } = await generalActions.getJobTypes(Helper.getSite(this.props.site));
+    const { data } = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));
     const types = data.map(t => {
       return { label: t.typeName, value: t.typeName };
     });
@@ -73,7 +69,7 @@ class MaintenanceList extends Component {
 
     this.onLoadingChanged(true, async () => {
       try {
-        const job = await generalActions.getJobByJobId(this.props.site, jobId);
+        const job = await maintenanceActions.getJobByJobId(this.props.site, jobId);
         // console.log('fetchJob', job?.data);
         this.props.jobAdded(job.data);
       } catch (error) {
@@ -88,11 +84,12 @@ class MaintenanceList extends Component {
     if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {
       return this.props.options.EmptyText;
     }
-    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;
+    return this.props.userCategory === 'staff' ? values.emptyRequestsStaff : values.emptyRequestsUser;
   }
 
   resetDataSource = (source = '') => {
-    const { searchText, selectedStatus, selectedType } = this.state;
+    const { jobfilters } = this.props;
+    const { searchText } = this.state;
     const { jobs } = this.props;
 
     let filteredList = jobs;
@@ -107,8 +104,10 @@ class MaintenanceList extends Component {
       });
       if (!jobIdMatch) this.fetchJob(searchText);
     }
-    if (selectedStatus) filteredList = filteredList.filter(j => selectedStatus.includes(j.status));
-    if (selectedType) filteredList = filteredList.filter(j => selectedType.includes(j.type));
+    if (jobfilters.status) filteredList = filteredList.filter(j => jobfilters.status.includes(j.status));
+    if (jobfilters.priority) filteredList = filteredList.filter(j => jobfilters.priority.includes(j.priority));
+    if (jobfilters.type) filteredList = filteredList.filter(j => jobfilters.type.includes(j.type));
+    if (jobfilters.assignee) filteredList = filteredList.filter(j => jobfilters.assignee.includes(j.AssigneeId));
     if (jobIdMatch) {
       const jobIndex = filteredList.indexOf(jobIdMatch);
       if (jobIndex > -1) {
@@ -143,10 +142,29 @@ class MaintenanceList extends Component {
   };
 
   onSelectFilter = selected => {
-    this.setState({ selectedStatus: selected.status, selectedType: selected.type }, () => {
-      this.resetDataSource();
-      this.onToggleFilter();
-    });
+    this.props.jobsFilterLoaded(selected);
+    this.onToggleFilter();
+  };
+
+  getFilterButtonText = () => {
+    const { jobfilters } = this.props;
+    const filterTexts = [];
+    if (!_.isEmpty(jobfilters.status)) {
+      filterTexts.push(jobfilters.statusText);
+    }
+    if (!_.isEmpty(jobfilters.priority)) {
+      filterTexts.push(jobfilters.priority);
+    }
+    if (!_.isEmpty(jobfilters.type)) {
+      filterTexts.push(jobfilters.type);
+    }
+    if (!_.isEmpty(jobfilters.assignee)) {
+      filterTexts.push(jobfilters.assigneeName);
+    }
+    if (_.isEmpty(filterTexts)) {
+      return 'Filter';
+    }
+    return `Filtering by ${filterTexts.join(', ')}`;
   };
 
   renderEmptyList() {
@@ -157,7 +175,7 @@ class MaintenanceList extends Component {
     return (
       <TouchableOpacity onPress={this.onToggleFilter}>
         <View style={styles.filterButton}>
-          <Text style={[styles.filterButtonText, { color: this.props.colourBrandingMain }]}>Filter</Text>
+          <Text style={[styles.filterButtonText, { color: this.props.colourBrandingMain }]}>{this.getFilterButtonText()}</Text>
         </View>
       </TouchableOpacity>
     );
@@ -169,7 +187,7 @@ class MaintenanceList extends Component {
     return (
       <View style={styles.searchContainer}>
         <Components.GenericInput
-          placeholder="Search by Job ID or Location"
+          placeholder={`Search by ${values.textEntityName} ID or Address`}
           value={this.state.searchText}
           onChangeText={this.onSearchText}
           onSubmitEditing={this.onSearchSubmit}
@@ -186,7 +204,7 @@ class MaintenanceList extends Component {
     const { ListHeaderComponent } = this.props;
     return (
       <View>
-        {ListHeaderComponent ? ListHeaderComponent : <View style={{ height: 32 }} />}
+        {ListHeaderComponent ? ListHeaderComponent : <View style={{ height: 8 }} />}
         {this.renderFilterButton()}
         {this.renderSearch()}
       </View>
@@ -211,11 +229,20 @@ class MaintenanceList extends Component {
   }
 
   renderFilterPopup() {
-    const { showFilterPopup, types, selectedStatus, selectedType } = this.state;
+    const { jobfilters } = this.props;
+    const { showFilterPopup, types } = this.state;
     if (!showFilterPopup) return null;
 
     return (
-      <FilterPopupMenu site={this.props.site} types={types} status={selectedStatus} type={selectedType} onClose={this.onSelectFilter} />
+      <FilterPopupMenu
+        site={this.props.site}
+        types={types}
+        status={jobfilters.status}
+        priority={jobfilters.priority}
+        assignee={jobfilters.assignee}
+        type={jobfilters.type}
+        onClose={this.onSelectFilter}
+      />
     );
   }
 
@@ -266,9 +293,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 16,
   },
   filterButton: {
-    position: 'absolute',
-    right: 20,
-    top: -32,
+    paddingBottom: 8,
+    paddingHorizontal: 16,
+    flexDirection: 'row-reverse',
   },
   filterButtonText: {
     fontFamily: 'sf-semibold',
@@ -289,7 +316,11 @@ const mapStateToProps = state => {
     userCategory: user.category,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
     dataUpdated: notifications.dataUpdated[values.updateKey],
+    statusTypes: state[values.reducerKey].jobstatuses,
+    jobfilters: state[values.reducerKey].jobfilters,
   };
 };
 
-export default connect(mapStateToProps, { jobsLoaded, jobAdded, jobsAdded }, null, { forwardRef: true })(MaintenanceList);
+export default connect(mapStateToProps, { jobsLoaded, jobAdded, jobsAdded, jobStatusesUpdate, jobHideSeenUpdate, jobsFilterLoaded }, null, { forwardRef: true })(
+  MaintenanceList,
+);