@plusscommunities/pluss-maintenance-app 4.0.2 → 4.0.4-auth.0

package/dist/module/components/MaintenanceList.js

@@ -1,330 +0,0 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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) {
-    var _this;
-    super(props);
-    _this = this;
-    _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 || 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", function () {
-      let source = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      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.state = {
-      types: [],
-      filteredList: props.jobs,
-      loading: false,
-      searchText: '',
-      showFilterPopup: false,
-      selectedStatus: props.hasPermission ? 'Unassigned|In Progress' : '',
-      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: _ref => {
-        let {
-          item
-        } = _ref;
-        return /*#__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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","View","StyleSheet","FlatList","TouchableOpacity","Text","_","connect","generalActions","jobsLoaded","jobAdded","jobsAdded","MaintenanceListItem","FilterPopupMenu","Components","Colours","Config","Helper","MaintenanceList","constructor","props","_this","this","_defineProperty","onLoadingChanged","selectedStatus","selectedType","state","res","getJobsRecursive","site","error","console","log","data","getJobTypes","getSite","types","map","t","label","typeName","value","splice","setState","jobId","loading","job","getJobByJobId","source","arguments","length","undefined","searchText","jobs","filteredList","jobIdMatch","find","j","filter","room","toLowerCase","indexOf","fetchJob","includes","status","type","jobIndex","unshift","refresh","callback","isEmpty","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","_ref","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.state = {\n      types: [],\n      filteredList: props.jobs,\n      loading: false,\n      searchText: '',\n      showFilterPopup: false,\n      selectedStatus: props.hasPermission ? 'Unassigned|In Progress' : '',\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 || 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

@@ -1,322 +0,0 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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() {
-    super(...arguments);
-    _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