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

package/dist/module/components/StatusSelectorPopup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","View","StyleSheet","TouchableOpacity","Text","connect","jobStatusOptions","getJobStatusColour","Components","Colours","StatusSelectorPopup","render","title","filter","includeAll","allText","onClose","onSelect","props","statuses","map","status","name","label","getJobStatusLabel","color","colourBrandingMain","createElement","MiddlePopup","style","styles","statusPopup","height","length","statusPopupTitle","statusPopupOptionsContainer","key","onPress","jobStatusContainer","backgroundColor","jobStatusText","create","width","padding","borderRadius","fontFamily","TEXT_DARK","fontSize","marginBottom","flex","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","state","getMainBrandingColourFromState"],"sources":["StatusSelectorPopup.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { jobStatusOptions, getJobStatusColour } from '../helper';\nimport { Components, Colours } from '../core.config';\n\nclass StatusSelectorPopup extends PureComponent {\n  render() {\n    const { title, filter, includeAll, allText, onClose, onSelect } = this.props;\n    let statuses = filter\n      ? filter.map(status => {\n          return {\n            name: status,\n            label: getJobStatusLabel(status),\n            color: getJobStatusColour(status),\n          };\n        })\n      : jobStatusOptions;\n    if (includeAll)\n      statuses = [\n        {\n          name: allText || 'Show All',\n          color: this.props.colourBrandingMain,\n        },\n        ...statuses,\n      ];\n\n    return (\n      <Components.MiddlePopup style={[styles.statusPopup, { height: statuses.length * 50 + 40 }]} onClose={onClose}>\n        <Text style={styles.statusPopupTitle}>{title || 'Select Status'}</Text>\n        <View style={styles.statusPopupOptionsContainer}>\n          {statuses.map(status => {\n            return (\n              <TouchableOpacity key={status.name} onPress={() => onSelect(status.name)}>\n                <View style={[styles.jobStatusContainer, { backgroundColor: status.color }]}>\n                  <Text style={styles.jobStatusText}>{status.label}</Text>\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </Components.MiddlePopup>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  statusPopup: {\n    width: 160,\n    padding: 16,\n    borderRadius: 12,\n  },\n  statusPopupTitle: {\n    fontFamily: 'sf-bold',\n    color: Colours.TEXT_DARK,\n    fontSize: 18,\n    marginBottom: 16,\n  },\n  statusPopupOptionsContainer: {\n    flex: 1,\n    justifyContent: 'space-between',\n  },\n  jobStatusContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: 105,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n  },\n  jobStatusText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n    flex: 1,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(StatusSelectorPopup);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","View","StyleSheet","TouchableOpacity","Text","connect","getJobStatusOptions","Components","Colours","values","StatusSelectorPopup","render","title","includeAll","allText","onClose","onSelect","props","statuses","text","color","colourBrandingMain","createElement","MiddlePopup","style","styles","statusPopup","height","length","statusPopupTitle","statusPopupOptionsContainer","map","status","key","onPress","jobStatusContainer","backgroundColor","jobStatusText","create","width","padding","borderRadius","fontFamily","TEXT_DARK","fontSize","marginBottom","flex","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","state","getMainBrandingColourFromState","statusTypes","reducerKey","jobstatuses"],"sources":["StatusSelectorPopup.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getJobStatusOptions } from '../helper';\nimport { Components, Colours } from '../core.config';\nimport { values } from '../values.config';\n\nclass StatusSelectorPopup extends PureComponent {\n  render() {\n    const { title, includeAll, allText, onClose, onSelect } = this.props;\n    let statuses = getJobStatusOptions(this.props);\n    if (includeAll)\n      statuses = [\n        {\n          text: allText || 'Show All',\n          color: this.props.colourBrandingMain,\n        },\n        ...statuses,\n      ];\n\n    return (\n      <Components.MiddlePopup style={[styles.statusPopup, { height: statuses.length * 50 + 40 }]} onClose={onClose}>\n        <Text style={styles.statusPopupTitle}>{title || 'Select Status'}</Text>\n        <View style={styles.statusPopupOptionsContainer}>\n          {statuses.map(status => {\n            return (\n              <TouchableOpacity key={status.text} onPress={() => onSelect(status.text)}>\n                <View style={[styles.jobStatusContainer, { backgroundColor: status.color }]}>\n                  <Text style={styles.jobStatusText}>{status.text}</Text>\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </Components.MiddlePopup>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  statusPopup: {\n    width: 160,\n    padding: 16,\n    borderRadius: 12,\n  },\n  statusPopupTitle: {\n    fontFamily: 'sf-bold',\n    color: Colours.TEXT_DARK,\n    fontSize: 18,\n    marginBottom: 16,\n  },\n  statusPopupOptionsContainer: {\n    flex: 1,\n    justifyContent: 'space-between',\n  },\n  jobStatusContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: 105,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n  },\n  jobStatusText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n    flex: 1,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    statusTypes: state[values.reducerKey].jobstatuses,\n  };\n};\n\nexport default connect(mapStateToProps, {})(StatusSelectorPopup);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/WidgetSmall.js

@@ -6,10 +6,10 @@ import { Text, View, ScrollView, StyleSheet } from 'react-native';
 import { connect } from 'react-redux';
 import _ from 'lodash';
 import { maintenanceActions } from '../apis';
-import { jobsLoaded } from '../actions';
+import { jobsLoaded, jobStatusesUpdate, jobHideSeenUpdate } from '../actions';
 import MaintenanceWidgetItem from './MaintenanceWidgetItem';
 import { Services } from '../feature.config';
-import { Colours, Components, Config } from '../core.config';
+import { Colours, Components } from '../core.config';
 import { values } from '../values.config';
 const MAX_ITEMS = 10;
 class WidgetSmall extends Component {
@@ -61,6 +61,8 @@ class WidgetSmall extends Component {
     };
   }
   componentDidMount() {
+    this.props.jobStatusesUpdate(this.props.site);
+    this.props.jobHideSeenUpdate(this.props.site);
     this.refresh();
   }
   componentDidUpdate(prevProps) {
@@ -164,7 +166,9 @@ const mapStateToProps = state => {
   };
 };
 export default connect(mapStateToProps, {
-  jobsLoaded
+  jobsLoaded,
+  jobStatusesUpdate,
+  jobHideSeenUpdate
 }, null, {
   forwardRef: true
 })(WidgetSmall);

package/dist/module/components/WidgetSmall.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Text","View","ScrollView","StyleSheet","connect","_","maintenanceActions","jobsLoaded","MaintenanceWidgetItem","Services","Colours","Components","Config","values","MAX_ITEMS","WidgetSmall","constructor","props","_defineProperty","options","isEmpty","Title","strings","featureKey","textFeatureTitle","userCategory","EmptyText","emptyRequestsStaff","emptyRequestsUser","onLoadingChanged","res","getJobsRecursive","site","error","console","log","loading","callback","setState","state","navigation","navigate","screenMaintenance","componentDidMount","refresh","componentDidUpdate","prevProps","dataUpdated","renderContent","jobs","createElement","style","styles","loadingPadding","LoadingStateWidget","height","EmptyStateWidget","title","getEmptyStateText","horizontal","contentContainerStyle","paddingLeft","paddingRight","showsHorizontalScrollIndicator","slice","map","job","key","id","render","colourBrandingMain","sectionContainer","sectionPadding","sectionHeading","sectionTitle","getTitle","InlineButton","onPress","onPressAll","color","touchableStyle","paddingTop","textStyle","create","backgroundColor","paddingHorizontal","paddingBottom","marginBottom","flexDirection","alignContent","justifyContent","fontFamily","fontSize","TEXT_DARKEST","mapStateToProps","_state$strings","user","notifications","reducerKey","getMainBrandingColourFromState","orderBy","category","updateKey","config","forwardRef"],"sources":["WidgetSmall.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { maintenanceActions } from '../apis';\nimport { jobsLoaded } from '../actions';\nimport MaintenanceWidgetItem from './MaintenanceWidgetItem';\nimport { Services } from '../feature.config';\nimport { Colours, Components, Config } from '../core.config';\nimport { values } from '../values.config';\n\nconst MAX_ITEMS = 10;\n\nclass WidgetSmall extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { loading: false };\n  }\n\n  componentDidMount() {\n    this.refresh();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n  }\n\n  getTitle = () => {\n    const { options } = this.props;\n    if (options && !_.isEmpty(options.Title)) return options.Title;\n    return this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;\n  };\n\n  getEmptyStateText = () => {\n    const { options, userCategory } = this.props;\n    if (options && !_.isEmpty(options.EmptyText)) return options.EmptyText;\n    return userCategory === 'staff' ? values.emptyRequestsStaff : values.emptyRequestsUser;\n  };\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const res = await maintenanceActions.getJobsRecursive(this.props.site);\n        // console.log('WidgetSmall - refresh', res.data);\n        this.props.jobsLoaded(res);\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onPressAll = () => {\n    Services.navigation.navigate(values.screenMaintenance, { options: this.props.options });\n  };\n\n  renderContent() {\n    const { jobs } = this.props;\n    if (_.isEmpty(jobs)) {\n      if (this.state.loading) {\n        return (\n          <View style={styles.loadingPadding}>\n            <Components.LoadingStateWidget height={180} />\n          </View>\n        );\n      }\n      return (\n        <View style={styles.loadingPadding}>\n          <Components.EmptyStateWidget title={this.getEmptyStateText()} height={180} />\n        </View>\n      );\n    }\n    return (\n      <ScrollView horizontal contentContainerStyle={{ paddingLeft: 6, paddingRight: 8 }} showsHorizontalScrollIndicator={false}>\n        {jobs.slice(0, MAX_ITEMS).map(job => {\n          return <MaintenanceWidgetItem key={job.id} job={job} />;\n        })}\n      </ScrollView>\n    );\n  }\n\n  render() {\n    const { colourBrandingMain } = this.props;\n\n    return (\n      <View style={styles.sectionContainer}>\n        <View style={styles.sectionPadding}>\n          <View style={styles.sectionHeading}>\n            <Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n            <Components.InlineButton\n              onPress={this.onPressAll}\n              color={colourBrandingMain}\n              touchableStyle={{ paddingTop: 6 }}\n              textStyle={{ color: '#fff' }}\n            >\n              View All\n            </Components.InlineButton>\n          </View>\n        </View>\n        {this.renderContent()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  sectionContainer: {\n    backgroundColor: '#fff',\n    paddingTop: 16,\n  },\n  sectionPadding: {\n    paddingHorizontal: 16,\n    paddingBottom: 6,\n  },\n  loadingPadding: {\n    paddingHorizontal: 16,\n  },\n  sectionHeading: {\n    marginBottom: 4,\n    flexDirection: 'row',\n    alignContent: 'flex-start',\n    justifyContent: 'space-between',\n  },\n  sectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: Colours.TEXT_DARKEST,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, notifications } = state;\n  const jobs = state[values.reducerKey];\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    jobs: _.orderBy(jobs.jobs, ['createdUnix'], ['desc']),\n    site: user.site,\n    userCategory: user.category,\n    dataUpdated: notifications.dataUpdated[values.updateKey],\n    strings: state.strings?.config || {},\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded }, null, { forwardRef: true })(WidgetSmall);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","Text","View","ScrollView","StyleSheet","connect","_","maintenanceActions","jobsLoaded","jobStatusesUpdate","jobHideSeenUpdate","MaintenanceWidgetItem","Services","Colours","Components","values","MAX_ITEMS","WidgetSmall","constructor","props","_defineProperty","options","isEmpty","Title","strings","featureKey","textFeatureTitle","userCategory","EmptyText","emptyRequestsStaff","emptyRequestsUser","onLoadingChanged","res","getJobsRecursive","site","error","console","log","loading","callback","setState","state","navigation","navigate","screenMaintenance","componentDidMount","refresh","componentDidUpdate","prevProps","dataUpdated","renderContent","jobs","createElement","style","styles","loadingPadding","LoadingStateWidget","height","EmptyStateWidget","title","getEmptyStateText","horizontal","contentContainerStyle","paddingLeft","paddingRight","showsHorizontalScrollIndicator","slice","map","job","key","id","render","colourBrandingMain","sectionContainer","sectionPadding","sectionHeading","sectionTitle","getTitle","InlineButton","onPress","onPressAll","color","touchableStyle","paddingTop","textStyle","create","backgroundColor","paddingHorizontal","paddingBottom","marginBottom","flexDirection","alignContent","justifyContent","fontFamily","fontSize","TEXT_DARKEST","mapStateToProps","_state$strings","user","notifications","reducerKey","getMainBrandingColourFromState","orderBy","category","updateKey","config","forwardRef"],"sources":["WidgetSmall.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { maintenanceActions } from '../apis';\nimport { jobsLoaded, jobStatusesUpdate, jobHideSeenUpdate } from '../actions';\nimport MaintenanceWidgetItem from './MaintenanceWidgetItem';\nimport { Services } from '../feature.config';\nimport { Colours, Components } from '../core.config';\nimport { values } from '../values.config';\n\nconst MAX_ITEMS = 10;\n\nclass WidgetSmall extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { loading: false };\n  }\n\n  componentDidMount() {\n    this.props.jobStatusesUpdate(this.props.site);\n    this.props.jobHideSeenUpdate(this.props.site);\n    this.refresh();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n  }\n\n  getTitle = () => {\n    const { options } = this.props;\n    if (options && !_.isEmpty(options.Title)) return options.Title;\n    return this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;\n  };\n\n  getEmptyStateText = () => {\n    const { options, userCategory } = this.props;\n    if (options && !_.isEmpty(options.EmptyText)) return options.EmptyText;\n    return userCategory === 'staff' ? values.emptyRequestsStaff : values.emptyRequestsUser;\n  };\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const res = await maintenanceActions.getJobsRecursive(this.props.site);\n        // console.log('WidgetSmall - refresh', res.data);\n        this.props.jobsLoaded(res);\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onPressAll = () => {\n    Services.navigation.navigate(values.screenMaintenance, { options: this.props.options });\n  };\n\n  renderContent() {\n    const { jobs } = this.props;\n    if (_.isEmpty(jobs)) {\n      if (this.state.loading) {\n        return (\n          <View style={styles.loadingPadding}>\n            <Components.LoadingStateWidget height={180} />\n          </View>\n        );\n      }\n      return (\n        <View style={styles.loadingPadding}>\n          <Components.EmptyStateWidget title={this.getEmptyStateText()} height={180} />\n        </View>\n      );\n    }\n    return (\n      <ScrollView horizontal contentContainerStyle={{ paddingLeft: 6, paddingRight: 8 }} showsHorizontalScrollIndicator={false}>\n        {jobs.slice(0, MAX_ITEMS).map(job => {\n          return <MaintenanceWidgetItem key={job.id} job={job} />;\n        })}\n      </ScrollView>\n    );\n  }\n\n  render() {\n    const { colourBrandingMain } = this.props;\n\n    return (\n      <View style={styles.sectionContainer}>\n        <View style={styles.sectionPadding}>\n          <View style={styles.sectionHeading}>\n            <Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n            <Components.InlineButton\n              onPress={this.onPressAll}\n              color={colourBrandingMain}\n              touchableStyle={{ paddingTop: 6 }}\n              textStyle={{ color: '#fff' }}\n            >\n              View All\n            </Components.InlineButton>\n          </View>\n        </View>\n        {this.renderContent()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  sectionContainer: {\n    backgroundColor: '#fff',\n    paddingTop: 16,\n  },\n  sectionPadding: {\n    paddingHorizontal: 16,\n    paddingBottom: 6,\n  },\n  loadingPadding: {\n    paddingHorizontal: 16,\n  },\n  sectionHeading: {\n    marginBottom: 4,\n    flexDirection: 'row',\n    alignContent: 'flex-start',\n    justifyContent: 'space-between',\n  },\n  sectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: Colours.TEXT_DARKEST,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, notifications } = state;\n  const jobs = state[values.reducerKey];\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    jobs: _.orderBy(jobs.jobs, ['createdUnix'], ['desc']),\n    site: user.site,\n    userCategory: user.category,\n    dataUpdated: notifications.dataUpdated[values.updateKey],\n    strings: state.strings?.config || {},\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded, jobStatusesUpdate, jobHideSeenUpdate }, null, { forwardRef: true })(WidgetSmall);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/helper.js

@@ -1,33 +1,47 @@
-import { label } from 'aws-amplify';
 import { Colours } from './core.config';
+const STATUS_NOT_ACTIONED = 'Not Actioned';
+const STATUS_IN_PROGRESS = 'In Progress';
+const STATUS_COMPLETED = 'Completed';
 const jobStatusOptions = [{
-  name: 'Unassigned',
-  label: 'Open',
-  color: Colours.LINEGREY
+  text: 'Open',
+  order: 0,
+  color: Colours.LINEGREY,
+  category: STATUS_NOT_ACTIONED
 }, {
-  name: 'In Progress',
-  label: 'In Progress',
-  color: Colours.COLOUR_TEAL
+  text: 'In Progress',
+  order: 1,
+  color: Colours.COLOUR_TEAL,
+  category: STATUS_IN_PROGRESS
 }, {
-  name: 'Completed',
-  label: 'Completed',
-  color: Colours.COLOUR_GREEN_LIGHT
+  text: 'Completed',
+  order: 2,
+  color: Colours.COLOUR_GREEN_LIGHT,
+  category: STATUS_COMPLETED
 }];
-const getJobStatusColour = status => {
-  const option = jobStatusOptions.find(item => item.name === status);
-  return option ? option.color : jobStatusOptions[0].color;
-};
-const getJobStatusLabel = status => {
-  const option = jobStatusOptions.find(item => item.name === status);
-  return option ? option.label : jobStatusOptions[0].label;
+const jobPriorityOptions = [{
+  label: 'Low',
+  color: Colours.COLOUR_GREEN,
+  default: true
+}, {
+  label: 'Medium',
+  color: Colours.COLOUR_TANGERINE
+}, {
+  label: 'High',
+  color: Colours.COLOUR_RED
+}];
+const getJobStatusOptions = props => {
+  var _props$statusTypes;
+  return props !== null && props !== void 0 && (_props$statusTypes = props.statusTypes) !== null && _props$statusTypes !== void 0 && _props$statusTypes.length ? props === null || props === void 0 ? void 0 : props.statusTypes : jobStatusOptions;
 };
-const getJobStatusProps = status => {
-  const statusText = getJobStatusLabel(status) || jobStatusOptions[0].label;
-  const statusColor = getJobStatusColour(statusText);
-  return {
-    statusText,
-    statusColor
-  };
+const getDefaultJobStatuses = props => getJobStatusOptions(props).filter(s => s.category === STATUS_NOT_ACTIONED);
+const getIncompleteJobStatuses = props => getJobStatusOptions(props).filter(s => s.category === STATUS_IN_PROGRESS);
+const getJobStatus = (status, props) => {
+  const statusOptions = getJobStatusOptions(props);
+  // console.log('getJobStatus', JSON.stringify({ status, statusOptions }, null, 2));
+  let statusOption = null;
+  if (status) statusOption = statusOptions.find(s => s.text === status);
+  return statusOption || getDefaultJobStatuses(props)[0];
 };
-export { jobStatusOptions, getJobStatusColour, getJobStatusProps, getJobStatusLabel };
+const getJobPriority = priority => jobPriorityOptions.find(p => p.label === priority) || jobPriorityOptions.find(p => p.default);
+export { jobStatusOptions, jobPriorityOptions, getJobStatusOptions, getDefaultJobStatuses, getIncompleteJobStatuses, getJobStatus, getJobPriority };
 //# sourceMappingURL=helper.js.map

package/dist/module/helper.js.map

@@ -1 +1 @@
-{"version":3,"names":["label","Colours","jobStatusOptions","name","color","LINEGREY","COLOUR_TEAL","COLOUR_GREEN_LIGHT","getJobStatusColour","status","option","find","item","getJobStatusLabel","getJobStatusProps","statusText","statusColor"],"sources":["helper.js"],"sourcesContent":["import { label } from 'aws-amplify';\nimport { Colours } from './core.config';\n\nconst jobStatusOptions = [\n  {\n    name: 'Unassigned',\n    label: 'Open',\n    color: Colours.LINEGREY,\n  },\n  {\n    name: 'In Progress',\n    label: 'In Progress',\n    color: Colours.COLOUR_TEAL,\n  },\n  {\n    name: 'Completed',\n    label: 'Completed',\n    color: Colours.COLOUR_GREEN_LIGHT,\n  },\n];\n\nconst getJobStatusColour = status => {\n  const option = jobStatusOptions.find(item => item.name === status);\n  return option ? option.color : jobStatusOptions[0].color;\n};\n\nconst getJobStatusLabel = status => {\n  const option = jobStatusOptions.find(item => item.name === status);\n  return option ? option.label : jobStatusOptions[0].label;\n};\n\nconst getJobStatusProps = status => {\n  const statusText = getJobStatusLabel(status) || jobStatusOptions[0].label;\n  const statusColor = getJobStatusColour(statusText);\n\n  return { statusText, statusColor };\n};\n\nexport { jobStatusOptions, getJobStatusColour, getJobStatusProps, getJobStatusLabel };\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,aAAa;AACnC,SAASC,OAAO,QAAQ,eAAe;AAEvC,MAAMC,gBAAgB,GAAG,CACvB;EACEC,IAAI,EAAE,YAAY;EAClBH,KAAK,EAAE,MAAM;EACbI,KAAK,EAAEH,OAAO,CAACI;AACjB,CAAC,EACD;EACEF,IAAI,EAAE,aAAa;EACnBH,KAAK,EAAE,aAAa;EACpBI,KAAK,EAAEH,OAAO,CAACK;AACjB,CAAC,EACD;EACEH,IAAI,EAAE,WAAW;EACjBH,KAAK,EAAE,WAAW;EAClBI,KAAK,EAAEH,OAAO,CAACM;AACjB,CAAC,CACF;AAED,MAAMC,kBAAkB,GAAGC,MAAM,IAAI;EACnC,MAAMC,MAAM,GAAGR,gBAAgB,CAACS,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACT,IAAI,KAAKM,MAAM,CAAC;EAClE,OAAOC,MAAM,GAAGA,MAAM,CAACN,KAAK,GAAGF,gBAAgB,CAAC,CAAC,CAAC,CAACE,KAAK;AAC1D,CAAC;AAED,MAAMS,iBAAiB,GAAGJ,MAAM,IAAI;EAClC,MAAMC,MAAM,GAAGR,gBAAgB,CAACS,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACT,IAAI,KAAKM,MAAM,CAAC;EAClE,OAAOC,MAAM,GAAGA,MAAM,CAACV,KAAK,GAAGE,gBAAgB,CAAC,CAAC,CAAC,CAACF,KAAK;AAC1D,CAAC;AAED,MAAMc,iBAAiB,GAAGL,MAAM,IAAI;EAClC,MAAMM,UAAU,GAAGF,iBAAiB,CAACJ,MAAM,CAAC,IAAIP,gBAAgB,CAAC,CAAC,CAAC,CAACF,KAAK;EACzE,MAAMgB,WAAW,GAAGR,kBAAkB,CAACO,UAAU,CAAC;EAElD,OAAO;IAAEA,UAAU;IAAEC;EAAY,CAAC;AACpC,CAAC;AAED,SAASd,gBAAgB,EAAEM,kBAAkB,EAAEM,iBAAiB,EAAED,iBAAiB","ignoreList":[]}
+{"version":3,"names":["Colours","STATUS_NOT_ACTIONED","STATUS_IN_PROGRESS","STATUS_COMPLETED","jobStatusOptions","text","order","color","LINEGREY","category","COLOUR_TEAL","COLOUR_GREEN_LIGHT","jobPriorityOptions","label","COLOUR_GREEN","default","COLOUR_TANGERINE","COLOUR_RED","getJobStatusOptions","props","_props$statusTypes","statusTypes","length","getDefaultJobStatuses","filter","s","getIncompleteJobStatuses","getJobStatus","status","statusOptions","statusOption","find","getJobPriority","priority","p"],"sources":["helper.js"],"sourcesContent":["import { Colours } from './core.config';\n\nconst STATUS_NOT_ACTIONED = 'Not Actioned';\nconst STATUS_IN_PROGRESS = 'In Progress';\nconst STATUS_COMPLETED = 'Completed';\n\nconst jobStatusOptions = [\n  {\n    text: 'Open',\n    order: 0,\n    color: Colours.LINEGREY,\n    category: STATUS_NOT_ACTIONED,\n  },\n  {\n    text: 'In Progress',\n    order: 1,\n    color: Colours.COLOUR_TEAL,\n    category: STATUS_IN_PROGRESS,\n  },\n  {\n    text: 'Completed',\n    order: 2,\n    color: Colours.COLOUR_GREEN_LIGHT,\n    category: STATUS_COMPLETED,\n  },\n];\n\nconst jobPriorityOptions = [\n  {\n    label: 'Low',\n    color: Colours.COLOUR_GREEN,\n    default: true,\n  },\n  {\n    label: 'Medium',\n    color: Colours.COLOUR_TANGERINE,\n  },\n  {\n    label: 'High',\n    color: Colours.COLOUR_RED,\n  },\n];\n\nconst getJobStatusOptions = props => props?.statusTypes?.length ? props?.statusTypes : jobStatusOptions;\n\nconst getDefaultJobStatuses = props => getJobStatusOptions(props).filter(s => s.category === STATUS_NOT_ACTIONED);\n\nconst getIncompleteJobStatuses = props => getJobStatusOptions(props).filter(s => s.category === STATUS_IN_PROGRESS);\n\nconst getJobStatus = (status, props) => {\n  const statusOptions = getJobStatusOptions(props);\n  // console.log('getJobStatus', JSON.stringify({ status, statusOptions }, null, 2));\n  let statusOption = null;\n  if (status) statusOption = statusOptions.find(s => s.text === status);\n  return statusOption || getDefaultJobStatuses(props)[0];\n}\n\nconst getJobPriority = priority => jobPriorityOptions.find(p => p.label === priority) || jobPriorityOptions.find(p => p.default);\n\nexport {\n  jobStatusOptions,\n  jobPriorityOptions,\n  getJobStatusOptions,\n  getDefaultJobStatuses,\n  getIncompleteJobStatuses,\n  getJobStatus,\n  getJobPriority,\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AAEvC,MAAMC,mBAAmB,GAAG,cAAc;AAC1C,MAAMC,kBAAkB,GAAG,aAAa;AACxC,MAAMC,gBAAgB,GAAG,WAAW;AAEpC,MAAMC,gBAAgB,GAAG,CACvB;EACEC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAEP,OAAO,CAACQ,QAAQ;EACvBC,QAAQ,EAAER;AACZ,CAAC,EACD;EACEI,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAEP,OAAO,CAACU,WAAW;EAC1BD,QAAQ,EAAEP;AACZ,CAAC,EACD;EACEG,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAEP,OAAO,CAACW,kBAAkB;EACjCF,QAAQ,EAAEN;AACZ,CAAC,CACF;AAED,MAAMS,kBAAkB,GAAG,CACzB;EACEC,KAAK,EAAE,KAAK;EACZN,KAAK,EAAEP,OAAO,CAACc,YAAY;EAC3BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,KAAK,EAAE,QAAQ;EACfN,KAAK,EAAEP,OAAO,CAACgB;AACjB,CAAC,EACD;EACEH,KAAK,EAAE,MAAM;EACbN,KAAK,EAAEP,OAAO,CAACiB;AACjB,CAAC,CACF;AAED,MAAMC,mBAAmB,GAAGC,KAAK;EAAA,IAAAC,kBAAA;EAAA,OAAID,KAAK,aAALA,KAAK,gBAAAC,kBAAA,GAALD,KAAK,CAAEE,WAAW,cAAAD,kBAAA,eAAlBA,kBAAA,CAAoBE,MAAM,GAAGH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,WAAW,GAAGjB,gBAAgB;AAAA;AAEvG,MAAMmB,qBAAqB,GAAGJ,KAAK,IAAID,mBAAmB,CAACC,KAAK,CAAC,CAACK,MAAM,CAACC,CAAC,IAAIA,CAAC,CAAChB,QAAQ,KAAKR,mBAAmB,CAAC;AAEjH,MAAMyB,wBAAwB,GAAGP,KAAK,IAAID,mBAAmB,CAACC,KAAK,CAAC,CAACK,MAAM,CAACC,CAAC,IAAIA,CAAC,CAAChB,QAAQ,KAAKP,kBAAkB,CAAC;AAEnH,MAAMyB,YAAY,GAAGA,CAACC,MAAM,EAAET,KAAK,KAAK;EACtC,MAAMU,aAAa,GAAGX,mBAAmB,CAACC,KAAK,CAAC;EAChD;EACA,IAAIW,YAAY,GAAG,IAAI;EACvB,IAAIF,MAAM,EAAEE,YAAY,GAAGD,aAAa,CAACE,IAAI,CAACN,CAAC,IAAIA,CAAC,CAACpB,IAAI,KAAKuB,MAAM,CAAC;EACrE,OAAOE,YAAY,IAAIP,qBAAqB,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC;AACxD,CAAC;AAED,MAAMa,cAAc,GAAGC,QAAQ,IAAIrB,kBAAkB,CAACmB,IAAI,CAACG,CAAC,IAAIA,CAAC,CAACrB,KAAK,KAAKoB,QAAQ,CAAC,IAAIrB,kBAAkB,CAACmB,IAAI,CAACG,CAAC,IAAIA,CAAC,CAACnB,OAAO,CAAC;AAEhI,SACEX,gBAAgB,EAChBQ,kBAAkB,EAClBM,mBAAmB,EACnBK,qBAAqB,EACrBG,wBAAwB,EACxBC,YAAY,EACZK,cAAc","ignoreList":[]}

package/dist/module/reducers/JobsReducer.js

@@ -1,16 +1,27 @@
 /* eslint-disable no-param-reassign */
 import _ from 'lodash';
 import { REHYDRATE } from 'redux-persist';
-import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED } from '../actions/types';
+import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED, JOBS_STATUSES_LOADED, JOBS_HIDE_SEEN, JOB_FILTER_LOADED } from '../actions/types';
 import { ActionTypes } from '../core.config';
 import { values } from '../values.config';
 const REDUCER_KEY = values.reducerKey;
 const INITIAL_STATE = {
-  jobs: []
+  jobs: [],
+  jobstatuses: [],
+  hideSeen: false,
+  jobfilters: {
+    status: '',
+    statusText: '',
+    priority: '',
+    type: '',
+    assignee: '',
+    assigneeName: ''
+  }
 };
 export default (state = INITIAL_STATE, action) => {
   let updateJobs = [];
   let index = 0;
+  let jobstatuses = [];
   switch (action.type) {
     case ActionTypes.LOGOUT:
     case ActionTypes.CHANGE_ROLE:
@@ -47,6 +58,24 @@ export default (state = INITIAL_STATE, action) => {
         ...state,
         jobs: updateJobs
       };
+    case JOBS_STATUSES_LOADED:
+      jobstatuses = _.orderBy(_.unionWith(action.payload, state.jobstatuses, (v1, v2) => {
+        return v1 != null && v2 != null && v1.text === v2.text;
+      }), 'order', 'asc');
+      return {
+        ...state,
+        jobstatuses
+      };
+    case JOBS_HIDE_SEEN:
+      return {
+        ...state,
+        hideSeen: action.payload
+      };
+    case JOB_FILTER_LOADED:
+      return {
+        ...state,
+        jobfilters: action.payload
+      };
     case REHYDRATE:
       if (!action.payload) return state;
       if (action.payload[REDUCER_KEY]) {

package/dist/module/reducers/JobsReducer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_","REHYDRATE","JOBS_LOADED","JOB_ADDED","JOBS_ADDED","ActionTypes","values","REDUCER_KEY","reducerKey","INITIAL_STATE","jobs","state","action","updateJobs","index","type","LOGOUT","CHANGE_ROLE","payload","map","job","title","description","unionWith","j1","j2","id","findIndex","item","push"],"sources":["JobsReducer.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport _ from 'lodash';\nimport { REHYDRATE } from 'redux-persist';\nimport { JOBS_LOADED, JOB_ADDED, JOBS_ADDED } from '../actions/types';\nimport { ActionTypes } from '../core.config';\nimport { values } from '../values.config';\n\nconst REDUCER_KEY = values.reducerKey;\n\nconst INITIAL_STATE = {\n  jobs: [],\n};\n\nexport default (state = INITIAL_STATE, action) => {\n  let updateJobs = [];\n  let index = 0;\n\n  switch (action.type) {\n    case ActionTypes.LOGOUT:\n    case ActionTypes.CHANGE_ROLE:\n      return INITIAL_STATE;\n    case JOBS_LOADED:\n      return { ...state, jobs: action.payload.map(job => ({ title: job.title || job.description, ...job })) };\n    case JOBS_ADDED:\n      updateJobs = action.payload.map(job => ({ title: job.title || job.description, ...job }));\n      updateJobs = _.unionWith(updateJobs, state.jobs, (j1, j2) => {\n        return j1.id === j2.id;\n      });\n      return { ...state, jobs: updateJobs };\n    case JOB_ADDED:\n      updateJobs = [...state.jobs];\n      index = updateJobs.findIndex(item => item.id === action.payload.id);\n      if (index > -1) {\n        updateJobs[index] = action.payload;\n      } else {\n        updateJobs.push(action.payload);\n      }\n      return { ...state, jobs: updateJobs };\n    case REHYDRATE:\n      if (!action.payload) return state;\n      if (action.payload[REDUCER_KEY]) {\n        if (action.payload[REDUCER_KEY].jobs == null) {\n          action.payload[REDUCER_KEY].jobs = [];\n        }\n        return action.payload[REDUCER_KEY];\n      }\n      return state;\n    default:\n      return state;\n  }\n};\n"],"mappings":"AAAA;AACA,OAAOA,CAAC,MAAM,QAAQ;AACtB,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,WAAW,EAAEC,SAAS,EAAEC,UAAU,QAAQ,kBAAkB;AACrE,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,WAAW,GAAGD,MAAM,CAACE,UAAU;AAErC,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,eAAe,CAACC,KAAK,GAAGF,aAAa,EAAEG,MAAM,KAAK;EAChD,IAAIC,UAAU,GAAG,EAAE;EACnB,IAAIC,KAAK,GAAG,CAAC;EAEb,QAAQF,MAAM,CAACG,IAAI;IACjB,KAAKV,WAAW,CAACW,MAAM;IACvB,KAAKX,WAAW,CAACY,WAAW;MAC1B,OAAOR,aAAa;IACtB,KAAKP,WAAW;MACd,OAAO;QAAE,GAAGS,KAAK;QAAED,IAAI,EAAEE,MAAM,CAACM,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UAAEC,KAAK,EAAED,GAAG,CAACC,KAAK,IAAID,GAAG,CAACE,WAAW;UAAE,GAAGF;QAAI,CAAC,CAAC;MAAE,CAAC;IACzG,KAAKhB,UAAU;MACbS,UAAU,GAAGD,MAAM,CAACM,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;QAAEC,KAAK,EAAED,GAAG,CAACC,KAAK,IAAID,GAAG,CAACE,WAAW;QAAE,GAAGF;MAAI,CAAC,CAAC,CAAC;MACzFP,UAAU,GAAGb,CAAC,CAACuB,SAAS,CAACV,UAAU,EAAEF,KAAK,CAACD,IAAI,EAAE,CAACc,EAAE,EAAEC,EAAE,KAAK;QAC3D,OAAOD,EAAE,CAACE,EAAE,KAAKD,EAAE,CAACC,EAAE;MACxB,CAAC,CAAC;MACF,OAAO;QAAE,GAAGf,KAAK;QAAED,IAAI,EAAEG;MAAW,CAAC;IACvC,KAAKV,SAAS;MACZU,UAAU,GAAG,CAAC,GAAGF,KAAK,CAACD,IAAI,CAAC;MAC5BI,KAAK,GAAGD,UAAU,CAACc,SAAS,CAACC,IAAI,IAAIA,IAAI,CAACF,EAAE,KAAKd,MAAM,CAACM,OAAO,CAACQ,EAAE,CAAC;MACnE,IAAIZ,KAAK,GAAG,CAAC,CAAC,EAAE;QACdD,UAAU,CAACC,KAAK,CAAC,GAAGF,MAAM,CAACM,OAAO;MACpC,CAAC,MAAM;QACLL,UAAU,CAACgB,IAAI,CAACjB,MAAM,CAACM,OAAO,CAAC;MACjC;MACA,OAAO;QAAE,GAAGP,KAAK;QAAED,IAAI,EAAEG;MAAW,CAAC;IACvC,KAAKZ,SAAS;MACZ,IAAI,CAACW,MAAM,CAACM,OAAO,EAAE,OAAOP,KAAK;MACjC,IAAIC,MAAM,CAACM,OAAO,CAACX,WAAW,CAAC,EAAE;QAC/B,IAAIK,MAAM,CAACM,OAAO,CAACX,WAAW,CAAC,CAACG,IAAI,IAAI,IAAI,EAAE;UAC5CE,MAAM,CAACM,OAAO,CAACX,WAAW,CAAC,CAACG,IAAI,GAAG,EAAE;QACvC;QACA,OAAOE,MAAM,CAACM,OAAO,CAACX,WAAW,CAAC;MACpC;MACA,OAAOI,KAAK;IACd;MACE,OAAOA,KAAK;EAChB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_","REHYDRATE","JOBS_LOADED","JOB_ADDED","JOBS_ADDED","JOBS_STATUSES_LOADED","JOBS_HIDE_SEEN","JOB_FILTER_LOADED","ActionTypes","values","REDUCER_KEY","reducerKey","INITIAL_STATE","jobs","jobstatuses","hideSeen","jobfilters","status","statusText","priority","type","assignee","assigneeName","state","action","updateJobs","index","LOGOUT","CHANGE_ROLE","payload","map","job","title","description","unionWith","j1","j2","id","findIndex","item","push","orderBy","v1","v2","text"],"sources":["JobsReducer.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport _ from 'lodash';\nimport { REHYDRATE } from 'redux-persist';\nimport { JOBS_LOADED, JOB_ADDED, JOBS_ADDED, JOBS_STATUSES_LOADED, JOBS_HIDE_SEEN, JOB_FILTER_LOADED } from '../actions/types';\nimport { ActionTypes } from '../core.config';\nimport { values } from '../values.config';\n\nconst REDUCER_KEY = values.reducerKey;\n\nconst INITIAL_STATE = {\n  jobs: [],\n  jobstatuses: [],\n  hideSeen: false,\n  jobfilters: {\n    status: '',\n    statusText: '',\n    priority: '',\n    type: '',\n    assignee: '',\n    assigneeName: '',\n  },\n};\n\nexport default (state = INITIAL_STATE, action) => {\n  let updateJobs = [];\n  let index = 0;\n  let jobstatuses = [];\n\n  switch (action.type) {\n    case ActionTypes.LOGOUT:\n    case ActionTypes.CHANGE_ROLE:\n      return INITIAL_STATE;\n    case JOBS_LOADED:\n      return { ...state, jobs: action.payload.map(job => ({ title: job.title || job.description, ...job })) };\n    case JOBS_ADDED:\n      updateJobs = action.payload.map(job => ({ title: job.title || job.description, ...job }));\n      updateJobs = _.unionWith(updateJobs, state.jobs, (j1, j2) => {\n        return j1.id === j2.id;\n      });\n      return { ...state, jobs: updateJobs };\n    case JOB_ADDED:\n      updateJobs = [...state.jobs];\n      index = updateJobs.findIndex(item => item.id === action.payload.id);\n      if (index > -1) {\n        updateJobs[index] = action.payload;\n      } else {\n        updateJobs.push(action.payload);\n      }\n      return { ...state, jobs: updateJobs };\n    case JOBS_STATUSES_LOADED:\n      jobstatuses = _.orderBy(\n        _.unionWith(action.payload, state.jobstatuses, (v1, v2) => {\n          return v1 != null && v2 != null && v1.text === v2.text;\n        }),\n        'order',\n        'asc',\n      );\n      return { ...state, jobstatuses };\n    case JOBS_HIDE_SEEN:\n      return { ...state, hideSeen: action.payload };\n    case JOB_FILTER_LOADED:\n      return { ...state, jobfilters: action.payload };\n    case REHYDRATE:\n      if (!action.payload) return state;\n      if (action.payload[REDUCER_KEY]) {\n        if (action.payload[REDUCER_KEY].jobs == null) {\n          action.payload[REDUCER_KEY].jobs = [];\n        }\n        return action.payload[REDUCER_KEY];\n      }\n      return state;\n    default:\n      return state;\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/screens/RequestDetail.js

@@ -9,9 +9,10 @@ import _ from 'lodash';
 import moment from 'moment';
 import { connect } from 'react-redux';
 import { maintenanceActions } from '../apis';
-import { jobAdded } from '../actions';
+import { jobAdded, jobStatusesUpdate, jobHideSeenUpdate } from '../actions';
 import StatusSelectorPopup from '../components/StatusSelectorPopup';
-import { jobStatusOptions, getJobStatusProps } from '../helper';
+import PrioritySelectorPopup from '../components/PrioritySelectorPopup';
+import { getJobStatus, getJobPriority } from '../helper';
 import { Services } from '../feature.config';
 import { Colours, Helper, Components, Config } from '../core.config';
 import { values } from '../values.config';
@@ -24,6 +25,7 @@ class RequestDetail extends Component {
       }, async () => {
         try {
           const res = await maintenanceActions.getJob(this.props.job.site, this.props.job.id);
+          // console.log('getJob', JSON.stringify(res.data, null, 2));
           this.props.jobAdded(res.data);
           this.updateJobState(res.data);
         } catch (error) {
@@ -136,6 +138,23 @@ class RequestDetail extends Component {
         }
       });
     });
+    _defineProperty(this, "updateJobPriority", () => {
+      this.setState({
+        loading: true
+      }, async () => {
+        try {
+          const res = await maintenanceActions.editJobPriority(this.props.job.id, this.state.priority);
+          this.props.jobAdded(res.data.job);
+          this.getJob();
+        } catch (error) {
+          console.log('updateJobPriority error', error);
+        } finally {
+          this.setState({
+            loading: false
+          });
+        }
+      });
+    });
     _defineProperty(this, "onPressBack", () => {
       Services.navigation.goBack();
     });
@@ -150,6 +169,7 @@ class RequestDetail extends Component {
       });
     });
     _defineProperty(this, "onSelectStatus", status => {
+      if (this.state.loading) return;
       this.setState({
         status,
         showStatusPopup: false
@@ -157,6 +177,25 @@ class RequestDetail extends Component {
         this.updateJobStatus();
       });
     });
+    _defineProperty(this, "onOpenPriorityPicker", () => {
+      this.setState({
+        showPriorityPopup: true
+      });
+    });
+    _defineProperty(this, "onClosePriorityPopup", () => {
+      this.setState({
+        showPriorityPopup: false
+      });
+    });
+    _defineProperty(this, "onSelectPriority", priority => {
+      if (this.state.loading) return;
+      this.setState({
+        priority,
+        showPriorityPopup: false
+      }, () => {
+        this.updateJobPriority();
+      });
+    });
     _defineProperty(this, "openStaffNotes", () => {
       Services.navigation.navigate(values.screenRequestNotes, {
         job: this.state.job,
@@ -280,11 +319,13 @@ class RequestDetail extends Component {
       isDateTimePickerVisible: false,
       popUpType: '',
       status: '',
+      priority: '',
       expectedDate: null,
       expectedDateText: '',
       seen: false,
       showMore: true,
       showStatusPopup: false,
+      showPriorityPopup: false,
       loading: false,
       showFullscreenVideo: false,
       currentVideoUrl: '',
@@ -298,6 +339,8 @@ class RequestDetail extends Component {
     this.commentSection = /*#__PURE__*/React.createRef();
   }
   componentDidMount() {
+    this.props.jobStatusesUpdate(this.props.job.site);
+    this.props.jobHideSeenUpdate(this.props.job.site);
     this.getJob();
     this.updateJobState(this.props.job);
     this.getAssignees();
@@ -343,12 +386,11 @@ class RequestDetail extends Component {
       status,
       job
     } = this.state;
-    const {
-      statusText,
-      statusColor
-    } = getJobStatusProps(status);
+    const statusOption = getJobStatus(status, this.props);
+    const priority = getJobPriority(job.priority);
     const canEdit = this.hasPermission();
-    const showSeen = !status || status === jobStatusOptions[0].name;
+    const isStaff = this.props.user.category === 'staff';
+    const showSeen = !status || status === getJobStatus(null, this.props).text;
     return /*#__PURE__*/React.createElement(View, {
       style: {
         ...Helper.getShadowStyle()
@@ -372,7 +414,7 @@ class RequestDetail extends Component {
         color: this.props.colourBrandingMain
       }],
       numberOfLines: 2
-    }, job.type)), showSeen && this.state.seen && /*#__PURE__*/React.createElement(View, {
+    }, job.type)), !this.props.hideSeen && showSeen && this.state.seen && /*#__PURE__*/React.createElement(View, {
       style: styles.jobSeenContainer
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "check",
@@ -393,6 +435,8 @@ class RequestDetail extends Component {
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.textSectionText
     }, moment(job.lastActivityUnix).format('ddd D MMMM, h:mm A'))))), /*#__PURE__*/React.createElement(View, {
+      style: styles.jobInfoContainer
+    }, /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusExpectedContainer
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusOuterContainer
@@ -402,11 +446,11 @@ class RequestDetail extends Component {
       onPress: canEdit ? this.onOpenStatusPicker : null
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles.jobStatusContainer, {
-        backgroundColor: statusColor
+        backgroundColor: statusOption.color
       }]
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusText
-    }, statusText)))), this.hasPermission() && /*#__PURE__*/React.createElement(View, {
+    }, statusOption === null || statusOption === void 0 ? void 0 : statusOption.text)))), this.hasPermission() && /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusOuterContainer
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusHeading
@@ -422,7 +466,19 @@ class RequestDetail extends Component {
       iconStyle: styles.jobStatusIcon
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusText
-    }, "Notes (", (job.Notes || []).length, ")"))))));
+    }, "Notes (", (job.Notes || []).length, ")"))))), isStaff && /*#__PURE__*/React.createElement(View, {
+      style: styles.jobPriorityOuterContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobStatusHeading
+    }, "PRIORITY"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: canEdit ? this.onOpenPriorityPicker : null
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobStatusContainer, {
+        backgroundColor: priority.color
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobStatusText
+    }, priority.label))))));
   }
   renderPlayableImageUrl(images, index, containerStyle, showMore) {
     const url = images[index || 0];
@@ -662,6 +718,13 @@ class RequestDetail extends Component {
       onSelect: this.onSelectStatus
     });
   }
+  renderPriorityPopup() {
+    if (!this.state.showPriorityPopup) return null;
+    return /*#__PURE__*/React.createElement(PrioritySelectorPopup, {
+      onClose: this.onClosePriorityPopup,
+      onSelect: this.onSelectPriority
+    });
+  }
   render() {
     if (this.state.forbidden) {
       return /*#__PURE__*/React.createElement(Components.Forbidden, null);
@@ -683,7 +746,7 @@ class RequestDetail extends Component {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.innerContainer
-    }, this.renderTop(), this.renderAssignee(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderImagePopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
+    }, this.renderTop(), this.renderAssignee(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderPriorityPopup(), this.renderImagePopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
       isVisible: this.state.isDateTimePickerVisible,
       onConfirm: this.onDateSelected,
       onCancel: this.onCloseDatePicker,
@@ -752,15 +815,17 @@ const styles = StyleSheet.create({
     fontSize: 13,
     color: Colours.TEXT_LIGHT
   },
-  jobStatusExpectedContainer: {
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    justifyContent: 'space-between',
+  jobInfoContainer: {
     borderTopWidth: 1,
     borderTopColor: Colours.LINEGREY,
     paddingVertical: 14,
     paddingHorizontal: 12
   },
+  jobStatusExpectedContainer: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between'
+  },
   jobStatusOuterContainer: {
     // marginRight: 50,
   },
@@ -792,6 +857,9 @@ const styles = StyleSheet.create({
     flex: 1,
     textAlign: 'center'
   },
+  jobPriorityOuterContainer: {
+    marginTop: 12
+  },
   jobExpectedDateContainer: {
     backgroundColor: Colours.BOXGREY,
     flexDirection: 'row',
@@ -970,10 +1038,14 @@ const mapStateToProps = state => {
   return {
     user: state.user,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
-    jobs: state[values.reducerKey].jobs
+    jobs: state[values.reducerKey].jobs,
+    statusTypes: state[values.reducerKey].jobstatuses,
+    hideSeen: state[values.reducerKey].hideSeen
   };
 };
 export default connect(mapStateToProps, {
-  jobAdded
+  jobAdded,
+  jobStatusesUpdate,
+  jobHideSeenUpdate
 })(RequestDetail);
 //# sourceMappingURL=RequestDetail.js.map