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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Image","Text","TouchableOpacity","View","StyleSheet","_","Icon","connect","moment","getJobStatusProps","jobStatusOptions","Services","Helper","Colours","MaintenanceListItem","constructor","args","_defineProperty","navigation","navigate","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","activityTimeText","expectedDate","statusText","statusColor","onPress","onPressJob","jobContainer","jobInnerContainer","jobTopSection","jobTopLeft","jobId","jobIdText","jobTitleText","title","room","jobLocationText","jobTypeSeenContainer","jobTypeContainer","backgroundColor","hexToRGBAstring","jobTypeText","jobTopRight","jobCommentImage","source","require","jobBottomSection","jobCreatedText","jobActivityContainer","jobStatusContainer","jobStatusIcon","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","height","width","borderRadius","justifyContent","textAlign","marginLeft","paddingTop","resizeMode","position","top","right","borderWidth","COLOUR_GREEN","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';\n\nclass MaintenanceListItem extends Component {\n  onPressJob = () => {\n    Services.navigation.navigate('requestDetail', { 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 activityTimeText = job.expectedDate ? moment(job.expectedDate).format('D MMMM') : '--';\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 ? <Text style={[styles.jobIdText, { color: this.props.colourBrandingMain }]}>{`Job #${job.jobId}`}</Text> : 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 }]}>{job.type}</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}>{activityTimeText}</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    height: 20,\n    width: 80,\n    borderRadius: 4,\n    justifyContent: 'center',\n  },\n  jobTypeText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    textAlign: 'center',\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: 'space-between',\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-bold',\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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"}

package/dist/module/components/MaintenanceWidgetItem.js

@@ -0,0 +1,152 @@
+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 { 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';
+class MaintenanceWidgetItem extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onPressJob", () => {
+      Services.navigation.navigate('requestDetail', {
+        job: this.props.job
+      });
+    });
+  }
+  render() {
+    const {
+      job
+    } = 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 seenText = (() => {
+      if (!job.status || job.status === jobStatusOptions[0].name) {
+        return job.seen ? 'Seen' : 'Unseen';
+      }
+      return '';
+    })();
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: job.id,
+      onPress: this.onPressJob
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobInnerContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.jobTopSection
+    }, /*#__PURE__*/React.createElement(Text, {
+      numberOfLines: 2,
+      style: styles.jobTitleText
+    }, job.title), /*#__PURE__*/React.createElement(Text, {
+      style: styles.jobCreatedTimeText
+    }, createdTimeText), /*#__PURE__*/React.createElement(View, {
+      style: styles.jobSeenContainer
+    }, job.seen && !_.isEmpty(seenText) && /*#__PURE__*/React.createElement(Icon, {
+      name: "check",
+      type: "font-awesome",
+      iconStyle: [styles.jobSeenIcon, {
+        color: this.props.colourBrandingMain
+      }]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.jobSeenText, job.seen && {
+        color: this.props.colourBrandingMain
+      }]
+    }, seenText))), /*#__PURE__*/React.createElement(View, {
+      style: styles.jobBottomSection
+    }, /*#__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))))));
+  }
+}
+const styles = StyleSheet.create({
+  jobContainer: {
+    padding: 10
+  },
+  jobInnerContainer: {
+    width: 140,
+    height: 160,
+    ...Helper.getShadowStyle()
+  },
+  jobTopSection: {
+    flex: 1,
+    padding: 10,
+    paddingTop: 20
+  },
+  jobTitleText: {
+    flex: 1,
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+    color: Colours.TEXT_DARK
+  },
+  jobCreatedTimeText: {
+    fontFamily: 'sf-medium',
+    fontSize: 11,
+    color: Colours.TEXT_LIGHT,
+    paddingTop: 3
+  },
+  jobSeenContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingTop: 5
+  },
+  jobSeenIcon: {
+    fontSize: 12,
+    marginRight: 4
+  },
+  jobSeenText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 12,
+    color: Colours.TEXT_SUPER_LIGHT
+  },
+  jobBottomSection: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 10,
+    borderTopWidth: 1,
+    borderTopColor: Colours.LINEGREY
+  },
+  jobStatusContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: 105,
+    height: 30,
+    paddingHorizontal: 8,
+    borderRadius: 4
+  },
+  jobStatusIcon: {
+    color: '#fff',
+    fontSize: 14
+  },
+  jobStatusText: {
+    color: '#fff',
+    textAlign: 'center',
+    fontFamily: 'sf-semibold',
+    fontSize: 13
+  }
+});
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+  };
+};
+export default connect(mapStateToProps, {})(MaintenanceWidgetItem);
+//# sourceMappingURL=MaintenanceWidgetItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Text","View","StyleSheet","TouchableOpacity","connect","Icon","moment","_","getJobStatusProps","jobStatusOptions","Services","Colours","Helper","MaintenanceWidgetItem","constructor","args","_defineProperty","navigation","navigate","job","props","render","createdTime","createdUnix","createdTimeText","format","statusText","statusColor","status","seenText","name","seen","createElement","key","id","onPress","onPressJob","style","styles","jobContainer","jobInnerContainer","jobTopSection","numberOfLines","jobTitleText","title","jobCreatedTimeText","jobSeenContainer","isEmpty","type","iconStyle","jobSeenIcon","color","colourBrandingMain","jobSeenText","jobBottomSection","jobStatusContainer","backgroundColor","jobStatusIcon","jobStatusText","create","padding","width","height","getShadowStyle","flex","paddingTop","fontFamily","fontSize","TEXT_DARK","TEXT_LIGHT","flexDirection","alignItems","marginRight","TEXT_SUPER_LIGHT","justifyContent","paddingVertical","borderTopWidth","borderTopColor","LINEGREY","paddingHorizontal","borderRadius","textAlign","mapStateToProps","state","getMainBrandingColourFromState"],"sources":["MaintenanceWidgetItem.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Text, View, StyleSheet, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Icon } from 'react-native-elements';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport { getJobStatusProps, jobStatusOptions } from '../helper';\nimport { Services } from '../feature.config';\nimport { Colours, Helper } from '../core.config';\n\nclass MaintenanceWidgetItem extends Component {\n  onPressJob = () => {\n    Services.navigation.navigate('requestDetail', { job: this.props.job });\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 { statusText, statusColor } = getJobStatusProps(job.status);\n    const seenText = (() => {\n      if (!job.status || job.status === jobStatusOptions[0].name) {\n        return job.seen ? 'Seen' : 'Unseen';\n      }\n      return '';\n    })();\n\n    return (\n      <TouchableOpacity key={job.id} onPress={this.onPressJob}>\n        <View style={styles.jobContainer}>\n          <View style={styles.jobInnerContainer}>\n            <View style={styles.jobTopSection}>\n              <Text numberOfLines={2} style={styles.jobTitleText}>\n                {job.title}\n              </Text>\n              <Text style={styles.jobCreatedTimeText}>{createdTimeText}</Text>\n              <View style={styles.jobSeenContainer}>\n                {job.seen && !_.isEmpty(seenText) && (\n                  <Icon name=\"check\" type=\"font-awesome\" iconStyle={[styles.jobSeenIcon, { color: this.props.colourBrandingMain }]} />\n                )}\n                <Text style={[styles.jobSeenText, job.seen && { color: this.props.colourBrandingMain }]}>{seenText}</Text>\n              </View>\n            </View>\n            <View style={styles.jobBottomSection}>\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>\n          </View>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  jobContainer: {\n    padding: 10,\n  },\n  jobInnerContainer: {\n    width: 140,\n    height: 160,\n    ...Helper.getShadowStyle(),\n  },\n  jobTopSection: {\n    flex: 1,\n    padding: 10,\n    paddingTop: 20,\n  },\n  jobTitleText: {\n    flex: 1,\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    color: Colours.TEXT_DARK,\n  },\n  jobCreatedTimeText: {\n    fontFamily: 'sf-medium',\n    fontSize: 11,\n    color: Colours.TEXT_LIGHT,\n    paddingTop: 3,\n  },\n  jobSeenContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingTop: 5,\n  },\n  jobSeenIcon: {\n    fontSize: 12,\n    marginRight: 4,\n  },\n  jobSeenText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    color: Colours.TEXT_SUPER_LIGHT,\n  },\n  jobBottomSection: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingVertical: 10,\n    borderTopWidth: 1,\n    borderTopColor: Colours.LINEGREY,\n  },\n  jobStatusContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\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});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(MaintenanceWidgetItem);\n"],"mappings":"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"}

package/dist/module/components/StatusSelectorPopup.js

@@ -0,0 +1,88 @@
+import React, { PureComponent } from 'react';
+import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
+import { connect } from 'react-redux';
+import { jobStatusOptions, getJobStatusColour } from '../helper';
+import { Components, Colours } from '../core.config';
+class StatusSelectorPopup extends PureComponent {
+  render() {
+    const {
+      title,
+      filter,
+      includeAll,
+      allText,
+      onClose,
+      onSelect
+    } = this.props;
+    let statuses = filter ? filter.map(status => {
+      return {
+        name: status,
+        color: getJobStatusColour(status)
+      };
+    }) : jobStatusOptions;
+    if (includeAll) statuses = [{
+      name: allText || 'Show All',
+      color: this.props.colourBrandingMain
+    }, ...statuses];
+    return /*#__PURE__*/React.createElement(Components.MiddlePopup, {
+      style: [styles.statusPopup, {
+        height: statuses.length * 50 + 40
+      }],
+      onClose: onClose
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.statusPopupTitle
+    }, title || 'Select Status'), /*#__PURE__*/React.createElement(View, {
+      style: styles.statusPopupOptionsContainer
+    }, statuses.map(status => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: status.name,
+        onPress: () => onSelect(status.name)
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [styles.jobStatusContainer, {
+          backgroundColor: status.color
+        }]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.jobStatusText
+      }, status.name)));
+    })));
+  }
+}
+const styles = StyleSheet.create({
+  statusPopup: {
+    width: 160,
+    padding: 16,
+    borderRadius: 12
+  },
+  statusPopupTitle: {
+    fontFamily: 'sf-bold',
+    color: Colours.TEXT_DARK,
+    fontSize: 18,
+    marginBottom: 16
+  },
+  statusPopupOptionsContainer: {
+    flex: 1,
+    justifyContent: 'space-between'
+  },
+  jobStatusContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: 105,
+    height: 30,
+    paddingHorizontal: 8,
+    borderRadius: 4
+  },
+  jobStatusText: {
+    color: '#fff',
+    textAlign: 'center',
+    fontFamily: 'sf-semibold',
+    fontSize: 13,
+    flex: 1
+  }
+});
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+  };
+};
+export default connect(mapStateToProps, {})(StatusSelectorPopup);
+//# sourceMappingURL=StatusSelectorPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","View","StyleSheet","TouchableOpacity","Text","connect","jobStatusOptions","getJobStatusColour","Components","Colours","StatusSelectorPopup","render","title","filter","includeAll","allText","onClose","onSelect","props","statuses","map","status","name","color","colourBrandingMain","createElement","MiddlePopup","style","styles","statusPopup","height","length","statusPopupTitle","statusPopupOptionsContainer","key","onPress","jobStatusContainer","backgroundColor","jobStatusText","create","width","padding","borderRadius","fontFamily","TEXT_DARK","fontSize","marginBottom","flex","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","state","getMainBrandingColourFromState"],"sources":["StatusSelectorPopup.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { jobStatusOptions, getJobStatusColour } from '../helper';\nimport { Components, Colours } from '../core.config';\n\nclass StatusSelectorPopup extends PureComponent {\n  render() {\n    const { title, filter, includeAll, allText, onClose, onSelect } = this.props;\n    let statuses = filter\n      ? filter.map(status => {\n          return {\n            name: status,\n            color: getJobStatusColour(status),\n          };\n        })\n      : jobStatusOptions;\n    if (includeAll)\n      statuses = [\n        {\n          name: allText || 'Show All',\n          color: this.props.colourBrandingMain,\n        },\n        ...statuses,\n      ];\n\n    return (\n      <Components.MiddlePopup style={[styles.statusPopup, { height: statuses.length * 50 + 40 }]} onClose={onClose}>\n        <Text style={styles.statusPopupTitle}>{title || 'Select Status'}</Text>\n        <View style={styles.statusPopupOptionsContainer}>\n          {statuses.map(status => {\n            return (\n              <TouchableOpacity key={status.name} onPress={() => onSelect(status.name)}>\n                <View style={[styles.jobStatusContainer, { backgroundColor: status.color }]}>\n                  <Text style={styles.jobStatusText}>{status.name}</Text>\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </Components.MiddlePopup>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  statusPopup: {\n    width: 160,\n    padding: 16,\n    borderRadius: 12,\n  },\n  statusPopupTitle: {\n    fontFamily: 'sf-bold',\n    color: Colours.TEXT_DARK,\n    fontSize: 18,\n    marginBottom: 16,\n  },\n  statusPopupOptionsContainer: {\n    flex: 1,\n    justifyContent: 'space-between',\n  },\n  jobStatusContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: 105,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n  },\n  jobStatusText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n    flex: 1,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(StatusSelectorPopup);\n"],"mappings":"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"}

package/dist/module/components/WidgetLarge.js

@@ -0,0 +1,9 @@
+import React, { PureComponent } from 'react';
+import MaintenanceList from './MaintenanceList';
+class WidgetLarge extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(MaintenanceList, this.props);
+  }
+}
+export default WidgetLarge;
+//# sourceMappingURL=WidgetLarge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","MaintenanceList","WidgetLarge","render","createElement","props"],"sources":["WidgetLarge.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport MaintenanceList from './MaintenanceList';\n\nclass WidgetLarge extends PureComponent {\n  render() {\n    return <MaintenanceList {...this.props} />;\n  }\n}\n\nexport default WidgetLarge;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,WAAW,SAASF,aAAa,CAAC;EACtCG,MAAMA,CAAA,EAAG;IACP,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,eAAe,EAAK,IAAI,CAACI,KAAQ,CAAC;EAC5C;AACF;AAEA,eAAeH,WAAW"}

package/dist/module/components/WidgetSmall.js

@@ -0,0 +1,168 @@
+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 { Text, View, ScrollView, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { generalActions } from '../apis';
+import { jobsLoaded } from '../actions';
+import MaintenanceWidgetItem from './MaintenanceWidgetItem';
+import { Services } from '../feature.config';
+import { Colours, Components, Config } from '../core.config';
+const MAX_ITEMS = 10;
+class WidgetSmall extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "getTitle", () => {
+      const {
+        options
+      } = this.props;
+      if (options && !_.isEmpty(options.Title)) return options.Title;
+      return Config.env.strings.MAINTENANCE;
+    });
+    _defineProperty(this, "getEmptyStateText", () => {
+      const {
+        options,
+        userCategory
+      } = this.props;
+      if (options && !_.isEmpty(options.EmptyText)) return options.EmptyText;
+      return userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;
+    });
+    _defineProperty(this, "refresh", () => {
+      this.onLoadingChanged(true, async () => {
+        try {
+          const res = await generalActions.getJobsRecursive(this.props.site);
+          // console.log('WidgetSmall - refresh', res.data);
+          this.props.jobsLoaded(res);
+        } catch (error) {
+          console.log('refresh error', error);
+        } finally {
+          this.onLoadingChanged(false);
+        }
+      });
+    });
+    _defineProperty(this, "onLoadingChanged", (loading, callback) => {
+      this.setState({
+        loading
+      }, () => {
+        if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);
+        if (callback) callback();
+      });
+    });
+    _defineProperty(this, "onPressAll", () => {
+      Services.navigation.navigate('maintenance', {
+        options: this.props.options
+      });
+    });
+    this.state = {
+      loading: false
+    };
+  }
+  componentDidMount() {
+    this.refresh();
+  }
+  componentDidUpdate(prevProps) {
+    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();
+  }
+  renderContent() {
+    const {
+      jobs
+    } = this.props;
+    if (_.isEmpty(jobs)) {
+      if (this.state.loading) {
+        return /*#__PURE__*/React.createElement(View, {
+          style: styles.loadingPadding
+        }, /*#__PURE__*/React.createElement(Components.LoadingStateWidget, {
+          height: 180
+        }));
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.loadingPadding
+      }, /*#__PURE__*/React.createElement(Components.EmptyStateWidget, {
+        title: this.getEmptyStateText(),
+        height: 180
+      }));
+    }
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true,
+      contentContainerStyle: {
+        paddingLeft: 6,
+        paddingRight: 8
+      },
+      showsHorizontalScrollIndicator: false
+    }, jobs.slice(0, MAX_ITEMS).map(job => {
+      return /*#__PURE__*/React.createElement(MaintenanceWidgetItem, {
+        key: job.id,
+        job: job
+      });
+    }));
+  }
+  render() {
+    const {
+      colourBrandingMain
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.sectionContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.sectionPadding
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.sectionHeading
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.sectionTitle
+    }, this.getTitle()), /*#__PURE__*/React.createElement(Components.InlineButton, {
+      onPress: this.onPressAll,
+      color: colourBrandingMain,
+      touchableStyle: {
+        paddingTop: 6
+      },
+      textStyle: {
+        color: '#fff'
+      }
+    }, "View All"))), this.renderContent());
+  }
+}
+const styles = StyleSheet.create({
+  sectionContainer: {
+    backgroundColor: '#fff',
+    paddingTop: 16
+  },
+  sectionPadding: {
+    paddingHorizontal: 16,
+    paddingBottom: 6
+  },
+  loadingPadding: {
+    paddingHorizontal: 16
+  },
+  sectionHeading: {
+    marginBottom: 4,
+    flexDirection: 'row',
+    alignContent: 'flex-start',
+    justifyContent: 'space-between'
+  },
+  sectionTitle: {
+    fontFamily: 'sf-bold',
+    fontSize: 24,
+    color: Colours.TEXT_DARKEST
+  }
+});
+const mapStateToProps = state => {
+  const {
+    user,
+    jobs,
+    notifications
+  } = state;
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    jobs: _.orderBy(jobs.jobs, ['createdUnix'], ['desc']),
+    site: user.site,
+    userCategory: user.category,
+    dataUpdated: notifications.dataUpdated.jobs
+  };
+};
+export default connect(mapStateToProps, {
+  jobsLoaded
+}, null, {
+  forwardRef: true
+})(WidgetSmall);
+//# sourceMappingURL=WidgetSmall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Text","View","ScrollView","StyleSheet","connect","_","generalActions","jobsLoaded","MaintenanceWidgetItem","Services","Colours","Components","Config","MAX_ITEMS","WidgetSmall","constructor","props","_defineProperty","options","isEmpty","Title","env","strings","MAINTENANCE","userCategory","EmptyText","EMPTY_REQUESTS_STAFF","EMPTY_REQUESTS_USER","onLoadingChanged","res","getJobsRecursive","site","error","console","log","loading","callback","setState","state","navigation","navigate","componentDidMount","refresh","componentDidUpdate","prevProps","dataUpdated","renderContent","jobs","createElement","style","styles","loadingPadding","LoadingStateWidget","height","EmptyStateWidget","title","getEmptyStateText","horizontal","contentContainerStyle","paddingLeft","paddingRight","showsHorizontalScrollIndicator","slice","map","job","key","id","render","colourBrandingMain","sectionContainer","sectionPadding","sectionHeading","sectionTitle","getTitle","InlineButton","onPress","onPressAll","color","touchableStyle","paddingTop","textStyle","create","backgroundColor","paddingHorizontal","paddingBottom","marginBottom","flexDirection","alignContent","justifyContent","fontFamily","fontSize","TEXT_DARKEST","mapStateToProps","user","notifications","getMainBrandingColourFromState","orderBy","category","forwardRef"],"sources":["WidgetSmall.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { generalActions } from '../apis';\nimport { jobsLoaded } from '../actions';\nimport MaintenanceWidgetItem from './MaintenanceWidgetItem';\nimport { Services } from '../feature.config';\nimport { Colours, Components, Config } from '../core.config';\n\nconst MAX_ITEMS = 10;\n\nclass WidgetSmall extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { loading: false };\n  }\n\n  componentDidMount() {\n    this.refresh();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n  }\n\n  getTitle = () => {\n    const { options } = this.props;\n    if (options && !_.isEmpty(options.Title)) return options.Title;\n    return Config.env.strings.MAINTENANCE;\n  };\n\n  getEmptyStateText = () => {\n    const { options, userCategory } = this.props;\n    if (options && !_.isEmpty(options.EmptyText)) return options.EmptyText;\n    return userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;\n  };\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const res = await generalActions.getJobsRecursive(this.props.site);\n        // console.log('WidgetSmall - refresh', res.data);\n        this.props.jobsLoaded(res);\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onPressAll = () => {\n    Services.navigation.navigate('maintenance', { options: this.props.options });\n  };\n\n  renderContent() {\n    const { jobs } = this.props;\n    if (_.isEmpty(jobs)) {\n      if (this.state.loading) {\n        return (\n          <View style={styles.loadingPadding}>\n            <Components.LoadingStateWidget height={180} />\n          </View>\n        );\n      }\n      return (\n        <View style={styles.loadingPadding}>\n          <Components.EmptyStateWidget title={this.getEmptyStateText()} height={180} />\n        </View>\n      );\n    }\n    return (\n      <ScrollView horizontal contentContainerStyle={{ paddingLeft: 6, paddingRight: 8 }} showsHorizontalScrollIndicator={false}>\n        {jobs.slice(0, MAX_ITEMS).map(job => {\n          return <MaintenanceWidgetItem key={job.id} job={job} />;\n        })}\n      </ScrollView>\n    );\n  }\n\n  render() {\n    const { colourBrandingMain } = this.props;\n\n    return (\n      <View style={styles.sectionContainer}>\n        <View style={styles.sectionPadding}>\n          <View style={styles.sectionHeading}>\n            <Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n            <Components.InlineButton\n              onPress={this.onPressAll}\n              color={colourBrandingMain}\n              touchableStyle={{ paddingTop: 6 }}\n              textStyle={{ color: '#fff' }}\n            >\n              View All\n            </Components.InlineButton>\n          </View>\n        </View>\n        {this.renderContent()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  sectionContainer: {\n    backgroundColor: '#fff',\n    paddingTop: 16,\n  },\n  sectionPadding: {\n    paddingHorizontal: 16,\n    paddingBottom: 6,\n  },\n  loadingPadding: {\n    paddingHorizontal: 16,\n  },\n  sectionHeading: {\n    marginBottom: 4,\n    flexDirection: 'row',\n    alignContent: 'flex-start',\n    justifyContent: 'space-between',\n  },\n  sectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: Colours.TEXT_DARKEST,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, jobs, notifications } = state;\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    jobs: _.orderBy(jobs.jobs, ['createdUnix'], ['desc']),\n    site: user.site,\n    userCategory: user.category,\n    dataUpdated: notifications.dataUpdated.jobs,\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded }, null, { forwardRef: true })(WidgetSmall);\n"],"mappings":"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"}

package/dist/module/core.config.js

@@ -0,0 +1,17 @@
+// import * as PlussCore from '../../pluss-core/src';
+import * as PlussCore from '@plusscommunities/pluss-core-app';
+const {
+  Apis,
+  Fonts,
+  Actions,
+  ActionTypes,
+  Config,
+  Components,
+  Styles,
+  Session,
+  Helper,
+  Constants,
+  Colours
+} = PlussCore;
+export { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours };
+//# sourceMappingURL=core.config.js.map

package/dist/module/core.config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlussCore","Apis","Fonts","Actions","ActionTypes","Config","Components","Styles","Session","Helper","Constants","Colours"],"sources":["core.config.js"],"sourcesContent":["// import * as PlussCore from '../../pluss-core/src';\nimport * as PlussCore from '@plusscommunities/pluss-core-app';\n\nconst { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours } = PlussCore;\nexport { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours };\n"],"mappings":"AAAA;AACA,OAAO,KAAKA,SAAS,MAAM,kCAAkC;AAE7D,MAAM;EAAEC,IAAI;EAAEC,KAAK;EAAEC,OAAO;EAAEC,WAAW;EAAEC,MAAM;EAAEC,UAAU;EAAEC,MAAM;EAAEC,OAAO;EAAEC,MAAM;EAAEC,SAAS;EAAEC;AAAQ,CAAC,GAAGX,SAAS;AACxH,SAASC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAEC,SAAS,EAAEC,OAAO"}

package/dist/module/feature.config.js

@@ -0,0 +1,90 @@
+// import * as PlussCore from '../../pluss-core/src';
+import * as PlussCore from '@plusscommunities/pluss-core-app';
+export const Services = {
+  navigation: null
+};
+export const BaseComponents = {
+  NotificationBell: null
+};
+const FeatureConfig = {
+  key: 'maintenance',
+  aliases: ['maintenanceRequest'],
+  title: 'Request',
+  gridMenu: {
+    icon: 'maintenance',
+    viewBox: '0 0 30 30',
+    navigate: 'maintenance'
+  },
+  addMenu: {
+    order: 5,
+    icon: 'request',
+    title: 'Request',
+    navigate: 'serviceRequest',
+    visibleExps: {
+      type: 'feature',
+      value: 'maintenance'
+    }
+  },
+  moreMenu: {
+    order: 4,
+    title: 'Request',
+    navigate: 'maintenance',
+    visibleExps: {
+      type: 'and',
+      exps: [{
+        type: 'notHidden',
+        value: 'maintenanceRequest'
+      }, {
+        type: 'notUserType',
+        value: 'KIOSK'
+      }]
+    }
+  },
+  kioskAction: {
+    order: 1,
+    icon: 'wrench',
+    title: 'Request',
+    navigate: 'serviceRequest'
+  },
+  hideTabBar: [],
+  env: {
+    baseStage: '',
+    baseAPIUrl: '',
+    hasGradientHeader: false,
+    defaultProfileImage: '',
+    tinyChatDefault: '',
+    baseUploadsUrl: '',
+    allowMediaDownload: false,
+    allowMediaSharing: false,
+    awsUploadsBucket: '',
+    awsStorageBucket: '',
+    preferredSite: '',
+    strings: {},
+    newEventDefaults: '',
+    defaultAllowComments: true
+  },
+  init: (environment, navigation, notificationBell) => {
+    FeatureConfig.env = environment;
+    Services.navigation = navigation;
+    BaseComponents.NotificationBell = notificationBell;
+    PlussCore.Config.init(environment, navigation);
+
+    // Override strings
+    if (environment && environment.strings) {
+      const {
+        MAINTENANCE,
+        MAINTENANCE_REQUEST
+      } = environment.strings;
+      if (MAINTENANCE) {
+        FeatureConfig.addMenu.title = MAINTENANCE;
+      }
+      if (MAINTENANCE_REQUEST) {
+        FeatureConfig.title = MAINTENANCE_REQUEST;
+        FeatureConfig.moreMenu.title = MAINTENANCE_REQUEST;
+        FeatureConfig.kioskAction.title = MAINTENANCE_REQUEST;
+      }
+    }
+  }
+};
+export default FeatureConfig;
+//# sourceMappingURL=feature.config.js.map