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

package/dist/module/components/MaintenanceList.js

@@ -1,325 +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(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

@@ -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","_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

@@ -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(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