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

package/dist/module/screens/RequestDetail.js

@@ -1,798 +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 { ScrollView, View, StyleSheet, Text, KeyboardAvoidingView, TouchableOpacity, ImageBackground } from 'react-native';
-import DateTimePicker from 'react-native-modal-datetime-picker';
-import { Icon } from 'react-native-elements';
-import _ from 'lodash';
-import moment from 'moment';
-import { connect } from 'react-redux';
-import { generalActions } from '../apis';
-import { jobAdded } from '../actions';
-import StatusSelectorPopup from '../components/StatusSelectorPopup';
-import { jobStatusOptions, getJobStatusProps } from '../helper';
-import { Services } from '../feature.config';
-import { Colours, Helper, Components, Config } from '../core.config';
-class RequestDetail extends Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "markSeen", () => {
-      const {
-        user
-      } = this.props;
-      const {
-        job
-      } = this.state;
-      // Must have maintenance permission and not the requester
-      // console.log('markSeen check', job.userID, user.Id);
-      if (job.seen === true) return;
-      if (!this.hasPermission()) return;
-      if (user.Id === job.userID) return;
-      this.setState({
-        loading: true
-      }, async () => {
-        try {
-          const updated = {
-            id: job.id,
-            seen: true,
-            status: job.status || 'Unassigned'
-          };
-          const res = await generalActions.editJob(updated, user.site);
-          // console.log('markSeen updated');
-          this.props.jobAdded(res.data.job);
-          this.setState({
-            loading: false,
-            seen: true
-          });
-        } catch (error) {
-          console.log('markSeen error', error);
-          this.setState({
-            loading: false
-          });
-        }
-      });
-    });
-    _defineProperty(this, "updateJob", () => {
-      this.setState({
-        loading: true
-      }, async () => {
-        const {
-          user
-        } = this.props;
-        const {
-          job
-        } = this.state;
-        try {
-          const updated = {
-            id: job.id
-          };
-          if (this.state.expectedDate) {
-            updated.expectedDate = moment(this.state.expectedDate).utc().toISOString();
-          }
-          const res = await generalActions.editJob(updated, user.site);
-          this.props.jobAdded(res.data.job);
-        } catch (error) {
-          console.log('updateJob error', error);
-        } finally {
-          this.setState({
-            loading: false
-          });
-        }
-      });
-    });
-    _defineProperty(this, "updateJobStatus", () => {
-      this.setState({
-        loading: true
-      }, async () => {
-        try {
-          const res = await generalActions.editJobStatus(this.props.job.id, this.state.status);
-          this.props.jobAdded(res.data.job);
-        } catch (error) {
-          console.log('updateJobStatus error', error);
-        } finally {
-          this.setState({
-            loading: false
-          });
-        }
-      });
-    });
-    _defineProperty(this, "onPressBack", () => {
-      Services.navigation.goBack();
-    });
-    _defineProperty(this, "onOpenStatusPicker", () => {
-      this.setState({
-        showStatusPopup: true
-      });
-    });
-    _defineProperty(this, "onCloseStatusPopup", () => {
-      this.setState({
-        showStatusPopup: false
-      });
-    });
-    _defineProperty(this, "onSelectStatus", status => {
-      this.setState({
-        status,
-        showStatusPopup: false
-      }, () => {
-        this.updateJobStatus();
-      });
-    });
-    _defineProperty(this, "openStaffNotes", () => {
-      Services.navigation.navigate('requestNotes', {
-        job: this.state.job
-      });
-    });
-    _defineProperty(this, "onOpenDatePicker", () => {
-      this.setState({
-        popUpType: 'date',
-        isDateTimePickerVisible: true
-      });
-    });
-    _defineProperty(this, "onCloseDatePicker", () => {
-      this.setState({
-        isDateTimePickerVisible: false
-      });
-    });
-    _defineProperty(this, "onDateSelected", date => {
-      if (this.state.popUpType === 'date') {
-        date = moment(date);
-        this.setState({
-          expectedDate: date,
-          expectedDateText: date.format('DD/MM/YYYY'),
-          isDateTimePickerVisible: false
-        }, () => {
-          this.updateJob();
-        });
-      }
-    });
-    _defineProperty(this, "onToggleDetails", () => {
-      this.setState({
-        showMore: !this.state.showMore
-      });
-    });
-    _defineProperty(this, "onLeaveMessage", () => {
-      this.setState({
-        showMessages: true
-      });
-    });
-    _defineProperty(this, "onCommentsLoaded", count => {
-      if (count > 0) {
-        this.setState({
-          showMessages: true
-        });
-      }
-    });
-    _defineProperty(this, "onCommentAdded", () => {
-      this.setState({
-        loading: true
-      }, async () => {
-        try {
-          const job = await generalActions.getJob(this.props.user.site, this.props.job.id);
-          // console.log('onCommentAdded', job?.data);
-          this.props.jobAdded(job.data);
-        } catch (error) {
-          console.log('onCommentAdded error', error);
-        } finally {
-          this.setState({
-            loading: false
-          });
-        }
-      });
-    });
-    _defineProperty(this, "hasPermission", () => {
-      const {
-        permissions
-      } = this.props.user;
-      return _.includes(permissions, 'maintenanceTracking');
-    });
-    _defineProperty(this, "toggleFullscreenVideo", url => {
-      if (typeof url !== 'string') url = '';
-      this.setState({
-        showFullscreenVideo: url.length > 0,
-        currentVideoUrl: url
-      });
-    });
-    this.state = {
-      job: {},
-      isDateTimePickerVisible: false,
-      popUpType: '',
-      status: '',
-      expectedDate: null,
-      expectedDateText: '',
-      seen: false,
-      showMore: false,
-      showStatusPopup: false,
-      loading: false,
-      showFullscreenVideo: false,
-      currentVideoUrl: '',
-      galleryOpen: false,
-      showMessages: false
-    };
-    this.scrollView = /*#__PURE__*/React.createRef();
-    this.commentReply = /*#__PURE__*/React.createRef();
-    this.commentSection = /*#__PURE__*/React.createRef();
-  }
-  componentDidMount() {
-    this.updateJobState();
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.jobs !== this.props.jobs) {
-      this.updateJobState();
-    }
-  }
-  updateJobState() {
-    const job = _.find(this.props.jobs, j => j.id === this.props.job.id) || this.props.job;
-    const newState = {
-      job,
-      status: job.status
-    };
-    if (job.expectedDate) {
-      newState.expectedDate = moment(job.expectedDate);
-      newState.expectedDateText = newState.expectedDate.format('DD/MM/YYYY');
-    }
-    if (job.seen) newState.seen = job.seen;
-    this.setState(newState, () => {
-      this.markSeen();
-    });
-  }
-  openGallery(index) {
-    this.setState({
-      galleryOpen: true
-    });
-    this.refs.imagePopup.scrollTo(index);
-  }
-  closeGallery() {
-    this.setState({
-      galleryOpen: false
-    });
-  }
-  renderLoading() {
-    return /*#__PURE__*/React.createElement(Components.LoadingIndicator, {
-      visible: this.state.loading
-    });
-  }
-  renderTop() {
-    const {
-      status,
-      job
-    } = this.state;
-    const {
-      statusText,
-      statusColor
-    } = getJobStatusProps(status);
-    const canEdit = this.hasPermission();
-    const showSeen = !status || status === jobStatusOptions[0].name;
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        ...Helper.getShadowStyle()
-      }
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.jobTitleContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.jobTitleText
-    }, job.title), /*#__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)), showSeen && this.state.seen && /*#__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"))), job.lastActivityUnix && /*#__PURE__*/React.createElement(View, {
-      style: styles.textSectionInner
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.textSectionLabel
-    }, "Last Updated On"), /*#__PURE__*/React.createElement(View, {
-      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, {
-      style: styles.jobStatusExpectedContainer
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.jobStatusOuterContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.jobStatusHeading
-    }, "STATUS"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: canEdit ? this.onOpenStatusPicker : null
-    }, /*#__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)))), this.hasPermission() && /*#__PURE__*/React.createElement(View, {
-      style: styles.jobStatusOuterContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.jobStatusHeading
-    }, "STAFF NOTES"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: this.openStaffNotes
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [styles.jobStatusContainer, {
-        backgroundColor: this.props.colourBrandingMain
-      }]
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "pencil-square-o",
-      type: "font-awesome",
-      iconStyle: styles.jobStatusIcon
-    }), /*#__PURE__*/React.createElement(Text, {
-      style: styles.jobStatusText
-    }, "Notes (", (job.Notes || []).length, ")"))))));
-  }
-  renderPlayableImageUrl(url, index, containerStyle, showMore) {
-    const thumbUrl = Helper.getThumb300(url);
-    if (Helper.isVideo(url)) {
-      return /*#__PURE__*/React.createElement(ImageBackground, {
-        style: [{
-          flex: 1
-        }, containerStyle],
-        source: {
-          uri: thumbUrl
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.imagePlayContainer
-      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: this.toggleFullscreenVideo.bind(this, url)
-      }, /*#__PURE__*/React.createElement(Icon, {
-        name: "play",
-        type: "font-awesome",
-        iconStyle: styles.imageControlIcon
-      }))));
-    }
-    const imageUrl = Helper.get1400(url);
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: containerStyle,
-      onPress: this.openGallery.bind(this, index || 0)
-    }, /*#__PURE__*/React.createElement(ImageBackground, {
-      style: styles.imageContainer,
-      source: {
-        uri: imageUrl
-      }
-    }, showMore && /*#__PURE__*/React.createElement(Text, {
-      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);
-  }
-  renderImage() {
-    const {
-      job
-    } = this.state;
-    if (!_.isNil(job.images) && !_.isEmpty(job.images)) {
-      if (job.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));
-      } else {
-        return /*#__PURE__*/React.createElement(View, {
-          style: styles.singleImageContainer
-        }, this.renderPlayableImage(0));
-      }
-    } else if (!_.isNil(job.image)) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.singleImageContainer
-      }, this.renderPlayableImageUrl(job.image));
-    }
-    return null;
-  }
-  renderImagePopup() {
-    return /*#__PURE__*/React.createElement(Components.ImagePopup, {
-      visible: this.state.galleryOpen,
-      images: this.state.job.images || [this.state.job.image],
-      onClose: this.closeGallery.bind(this),
-      ref: "imagePopup"
-    });
-  }
-  rendeDetails() {
-    const {
-      job
-    } = this.state;
-    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, {
-      numberOfLines: 10,
-      style: styles.jobDescriptionText
-    }, job.description), /*#__PURE__*/React.createElement(Text, {
-      style: styles.locationLabel
-    }, "Location"), /*#__PURE__*/React.createElement(Text, {
-      style: styles.locationText
-    }, job.room), job.isHome ? /*#__PURE__*/React.createElement(View, {
-      style: styles.detailsSection
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.locationLabel
-    }, "Must be home"), /*#__PURE__*/React.createElement(Text, {
-      style: styles.locationText
-    }, job.homeText)) : null, /*#__PURE__*/React.createElement(Text, {
-      style: styles.requesterLabel
-    }, "Person Requesting"), /*#__PURE__*/React.createElement(View, {
-      style: styles.profileContainer
-    }, /*#__PURE__*/React.createElement(Components.ProfilePic, {
-      ProfilePic: job.userProfilePic,
-      Diameter: 40
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.nameContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.nameText
-    }, job.userName), !_.isEmpty(job.phone) && /*#__PURE__*/React.createElement(Text, {
-      style: styles.phoneText
-    }, job.phone)))));
-  }
-  renderMessages() {
-    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Components.CommentSection, {
-      ref: this.commentSection,
-      commentReply: this.commentReply,
-      scrollView: this.scrollView,
-      adminPermission: "maintenanceTracking",
-      entityType: "maintenancerequest",
-      entityId: this.props.job.id,
-      entityName: this.props.job.title,
-      site: this.state.job.site || this.state.job.location,
-      live: true,
-      refreshFrequency: 10000,
-      placeHolder: '',
-      style: {
-        flex: 1,
-        paddingHorizontal: 0,
-        paddingTop: 16
-      },
-      onCommentsLoaded: this.onCommentsLoaded,
-      onCommentAdded: this.onCommentAdded,
-      hideAddComment: true,
-      disableFlag: true
-    }), !this.state.showMessages && /*#__PURE__*/React.createElement(Components.InlineButton, {
-      onPress: this.onLeaveMessage,
-      color: this.props.colourBrandingMain,
-      touchableStyle: {
-        marginTop: 10
-      },
-      style: {
-        height: 36
-      },
-      textStyle: {
-        color: '#fff'
-      },
-      fullWidth: true
-    }, "Leave Message"));
-  }
-  renderMessagesReply() {
-    if (!this.state.showMessages) return null;
-    return /*#__PURE__*/React.createElement(Components.CommentReply, {
-      ref: this.commentReply,
-      commentSection: this.commentSection,
-      scrollView: this.scrollView,
-      entityType: "maintenancerequest",
-      entityId: this.props.job.id,
-      entityName: this.props.job.title,
-      site: this.state.job.site || this.state.job.location
-      // noScroll={true}
-      // style={{ position: 'absolute', bottom: 0, left: 0, right: 0 }}
-    });
-  }
-  renderStatusPopup() {
-    if (!this.state.showStatusPopup) return null;
-    return /*#__PURE__*/React.createElement(StatusSelectorPopup, {
-      onClose: this.onCloseStatusPopup,
-      onSelect: this.onSelectStatus
-    });
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
-      behavior: Platform.OS === 'ios' && 'padding',
-      style: styles.container
-    }, /*#__PURE__*/React.createElement(Components.Header, {
-      leftIcon: "angle-left",
-      onPressLeft: this.onPressBack,
-      text: Config.env.strings.MAINTENANCE_REQUEST_DETAILS
-    }), this.renderLoading(), /*#__PURE__*/React.createElement(ScrollView, {
-      ref: this.scrollView,
-      contentContainerStyle: {
-        paddingBottom: 26
-      },
-      style: {
-        height: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.innerContainer
-    }, this.renderTop(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderImagePopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
-      isVisible: this.state.isDateTimePickerVisible,
-      onConfirm: this.onDateSelected,
-      onCancel: this.onCloseDatePicker,
-      mode: this.state.popUpType,
-      headerTextIOS: `Pick a ${this.state.popUpType}`
-    }));
-  }
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff'
-  },
-  innerContainer: {
-    paddingTop: 23,
-    paddingHorizontal: 16
-  },
-  jobTitleContainer: {
-    paddingVertical: 14,
-    paddingHorizontal: 12
-  },
-  jobTitleText: {
-    fontFamily: 'sf-semibold',
-    fontSize: 20,
-    color: Colours.TEXT_DARKEST,
-    marginBottom: 8
-  },
-  jobTypeSeenContainer: {
-    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
-  },
-  jobStatusDateText: {
-    marginTop: 8,
-    fontFamily: 'sf-medium',
-    fontSize: 13,
-    color: Colours.TEXT_LIGHT
-  },
-  jobStatusExpectedContainer: {
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    justifyContent: 'space-between',
-    borderTopWidth: 1,
-    borderTopColor: Colours.LINEGREY,
-    paddingVertical: 14,
-    paddingHorizontal: 12
-  },
-  jobStatusOuterContainer: {
-    // marginRight: 50,
-  },
-  jobStatusHeading: {
-    fontFamily: 'sf-bold',
-    fontSize: 11,
-    letterSpacing: 0.8,
-    color: Colours.TEXT_DARK,
-    marginBottom: 6
-  },
-  jobStatusContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    width: 120,
-    height: 30,
-    paddingHorizontal: 8,
-    borderRadius: 4
-  },
-  jobStatusIcon: {
-    color: '#fff',
-    fontSize: 14,
-    marginRight: 8
-  },
-  jobStatusText: {
-    color: '#fff',
-    textAlign: 'center',
-    fontFamily: 'sf-semibold',
-    fontSize: 13,
-    flex: 1,
-    textAlign: 'center'
-  },
-  jobExpectedDateContainer: {
-    backgroundColor: Colours.BOXGREY,
-    flexDirection: 'row',
-    width: 115,
-    height: 30,
-    borderRadius: 4,
-    alignItems: 'center',
-    paddingLeft: 8
-  },
-  jobExpectedDate: {
-    fontFamily: 'sf-regular',
-    fontSize: 13,
-    color: Colours.hexToRGBAstring(Colours.TEXT_DARKEST, 0.5)
-  },
-  detailsText: {
-    fontFamily: 'sf-semibold',
-    fontSize: 16,
-    color: Colours.TEXT_DARKEST
-  },
-  detailsSection: {
-    marginTop: 8,
-    paddingHorizontal: 0,
-    paddingBottom: 12
-  },
-  sideBySideImages: {
-    flex: 1,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginBottom: 16
-  },
-  sideBySideImageContainer: {
-    backgroundColor: '#fff',
-    width: '48%',
-    height: 150,
-    borderRadius: 2,
-    overflow: 'hidden'
-  },
-  singleImageContainer: {
-    backgroundColor: '#fff',
-    width: '100%',
-    height: 150,
-    flex: 1,
-    borderRadius: 2,
-    overflow: 'hidden',
-    marginBottom: 16
-  },
-  imageContainer: {
-    height: 150,
-    width: 'auto',
-    justifyContent: 'center'
-  },
-  imagePlayContainer: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  imageControlIcon: {
-    color: '#fff',
-    fontSize: 30,
-    textShadowColor: 'rgba(0,0,0,0.3)',
-    textShadowOffset: {
-      width: 2,
-      height: 2
-    }
-  },
-  plusImages: {
-    fontFamily: 'sf-bold',
-    fontSize: 32,
-    textAlign: 'center',
-    color: '#fff',
-    textShadowColor: 'rgba(0, 0, 0, 0.5)',
-    textShadowOffset: {
-      width: 0,
-      height: 2
-    },
-    textShadowRadius: 8
-  },
-  jobDescriptionText: {
-    fontFamily: 'sf-medium',
-    fontSize: 14,
-    color: Colours.TEXT_LIGHT,
-    paddingBottom: 16
-  },
-  locationLabel: {
-    fontFamily: 'sf-bold',
-    fontSize: 14,
-    color: Colours.TEXT_DARKEST
-  },
-  locationText: {
-    fontFamily: 'sf-regular',
-    fontSize: 16,
-    color: Colours.TEXT_DARKEST,
-    paddingVertical: 8
-  },
-  requesterLabel: {
-    fontFamily: 'sf-bold',
-    fontSize: 14,
-    color: Colours.TEXT_DARKEST,
-    paddingVertical: 10
-  },
-  profileContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  nameContainer: {
-    marginLeft: 18
-  },
-  nameText: {
-    fontSize: 'sf-semibold',
-    fontSize: 14,
-    color: Colours.TEXT_DARKEST,
-    marginBottom: 4
-  },
-  phoneText: {
-    fontSize: 'sf-medium',
-    fontSize: 14,
-    color: Colours.TEXT_LIGHT
-  },
-  textSectionInner: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginTop: 8
-  },
-  textSectionLabel: {
-    fontFamily: 'sf-semibold',
-    fontSize: 12,
-    lineHeight: 24,
-    color: Colours.TEXT_DARKEST
-  },
-  textSectionTextContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  textSectionText: {
-    fontFamily: 'sf-regular',
-    fontSize: 13,
-    lineHeight: 24,
-    color: Colours.TEXT_LIGHT
-  },
-  textSectionAngleRight: {
-    fontSize: 24,
-    marginLeft: 10,
-    lineHeight: 24
-  }
-});
-const mapStateToProps = state => {
-  return {
-    user: state.user,
-    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
-    jobs: state.jobs.jobs
-  };
-};
-export default connect(mapStateToProps, {
-  jobAdded
-})(RequestDetail);
-//# sourceMappingURL=RequestDetail.js.map