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

package/dist/module/screens/JobTypePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","_","TouchableOpacity","View","ScrollView","Text","connect","Icon","Services","Components","Colours","JobTypePicker","constructor","args","_defineProperty","currentType","UNSAFE_componentWillMount","setState","props","onPressBack","navigation","goBack","onTypePress","type","onSelectType","setTimeout","renderMain","isEmpty","types","createElement","style","marginTop","Spinner","FormCard","renderOptions","map","rep","index","key","onPress","bind","typeName","FormCardSection","label","labelStyle","height","margin","hasUnderline","hasContent","styles","labelContainer","labelText","name","iconStyle","color","fontSize","state","COLOUR_GREEN","description","render","container","Header","leftIcon","onPressLeft","text","flex","position","backgroundColor","row","flexDirection","alignItems","minHeight","fontFamily","TEXT_DARK","justifyContent"],"sources":["JobTypePicker.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, View, ScrollView, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Icon } from 'react-native-elements';\nimport { Services } from '../feature.config';\nimport { Components, Colours } from '../core.config';\n\nclass JobTypePicker extends Component {\n  state = {\n    currentType: null,\n  };\n\n  UNSAFE_componentWillMount() {\n    this.setState({ currentType: this.props.currentType });\n  }\n\n  onPressBack() {\n    Services.navigation.goBack();\n  }\n\n  onTypePress(type) {\n    this.props.onSelectType(type);\n    this.setState({ currentType: type });\n    setTimeout(() => {\n      this.onPressBack();\n    }, 200);\n  }\n\n  renderMain() {\n    if (_.isEmpty(this.props.types)) {\n      return (\n        <View style={{ marginTop: 16 }}>\n          <Components.Spinner />\n        </View>\n      );\n    }\n\n    return <Components.FormCard style={{ marginTop: 16 }}>{this.renderOptions()}</Components.FormCard>;\n  }\n\n  renderOptions() {\n    return this.props.types.map((rep, index) => {\n      return (\n        <TouchableOpacity key={index} onPress={this.onTypePress.bind(this, rep.typeName)}>\n          <Components.FormCardSection label={rep.typeName} labelStyle={{ height: 0, margin: 0 }} hasUnderline hasContent>\n            <View style={styles.labelContainer}>\n              <Text style={styles.labelText}>{rep.typeName}</Text>\n              <Icon\n                name=\"check-circle\"\n                //style={styles.uploadButtonInner}\n                type=\"font-awesome\"\n                iconStyle={[{ color: '#d5d9e0', fontSize: 20 }, rep.typeName === this.state.currentType && { color: Colours.COLOUR_GREEN }]}\n              />\n            </View>\n            {!_.isEmpty(rep.description) && <Text style={styles.description}>{rep.description}</Text>}\n          </Components.FormCardSection>\n        </TouchableOpacity>\n      );\n    });\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <Components.Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack.bind(this)} text=\"Select type\" />\n        <ScrollView style={{ flex: 1 }}>{this.renderMain()}</ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: '#f0f0f5',\n  },\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    minHeight: 22,\n  },\n  text: {\n    flex: 1,\n    fontFamily: 'sf-regular',\n    fontSize: 14,\n    color: Colours.TEXT_DARK,\n  },\n  labelContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  labelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    color: Colours.TEXT_DARK,\n  },\n  description: {\n    marginTop: 5,\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: Colours.TEXT_DARK,\n  },\n};\n\nexport default connect(null, {})(JobTypePicker);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","_","TouchableOpacity","View","ScrollView","Text","connect","Icon","Services","Components","Colours","JobTypePicker","constructor","args","_defineProperty","currentType","UNSAFE_componentWillMount","setState","props","onPressBack","navigation","goBack","onTypePress","type","onSelectType","setTimeout","renderMain","isEmpty","types","createElement","style","marginTop","Spinner","FormCard","renderOptions","map","rep","index","key","onPress","bind","typeName","FormCardSection","label","labelStyle","height","margin","hasUnderline","hasContent","styles","labelContainer","labelText","name","iconStyle","color","fontSize","state","COLOUR_GREEN","description","render","container","Header","leftIcon","onPressLeft","text","flex","position","backgroundColor","row","flexDirection","alignItems","minHeight","fontFamily","TEXT_DARK","justifyContent"],"sources":["JobTypePicker.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, View, ScrollView, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Icon } from '@rneui/themed';\nimport { Services } from '../feature.config';\nimport { Components, Colours } from '../core.config';\n\nclass JobTypePicker extends Component {\n  state = {\n    currentType: null,\n  };\n\n  UNSAFE_componentWillMount() {\n    this.setState({ currentType: this.props.currentType });\n  }\n\n  onPressBack() {\n    Services.navigation.goBack();\n  }\n\n  onTypePress(type) {\n    this.props.onSelectType(type);\n    this.setState({ currentType: type });\n    setTimeout(() => {\n      this.onPressBack();\n    }, 200);\n  }\n\n  renderMain() {\n    if (_.isEmpty(this.props.types)) {\n      return (\n        <View style={{ marginTop: 16 }}>\n          <Components.Spinner />\n        </View>\n      );\n    }\n\n    return <Components.FormCard style={{ marginTop: 16 }}>{this.renderOptions()}</Components.FormCard>;\n  }\n\n  renderOptions() {\n    return this.props.types.map((rep, index) => {\n      return (\n        <TouchableOpacity key={index} onPress={this.onTypePress.bind(this, rep.typeName)}>\n          <Components.FormCardSection label={rep.typeName} labelStyle={{ height: 0, margin: 0 }} hasUnderline hasContent>\n            <View style={styles.labelContainer}>\n              <Text style={styles.labelText}>{rep.typeName}</Text>\n              <Icon\n                name=\"check-circle\"\n                //style={styles.uploadButtonInner}\n                type=\"font-awesome\"\n                iconStyle={[{ color: '#d5d9e0', fontSize: 20 }, rep.typeName === this.state.currentType && { color: Colours.COLOUR_GREEN }]}\n              />\n            </View>\n            {!_.isEmpty(rep.description) && <Text style={styles.description}>{rep.description}</Text>}\n          </Components.FormCardSection>\n        </TouchableOpacity>\n      );\n    });\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <Components.Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack.bind(this)} text=\"Select type\" />\n        <ScrollView style={{ flex: 1 }}>{this.renderMain()}</ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: '#f0f0f5',\n  },\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    minHeight: 22,\n  },\n  text: {\n    flex: 1,\n    fontFamily: 'sf-regular',\n    fontSize: 14,\n    color: Colours.TEXT_DARK,\n  },\n  labelContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  labelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    color: Colours.TEXT_DARK,\n  },\n  description: {\n    marginTop: 5,\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: Colours.TEXT_DARK,\n  },\n};\n\nexport default connect(null, {})(JobTypePicker);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/screens/MaintenancePage.js

@@ -1,5 +1,5 @@
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 } from 'react-native';

package/dist/module/screens/RequestDetail.js

@@ -1,14 +1,14 @@
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 { ScrollView, View, StyleSheet, Text, KeyboardAvoidingView, TouchableOpacity, ImageBackground, Platform } from 'react-native';
 import DateTimePicker from 'react-native-modal-datetime-picker';
-import { Icon } from 'react-native-elements';
+import { Icon } from '@rneui/themed';
 import _ from 'lodash';
 import moment from 'moment';
 import { connect } from 'react-redux';
-import { generalActions } from '../apis';
+import { maintenanceActions } from '../apis';
 import { jobAdded } from '../actions';
 import StatusSelectorPopup from '../components/StatusSelectorPopup';
 import { jobStatusOptions, getJobStatusProps } from '../helper';
@@ -18,6 +18,41 @@ import { values } from '../values.config';
 class RequestDetail extends Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "getJob", async () => {
+      this.setState({
+        loading: true
+      }, async () => {
+        try {
+          const res = await maintenanceActions.getJob(this.props.job.site, this.props.job.id);
+          this.props.jobAdded(res.data);
+          this.updateJobState(res.data);
+        } catch (error) {
+          console.log('getJob error', error.toString());
+          // check for 403 or 404 error
+          if (error.response.status === 403 || error.response.status === 404) {
+            this.setState({
+              forbidden: true
+            });
+          }
+          console.log('getJob error', error);
+        } finally {
+          this.setState({
+            loading: false
+          });
+        }
+      });
+    });
+    _defineProperty(this, "getAssignees", async () => {
+      if (!this.hasPermission()) return;
+      try {
+        const res = await maintenanceActions.getAssignees(this.props.user.site);
+        this.setState({
+          assignees: res.data.Users
+        });
+      } catch (error) {
+        console.log('getAssignees error', error);
+      }
+    });
     _defineProperty(this, "markSeen", () => {
       const {
         user
@@ -39,9 +74,10 @@ class RequestDetail extends Component {
             seen: true,
             status: job.status || 'Unassigned'
           };
-          const res = await generalActions.editJob(updated, user.site);
+          const res = await maintenanceActions.editJob(updated, user.site);
           // console.log('markSeen updated');
           this.props.jobAdded(res.data.job);
+          this.getJob();
           this.setState({
             loading: false,
             seen: true
@@ -71,8 +107,9 @@ class RequestDetail extends Component {
           if (this.state.expectedDate) {
             updated.expectedDate = moment(this.state.expectedDate).utc().toISOString();
           }
-          const res = await generalActions.editJob(updated, user.site);
+          const res = await maintenanceActions.editJob(updated, user.site);
           this.props.jobAdded(res.data.job);
+          this.getJob();
         } catch (error) {
           console.log('updateJob error', error);
         } finally {
@@ -87,8 +124,9 @@ class RequestDetail extends Component {
         loading: true
       }, async () => {
         try {
-          const res = await generalActions.editJobStatus(this.props.job.id, this.state.status);
+          const res = await maintenanceActions.editJobStatus(this.props.job.id, this.state.status);
           this.props.jobAdded(res.data.job);
+          this.getJob();
         } catch (error) {
           console.log('updateJobStatus error', error);
         } finally {
@@ -121,7 +159,8 @@ class RequestDetail extends Component {
     });
     _defineProperty(this, "openStaffNotes", () => {
       Services.navigation.navigate(values.screenRequestNotes, {
-        job: this.state.job
+        job: this.state.job,
+        onChange: this.getJob
       });
     });
     _defineProperty(this, "onOpenDatePicker", () => {
@@ -169,9 +208,10 @@ class RequestDetail extends Component {
         loading: true
       }, async () => {
         try {
-          const job = await generalActions.getJob(this.props.user.site, this.props.job.id);
+          const job = await maintenanceActions.getJob(this.props.user.site, this.props.job.id);
           // console.log('onCommentAdded', job?.data);
           this.props.jobAdded(job.data);
+          this.getJob();
         } catch (error) {
           console.log('onCommentAdded error', error);
         } finally {
@@ -182,10 +222,19 @@ class RequestDetail extends Component {
       });
     });
     _defineProperty(this, "hasPermission", () => {
+      const {
+        job
+      } = this.state;
       const {
         permissions
       } = this.props.user;
-      return _.includes(permissions, values.permissionMaintenanceTracking);
+      if (_.includes(permissions, values.permissionMaintenanceTracking)) {
+        return true;
+      }
+      if (_.includes(permissions, values.permissionMaintenanceAssignment)) {
+        return job.AssigneeId === this.props.user.Id;
+      }
+      return false;
     });
     _defineProperty(this, "toggleFullscreenVideo", url => {
       if (typeof url !== 'string') url = '';
@@ -194,6 +243,38 @@ class RequestDetail extends Component {
         currentVideoUrl: url
       });
     });
+    _defineProperty(this, "onOpenAssigneePicker", () => {
+      const options = this.state.assignees.map(a => {
+        return {
+          key: a.id,
+          name: a.displayName
+        };
+      });
+      Services.navigation.navigate('optionSelector', {
+        options,
+        selection: this.state.job.AssigneeId,
+        title: 'Assign request',
+        onSelect: this.onSelectAssignee
+      });
+    });
+    _defineProperty(this, "onSelectAssignee", assignee => {
+      this.setState({
+        loading: true
+      }, async () => {
+        try {
+          console.log('onSelectAssignee', this.props.job.id, assignee.key);
+          const res = await maintenanceActions.assignJob(this.props.job.id, assignee.key);
+          this.props.jobAdded(res.data.job);
+          this.getJob();
+        } catch (error) {
+          console.log('onSelectAssignee error', error);
+        } finally {
+          this.setState({
+            loading: false
+          });
+        }
+      });
+    });
     this.state = {
       job: {},
       isDateTimePickerVisible: false,
@@ -202,28 +283,31 @@ class RequestDetail extends Component {
       expectedDate: null,
       expectedDateText: '',
       seen: false,
-      showMore: false,
+      showMore: true,
       showStatusPopup: false,
       loading: false,
       showFullscreenVideo: false,
       currentVideoUrl: '',
       galleryOpen: false,
-      showMessages: false
+      galleryImages: [],
+      showMessages: false,
+      assignees: []
     };
     this.scrollView = /*#__PURE__*/React.createRef();
     this.commentReply = /*#__PURE__*/React.createRef();
     this.commentSection = /*#__PURE__*/React.createRef();
   }
   componentDidMount() {
-    this.updateJobState();
+    this.getJob();
+    this.updateJobState(this.props.job);
+    this.getAssignees();
   }
-  componentDidUpdate(prevProps) {
-    if (prevProps.jobs !== this.props.jobs) {
-      this.updateJobState();
+  updateJobState(defaultJob) {
+    const job = _.find(this.props.jobs, j => j.id === this.props.job.id) || defaultJob;
+    if (!job) {
+      this.getJob();
+      return;
     }
-  }
-  updateJobState() {
-    const job = _.find(this.props.jobs, j => j.id === this.props.job.id) || this.props.job;
     const newState = {
       job,
       status: job.status
@@ -237,9 +321,10 @@ class RequestDetail extends Component {
       this.markSeen();
     });
   }
-  openGallery(index) {
+  openGallery(galleryImages, index) {
     this.setState({
-      galleryOpen: true
+      galleryOpen: true,
+      galleryImages
     });
     this.refs.imagePopup.scrollTo(index);
   }
@@ -270,7 +355,11 @@ class RequestDetail extends Component {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.jobTitleContainer
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, job.jobId ? /*#__PURE__*/React.createElement(Text, {
+      style: [styles.jobIdText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, `${values.textEntityName} #${job.jobId}`) : null, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobTitleText
     }, job.title), /*#__PURE__*/React.createElement(View, {
       style: styles.jobTypeSeenContainer
@@ -281,7 +370,8 @@ class RequestDetail extends Component {
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.jobTypeText, {
         color: this.props.colourBrandingMain
-      }]
+      }],
+      numberOfLines: 2
     }, job.type)), showSeen && this.state.seen && /*#__PURE__*/React.createElement(View, {
       style: styles.jobSeenContainer
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -302,23 +392,7 @@ class RequestDetail extends Component {
       style: styles.textSectionTextContainer
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.textSectionText
-    }, moment(job.lastActivityUnix).format('ddd D MMMM, h:mm A')))), /*#__PURE__*/React.createElement(View, {
-      style: styles.textSectionInner
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.textSectionLabel
-    }, "Expected Date"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: this.onOpenDatePicker
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.textSectionTextContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.textSectionText
-    }, this.state.expectedDateText || 'Select Date'), /*#__PURE__*/React.createElement(Icon, {
-      name: "angle-right",
-      type: "font-awesome",
-      iconStyle: [styles.textSectionAngleRight, {
-        color: this.props.colourBrandingMain
-      }]
-    }))))), /*#__PURE__*/React.createElement(View, {
+    }, moment(job.lastActivityUnix).format('ddd D MMMM, h:mm A'))))), /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusExpectedContainer
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusOuterContainer
@@ -330,11 +404,7 @@ class RequestDetail extends Component {
       style: [styles.jobStatusContainer, {
         backgroundColor: statusColor
       }]
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "wrench",
-      type: "font-awesome",
-      iconStyle: styles.jobStatusIcon
-    }), /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusText
     }, statusText)))), this.hasPermission() && /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusOuterContainer
@@ -354,7 +424,8 @@ class RequestDetail extends Component {
       style: styles.jobStatusText
     }, "Notes (", (job.Notes || []).length, ")"))))));
   }
-  renderPlayableImageUrl(url, index, containerStyle, showMore) {
+  renderPlayableImageUrl(images, index, containerStyle, showMore) {
+    const url = images[index || 0];
     const thumbUrl = Helper.getThumb300(url);
     if (Helper.isVideo(url)) {
       return /*#__PURE__*/React.createElement(ImageBackground, {
@@ -377,7 +448,7 @@ class RequestDetail extends Component {
     const imageUrl = Helper.get1400(url);
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: containerStyle,
-      onPress: this.openGallery.bind(this, index || 0)
+      onPress: this.openGallery.bind(this, images, index || 0)
     }, /*#__PURE__*/React.createElement(ImageBackground, {
       style: styles.imageContainer,
       source: {
@@ -387,57 +458,132 @@ class RequestDetail extends Component {
       style: styles.plusImages
     }, "+", this.state.job.images.length - 2)));
   }
-  renderPlayableImage(index, containerStyle, showMore) {
-    const url = this.state.job.images[index];
-    return this.renderPlayableImageUrl(url, index, containerStyle, showMore);
+  renderPlayableImage(images, index, containerStyle, showMore) {
+    return this.renderPlayableImageUrl(images, index, containerStyle, showMore);
   }
-  renderImage() {
-    const {
-      job
-    } = this.state;
-    if (!_.isNil(job.images) && !_.isEmpty(job.images)) {
-      if (job.images.length >= 2) {
+  renderImage(images, image = null) {
+    if (!_.isNil(images) && !_.isEmpty(images)) {
+      if (images.length >= 2) {
         return /*#__PURE__*/React.createElement(View, {
           style: styles.sideBySideImages
-        }, this.renderPlayableImage(0, styles.sideBySideImageContainer), this.renderPlayableImage(1, styles.sideBySideImageContainer, job.images.length > 2));
+        }, this.renderPlayableImage(images, 0, styles.sideBySideImageContainer), this.renderPlayableImage(images, 1, styles.sideBySideImageContainer, images.length > 2));
       } else {
         return /*#__PURE__*/React.createElement(View, {
           style: styles.singleImageContainer
-        }, this.renderPlayableImage(0));
+        }, this.renderPlayableImage(images, 0));
       }
-    } else if (!_.isNil(job.image)) {
+    } else if (!_.isNil(image)) {
       return /*#__PURE__*/React.createElement(View, {
         style: styles.singleImageContainer
-      }, this.renderPlayableImageUrl(job.image));
+      }, this.renderPlayableImageUrl([image], 0));
     }
     return null;
   }
   renderImagePopup() {
     return /*#__PURE__*/React.createElement(Components.ImagePopup, {
       visible: this.state.galleryOpen,
-      images: this.state.job.images || [this.state.job.image],
+      images: this.state.galleryImages,
       onClose: this.closeGallery.bind(this),
       ref: "imagePopup"
     });
   }
+  renderAssignee() {
+    const {
+      job
+    } = this.state;
+    if (!this.hasPermission() && !job.Assignee) return null;
+    const content = /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+      style: styles.locationLabel
+    }, "Assigned To"), /*#__PURE__*/React.createElement(View, null, job.Assignee && /*#__PURE__*/React.createElement(View, {
+      style: styles.profileContainer
+    }, /*#__PURE__*/React.createElement(Components.ProfilePic, {
+      ProfilePic: job.Assignee.profilePic,
+      Diameter: 40
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.nameContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.nameText
+    }, job.Assignee.displayName)))));
+    if (this.hasPermission()) {
+      return /*#__PURE__*/React.createElement(Components.FormCardSectionOptionLauncher, {
+        onPress: this.onOpenAssigneePicker,
+        title: "Assigned To",
+        value: job.Assignee ? job.Assignee.displayName : 'Unassigned',
+        textStyle: styles.detailsText,
+        sectionStyle: styles.detailsSection
+      }, content);
+    }
+    return content;
+  }
+  renderCustomFields() {
+    const {
+      job
+    } = this.state;
+    const {
+      customFields
+    } = job;
+    const renderAnswer = field => {
+      switch (field.type) {
+        case 'date':
+          return /*#__PURE__*/React.createElement(Text, {
+            style: styles.customText
+          }, field.answer ? moment(field.answer, 'YYYY-MM-DD').format('DD MMM YYYY') : '');
+        case 'time':
+          return /*#__PURE__*/React.createElement(Text, {
+            style: styles.customText
+          }, field.answer ? moment(field.answer, 'HH:mm').format('h:mm a') : '');
+        case 'yn':
+          return /*#__PURE__*/React.createElement(Text, {
+            style: styles.customText
+          }, field.answer ? 'Yes' : 'No');
+        case 'checkbox':
+          return /*#__PURE__*/React.createElement(Text, {
+            style: styles.customText
+          }, field.answer && Array.isArray(field.answer) ? field.answer.join(', ') : '');
+        case 'image':
+          return /*#__PURE__*/React.createElement(View, {
+            style: {
+              marginTop: 8
+            }
+          }, this.renderImage(field.answer));
+        default:
+          return /*#__PURE__*/React.createElement(Text, {
+            style: styles.customText
+          }, field.answer);
+      }
+    };
+    return customFields.map((field, index) => {
+      if (['staticTitle', 'staticText'].includes(field.type)) return null;
+      if (_.isNil(field.answer) || field.answer === '' || Array.isArray(field.answer) && field.answer.length === 0) return null;
+      return /*#__PURE__*/React.createElement(View, {
+        key: index
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.customLabel
+      }, field.label), renderAnswer(field));
+    });
+  }
   rendeDetails() {
     const {
       job
     } = this.state;
+    const {
+      customFields
+    } = job;
+    const hasCustomFields = customFields && customFields.length > 0;
     return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Components.FormCardSectionOptionLauncher, {
       onPress: this.onToggleDetails,
       title: "Details",
       icon: this.state.showMore ? 'angle-up' : 'angle-down',
       textStyle: styles.detailsText,
       sectionStyle: styles.detailsSection
-    }), this.state.showMore && /*#__PURE__*/React.createElement(View, null, this.renderImage(), !_.isEmpty(job.description) && /*#__PURE__*/React.createElement(Text, {
+    }), this.state.showMore && /*#__PURE__*/React.createElement(View, null, hasCustomFields ? this.renderCustomFields() : null, !hasCustomFields ? /*#__PURE__*/React.createElement(React.Fragment, null, this.renderImage(job.images, job.image), !_.isEmpty(job.description) && /*#__PURE__*/React.createElement(Text, {
       numberOfLines: 10,
       style: styles.jobDescriptionText
-    }, job.description), /*#__PURE__*/React.createElement(Text, {
+    }, job.description)) : null, /*#__PURE__*/React.createElement(Text, {
       style: styles.locationLabel
-    }, "Location"), /*#__PURE__*/React.createElement(Text, {
+    }, "Address"), /*#__PURE__*/React.createElement(Text, {
       style: styles.locationText
-    }, job.room), job.isHome ? /*#__PURE__*/React.createElement(View, {
+    }, job.room), !hasCustomFields && job.isHome ? /*#__PURE__*/React.createElement(View, {
       style: styles.detailsSection
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.locationLabel
@@ -445,7 +591,7 @@ class RequestDetail extends Component {
       style: styles.locationText
     }, job.homeText)) : null, /*#__PURE__*/React.createElement(Text, {
       style: styles.requesterLabel
-    }, "Person Requesting"), /*#__PURE__*/React.createElement(View, {
+    }, "Submitted By"), /*#__PURE__*/React.createElement(View, {
       style: styles.profileContainer
     }, /*#__PURE__*/React.createElement(Components.ProfilePic, {
       ProfilePic: job.userProfilePic,
@@ -464,7 +610,7 @@ class RequestDetail extends Component {
       commentReply: this.commentReply,
       scrollView: this.scrollView,
       adminPermission: values.permissionMaintenanceTracking,
-      entityType: values.featureKey,
+      entityType: values.commentKey,
       entityId: this.props.job.id,
       entityName: this.props.job.title,
       site: this.state.job.site || this.state.job.location,
@@ -501,7 +647,7 @@ class RequestDetail extends Component {
       ref: this.commentReply,
       commentSection: this.commentSection,
       scrollView: this.scrollView,
-      entityType: values.featureKey,
+      entityType: values.commentKey,
       entityId: this.props.job.id,
       entityName: this.props.job.title,
       site: this.state.job.site || this.state.job.location
@@ -517,6 +663,9 @@ class RequestDetail extends Component {
     });
   }
   render() {
+    if (this.state.forbidden) {
+      return /*#__PURE__*/React.createElement(Components.Forbidden, null);
+    }
     return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
       behavior: Platform.OS === 'ios' && 'padding',
       style: styles.container
@@ -534,7 +683,7 @@ class RequestDetail extends Component {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.innerContainer
-    }, this.renderTop(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderImagePopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
+    }, this.renderTop(), this.renderAssignee(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderImagePopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
       isVisible: this.state.isDateTimePickerVisible,
       onConfirm: this.onDateSelected,
       onCancel: this.onCloseDatePicker,
@@ -556,6 +705,11 @@ const styles = StyleSheet.create({
     paddingVertical: 14,
     paddingHorizontal: 12
   },
+  jobIdText: {
+    fontFamily: 'sf-medium',
+    fontSize: 12,
+    marginBottom: 4
+  },
   jobTitleText: {
     fontFamily: 'sf-semibold',
     fontSize: 20,
@@ -567,15 +721,17 @@ const styles = StyleSheet.create({
     alignItems: 'center'
   },
   jobTypeContainer: {
-    height: 20,
-    width: 80,
+    padding: 4,
+    minWidth: 80,
+    maxWidth: 140,
     borderRadius: 4,
     justifyContent: 'center'
   },
   jobTypeText: {
     fontFamily: 'sf-semibold',
     fontSize: 12,
-    textAlign: 'center'
+    textAlign: 'center',
+    maxWidth: '100%'
   },
   jobSeenContainer: {
     flexDirection: 'row',
@@ -784,6 +940,30 @@ const styles = StyleSheet.create({
     fontSize: 24,
     marginLeft: 10,
     lineHeight: 24
+  },
+  customLabel: {
+    fontFamily: 'sf-bold',
+    fontSize: 14,
+    color: Colours.TEXT_DARKEST
+  },
+  customText: {
+    fontFamily: 'sf-regular',
+    fontSize: 16,
+    color: Colours.TEXT_DARKEST,
+    paddingVertical: 8
+  },
+  customStaticTitle: {
+    fontSize: 20,
+    fontFamily: 'sf-semibold',
+    color: Colours.TEXT_DARKEST,
+    marginBottom: 10
+  },
+  customStaticText: {
+    fontSize: 17,
+    fontFamily: 'sf-regular',
+    color: Colours.TEXT_DARKEST,
+    lineHeight: 24,
+    marginBottom: 10
   }
 });
 const mapStateToProps = state => {