@plusscommunities/pluss-maintenance-app 6.0.1-auth.0 → 6.0.1

package/dist/module/components/MaintenanceList.js

@@ -0,0 +1,325 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 MaintenanceListItem from '../components/MaintenanceListItem';
+import FilterPopupMenu from './FilterPopupMenu';
+import { Components, Colours, Config, Helper } from '../core.config';
+class MaintenanceList extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "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', res?.data);
+          if (selectedStatus !== this.initialStatus || !_.isEmpty(selectedType)) {
+            this.props.jobsAdded(res);
+          } else {
+            this.props.jobsLoaded(res);
+          }
+        } catch (error) {
+          console.log('refresh error', error);
+        } finally {
+          this.onLoadingChanged(false);
+        }
+      });
+    });
+    _defineProperty(this, "refreshTypes", async () => {
+      const {
+        data
+      } = await generalActions.getJobTypes(Helper.getSite(this.props.site));
+      const types = data.map(t => {
+        return {
+          label: t.typeName,
+          value: t.typeName
+        };
+      });
+      types.splice(0, 0, {
+        label: 'All',
+        value: ''
+      });
+      // console.log('refreshTypes', types);
+      this.setState({
+        types
+      });
+    });
+    _defineProperty(this, "fetchJob", jobId => {
+      if (this.state.loading) return;
+      this.onLoadingChanged(true, async () => {
+        try {
+          const job = await generalActions.getJobByJobId(this.props.site, jobId);
+          // console.log('fetchJob', job?.data);
+          this.props.jobAdded(job.data);
+        } catch (error) {
+          console.log('fetchJob error', error);
+        } finally {
+          this.onLoadingChanged(false);
+        }
+      });
+    });
+    _defineProperty(this, "resetDataSource", (source = '') => {
+      const {
+        searchText,
+        selectedStatus,
+        selectedType
+      } = this.state;
+      const {
+        jobs
+      } = this.props;
+      let filteredList = jobs;
+      let jobIdMatch = null;
+      if (searchText) {
+        jobIdMatch = _.find(jobs, j => j.jobId === searchText);
+        filteredList = jobs.filter(j => {
+          if (j.room && j.room.toLowerCase().indexOf(searchText.toLowerCase()) > -1) {
+            return true;
+          }
+          return false;
+        });
+        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 (jobIdMatch) {
+        const jobIndex = filteredList.indexOf(jobIdMatch);
+        if (jobIndex > -1) {
+          filteredList.splice(jobIndex, 1);
+        }
+        filteredList.unshift(jobIdMatch);
+      }
+      if (source !== 'search') this.refresh();
+      this.setState({
+        filteredList
+      });
+    });
+    _defineProperty(this, "onLoadingChanged", (loading, callback) => {
+      this.setState({
+        loading
+      }, () => {
+        if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);
+        if (callback) callback();
+      });
+    });
+    _defineProperty(this, "onSearchText", value => {
+      this.setState({
+        searchText: value
+      }, () => {
+        if (_.isEmpty(this.state.searchText)) this.resetDataSource('search');
+      });
+    });
+    _defineProperty(this, "onSearchSubmit", () => {
+      this.resetDataSource('search');
+    });
+    _defineProperty(this, "onToggleFilter", () => {
+      this.setState({
+        showFilterPopup: !this.state.showFilterPopup
+      });
+    });
+    _defineProperty(this, "onSelectFilter", selected => {
+      this.setState({
+        selectedStatus: selected.status,
+        selectedType: selected.type
+      }, () => {
+        this.resetDataSource();
+        this.onToggleFilter();
+      });
+    });
+    this.initialStatus = props.hasPermission ? 'Unassigned|In Progress' : '';
+    this.state = {
+      types: [],
+      filteredList: props.jobs,
+      loading: false,
+      searchText: '',
+      showFilterPopup: false,
+      selectedStatus: this.initialStatus,
+      selectedType: ''
+    };
+  }
+  componentDidMount() {
+    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();
+  }
+  getEmptyStateText() {
+    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;
+  }
+  renderEmptyList() {
+    return this.state.loading ? null : /*#__PURE__*/React.createElement(Components.EmptyStateMain, {
+      title: this.getEmptyStateText(),
+      style: {
+        marginHorizontal: 16
+      }
+    });
+  }
+  renderFilterButton() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onToggleFilter
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.filterButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.filterButtonText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, "Filter")));
+  }
+  renderSearch() {
+    if (!this.props.hasPermission) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.searchContainer
+    }, /*#__PURE__*/React.createElement(Components.GenericInput, {
+      placeholder: "Search by Job ID or Location",
+      value: this.state.searchText,
+      onChangeText: this.onSearchText,
+      onSubmitEditing: this.onSearchSubmit,
+      squaredCorners: true,
+      hasClear: true
+      // keyboardType={'numeric'}
+      ,
+      returnKeyType: 'done'
+    }));
+  }
+  renderListHeader() {
+    const {
+      ListHeaderComponent
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, null, ListHeaderComponent ? ListHeaderComponent : /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 32
+      }
+    }), this.renderFilterButton(), this.renderSearch());
+  }
+  renderList() {
+    const {
+      filteredList
+    } = this.state;
+    return /*#__PURE__*/React.createElement(FlatList, {
+      keyboardShouldPersistTaps: "always",
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: {
+        paddingBottom: 16
+      },
+      data: filteredList,
+      keyExtractor: item => item.id,
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/React.createElement(MaintenanceListItem, {
+        style: this.props.itemStyle,
+        job: item
+      }),
+      ListEmptyComponent: this.renderEmptyList(),
+      ListHeaderComponent: this.renderListHeader()
+    });
+  }
+  renderFilterPopup() {
+    const {
+      showFilterPopup,
+      types,
+      selectedStatus,
+      selectedType
+    } = this.state;
+    if (!showFilterPopup) return null;
+    return /*#__PURE__*/React.createElement(FilterPopupMenu, {
+      site: this.props.site,
+      types: types,
+      status: selectedStatus,
+      type: selectedType,
+      onClose: this.onSelectFilter
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.renderList(), this.renderFilterPopup());
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff'
+  },
+  filterContainerOuter: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 16
+  },
+  filterTitle: {
+    fontFamily: 'sf-bold',
+    fontSize: 11,
+    letterSpacing: 0.8,
+    color: '#4d4d4d'
+  },
+  filterContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  filterText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+    marginRight: 6
+  },
+  filterIcon: {
+    fontSize: 20
+  },
+  searchContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingBottom: 8,
+    paddingHorizontal: 16
+  },
+  filterButton: {
+    position: 'absolute',
+    right: 20,
+    top: -32
+  },
+  filterButtonText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16
+  }
+});
+const mapStateToProps = state => {
+  const {
+    user,
+    jobs,
+    notifications
+  } = state;
+  const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);
+  const hasPermission = _.includes(user.permissions, 'maintenanceTracking');
+  return {
+    hasPermission,
+    jobs: jobsOrdered,
+    site: user.site,
+    userCategory: user.category,
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    dataUpdated: notifications.dataUpdated['jobs']
+  };
+};
+export default connect(mapStateToProps, {
+  jobsLoaded,
+  jobAdded,
+  jobsAdded
+}, null, {
+  forwardRef: true
+})(MaintenanceList);
+//# sourceMappingURL=MaintenanceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","StyleSheet","FlatList","TouchableOpacity","Text","_","connect","generalActions","jobsLoaded","jobAdded","jobsAdded","MaintenanceListItem","FilterPopupMenu","Components","Colours","Config","Helper","MaintenanceList","constructor","props","_defineProperty","onLoadingChanged","selectedStatus","selectedType","state","res","getJobsRecursive","site","initialStatus","isEmpty","error","console","log","data","getJobTypes","getSite","types","map","t","label","typeName","value","splice","setState","jobId","loading","job","getJobByJobId","source","searchText","jobs","filteredList","jobIdMatch","find","j","filter","room","toLowerCase","indexOf","fetchJob","includes","status","type","jobIndex","unshift","refresh","callback","resetDataSource","showFilterPopup","selected","onToggleFilter","hasPermission","componentDidMount","refreshTypes","componentDidUpdate","prevProps","dataUpdated","isEqual","getEmptyStateText","options","EmptyText","userCategory","env","strings","EMPTY_REQUESTS_STAFF","EMPTY_REQUESTS_USER","renderEmptyList","createElement","EmptyStateMain","title","style","marginHorizontal","renderFilterButton","onPress","styles","filterButton","filterButtonText","color","colourBrandingMain","renderSearch","searchContainer","GenericInput","placeholder","onChangeText","onSearchText","onSubmitEditing","onSearchSubmit","squaredCorners","hasClear","returnKeyType","renderListHeader","ListHeaderComponent","height","renderList","keyboardShouldPersistTaps","flex","contentContainerStyle","paddingBottom","keyExtractor","item","id","renderItem","itemStyle","ListEmptyComponent","renderFilterPopup","onClose","onSelectFilter","render","container","create","backgroundColor","filterContainerOuter","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","filterTitle","fontFamily","fontSize","letterSpacing","filterContainer","filterText","marginRight","filterIcon","position","right","top","mapStateToProps","user","notifications","jobsOrdered","orderBy","permissions","category","getMainBrandingColourFromState","forwardRef"],"sources":["MaintenanceList.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { generalActions } from '../apis';\nimport { jobsLoaded, jobAdded, jobsAdded } from '../actions';\nimport MaintenanceListItem from '../components/MaintenanceListItem';\nimport FilterPopupMenu from './FilterPopupMenu';\nimport { Components, Colours, Config, Helper } from '../core.config';\n\nclass MaintenanceList extends Component {\n  constructor(props) {\n    super(props);\n\n    this.initialStatus = props.hasPermission ? 'Unassigned|In Progress' : '';\n\n    this.state = {\n      types: [],\n      filteredList: props.jobs,\n      loading: false,\n      searchText: '',\n      showFilterPopup: false,\n      selectedStatus: this.initialStatus,\n      selectedType: '',\n    };\n  }\n\n  componentDidMount() {\n    this.refresh();\n    this.refreshTypes();\n\n    this.resetDataSource();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n    if (!_.isEqual(prevProps.jobs, this.props.jobs)) this.resetDataSource();\n  }\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const { selectedStatus, selectedType } = this.state;\n        // console.log('filters', { selectedStatus, selectedType });\n        const res = await generalActions.getJobsRecursive(this.props.site, selectedStatus, selectedType);\n        // console.log('refresh', res?.data);\n        if (selectedStatus !== this.initialStatus || !_.isEmpty(selectedType)) {\n          this.props.jobsAdded(res);\n        } else {\n          this.props.jobsLoaded(res);\n        }\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  refreshTypes = async () => {\n    const { data } = await generalActions.getJobTypes(Helper.getSite(this.props.site));\n    const types = data.map(t => {\n      return { label: t.typeName, value: t.typeName };\n    });\n    types.splice(0, 0, { label: 'All', value: '' });\n    // console.log('refreshTypes', types);\n    this.setState({ types });\n  };\n\n  fetchJob = jobId => {\n    if (this.state.loading) return;\n\n    this.onLoadingChanged(true, async () => {\n      try {\n        const job = await generalActions.getJobByJobId(this.props.site, jobId);\n        // console.log('fetchJob', job?.data);\n        this.props.jobAdded(job.data);\n      } catch (error) {\n        console.log('fetchJob error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  getEmptyStateText() {\n    if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {\n      return this.props.options.EmptyText;\n    }\n    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;\n  }\n\n  resetDataSource = (source = '') => {\n    const { searchText, selectedStatus, selectedType } = this.state;\n    const { jobs } = this.props;\n\n    let filteredList = jobs;\n    let jobIdMatch = null;\n    if (searchText) {\n      jobIdMatch = _.find(jobs, j => j.jobId === searchText);\n      filteredList = jobs.filter(j => {\n        if (j.room && j.room.toLowerCase().indexOf(searchText.toLowerCase()) > -1) {\n          return true;\n        }\n        return false;\n      });\n      if (!jobIdMatch) this.fetchJob(searchText);\n    }\n    if (selectedStatus) filteredList = filteredList.filter(j => selectedStatus.includes(j.status));\n    if (selectedType) filteredList = filteredList.filter(j => selectedType.includes(j.type));\n    if (jobIdMatch) {\n      const jobIndex = filteredList.indexOf(jobIdMatch);\n      if (jobIndex > -1) {\n        filteredList.splice(jobIndex, 1);\n      }\n      filteredList.unshift(jobIdMatch);\n    }\n    if (source !== 'search') this.refresh();\n\n    this.setState({ filteredList });\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  onSearchText = value => {\n    this.setState({ searchText: value }, () => {\n      if (_.isEmpty(this.state.searchText)) this.resetDataSource('search');\n    });\n  };\n\n  onSearchSubmit = () => {\n    this.resetDataSource('search');\n  };\n\n  onToggleFilter = () => {\n    this.setState({ showFilterPopup: !this.state.showFilterPopup });\n  };\n\n  onSelectFilter = selected => {\n    this.setState({ selectedStatus: selected.status, selectedType: selected.type }, () => {\n      this.resetDataSource();\n      this.onToggleFilter();\n    });\n  };\n\n  renderEmptyList() {\n    return this.state.loading ? null : <Components.EmptyStateMain title={this.getEmptyStateText()} style={{ marginHorizontal: 16 }} />;\n  }\n\n  renderFilterButton() {\n    return (\n      <TouchableOpacity onPress={this.onToggleFilter}>\n        <View style={styles.filterButton}>\n          <Text style={[styles.filterButtonText, { color: this.props.colourBrandingMain }]}>Filter</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSearch() {\n    if (!this.props.hasPermission) return null;\n\n    return (\n      <View style={styles.searchContainer}>\n        <Components.GenericInput\n          placeholder=\"Search by Job ID or Location\"\n          value={this.state.searchText}\n          onChangeText={this.onSearchText}\n          onSubmitEditing={this.onSearchSubmit}\n          squaredCorners\n          hasClear\n          // keyboardType={'numeric'}\n          returnKeyType={'done'}\n        />\n      </View>\n    );\n  }\n\n  renderListHeader() {\n    const { ListHeaderComponent } = this.props;\n    return (\n      <View>\n        {ListHeaderComponent ? ListHeaderComponent : <View style={{ height: 32 }} />}\n        {this.renderFilterButton()}\n        {this.renderSearch()}\n      </View>\n    );\n  }\n\n  renderList() {\n    const { filteredList } = this.state;\n\n    return (\n      <FlatList\n        keyboardShouldPersistTaps=\"always\"\n        style={{ flex: 1 }}\n        contentContainerStyle={{ paddingBottom: 16 }}\n        data={filteredList}\n        keyExtractor={item => item.id}\n        renderItem={({ item }) => <MaintenanceListItem style={this.props.itemStyle} job={item} />}\n        ListEmptyComponent={this.renderEmptyList()}\n        ListHeaderComponent={this.renderListHeader()}\n      />\n    );\n  }\n\n  renderFilterPopup() {\n    const { showFilterPopup, types, selectedStatus, selectedType } = this.state;\n    if (!showFilterPopup) return null;\n\n    return (\n      <FilterPopupMenu site={this.props.site} types={types} status={selectedStatus} type={selectedType} onClose={this.onSelectFilter} />\n    );\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.renderList()}\n        {this.renderFilterPopup()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#fff',\n  },\n  filterContainerOuter: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  filterTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 11,\n    letterSpacing: 0.8,\n    color: '#4d4d4d',\n  },\n  filterContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  filterText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    marginRight: 6,\n  },\n  filterIcon: {\n    fontSize: 20,\n  },\n  searchContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingBottom: 8,\n    paddingHorizontal: 16,\n  },\n  filterButton: {\n    position: 'absolute',\n    right: 20,\n    top: -32,\n  },\n  filterButtonText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, jobs, notifications } = state;\n  const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);\n  const hasPermission = _.includes(user.permissions, 'maintenanceTracking');\n\n  return {\n    hasPermission,\n    jobs: jobsOrdered,\n    site: user.site,\n    userCategory: user.category,\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    dataUpdated: notifications.dataUpdated['jobs'],\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded, jobAdded, jobsAdded }, null, { forwardRef: true })(MaintenanceList);\n"],"mappings":"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"}

package/dist/module/components/MaintenanceListItem.js

@@ -0,0 +1,322 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from 'react';
+import { Image, Text, TouchableOpacity, View, StyleSheet } from 'react-native';
+import _ from 'lodash';
+import { Icon } from 'react-native-elements';
+import { connect } from 'react-redux';
+import moment from 'moment';
+// import {
+//   getShadowStyle,
+//   LINEGREY,
+//   TEXT_DARK,
+//   TEXT_LIGHT,
+//   COLOUR_GREEN,
+//   getMainBrandingColourFromState,
+//   hexToRGBAstring,
+//   getJobStatusProps,
+//   jobStatusOptions,
+// } from '../../js';
+// import NavigationService from '../../js/NavigationService';
+import { getJobStatusProps, jobStatusOptions } from '../helper';
+import { Services } from '../feature.config';
+import { Helper, Colours } from '../core.config';
+class MaintenanceListItem extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onPressJob", () => {
+      Services.navigation.navigate('requestDetail', {
+        job: this.props.job
+      });
+    });
+  }
+  renderCommentCount() {
+    const {
+      job
+    } = this.props;
+    if (!job.commentCount) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.commentCountContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.commentCountText
+    }, job.commentCount > 99 ? '99' : job.commentCount));
+  }
+  renderDescription() {
+    const {
+      job
+    } = this.props;
+    if (_.isEmpty(job.description)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobDescriptionText
+    }, job.description);
+  }
+  renderSeen() {
+    const {
+      job
+    } = this.props;
+    const showSeen = !job.status || job.status === jobStatusOptions[0].name;
+    if (!showSeen || !job.seen) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.jobSeenContainer
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "check",
+      type: "font-awesome",
+      iconStyle: [styles.jobSeenIcon, {
+        color: this.props.colourBrandingMain
+      }]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.jobSeenText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, "Seen"));
+  }
+  render() {
+    const {
+      job
+    } = this.props;
+    const createdTime = moment(job.createdUnix);
+    const createdTimeText = `${createdTime.format('ddd, D MMMM')} • ${createdTime.format('h:mma')}`;
+    const activityTimeText = job.expectedDate ? moment(job.expectedDate).format('D MMMM') : '--';
+    const {
+      statusText,
+      statusColor
+    } = getJobStatusProps(job.status);
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onPressJob
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobContainer, this.props.style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobInnerContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobTopSection
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobTopLeft
+    }, job.jobId ? /*#__PURE__*/React.createElement(Text, {
+      style: [styles.jobIdText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, `Job #${job.jobId}`) : null, /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobTitleText
+    }, job.title), job.room ? /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobLocationText
+    }, job.room) : null, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobTypeSeenContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobTypeContainer, {
+        backgroundColor: Colours.hexToRGBAstring(this.props.colourBrandingMain, 0.2)
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.jobTypeText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, job.type)), this.renderSeen())), /*#__PURE__*/React.createElement(View, {
+      style: styles.jobTopRight
+    }, /*#__PURE__*/React.createElement(Image, {
+      style: styles.jobCommentImage,
+      source: require('../images/speechbubble.png')
+    }), this.renderCommentCount())), /*#__PURE__*/React.createElement(View, {
+      style: styles.jobBottomSection
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobCreatedText
+    }, createdTimeText), /*#__PURE__*/React.createElement(View, {
+      style: styles.jobActivityContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobStatusContainer, {
+        backgroundColor: statusColor
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "wrench",
+      type: "font-awesome",
+      iconStyle: styles.jobStatusIcon
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobStatusText
+    }, statusText)), /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobStatusLine, {
+        borderColor: statusColor
+      }]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobStatusLineMask
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobStatusCircle, {
+        backgroundColor: statusColor
+      }]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobStatusDateText
+    }, activityTimeText))))));
+  }
+}
+const styles = StyleSheet.create({
+  jobContainer: {
+    marginVertical: 8,
+    paddingHorizontal: 16
+  },
+  jobInnerContainer: {
+    ...Helper.getShadowStyle()
+  },
+  jobTopSection: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    paddingHorizontal: 10,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: Colours.LINEGREY
+  },
+  jobTopLeft: {
+    flex: 1
+  },
+  jobIdText: {
+    fontFamily: 'sf-medium',
+    fontSize: 12,
+    marginBottom: 4
+  },
+  jobTitleText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 18,
+    color: Colours.TEXT_DARK,
+    marginBottom: 4
+  },
+  jobLocationText: {
+    fontFamily: 'sf-medium',
+    fontSize: 12,
+    color: Colours.TEXT_LIGHT,
+    marginBottom: 4
+  },
+  jobTypeSeenContainer: {
+    marginTop: 4,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  jobTypeContainer: {
+    height: 20,
+    width: 80,
+    borderRadius: 4,
+    justifyContent: 'center'
+  },
+  jobTypeText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 12,
+    textAlign: 'center'
+  },
+  jobSeenContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginLeft: 10
+  },
+  jobSeenIcon: {
+    fontSize: 12
+  },
+  jobSeenText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 12,
+    marginLeft: 4
+  },
+  jobTopRight: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 10,
+    paddingTop: 10
+  },
+  jobCommentImage: {
+    width: 34,
+    height: 34,
+    resizeMode: 'contain'
+  },
+  commentCountContainer: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    borderRadius: 10,
+    borderWidth: 2,
+    borderColor: '#fff',
+    width: 20,
+    height: 20,
+    backgroundColor: Colours.COLOUR_GREEN,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  commentCountText: {
+    textAlign: 'center',
+    fontFamily: 'sf-bold',
+    fontSize: 10,
+    color: '#fff'
+  },
+  jobBottomSection: {
+    paddingHorizontal: 10,
+    paddingVertical: 16
+  },
+  jobDescriptionText: {
+    fontFamily: 'sf-medium',
+    fontSize: 14,
+    color: Colours.TEXT_DARK,
+    marginBottom: 8
+  },
+  jobCreatedText: {
+    fontFamily: 'sf-medium',
+    fontSize: 12,
+    color: Colours.TEXT_LIGHT,
+    marginBottom: 10
+  },
+  jobActivityContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  jobStatusContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: 105,
+    height: 30,
+    paddingHorizontal: 8,
+    borderRadius: 4
+  },
+  jobStatusIcon: {
+    color: '#fff',
+    fontSize: 14
+  },
+  jobStatusText: {
+    color: '#fff',
+    textAlign: 'center',
+    fontFamily: 'sf-semibold',
+    fontSize: 13
+  },
+  jobStatusLine: {
+    borderWidth: 1,
+    borderStyle: 'dashed',
+    width: 30
+  },
+  jobStatusLineMask: {
+    position: 'absolute',
+    left: -1,
+    top: -1,
+    width: '100%',
+    height: 1,
+    backgroundColor: '#fff',
+    zIndex: 1
+  },
+  jobStatusCircle: {
+    width: 18,
+    height: 18,
+    borderRadius: 9
+  },
+  jobStatusDateText: {
+    flex: 1,
+    textAlign: 'right',
+    fontFamily: 'sf-bold',
+    fontSize: 14,
+    color: Colours.TEXT_DARK
+  }
+});
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+  };
+};
+export default connect(mapStateToProps, {})(MaintenanceListItem);
+//# sourceMappingURL=MaintenanceListItem.js.map