@plusscommunities/pluss-maintenance-app-forms 6.0.10 → 6.0.11-auth.0

package/dist/module/components/MaintenanceListItem.js

@@ -1,28 +1,17 @@
 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 { 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';
-import { values } from '../values.config';
+import React, { Component } from "react";
+import { Image, TouchableOpacity, View, StyleSheet } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import _ from "lodash";
+import { Icon } from "@rneui/themed";
+import { connect } from "react-redux";
+import moment from "moment";
+import { getJobStatus, getJobPriority } from "../helper";
+import { Services } from "../feature.config";
+import { Helper, Colours } from "../core.config";
+import { values } from "../values.config";
 class MaintenanceListItem extends Component {
   constructor(...args) {
     super(...args);
@@ -43,7 +32,7 @@ class MaintenanceListItem extends Component {
       style: styles.commentCountContainer
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.commentCountText
-    }, job.commentCount > 99 ? '99' : job.commentCount));
+    }, job.commentCount > 99 ? "99" : job.commentCount));
   }
   renderDescription() {
     const {
@@ -58,10 +47,11 @@ class MaintenanceListItem extends Component {
   }
   renderSeen() {
     const {
-      job
+      job,
+      hideSeen
     } = this.props;
-    const showSeen = !job.status || job.status === jobStatusOptions[0].name;
-    if (!showSeen || !job.seen) {
+    const showSeen = !job.status || job.status === getJobStatus(null, this.props).text;
+    if (hideSeen || !showSeen || !job.seen) {
       return null;
     }
     return /*#__PURE__*/React.createElement(View, {
@@ -83,12 +73,11 @@ class MaintenanceListItem extends Component {
       job
     } = this.props;
     const createdTime = moment(job.createdUnix);
-    const createdTimeText = `${createdTime.format('ddd, D MMMM')} • ${createdTime.format('h:mma')}`;
-    const assigneeText = job.Assignee ? `Assigned to\n${job.Assignee.displayName}` : '';
-    const {
-      statusText,
-      statusColor
-    } = getJobStatusProps(job.status);
+    const createdTimeText = `${createdTime.format("ddd, D MMMM")} • ${createdTime.format("h:mma")}`;
+    const assigneeText = job.Assignee ? `Assigned to\n${job.Assignee.displayName}` : "";
+    const status = getJobStatus(job.status, this.props);
+    const priority = getJobPriority(job.priority);
+    const isStaff = this.props.user.category === "staff";
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       onPress: this.onPressJob
     }, /*#__PURE__*/React.createElement(View, {
@@ -122,7 +111,7 @@ class MaintenanceListItem extends Component {
       style: styles.jobTopRight
     }, /*#__PURE__*/React.createElement(Image, {
       style: styles.jobCommentImage,
-      source: require('../images/speechbubble.png')
+      source: require("../images/speechbubble.png")
     }), this.renderCommentCount())), /*#__PURE__*/React.createElement(View, {
       style: styles.jobBottomSection
     }, /*#__PURE__*/React.createElement(Text, {
@@ -131,23 +120,29 @@ class MaintenanceListItem extends Component {
       style: styles.jobActivityContainer
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles.jobStatusContainer, {
-        backgroundColor: statusColor
+        backgroundColor: status === null || status === void 0 ? void 0 : status.color
       }]
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusText
-    }, statusText)), /*#__PURE__*/React.createElement(View, {
+    }, status === null || status === void 0 ? void 0 : status.text)), /*#__PURE__*/React.createElement(View, {
       style: [styles.jobStatusLine, {
-        borderColor: statusColor
+        borderColor: status === null || status === void 0 ? void 0 : status.color
       }]
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.jobStatusLineMask
     })), /*#__PURE__*/React.createElement(View, {
       style: [styles.jobStatusCircle, {
-        backgroundColor: statusColor
+        backgroundColor: status === null || status === void 0 ? void 0 : status.color
       }]
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusDateText
-    }, assigneeText))))));
+    }, assigneeText)), isStaff && /*#__PURE__*/React.createElement(View, {
+      style: [styles.jobPriorityContainer, {
+        backgroundColor: priority.color
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobPriorityText
+    }, priority.label))))));
   }
 }
 const styles = StyleSheet.create({
@@ -159,8 +154,8 @@ const styles = StyleSheet.create({
     ...Helper.getShadowStyle()
   },
   jobTopSection: {
-    flexDirection: 'row',
-    alignItems: 'flex-end',
+    flexDirection: "row",
+    alignItems: "flex-end",
     paddingHorizontal: 10,
     paddingVertical: 10,
     borderBottomWidth: 1,
@@ -170,134 +165,134 @@ const styles = StyleSheet.create({
     flex: 1
   },
   jobIdText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 12,
     marginBottom: 4
   },
   jobTitleText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 18,
     color: Colours.TEXT_DARK,
     marginBottom: 4
   },
   jobLocationText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 12,
     color: Colours.TEXT_LIGHT,
     marginBottom: 4
   },
   jobTypeSeenContainer: {
     marginTop: 4,
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   jobTypeContainer: {
     padding: 4,
     minWidth: 80,
     maxWidth: 140,
     borderRadius: 4,
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   jobTypeText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 12,
-    textAlign: 'center',
-    maxWidth: '100%'
+    textAlign: "center",
+    maxWidth: "100%"
   },
   jobSeenContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     marginLeft: 10
   },
   jobSeenIcon: {
     fontSize: 12
   },
   jobSeenText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 12,
     marginLeft: 4
   },
   jobTopRight: {
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     paddingHorizontal: 10,
     paddingTop: 10
   },
   jobCommentImage: {
     width: 34,
     height: 34,
-    resizeMode: 'contain'
+    resizeMode: "contain"
   },
   commentCountContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: 0,
     right: 0,
     borderRadius: 10,
     borderWidth: 2,
-    borderColor: '#fff',
+    borderColor: "#fff",
     width: 20,
     height: 20,
     backgroundColor: Colours.COLOUR_GREEN,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   },
   commentCountText: {
-    textAlign: 'center',
-    fontFamily: 'sf-bold',
+    textAlign: "center",
+    fontFamily: "sf-bold",
     fontSize: 10,
-    color: '#fff'
+    color: "#fff"
   },
   jobBottomSection: {
     paddingHorizontal: 10,
     paddingVertical: 16
   },
   jobDescriptionText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 14,
     color: Colours.TEXT_DARK,
     marginBottom: 8
   },
   jobCreatedText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 12,
     color: Colours.TEXT_LIGHT,
     marginBottom: 10
   },
   jobActivityContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   jobStatusContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
     width: 105,
     height: 30,
     paddingHorizontal: 8,
     borderRadius: 4
   },
   jobStatusIcon: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 14
   },
   jobStatusText: {
-    color: '#fff',
-    textAlign: 'center',
-    fontFamily: 'sf-semibold',
+    color: "#fff",
+    textAlign: "center",
+    fontFamily: "sf-semibold",
     fontSize: 13
   },
   jobStatusLine: {
     borderWidth: 1,
-    borderStyle: 'dashed',
+    borderStyle: "dashed",
     width: 30
   },
   jobStatusLineMask: {
-    position: 'absolute',
+    position: "absolute",
     left: -1,
     top: -1,
-    width: '100%',
+    width: "100%",
     height: 1,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     zIndex: 1
   },
   jobStatusCircle: {
@@ -307,15 +302,34 @@ const styles = StyleSheet.create({
   },
   jobStatusDateText: {
     flex: 1,
-    textAlign: 'right',
-    fontFamily: 'sf-medium',
+    textAlign: "right",
+    fontFamily: "sf-medium",
     fontSize: 14,
     color: Colours.TEXT_DARK
+  },
+  jobPriorityContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 105,
+    height: 24,
+    paddingHorizontal: 8,
+    borderRadius: 4,
+    marginTop: 8
+  },
+  jobPriorityText: {
+    color: "#fff",
+    textAlign: "center",
+    fontFamily: "sf-semibold",
+    fontSize: 13
   }
 });
 const mapStateToProps = state => {
   return {
-    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+    user: state.user,
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    statusTypes: state[values.reducerKey].jobstatuses,
+    hideSeen: state[values.reducerKey].hideSeen
   };
 };
 export default connect(mapStateToProps, {})(MaintenanceListItem);

package/dist/module/components/MaintenanceListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Image","Text","TouchableOpacity","View","StyleSheet","_","Icon","connect","moment","getJobStatusProps","jobStatusOptions","Services","Helper","Colours","values","MaintenanceListItem","constructor","args","_defineProperty","navigation","navigate","screenRequestDetail","job","props","renderCommentCount","commentCount","createElement","style","styles","commentCountContainer","commentCountText","renderDescription","isEmpty","description","jobDescriptionText","renderSeen","showSeen","status","name","seen","jobSeenContainer","type","iconStyle","jobSeenIcon","color","colourBrandingMain","jobSeenText","render","createdTime","createdUnix","createdTimeText","format","assigneeText","Assignee","displayName","statusText","statusColor","onPress","onPressJob","jobContainer","jobInnerContainer","jobTopSection","jobTopLeft","jobId","jobIdText","textEntityName","jobTitleText","title","room","jobLocationText","jobTypeSeenContainer","jobTypeContainer","backgroundColor","hexToRGBAstring","jobTypeText","numberOfLines","jobTopRight","jobCommentImage","source","require","jobBottomSection","jobCreatedText","jobActivityContainer","jobStatusContainer","jobStatusText","jobStatusLine","borderColor","jobStatusLineMask","jobStatusCircle","jobStatusDateText","create","marginVertical","paddingHorizontal","getShadowStyle","flexDirection","alignItems","paddingVertical","borderBottomWidth","borderBottomColor","LINEGREY","flex","fontFamily","fontSize","marginBottom","TEXT_DARK","TEXT_LIGHT","marginTop","padding","minWidth","maxWidth","borderRadius","justifyContent","textAlign","marginLeft","paddingTop","width","height","resizeMode","position","top","right","borderWidth","COLOUR_GREEN","jobStatusIcon","borderStyle","left","zIndex","mapStateToProps","state","getMainBrandingColourFromState"],"sources":["MaintenanceListItem.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Image, Text, TouchableOpacity, View, StyleSheet } from 'react-native';\nimport _ from 'lodash';\nimport { Icon } from 'react-native-elements';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\n// import {\n//   getShadowStyle,\n//   LINEGREY,\n//   TEXT_DARK,\n//   TEXT_LIGHT,\n//   COLOUR_GREEN,\n//   getMainBrandingColourFromState,\n//   hexToRGBAstring,\n//   getJobStatusProps,\n//   jobStatusOptions,\n// } from '../../js';\n// import NavigationService from '../../js/NavigationService';\nimport { getJobStatusProps, jobStatusOptions } from '../helper';\nimport { Services } from '../feature.config';\nimport { Helper, Colours } from '../core.config';\nimport { values } from '../values.config';\n\nclass MaintenanceListItem extends Component {\n  onPressJob = () => {\n    Services.navigation.navigate(values.screenRequestDetail, { job: this.props.job });\n  };\n\n  renderCommentCount() {\n    const { job } = this.props;\n    if (!job.commentCount) {\n      return null;\n    }\n    return (\n      <View style={styles.commentCountContainer}>\n        <Text style={styles.commentCountText}>{job.commentCount > 99 ? '99' : job.commentCount}</Text>\n      </View>\n    );\n  }\n\n  renderDescription() {\n    const { job } = this.props;\n    if (_.isEmpty(job.description)) {\n      return null;\n    }\n    return <Text style={styles.jobDescriptionText}>{job.description}</Text>;\n  }\n\n  renderSeen() {\n    const { job } = this.props;\n    const showSeen = !job.status || job.status === jobStatusOptions[0].name;\n    if (!showSeen || !job.seen) {\n      return null;\n    }\n    return (\n      <View style={styles.jobSeenContainer}>\n        <Icon name=\"check\" type=\"font-awesome\" iconStyle={[styles.jobSeenIcon, { color: this.props.colourBrandingMain }]} />\n        <Text style={[styles.jobSeenText, { color: this.props.colourBrandingMain }]}>Seen</Text>\n      </View>\n    );\n  }\n\n  render() {\n    const { job } = this.props;\n    const createdTime = moment(job.createdUnix);\n    const createdTimeText = `${createdTime.format('ddd, D MMMM')} • ${createdTime.format('h:mma')}`;\n    const assigneeText = job.Assignee ? `Assigned to\\n${job.Assignee.displayName}` : '';\n    const { statusText, statusColor } = getJobStatusProps(job.status);\n\n    return (\n      <TouchableOpacity onPress={this.onPressJob}>\n        <View style={[styles.jobContainer, this.props.style]}>\n          <View style={styles.jobInnerContainer}>\n            <View style={styles.jobTopSection}>\n              <View style={styles.jobTopLeft}>\n                {job.jobId ? (\n                  <Text\n                    style={[styles.jobIdText, { color: this.props.colourBrandingMain }]}\n                  >{`${values.textEntityName} #${job.jobId}`}</Text>\n                ) : null}\n                <Text style={styles.jobTitleText}>{job.title}</Text>\n                {job.room ? <Text style={styles.jobLocationText}>{job.room}</Text> : null}\n                <View style={styles.jobTypeSeenContainer}>\n                  <View style={[styles.jobTypeContainer, { backgroundColor: Colours.hexToRGBAstring(this.props.colourBrandingMain, 0.2) }]}>\n                    <Text style={[styles.jobTypeText, { color: this.props.colourBrandingMain }]} numberOfLines={2}>\n                      {job.type}\n                    </Text>\n                  </View>\n                  {this.renderSeen()}\n                </View>\n              </View>\n              <View style={styles.jobTopRight}>\n                <Image style={styles.jobCommentImage} source={require('../images/speechbubble.png')} />\n                {this.renderCommentCount()}\n              </View>\n            </View>\n            <View style={styles.jobBottomSection}>\n              {/* {this.renderDescription()} */}\n              <Text style={styles.jobCreatedText}>{createdTimeText}</Text>\n              <View style={styles.jobActivityContainer}>\n                <View style={[styles.jobStatusContainer, { backgroundColor: statusColor }]}>\n                  {/* <Icon name=\"wrench\" type=\"font-awesome\" iconStyle={styles.jobStatusIcon} /> */}\n                  <Text style={styles.jobStatusText}>{statusText}</Text>\n                </View>\n                <View style={[styles.jobStatusLine, { borderColor: statusColor }]}>\n                  <View style={styles.jobStatusLineMask} />\n                </View>\n                <View style={[styles.jobStatusCircle, { backgroundColor: statusColor }]} />\n                <Text style={styles.jobStatusDateText}>{assigneeText}</Text>\n              </View>\n            </View>\n          </View>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  jobContainer: {\n    marginVertical: 8,\n    paddingHorizontal: 16,\n  },\n  jobInnerContainer: {\n    ...Helper.getShadowStyle(),\n  },\n  jobTopSection: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n    borderBottomWidth: 1,\n    borderBottomColor: Colours.LINEGREY,\n  },\n  jobTopLeft: {\n    flex: 1,\n  },\n  jobIdText: {\n    fontFamily: 'sf-medium',\n    fontSize: 12,\n    marginBottom: 4,\n  },\n  jobTitleText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 18,\n    color: Colours.TEXT_DARK,\n    marginBottom: 4,\n  },\n  jobLocationText: {\n    fontFamily: 'sf-medium',\n    fontSize: 12,\n    color: Colours.TEXT_LIGHT,\n    marginBottom: 4,\n  },\n  jobTypeSeenContainer: {\n    marginTop: 4,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  jobTypeContainer: {\n    padding: 4,\n    minWidth: 80,\n    maxWidth: 140,\n    borderRadius: 4,\n    justifyContent: 'center',\n  },\n  jobTypeText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    textAlign: 'center',\n    maxWidth: '100%',\n  },\n  jobSeenContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginLeft: 10,\n  },\n  jobSeenIcon: {\n    fontSize: 12,\n  },\n  jobSeenText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    marginLeft: 4,\n  },\n  jobTopRight: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 10,\n    paddingTop: 10,\n  },\n  jobCommentImage: {\n    width: 34,\n    height: 34,\n    resizeMode: 'contain',\n  },\n  commentCountContainer: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    borderRadius: 10,\n    borderWidth: 2,\n    borderColor: '#fff',\n    width: 20,\n    height: 20,\n    backgroundColor: Colours.COLOUR_GREEN,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  commentCountText: {\n    textAlign: 'center',\n    fontFamily: 'sf-bold',\n    fontSize: 10,\n    color: '#fff',\n  },\n  jobBottomSection: {\n    paddingHorizontal: 10,\n    paddingVertical: 16,\n  },\n  jobDescriptionText: {\n    fontFamily: 'sf-medium',\n    fontSize: 14,\n    color: Colours.TEXT_DARK,\n    marginBottom: 8,\n  },\n  jobCreatedText: {\n    fontFamily: 'sf-medium',\n    fontSize: 12,\n    color: Colours.TEXT_LIGHT,\n    marginBottom: 10,\n  },\n  jobActivityContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  jobStatusContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 105,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n  },\n  jobStatusIcon: {\n    color: '#fff',\n    fontSize: 14,\n  },\n  jobStatusText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n  },\n  jobStatusLine: {\n    borderWidth: 1,\n    borderStyle: 'dashed',\n    width: 30,\n  },\n  jobStatusLineMask: {\n    position: 'absolute',\n    left: -1,\n    top: -1,\n    width: '100%',\n    height: 1,\n    backgroundColor: '#fff',\n    zIndex: 1,\n  },\n  jobStatusCircle: {\n    width: 18,\n    height: 18,\n    borderRadius: 9,\n  },\n  jobStatusDateText: {\n    flex: 1,\n    textAlign: 'right',\n    fontFamily: 'sf-medium',\n    fontSize: 14,\n    color: Colours.TEXT_DARK,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(MaintenanceListItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","Image","TouchableOpacity","View","StyleSheet","Text","_","Icon","connect","moment","getJobStatus","getJobPriority","Services","Helper","Colours","values","MaintenanceListItem","constructor","args","_defineProperty","navigation","navigate","screenRequestDetail","job","props","renderCommentCount","commentCount","createElement","style","styles","commentCountContainer","commentCountText","renderDescription","isEmpty","description","jobDescriptionText","renderSeen","hideSeen","showSeen","status","text","seen","jobSeenContainer","name","type","iconStyle","jobSeenIcon","color","colourBrandingMain","jobSeenText","render","createdTime","createdUnix","createdTimeText","format","assigneeText","Assignee","displayName","priority","isStaff","user","category","onPress","onPressJob","jobContainer","jobInnerContainer","jobTopSection","jobTopLeft","jobId","jobIdText","textEntityName","jobTitleText","title","room","jobLocationText","jobTypeSeenContainer","jobTypeContainer","backgroundColor","hexToRGBAstring","jobTypeText","numberOfLines","jobTopRight","jobCommentImage","source","require","jobBottomSection","jobCreatedText","jobActivityContainer","jobStatusContainer","jobStatusText","jobStatusLine","borderColor","jobStatusLineMask","jobStatusCircle","jobStatusDateText","jobPriorityContainer","jobPriorityText","label","create","marginVertical","paddingHorizontal","getShadowStyle","flexDirection","alignItems","paddingVertical","borderBottomWidth","borderBottomColor","LINEGREY","flex","fontFamily","fontSize","marginBottom","TEXT_DARK","TEXT_LIGHT","marginTop","padding","minWidth","maxWidth","borderRadius","justifyContent","textAlign","marginLeft","paddingTop","width","height","resizeMode","position","top","right","borderWidth","COLOUR_GREEN","jobStatusIcon","borderStyle","left","zIndex","mapStateToProps","state","getMainBrandingColourFromState","statusTypes","reducerKey","jobstatuses"],"sources":["MaintenanceListItem.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Image, TouchableOpacity, View, StyleSheet } from \"react-native\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport _ from \"lodash\";\nimport { Icon } from \"@rneui/themed\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\nimport { getJobStatus, getJobPriority } from \"../helper\";\nimport { Services } from \"../feature.config\";\nimport { Helper, Colours } from \"../core.config\";\nimport { values } from \"../values.config\";\n\nclass MaintenanceListItem extends Component {\n\tonPressJob = () => {\n\t\tServices.navigation.navigate(values.screenRequestDetail, {\n\t\t\tjob: this.props.job,\n\t\t});\n\t};\n\n\trenderCommentCount() {\n\t\tconst { job } = this.props;\n\t\tif (!job.commentCount) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.commentCountContainer}>\n\t\t\t\t<Text style={styles.commentCountText}>\n\t\t\t\t\t{job.commentCount > 99 ? \"99\" : job.commentCount}\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderDescription() {\n\t\tconst { job } = this.props;\n\t\tif (_.isEmpty(job.description)) {\n\t\t\treturn null;\n\t\t}\n\t\treturn <Text style={styles.jobDescriptionText}>{job.description}</Text>;\n\t}\n\n\trenderSeen() {\n\t\tconst { job, hideSeen } = this.props;\n\t\tconst showSeen =\n\t\t\t!job.status || job.status === getJobStatus(null, this.props).text;\n\t\tif (hideSeen || !showSeen || !job.seen) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.jobSeenContainer}>\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"check\"\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\tstyles.jobSeenIcon,\n\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={[styles.jobSeenText, { color: this.props.colourBrandingMain }]}\n\t\t\t\t>\n\t\t\t\t\tSeen\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { job } = this.props;\n\t\tconst createdTime = moment(job.createdUnix);\n\t\tconst createdTimeText = `${createdTime.format(\"ddd, D MMMM\")} • ${createdTime.format(\"h:mma\")}`;\n\t\tconst assigneeText = job.Assignee\n\t\t\t? `Assigned to\\n${job.Assignee.displayName}`\n\t\t\t: \"\";\n\t\tconst status = getJobStatus(job.status, this.props);\n\t\tconst priority = getJobPriority(job.priority);\n\t\tconst isStaff = this.props.user.category === \"staff\";\n\n\t\treturn (\n\t\t\t<TouchableOpacity onPress={this.onPressJob}>\n\t\t\t\t<View style={[styles.jobContainer, this.props.style]}>\n\t\t\t\t\t<View style={styles.jobInnerContainer}>\n\t\t\t\t\t\t<View style={styles.jobTopSection}>\n\t\t\t\t\t\t\t<View style={styles.jobTopLeft}>\n\t\t\t\t\t\t\t\t{job.jobId ? (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\t\tstyles.jobIdText,\n\t\t\t\t\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t>{`${values.textEntityName} #${job.jobId}`}</Text>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t<Text style={styles.jobTitleText}>{job.title}</Text>\n\t\t\t\t\t\t\t\t{job.room ? (\n\t\t\t\t\t\t\t\t\t<Text style={styles.jobLocationText}>{job.room}</Text>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t<View style={styles.jobTypeSeenContainer}>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\t\tstyles.jobTypeContainer,\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: Colours.hexToRGBAstring(\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t\t\t\t\t\t0.2,\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.jobTypeText,\n\t\t\t\t\t\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\tnumberOfLines={2}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{job.type}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{this.renderSeen()}\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t<View style={styles.jobTopRight}>\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\tstyle={styles.jobCommentImage}\n\t\t\t\t\t\t\t\t\tsource={require(\"../images/speechbubble.png\")}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{this.renderCommentCount()}\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View style={styles.jobBottomSection}>\n\t\t\t\t\t\t\t{/* {this.renderDescription()} */}\n\t\t\t\t\t\t\t<Text style={styles.jobCreatedText}>{createdTimeText}</Text>\n\t\t\t\t\t\t\t<View style={styles.jobActivityContainer}>\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\tstyles.jobStatusContainer,\n\t\t\t\t\t\t\t\t\t\t{ backgroundColor: status?.color },\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{/* <Icon name=\"wrench\" type=\"font-awesome\" iconStyle={styles.jobStatusIcon} /> */}\n\t\t\t\t\t\t\t\t\t<Text style={styles.jobStatusText}>{status?.text}</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={[styles.jobStatusLine, { borderColor: status?.color }]}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<View style={styles.jobStatusLineMask} />\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\tstyles.jobStatusCircle,\n\t\t\t\t\t\t\t\t\t\t{ backgroundColor: status?.color },\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Text style={styles.jobStatusDateText}>{assigneeText}</Text>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t{isStaff && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\tstyles.jobPriorityContainer,\n\t\t\t\t\t\t\t\t\t\t{ backgroundColor: priority.color },\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text style={styles.jobPriorityText}>{priority.label}</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tjobContainer: {\n\t\tmarginVertical: 8,\n\t\tpaddingHorizontal: 16,\n\t},\n\tjobInnerContainer: {\n\t\t...Helper.getShadowStyle(),\n\t},\n\tjobTopSection: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"flex-end\",\n\t\tpaddingHorizontal: 10,\n\t\tpaddingVertical: 10,\n\t\tborderBottomWidth: 1,\n\t\tborderBottomColor: Colours.LINEGREY,\n\t},\n\tjobTopLeft: {\n\t\tflex: 1,\n\t},\n\tjobIdText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 12,\n\t\tmarginBottom: 4,\n\t},\n\tjobTitleText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 18,\n\t\tcolor: Colours.TEXT_DARK,\n\t\tmarginBottom: 4,\n\t},\n\tjobLocationText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 12,\n\t\tcolor: Colours.TEXT_LIGHT,\n\t\tmarginBottom: 4,\n\t},\n\tjobTypeSeenContainer: {\n\t\tmarginTop: 4,\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t},\n\tjobTypeContainer: {\n\t\tpadding: 4,\n\t\tminWidth: 80,\n\t\tmaxWidth: 140,\n\t\tborderRadius: 4,\n\t\tjustifyContent: \"center\",\n\t},\n\tjobTypeText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t\ttextAlign: \"center\",\n\t\tmaxWidth: \"100%\",\n\t},\n\tjobSeenContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginLeft: 10,\n\t},\n\tjobSeenIcon: {\n\t\tfontSize: 12,\n\t},\n\tjobSeenText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t\tmarginLeft: 4,\n\t},\n\tjobTopRight: {\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\tpaddingHorizontal: 10,\n\t\tpaddingTop: 10,\n\t},\n\tjobCommentImage: {\n\t\twidth: 34,\n\t\theight: 34,\n\t\tresizeMode: \"contain\",\n\t},\n\tcommentCountContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tright: 0,\n\t\tborderRadius: 10,\n\t\tborderWidth: 2,\n\t\tborderColor: \"#fff\",\n\t\twidth: 20,\n\t\theight: 20,\n\t\tbackgroundColor: Colours.COLOUR_GREEN,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\tcommentCountText: {\n\t\ttextAlign: \"center\",\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 10,\n\t\tcolor: \"#fff\",\n\t},\n\tjobBottomSection: {\n\t\tpaddingHorizontal: 10,\n\t\tpaddingVertical: 16,\n\t},\n\tjobDescriptionText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tcolor: Colours.TEXT_DARK,\n\t\tmarginBottom: 8,\n\t},\n\tjobCreatedText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 12,\n\t\tcolor: Colours.TEXT_LIGHT,\n\t\tmarginBottom: 10,\n\t},\n\tjobActivityContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t},\n\tjobStatusContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\twidth: 105,\n\t\theight: 30,\n\t\tpaddingHorizontal: 8,\n\t\tborderRadius: 4,\n\t},\n\tjobStatusIcon: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 14,\n\t},\n\tjobStatusText: {\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 13,\n\t},\n\tjobStatusLine: {\n\t\tborderWidth: 1,\n\t\tborderStyle: \"dashed\",\n\t\twidth: 30,\n\t},\n\tjobStatusLineMask: {\n\t\tposition: \"absolute\",\n\t\tleft: -1,\n\t\ttop: -1,\n\t\twidth: \"100%\",\n\t\theight: 1,\n\t\tbackgroundColor: \"#fff\",\n\t\tzIndex: 1,\n\t},\n\tjobStatusCircle: {\n\t\twidth: 18,\n\t\theight: 18,\n\t\tborderRadius: 9,\n\t},\n\tjobStatusDateText: {\n\t\tflex: 1,\n\t\ttextAlign: \"right\",\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tcolor: Colours.TEXT_DARK,\n\t},\n\tjobPriorityContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\twidth: 105,\n\t\theight: 24,\n\t\tpaddingHorizontal: 8,\n\t\tborderRadius: 4,\n\t\tmarginTop: 8,\n\t},\n\tjobPriorityText: {\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 13,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t\tcolourBrandingMain: Colours.getMainBrandingColourFromState(state),\n\t\tstatusTypes: state[values.reducerKey].jobstatuses,\n\t\thideSeen: state[values.reducerKey].hideSeen,\n\t};\n};\n\nexport default connect(mapStateToProps, {})(MaintenanceListItem);\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACxE,SAASC,IAAI,QAAQ,6CAA6C;AAClE,OAAOC,CAAC,MAAM,QAAQ;AACtB,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,MAAM,MAAM,QAAQ;AAC3B,SAASC,YAAY,EAAEC,cAAc,QAAQ,WAAW;AACxD,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,EAAEC,OAAO,QAAQ,gBAAgB;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,mBAAmB,SAAShB,SAAS,CAAC;EAAAiB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC9B,MAAM;MAClBP,QAAQ,CAACQ,UAAU,CAACC,QAAQ,CAACN,MAAM,CAACO,mBAAmB,EAAE;QACxDC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACD;MACjB,CAAC,CAAC;IACH,CAAC;EAAA;EAEDE,kBAAkBA,CAAA,EAAG;IACpB,MAAM;MAAEF;IAAI,CAAC,GAAG,IAAI,CAACC,KAAK;IAC1B,IAAI,CAACD,GAAG,CAACG,YAAY,EAAE;MACtB,OAAO,IAAI;IACZ;IACA,oBACC3B,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACC;IAAsB,gBACzC/B,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACE;IAAiB,GACnCR,GAAG,CAACG,YAAY,GAAG,EAAE,GAAG,IAAI,GAAGH,GAAG,CAACG,YAC/B,CACD,CAAC;EAET;EAEAM,iBAAiBA,CAAA,EAAG;IACnB,MAAM;MAAET;IAAI,CAAC,GAAG,IAAI,CAACC,KAAK;IAC1B,IAAIlB,CAAC,CAAC2B,OAAO,CAACV,GAAG,CAACW,WAAW,CAAC,EAAE;MAC/B,OAAO,IAAI;IACZ;IACA,oBAAOnC,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACM;IAAmB,GAAEZ,GAAG,CAACW,WAAkB,CAAC;EACxE;EAEAE,UAAUA,CAAA,EAAG;IACZ,MAAM;MAAEb,GAAG;MAAEc;IAAS,CAAC,GAAG,IAAI,CAACb,KAAK;IACpC,MAAMc,QAAQ,GACb,CAACf,GAAG,CAACgB,MAAM,IAAIhB,GAAG,CAACgB,MAAM,KAAK7B,YAAY,CAAC,IAAI,EAAE,IAAI,CAACc,KAAK,CAAC,CAACgB,IAAI;IAClE,IAAIH,QAAQ,IAAI,CAACC,QAAQ,IAAI,CAACf,GAAG,CAACkB,IAAI,EAAE;MACvC,OAAO,IAAI;IACZ;IACA,oBACC1C,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACa;IAAiB,gBACpC3C,KAAA,CAAA4B,aAAA,CAACpB,IAAI;MACJoC,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,cAAc;MACnBC,SAAS,EAAE,CACVhB,MAAM,CAACiB,WAAW,EAClB;QAAEC,KAAK,EAAE,IAAI,CAACvB,KAAK,CAACwB;MAAmB,CAAC;IACvC,CACF,CAAC,eACFjD,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MACJuB,KAAK,EAAE,CAACC,MAAM,CAACoB,WAAW,EAAE;QAAEF,KAAK,EAAE,IAAI,CAACvB,KAAK,CAACwB;MAAmB,CAAC;IAAE,GACtE,MAEK,CACD,CAAC;EAET;EAEAE,MAAMA,CAAA,EAAG;IACR,MAAM;MAAE3B;IAAI,CAAC,GAAG,IAAI,CAACC,KAAK;IAC1B,MAAM2B,WAAW,GAAG1C,MAAM,CAACc,GAAG,CAAC6B,WAAW,CAAC;IAC3C,MAAMC,eAAe,GAAG,GAAGF,WAAW,CAACG,MAAM,CAAC,aAAa,CAAC,MAAMH,WAAW,CAACG,MAAM,CAAC,OAAO,CAAC,EAAE;IAC/F,MAAMC,YAAY,GAAGhC,GAAG,CAACiC,QAAQ,GAC9B,gBAAgBjC,GAAG,CAACiC,QAAQ,CAACC,WAAW,EAAE,GAC1C,EAAE;IACL,MAAMlB,MAAM,GAAG7B,YAAY,CAACa,GAAG,CAACgB,MAAM,EAAE,IAAI,CAACf,KAAK,CAAC;IACnD,MAAMkC,QAAQ,GAAG/C,cAAc,CAACY,GAAG,CAACmC,QAAQ,CAAC;IAC7C,MAAMC,OAAO,GAAG,IAAI,CAACnC,KAAK,CAACoC,IAAI,CAACC,QAAQ,KAAK,OAAO;IAEpD,oBACC9D,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB;MAAC4D,OAAO,EAAE,IAAI,CAACC;IAAW,gBAC1ChE,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAE,CAACC,MAAM,CAACmC,YAAY,EAAE,IAAI,CAACxC,KAAK,CAACI,KAAK;IAAE,gBACpD7B,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACoC;IAAkB,gBACrClE,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACqC;IAAc,gBACjCnE,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACsC;IAAW,GAC7B5C,GAAG,CAAC6C,KAAK,gBACTrE,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MACJuB,KAAK,EAAE,CACNC,MAAM,CAACwC,SAAS,EAChB;QAAEtB,KAAK,EAAE,IAAI,CAACvB,KAAK,CAACwB;MAAmB,CAAC;IACvC,GACD,GAAGjC,MAAM,CAACuD,cAAc,KAAK/C,GAAG,CAAC6C,KAAK,EAAS,CAAC,GAC/C,IAAI,eACRrE,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAAC0C;IAAa,GAAEhD,GAAG,CAACiD,KAAY,CAAC,EACnDjD,GAAG,CAACkD,IAAI,gBACR1E,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAAC6C;IAAgB,GAAEnD,GAAG,CAACkD,IAAW,CAAC,GACnD,IAAI,eACR1E,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAAC8C;IAAqB,gBACxC5E,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MACJyB,KAAK,EAAE,CACNC,MAAM,CAAC+C,gBAAgB,EACvB;QACCC,eAAe,EAAE/D,OAAO,CAACgE,eAAe,CACvC,IAAI,CAACtD,KAAK,CAACwB,kBAAkB,EAC7B,GACD;MACD,CAAC;IACA,gBAEFjD,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MACJuB,KAAK,EAAE,CACNC,MAAM,CAACkD,WAAW,EAClB;QAAEhC,KAAK,EAAE,IAAI,CAACvB,KAAK,CAACwB;MAAmB,CAAC,CACvC;MACFgC,aAAa,EAAE;IAAE,GAEhBzD,GAAG,CAACqB,IACA,CACD,CAAC,EACN,IAAI,CAACR,UAAU,CAAC,CACZ,CACD,CAAC,eACPrC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACoD;IAAY,gBAC/BlF,KAAA,CAAA4B,aAAA,CAAC1B,KAAK;MACL2B,KAAK,EAAEC,MAAM,CAACqD,eAAgB;MAC9BC,MAAM,EAAEC,OAAO,CAAC,4BAA4B;IAAE,CAC9C,CAAC,EACD,IAAI,CAAC3D,kBAAkB,CAAC,CACpB,CACD,CAAC,eACP1B,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACwD;IAAiB,gBAEpCtF,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACyD;IAAe,GAAEjC,eAAsB,CAAC,eAC5DtD,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAAC0D;IAAqB,gBACxCxF,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MACJyB,KAAK,EAAE,CACNC,MAAM,CAAC2D,kBAAkB,EACzB;QAAEX,eAAe,EAAEtC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ;MAAM,CAAC;IACjC,gBAGFhD,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAAC4D;IAAc,GAAElD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,IAAW,CAClD,CAAC,eACPzC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MACJyB,KAAK,EAAE,CAACC,MAAM,CAAC6D,aAAa,EAAE;QAAEC,WAAW,EAAEpD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ;MAAM,CAAC;IAAE,gBAE9DhD,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAAC+D;IAAkB,CAAE,CACnC,CAAC,eACP7F,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MACJyB,KAAK,EAAE,CACNC,MAAM,CAACgE,eAAe,EACtB;QAAEhB,eAAe,EAAEtC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ;MAAM,CAAC;IACjC,CACF,CAAC,eACFhD,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACiE;IAAkB,GAAEvC,YAAmB,CACtD,CAAC,EACNI,OAAO,iBACP5D,KAAA,CAAA4B,aAAA,CAACxB,IAAI;MACJyB,KAAK,EAAE,CACNC,MAAM,CAACkE,oBAAoB,EAC3B;QAAElB,eAAe,EAAEnB,QAAQ,CAACX;MAAM,CAAC;IAClC,gBAEFhD,KAAA,CAAA4B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACmE;IAAgB,GAAEtC,QAAQ,CAACuC,KAAY,CACtD,CAEF,CACD,CACD,CACW,CAAC;EAErB;AACD;AAEA,MAAMpE,MAAM,GAAGzB,UAAU,CAAC8F,MAAM,CAAC;EAChClC,YAAY,EAAE;IACbmC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE;EACpB,CAAC;EACDnC,iBAAiB,EAAE;IAClB,GAAGpD,MAAM,CAACwF,cAAc,CAAC;EAC1B,CAAC;EACDnC,aAAa,EAAE;IACdoC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBH,iBAAiB,EAAE,EAAE;IACrBI,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAE5F,OAAO,CAAC6F;EAC5B,CAAC;EACDxC,UAAU,EAAE;IACXyC,IAAI,EAAE;EACP,CAAC;EACDvC,SAAS,EAAE;IACVwC,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE;EACf,CAAC;EACDxC,YAAY,EAAE;IACbsC,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZ/D,KAAK,EAAEjC,OAAO,CAACkG,SAAS;IACxBD,YAAY,EAAE;EACf,CAAC;EACDrC,eAAe,EAAE;IAChBmC,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZ/D,KAAK,EAAEjC,OAAO,CAACmG,UAAU;IACzBF,YAAY,EAAE;EACf,CAAC;EACDpC,oBAAoB,EAAE;IACrBuC,SAAS,EAAE,CAAC;IACZZ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACb,CAAC;EACD3B,gBAAgB,EAAE;IACjBuC,OAAO,EAAE,CAAC;IACVC,QAAQ,EAAE,EAAE;IACZC,QAAQ,EAAE,GAAG;IACbC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE;EACjB,CAAC;EACDxC,WAAW,EAAE;IACZ8B,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZU,SAAS,EAAE,QAAQ;IACnBH,QAAQ,EAAE;EACX,CAAC;EACD3E,gBAAgB,EAAE;IACjB4D,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBkB,UAAU,EAAE;EACb,CAAC;EACD3E,WAAW,EAAE;IACZgE,QAAQ,EAAE;EACX,CAAC;EACD7D,WAAW,EAAE;IACZ4D,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZW,UAAU,EAAE;EACb,CAAC;EACDxC,WAAW,EAAE;IACZsB,UAAU,EAAE,QAAQ;IACpBgB,cAAc,EAAE,QAAQ;IACxBnB,iBAAiB,EAAE,EAAE;IACrBsB,UAAU,EAAE;EACb,CAAC;EACDxC,eAAe,EAAE;IAChByC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACb,CAAC;EACD/F,qBAAqB,EAAE;IACtBgG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRV,YAAY,EAAE,EAAE;IAChBW,WAAW,EAAE,CAAC;IACdtC,WAAW,EAAE,MAAM;IACnBgC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACV/C,eAAe,EAAE/D,OAAO,CAACoH,YAAY;IACrCX,cAAc,EAAE,QAAQ;IACxBhB,UAAU,EAAE;EACb,CAAC;EACDxE,gBAAgB,EAAE;IACjByF,SAAS,EAAE,QAAQ;IACnBX,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZ/D,KAAK,EAAE;EACR,CAAC;EACDsC,gBAAgB,EAAE;IACjBe,iBAAiB,EAAE,EAAE;IACrBI,eAAe,EAAE;EAClB,CAAC;EACDrE,kBAAkB,EAAE;IACnB0E,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZ/D,KAAK,EAAEjC,OAAO,CAACkG,SAAS;IACxBD,YAAY,EAAE;EACf,CAAC;EACDzB,cAAc,EAAE;IACfuB,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZ/D,KAAK,EAAEjC,OAAO,CAACmG,UAAU;IACzBF,YAAY,EAAE;EACf,CAAC;EACDxB,oBAAoB,EAAE;IACrBe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACb,CAAC;EACDf,kBAAkB,EAAE;IACnBc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBgB,cAAc,EAAE,QAAQ;IACxBI,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVxB,iBAAiB,EAAE,CAAC;IACpBkB,YAAY,EAAE;EACf,CAAC;EACDa,aAAa,EAAE;IACdpF,KAAK,EAAE,MAAM;IACb+D,QAAQ,EAAE;EACX,CAAC;EACDrB,aAAa,EAAE;IACd1C,KAAK,EAAE,MAAM;IACbyE,SAAS,EAAE,QAAQ;IACnBX,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACX,CAAC;EACDpB,aAAa,EAAE;IACduC,WAAW,EAAE,CAAC;IACdG,WAAW,EAAE,QAAQ;IACrBT,KAAK,EAAE;EACR,CAAC;EACD/B,iBAAiB,EAAE;IAClBkC,QAAQ,EAAE,UAAU;IACpBO,IAAI,EAAE,CAAC,CAAC;IACRN,GAAG,EAAE,CAAC,CAAC;IACPJ,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACT/C,eAAe,EAAE,MAAM;IACvByD,MAAM,EAAE;EACT,CAAC;EACDzC,eAAe,EAAE;IAChB8B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,YAAY,EAAE;EACf,CAAC;EACDxB,iBAAiB,EAAE;IAClBc,IAAI,EAAE,CAAC;IACPY,SAAS,EAAE,OAAO;IAClBX,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZ/D,KAAK,EAAEjC,OAAO,CAACkG;EAChB,CAAC;EACDjB,oBAAoB,EAAE;IACrBO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBgB,cAAc,EAAE,QAAQ;IACxBI,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVxB,iBAAiB,EAAE,CAAC;IACpBkB,YAAY,EAAE,CAAC;IACfJ,SAAS,EAAE;EACZ,CAAC;EACDlB,eAAe,EAAE;IAChBjD,KAAK,EAAE,MAAM;IACbyE,SAAS,EAAE,QAAQ;IACnBX,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACX;AACD,CAAC,CAAC;AAEF,MAAMyB,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACN5E,IAAI,EAAE4E,KAAK,CAAC5E,IAAI;IAChBZ,kBAAkB,EAAElC,OAAO,CAAC2H,8BAA8B,CAACD,KAAK,CAAC;IACjEE,WAAW,EAAEF,KAAK,CAACzH,MAAM,CAAC4H,UAAU,CAAC,CAACC,WAAW;IACjDvG,QAAQ,EAAEmG,KAAK,CAACzH,MAAM,CAAC4H,UAAU,CAAC,CAACtG;EACpC,CAAC;AACF,CAAC;AAED,eAAe7B,OAAO,CAAC+H,eAAe,EAAE,CAAC,CAAC,CAAC,CAACvH,mBAAmB,CAAC","ignoreList":[]}

package/dist/module/components/MaintenanceWidgetItem.js

@@ -1,16 +1,17 @@
 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 { Text, View, StyleSheet, TouchableOpacity } from 'react-native';
-import { connect } from 'react-redux';
-import { Icon } from 'react-native-elements';
-import moment from 'moment';
-import _ from 'lodash';
-import { getJobStatusProps, jobStatusOptions } from '../helper';
-import { Services } from '../feature.config';
-import { Colours, Helper } from '../core.config';
-import { values } from '../values.config';
+import React, { Component } from "react";
+import { View, StyleSheet, TouchableOpacity } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { connect } from "react-redux";
+import { Icon } from "@rneui/themed";
+import moment from "moment";
+import _ from "lodash";
+import { getJobStatus } from "../helper";
+import { Services } from "../feature.config";
+import { Colours, Helper } from "../core.config";
+import { values } from "../values.config";
 class MaintenanceWidgetItem extends Component {
   constructor(...args) {
     super(...args);
@@ -22,19 +23,17 @@ class MaintenanceWidgetItem extends Component {
   }
   render() {
     const {
-      job
+      job,
+      hideSeen
     } = this.props;
     const createdTime = moment(job.createdUnix);
-    const createdTimeText = `${createdTime.format('ddd, D MMMM')} • ${createdTime.format('h:mma')}`;
-    const {
-      statusText,
-      statusColor
-    } = getJobStatusProps(job.status);
+    const createdTimeText = `${createdTime.format("ddd, D MMMM")} • ${createdTime.format("h:mma")}`;
+    const status = getJobStatus(job.status, this.props);
     const seenText = (() => {
-      if (!job.status || job.status === jobStatusOptions[0].name) {
-        return job.seen ? 'Seen' : 'Unseen';
+      if (!job.status || job.status === getJobStatus(null, this.props).text) {
+        return job.seen ? "Seen" : "Unseen";
       }
-      return '';
+      return "";
     })();
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       key: job.id,
@@ -50,7 +49,7 @@ class MaintenanceWidgetItem extends Component {
       style: styles.jobTitleText
     }, job.title), /*#__PURE__*/React.createElement(Text, {
       style: styles.jobCreatedTimeText
-    }, createdTimeText), /*#__PURE__*/React.createElement(View, {
+    }, createdTimeText), !hideSeen ? /*#__PURE__*/React.createElement(View, {
       style: styles.jobSeenContainer
     }, job.seen && !_.isEmpty(seenText) && /*#__PURE__*/React.createElement(Icon, {
       name: "check",
@@ -62,15 +61,15 @@ class MaintenanceWidgetItem extends Component {
       style: [styles.jobSeenText, job.seen && {
         color: this.props.colourBrandingMain
       }]
-    }, seenText))), /*#__PURE__*/React.createElement(View, {
+    }, seenText)) : null), /*#__PURE__*/React.createElement(View, {
       style: styles.jobBottomSection
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles.jobStatusContainer, {
-        backgroundColor: statusColor
+        backgroundColor: status === null || status === void 0 ? void 0 : status.color
       }]
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusText
-    }, statusText))))));
+    }, status === null || status === void 0 ? void 0 : status.text))))));
   }
 }
 const styles = StyleSheet.create({
@@ -89,19 +88,19 @@ const styles = StyleSheet.create({
   },
   jobTitleText: {
     flex: 1,
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 16,
     color: Colours.TEXT_DARK
   },
   jobCreatedTimeText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 11,
     color: Colours.TEXT_LIGHT,
     paddingTop: 3
   },
   jobSeenContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     paddingTop: 5
   },
   jobSeenIcon: {
@@ -109,40 +108,42 @@ const styles = StyleSheet.create({
     marginRight: 4
   },
   jobSeenText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 12,
     color: Colours.TEXT_SUPER_LIGHT
   },
   jobBottomSection: {
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     paddingVertical: 10,
     borderTopWidth: 1,
     borderTopColor: Colours.LINEGREY
   },
   jobStatusContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
     width: 105,
     height: 30,
     paddingHorizontal: 8,
     borderRadius: 4
   },
   jobStatusIcon: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 14
   },
   jobStatusText: {
-    color: '#fff',
-    textAlign: 'center',
-    fontFamily: 'sf-semibold',
+    color: "#fff",
+    textAlign: "center",
+    fontFamily: "sf-semibold",
     fontSize: 13
   }
 });
 const mapStateToProps = state => {
   return {
-    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    statusTypes: state[values.reducerKey].jobstatuses,
+    hideSeen: state[values.reducerKey].hideSeen
   };
 };
 export default connect(mapStateToProps, {})(MaintenanceWidgetItem);