@plusscommunities/pluss-maintenance-app 3.0.1 → 3.0.3-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","StyleSheet","connect","_","MaintenanceList","Services","BaseComponents","Components","Helper","Styles","Config","MaintenancePage","constructor","props","navigation","goBack","loading","setState","state","isHomeTab","componentDidMount","getParentRoute","renderHeader","title","env","strings","MAINTENANCE","includes","user","hidden","styles","notificationContainer","colourBrandingHeader","notificationBell","onPressBack","render","container","maintenanceList","onLoadingChanged","options","create","flex","position","top","bottom","right","paddingTop","StatusBarHeight","marginTop","mapStateToProps"],"sources":["MaintenancePage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport MaintenanceList from '../components/MaintenanceList';\nimport { Services, BaseComponents } from '../feature.config';\nimport { Components, Helper, Styles, Config } from '../core.config';\n\nclass MaintenancePage extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      isHomeTab: false,\n      loading: false,\n    };\n  }\n\n  componentDidMount() {\n    // console.log('!Services.navigation.getParentRoute()', !Services.navigation.getParentRoute());\n    this.setState({ isHomeTab: !Services.navigation.getParentRoute() });\n  }\n\n  onPressBack = () => {\n    Services.navigation.goBack();\n  };\n\n  onLoadingChanged = loading => {\n    this.setState({ loading });\n  };\n\n  renderHeader() {\n    if (this.state.isHomeTab) {\n      return (\n        <Components.Header\n          text={this.props.title || Config.env.strings.MAINTENANCE}\n          rightContent={\n            _.includes(this.props.user.hidden, 'notifications') ? null : (\n              <View style={styles.notificationContainer}>\n                <BaseComponents.NotificationBell\n                  colourBrandingHeader={this.props.colourBrandingHeader}\n                  containerStyle={Styles.notificationBell}\n                />\n              </View>\n            )\n          }\n        />\n      );\n    }\n    return (\n      <Components.Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={this.props.title || Config.env.strings.MAINTENANCE} />\n    );\n  }\n\n  render() {\n    const { isHomeTab } = this.state;\n\n    return (\n      <View style={styles.container}>\n        {this.renderHeader()}\n        <Components.LoadingIndicator visible={this.state.loading} />\n        <MaintenanceList\n          style={styles.maintenanceList}\n          onLoadingChanged={this.onLoadingChanged}\n          enableAdd={!isHomeTab}\n          options={this.props.options}\n        />\n        {/* {isHomeTab && <Components.AddContentButton />} */}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  notificationContainer: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    right: 0,\n    paddingTop: Helper.StatusBarHeight(0),\n  },\n  maintenanceList: {\n    marginTop: 12,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    user: state.user,\n  };\n};\n\nexport default connect(mapStateToProps, {})(MaintenancePage);\n"],"mappings":"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"}
+{"version":3,"names":["React","Component","View","StyleSheet","connect","_","MaintenanceList","Services","BaseComponents","Components","Helper","Styles","Config","MaintenancePage","constructor","props","_defineProperty","navigation","goBack","loading","setState","state","isHomeTab","componentDidMount","getParentRoute","renderHeader","createElement","Header","text","title","env","strings","MAINTENANCE","rightContent","includes","user","hidden","style","styles","notificationContainer","NotificationBell","colourBrandingHeader","containerStyle","notificationBell","leftIcon","onPressLeft","onPressBack","render","container","LoadingIndicator","visible","maintenanceList","onLoadingChanged","enableAdd","options","create","flex","position","top","bottom","right","paddingTop","StatusBarHeight","marginTop","mapStateToProps"],"sources":["MaintenancePage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport MaintenanceList from '../components/MaintenanceList';\nimport { Services, BaseComponents } from '../feature.config';\nimport { Components, Helper, Styles, Config } from '../core.config';\n\nclass MaintenancePage extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      isHomeTab: false,\n      loading: false,\n    };\n  }\n\n  componentDidMount() {\n    // console.log('!Services.navigation.getParentRoute()', !Services.navigation.getParentRoute());\n    this.setState({ isHomeTab: !Services.navigation.getParentRoute() });\n  }\n\n  onPressBack = () => {\n    Services.navigation.goBack();\n  };\n\n  onLoadingChanged = loading => {\n    this.setState({ loading });\n  };\n\n  renderHeader() {\n    if (this.state.isHomeTab) {\n      return (\n        <Components.Header\n          text={this.props.title || Config.env.strings.MAINTENANCE}\n          rightContent={\n            _.includes(this.props.user.hidden, 'notifications') ? null : (\n              <View style={styles.notificationContainer}>\n                <BaseComponents.NotificationBell\n                  colourBrandingHeader={this.props.colourBrandingHeader}\n                  containerStyle={Styles.notificationBell}\n                />\n              </View>\n            )\n          }\n        />\n      );\n    }\n    return (\n      <Components.Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={this.props.title || Config.env.strings.MAINTENANCE} />\n    );\n  }\n\n  render() {\n    const { isHomeTab } = this.state;\n\n    return (\n      <View style={styles.container}>\n        {this.renderHeader()}\n        <Components.LoadingIndicator visible={this.state.loading} />\n        <MaintenanceList\n          style={styles.maintenanceList}\n          onLoadingChanged={this.onLoadingChanged}\n          enableAdd={!isHomeTab}\n          options={this.props.options}\n        />\n        {/* {isHomeTab && <Components.AddContentButton />} */}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  notificationContainer: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    right: 0,\n    paddingTop: Helper.StatusBarHeight(0),\n  },\n  maintenanceList: {\n    marginTop: 12,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    user: state.user,\n  };\n};\n\nexport default connect(mapStateToProps, {})(MaintenancePage);\n"],"mappings":"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"}

package/dist/module/screens/RequestDetail.js

@@ -1,5 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 { ScrollView, View, StyleSheet, Text, KeyboardAvoidingView, TouchableOpacity, ImageBackground } from 'react-native';
 import DateTimePicker from 'react-native-modal-datetime-picker';
@@ -13,20 +14,18 @@ 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
+      } = 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;
@@ -39,8 +38,8 @@ class RequestDetail extends Component {
             seen: true,
             status: job.status || 'Unassigned'
           };
-          const res = await generalActions.editJob(updated, user.site); // console.log('markSeen updated');
-
+          const res = await generalActions.editJob(updated, user.site);
+          // console.log('markSeen updated');
           this.props.jobAdded(res.data.job);
           this.setState({
             loading: false,
@@ -54,7 +53,6 @@ class RequestDetail extends Component {
         }
       });
     });
-
     _defineProperty(this, "updateJob", () => {
       this.setState({
         loading: true
@@ -65,16 +63,13 @@ class RequestDetail extends Component {
         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) {
@@ -86,7 +81,6 @@ class RequestDetail extends Component {
         }
       });
     });
-
     _defineProperty(this, "updateJobStatus", () => {
       this.setState({
         loading: true
@@ -103,23 +97,19 @@ class RequestDetail extends Component {
         }
       });
     });
-
     _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,
@@ -128,26 +118,22 @@ class RequestDetail extends Component {
         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);
@@ -160,19 +146,16 @@ class RequestDetail extends Component {
         });
       }
     });
-
     _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({
@@ -180,14 +163,13 @@ class RequestDetail extends Component {
         });
       }
     });
-
     _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);
-
+          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);
@@ -198,14 +180,12 @@ class RequestDetail extends Component {
         }
       });
     });
-
     _defineProperty(this, "hasPermission", () => {
       const {
         permissions
       } = this.props.user;
       return _.includes(permissions, 'maintenanceTracking');
     });
-
     _defineProperty(this, "toggleFullscreenVideo", url => {
       if (typeof url !== 'string') url = '';
       this.setState({
@@ -213,7 +193,6 @@ class RequestDetail extends Component {
         currentVideoUrl: url
       });
     });
-
     this.state = {
       job: {},
       isDateTimePickerVisible: false,
@@ -234,54 +213,45 @@ class RequestDetail extends Component {
     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,
@@ -294,7 +264,8 @@ class RequestDetail extends Component {
     const canEdit = this.hasPermission();
     const showSeen = !status || status === jobStatusOptions[0].name;
     return /*#__PURE__*/React.createElement(View, {
-      style: { ...Helper.getShadowStyle()
+      style: {
+        ...Helper.getShadowStyle()
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.jobTitleContainer
@@ -382,10 +353,8 @@ class RequestDetail extends Component {
       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: [{
@@ -404,7 +373,6 @@ class RequestDetail extends Component {
         iconStyle: styles.imageControlIcon
       }))));
     }
-
     const imageUrl = Helper.get1400(url);
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: containerStyle,
@@ -418,17 +386,14 @@ 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);
   }
-
   renderImage() {
     const {
       job
     } = this.state;
-
     if (!_.isNil(job.images) && !_.isEmpty(job.images)) {
       if (job.images.length >= 2) {
         return /*#__PURE__*/React.createElement(View, {
@@ -444,10 +409,8 @@ class RequestDetail extends Component {
         style: styles.singleImageContainer
       }, this.renderPlayableImageUrl(job.image));
     }
-
     return null;
   }
-
   renderImagePopup() {
     return /*#__PURE__*/React.createElement(Components.ImagePopup, {
       visible: this.state.galleryOpen,
@@ -456,7 +419,6 @@ class RequestDetail extends Component {
       ref: "imagePopup"
     });
   }
-
   rendeDetails() {
     const {
       job
@@ -489,7 +451,6 @@ class RequestDetail extends Component {
       style: styles.phoneText
     }, job.phone)))));
   }
-
   renderMessages() {
     return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Components.CommentSection, {
       ref: this.commentSection,
@@ -527,7 +488,6 @@ class RequestDetail extends Component {
       fullWidth: true
     }, "Leave Message"));
   }
-
   renderMessagesReply() {
     if (!this.state.showMessages) return null;
     return /*#__PURE__*/React.createElement(Components.CommentReply, {
@@ -537,9 +497,9 @@ class RequestDetail extends Component {
       entityType: "maintenancerequest",
       entityId: this.props.job.id,
       entityName: this.props.job.title,
-      site: this.state.job.site || this.state.job.location // noScroll={true}
+      site: this.state.job.site || this.state.job.location
+      // noScroll={true}
       // style={{ position: 'absolute', bottom: 0, left: 0, right: 0 }}
-
     });
   }
 
@@ -550,7 +510,6 @@ class RequestDetail extends Component {
       onSelect: this.onSelectStatus
     });
   }
-
   render() {
     return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
       behavior: Platform.OS === 'ios' && 'padding',
@@ -577,9 +536,7 @@ class RequestDetail extends Component {
       headerTextIOS: `Pick a ${this.state.popUpType}`
     }));
   }
-
 }
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -642,7 +599,8 @@ const styles = StyleSheet.create({
     paddingVertical: 14,
     paddingHorizontal: 12
   },
-  jobStatusOuterContainer: {// marginRight: 50,
+  jobStatusOuterContainer: {
+    // marginRight: 50,
   },
   jobStatusHeading: {
     fontFamily: 'sf-bold',
@@ -822,7 +780,6 @@ const styles = StyleSheet.create({
     lineHeight: 24
   }
 });
-
 const mapStateToProps = state => {
   return {
     user: state.user,
@@ -830,7 +787,6 @@ const mapStateToProps = state => {
     jobs: state.jobs.jobs
   };
 };
-
 export default connect(mapStateToProps, {
   jobAdded
 })(RequestDetail);