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

package/src/screens/RequestNotes.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { ScrollView, View, Text, TouchableOpacity, Modal, KeyboardAvoidingView, Platform, FlatList, Dimensions, ImageBackground, Keyboard } from 'react-native';
+import { ScrollView, View, Text, TouchableOpacity, Modal, KeyboardAvoidingView, Platform } from 'react-native';
 import { connect } from 'react-redux';
-import { Icon } from 'react-native-elements';
+import { Icon } from '@rneui/themed';
 import _ from 'lodash';
 import moment from 'moment';
 import { jobAdded } from '../actions';
@@ -11,8 +11,6 @@ import { Services } from '../feature.config';
 import { Components, Colours, Helper } from '../core.config';
 import { values } from '../values.config';
 
-const PHOTO_SIZE = (Dimensions.get('window').width - 64) / 3;
-
 class RequestNotes extends Component {
   constructor(props) {
     super(props);
@@ -23,10 +21,7 @@ class RequestNotes extends Component {
       noteAttachments: [],
       noteInput: '',
       addNoteOpen: false,
-      noteImages: [{ add: true }],
-      uploadingImage: false,
     };
-    this.checkThumb = null;
   }
 
   componentDidMount() {
@@ -39,10 +34,6 @@ class RequestNotes extends Component {
     }
   }
 
-  componentWillUnmount() {
-    clearInterval(this.checkThumb);
-  }
-
   updateJobState() {
     const job = _.find(this.props.jobs, j => j.id === this.props.job.id) || this.props.job;
     this.setState({ job });
@@ -90,10 +81,14 @@ class RequestNotes extends Component {
   };
 
   isReadyToSaveNote = () => {
-    const uploadingAttachments = _.some(this.state.noteAttachments, n => n.Uploading);
-    const uploadingImages = _.some(this.state.noteImages, n => n.uploading);
-    if (uploadingAttachments || uploadingImages) return false;
-    return !_.isEmpty(this.state.noteInput) || !_.isEmpty(this.state.noteAttachments) || !_.isEmpty(this.state.noteImages.filter(img => !img.add));
+    if (
+      _.some(this.state.noteAttachments, n => {
+        return n.Uploading;
+      })
+    ) {
+      return false;
+    }
+    return !_.isEmpty(this.state.noteInput) || !_.isEmpty(this.state.noteAttachments);
   };
 
   openAddNote = () => {
@@ -111,16 +106,13 @@ class RequestNotes extends Component {
     if (!!this.state.editingNote) {
       newState.noteInput = '';
       newState.noteAttachments = [];
-      newState.noteImages = [];
     }
     this.setState(newState);
   };
 
   openEditNote = n => {
-    const noteImages = [...((n.Images || []).map(i => ({ url: i, thumbNailUrl: Helper.getThumb300(i) }))), { add: true }];
     this.setState({
       noteAttachments: n.Attachments || [],
-      noteImages,
       noteInput: n.Note || '',
       addNoteOpen: true,
       editingNote: n.Id,
@@ -135,26 +127,27 @@ class RequestNotes extends Component {
 
     try {
       this.setState({ submittingNote: true });
-      const attachments = this.state.noteAttachments.filter(a => !a.add).map(a => {
-        return {
-          Title: a.Title,
-          Source: a.Source,
-        };
-      });
-      const images = this.state.noteImages.filter(img => !img.add).map(img => img.url);
       const res = await (this.state.editingNote
         ? maintenanceActions.editNote(
           this.props.job.id,
           this.state.editingNote,
           this.state.noteInput,
-          attachments,
-          images,
+          this.state.noteAttachments.map(a => {
+            return {
+              Title: a.Title,
+              Source: a.Source,
+            };
+          }),
         )
         : maintenanceActions.addNote(
           this.props.job.id,
           this.state.noteInput,
-          attachments,
-          images,
+          this.state.noteAttachments.map(a => {
+            return {
+              Title: a.Title,
+              Source: a.Source,
+            };
+          }),
         ));
       this.setState(
         {
@@ -163,8 +156,6 @@ class RequestNotes extends Component {
           addNoteOpen: false,
           noteInput: '',
           noteAttachments: [],
-          noteImages: [{ add: true }],
-          uploadingImage: false,
           editingNote: null,
         },
         () => {
@@ -177,148 +168,10 @@ class RequestNotes extends Component {
       console.log(err);
       this.setState({
         submittingNote: false,
-        uploadingImage: false,
       });
     }
   };
 
-  setImages = (noteImages, uploadingImage = false, callback = null) => {
-    this.setState({ noteImages, uploadingImage }, callback);
-  };
-
-  getImages = () => {
-    const { noteImages } = this.state;
-    const imagesList = _.cloneDeep(noteImages);
-    if (!imagesList || !Array.isArray(imagesList) || imagesList.length === 0) {
-      return [{ add: true }];
-    }
-    return imagesList;
-  };
-
-  getImageUrls = () => {
-    const imagesList = this.getImages();
-    return _.filter(imagesList, img => {
-      return !img.uploading && !img.add;
-    }).map(img => {
-      return img.url;
-    });
-  };
-
-  waitForThumbnails = () => {
-    if (this.checkThumb) return;
-
-    this.checkThumb = setInterval(async () => {
-      const imagesList = this.getImages();
-      const imagesUpdate = [];
-      await Promise.all(
-        imagesList.map(image => {
-          return new Promise(async resolve => {
-            const newImage = { ...image };
-            imagesUpdate.push(newImage);
-            if (newImage.url && !newImage.thumbNailExists) {
-              newImage.uploading = false;
-              newImage.allowRetry = false;
-              newImage.thumbNailExists = await Helper.imageExists(newImage.thumbNailUrl);
-              resolve(newImage.thumbNailExists);
-            }
-            resolve(true);
-          });
-        }),
-      );
-      const thumbnailsExist = imagesUpdate.every(image => !image.url || image.thumbNailExists);
-      if (thumbnailsExist) {
-        clearInterval(this.checkThumb);
-        this.checkThumb = null;
-        this.setImages(imagesUpdate);
-      }
-    }, 2000);
-  };
-
-  removeImage = (index) => {
-    const imagesUpdate = this.getImages();
-    imagesUpdate.splice(index, 1);
-
-    this.setImages(imagesUpdate);
-  };
-
-  showUploadMenu = () => {
-    Keyboard.dismiss();
-    const { uploadingImage, submittingNote } = this.state;
-    if (uploadingImage || submittingNote) return;
-    this.imageUploader.showUploadMenu();
-  };
-
-  toggleFullscreenVideo = url => {
-    if (typeof url !== 'string') url = '';
-    this.setState({ showFullscreenVideo: url.length > 0, currentVideoUrl: url });
-  };
-
-  onUploadStarted = (uploadUri, imageUri) => {
-    const imagesUpdate = this.getImages();
-    imagesUpdate.splice(imagesUpdate.length - 1, 0, {
-      uploading: true,
-      uploadProgress: '0%',
-      uploadUri,
-      imageUri,
-      allowRetry: true,
-    });
-
-    this.setImages(imagesUpdate, true);
-  };
-
-  onUploadProgress = progress => {
-    const imagesUpdate = this.getImages();
-    imagesUpdate.map(img => {
-      if (img.uploadUri === progress.uri) {
-        img.uploadProgress = progress.percentage;
-        img.uploading = true;
-        img.allowRetry = true;
-      }
-    });
-
-    this.setImages(imagesUpdate, true);
-  };
-
-  onUploadSuccess = async (uri, uploadUri) => {
-    const imagesUpdate = this.getImages();
-    imagesUpdate.map(img => {
-      if (img.uploadUri === uploadUri && img.uploading) {
-        img.url = uri.replace('/general/', '/general1400/');
-        img.thumbNailExists = false;
-        img.thumbNailUrl = Helper.getThumb300(img.url);
-        img.allowRetry = true;
-      }
-    });
-
-    this.setImages(imagesUpdate, false, () => this.waitForThumbnails());
-  };
-
-  onUploadFailed = uploadUri => {
-    const imagesUpdate = this.getImages();
-    imagesUpdate.map(img => {
-      if (img.uploadUri === uploadUri) {
-        img.uploading = true; // Requried for retry
-        img.uploadProgress = '';
-        img.allowRetry = true;
-      }
-    });
-
-    this.setImages(imagesUpdate);
-  };
-
-  onLibrarySelected = uri => {
-    const imagesUpdate = this.getImages();
-    imagesUpdate.splice(imagesUpdate.length - 1, 0, {
-      uploading: false,
-      allowRetry: false,
-      url: Helper.get1400(uri),
-      thumbNailExists: true,
-      thumbNailUrl: Helper.getThumb300(uri),
-    });
-
-    this.setImages(imagesUpdate);
-  };
-
   renderAttachment(a, i) {
     return (
       <Components.Attachment
@@ -419,118 +272,10 @@ class RequestNotes extends Component {
     );
   }
 
-  renderUploadMenu() {
-    return (
-      <Components.ImageUploader
-        ref={ref => (this.imageUploader = ref)}
-        onUploadStarted={this.onUploadStarted}
-        onUploadSuccess={this.onUploadSuccess}
-        onUploadFailed={this.onUploadFailed}
-        onUploadProgress={this.onUploadProgress}
-        onLibrarySelected={this.onLibrarySelected}
-        size={{ width: 1400 }}
-        quality={0.8}
-        fileName={'serviceNoteImage'}
-        popupTitle={'Upload Image'}
-        userId={this.props.user.uid}
-        allowsEditing={false}
-        multiple
-        hideLibrary
-      />
-    );
-  }
-
-  renderImage(item, index) {
-    const isVideoUrl = Helper.isVideo(item.url);
-    const imagesList = this.getImages();
-
-    if (item.add) {
-      return (
-        <TouchableOpacity activeOpacity={0.8} onPress={() => this.showUploadMenu()}>
-          <View
-            style={[
-              styles.imageContainer,
-              imagesList.length > 1 && styles.imageContainerNotEmpty,
-              index % 3 === 0 && { marginLeft: 0 },
-              index > 2 && { marginTop: 8 },
-            ]}
-          >
-            <View style={styles.imageCircle}>
-              <Icon name="camera" type="font-awesome" iconStyle={styles.addImageIcon} />
-            </View>
-          </View>
-        </TouchableOpacity>
-      );
-    }
-    return (
-      <View
-        style={[
-          styles.imageContainer,
-          imagesList.length > 1 && styles.imageContainerNotEmpty,
-          index % 3 === 0 && { marginLeft: 0 },
-          index > 2 && { marginTop: 8 },
-        ]}
-      >
-        {item.uploading ? (
-          <Components.ImageUploadProgress uploader={this.imageUploader} image={item} color={this.props.colourBrandingMain} />
-        ) : (
-          <ImageBackground
-            style={styles.imageBackground}
-            source={Helper.getImageSource(item.thumbNailExists ? item.thumbNailUrl : (item.url || item))}
-          >
-            {isVideoUrl && (
-              <View style={styles.imagePlayContainer}>
-                <TouchableOpacity onPress={this.toggleFullscreenVideo.bind(this, item.url)}>
-                  <Icon name="play" type="font-awesome" iconStyle={styles.imageControlIcon} />
-                </TouchableOpacity>
-              </View>
-            )}
-            <TouchableOpacity style={styles.removeImage} onPress={() => this.removeImage(index)}>
-              <Icon name="remove" type="font-awesome" iconStyle={styles.imageControlIcon} style={styles.removeImage} />
-            </TouchableOpacity>
-          </ImageBackground>
-        )}
-      </View>
-    );
-  }
-
-  renderImageList() {
-    const imagesList = this.getImages();
-
-    return (
-      <View style={styles.imageListContainer}>
-        <FlatList
-          keyboardShouldPersistTaps="always"
-          enableEmptySections
-          data={imagesList}
-          renderItem={({ item, index }) => this.renderImage(item, index)}
-          keyExtractor={(item, index) => index}
-          numColumns={3}
-          scrollEnabled={false}
-        />
-      </View>
-    );
-  }
-
-  renderVideoPlayerPopup() {
-    const { showFullscreenVideo, currentVideoUrl } = this.state;
-    if (!currentVideoUrl) return;
-
-    return (
-      <Components.VideoPopup
-        uri={currentVideoUrl}
-        visible={showFullscreenVideo}
-        showFullscreenButton={false}
-        onClose={this.toggleFullscreenVideo}
-      />
-    );
-  }
-
   renderAdd() {
     return (
       <Modal animationType="slide" visible={this.state.addNoteOpen}>
         <KeyboardAvoidingView style={styles.container} behavior={Platform.OS === 'ios' && 'padding'}>
-          {this.renderUploadMenu()}
           <Components.Header leftText="Cancel" onPressLeft={this.closeAddNote} text="" />
           <ScrollView style={styles.scrollContainer} contentContainerStyle={styles.innerContainer}>
             <Components.TextStyle type="pageHeading">Add Staff Note</Components.TextStyle>
@@ -552,7 +297,6 @@ class RequestNotes extends Component {
               sectionStyle={styles.inputSection}
             />
             <Components.GenericInputSection label="Attachments" sectionStyle={styles.inputSection}>
-              {this.renderImageList()}
               {this.state.editingNote ? (
                 (this.state.noteAttachments || []).map((a, i) => this.renderAttachment(a, i))
               ) : (
@@ -563,7 +307,6 @@ class RequestNotes extends Component {
             </Components.GenericInputSection>
           </ScrollView>
           <View style={styles.popupFooter}>{this.renderFooterContent()}</View>
-          {this.renderVideoPlayerPopup()}
         </KeyboardAvoidingView>
       </Modal>
     );
@@ -661,69 +404,6 @@ const styles = {
   attachmentInfo: {
     marginTop: 8,
   },
-  imageListContainer: {
-    marginVertical: 8,
-  },
-  imageContainer: {
-    width: PHOTO_SIZE,
-    height: PHOTO_SIZE,
-    borderStyle: 'dashed',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: 1,
-    borderColor: Colours.LINEGREY,
-    backgroundColor: Colours.BOXGREY,
-    borderRadius: 4,
-    marginLeft: 8,
-  },
-  imageContainerNotEmpty: {
-    borderWidth: 1,
-    borderColor: Colours.LINEGREY,
-    backgroundColor: '#fff',
-    borderStyle: 'dashed',
-  },
-  imageBackground: {
-    flex: 1,
-    height: '100%',
-    width: '100%',
-    borderRadius: 4,
-  },
-  imageCircle: {
-    width: 90,
-    height: 90,
-    borderRadius: 45,
-    backgroundColor: Colours.PINKISH_GREY,
-    justifyContent: 'center',
-  },
-  addImageIcon: {
-    color: '#fff',
-    fontSize: 32,
-  },
-  imagePlayContainer: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  imageControlIcon: {
-    color: '#fff',
-    fontSize: 20,
-    textShadowColor: 'rgba(0,0,0,0.3)',
-    textShadowOffset: { width: 2, height: 2 },
-  },
-  removeImage: {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    padding: 4,
-    width: 40,
-    height: 40,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
 };
 
 const mapStateToProps = state => {

package/src/screens/ServiceRequest.js

@@ -13,7 +13,7 @@ import {
   Keyboard,
 } from 'react-native';
 import DateTimePicker from 'react-native-modal-datetime-picker';
-import { Icon } from 'react-native-elements';
+import { Icon } from '@rneui/themed';
 import _ from 'lodash';
 import moment from 'moment';
 import { connect } from 'react-redux';
@@ -315,7 +315,7 @@ class MaintenanceRequest extends Component {
         console.log(res.data);
         this.getDefaultJob();
       })
-      .catch(() => {});
+      .catch(() => { });
   }
 
   pickType(type) {

package/src/values.config.a.js

@@ -8,9 +8,6 @@ const values = {
   actionJobsLoaded: 'JOBS_LOADEDA',
   actionJobAdded: 'JOB_ADDEDA',
   actionJobsAdded: 'JOBS_ADDEDA',
-  actionJobsStatusesLoaded: 'JOBS_STATUSES_LOADEDA',
-  actionJobsHideSeen: 'JOBS_HIDE_SEENA',
-  actionJobFilterLoaded: 'JOBS_FILTER_LOADEDA',
   screenMaintenance: 'maintenanceA',
   screenRequestDetail: 'requestDetailA',
   screenServiceRequest: 'serviceRequestA',
@@ -29,8 +26,6 @@ const values = {
   textMoreMenuTitle: 'Request A',
   textKioskActionTitle: 'Request A',
   textEntityName: 'Job',
-  stringConfigJobStatus: 'maintenanceJobStatusA',
-  stringConfigHideSeen: 'maintenanceDisableSeenA',
 };
 
 export { values };

package/src/values.config.default.js

@@ -8,9 +8,6 @@ const values = {
   actionJobsLoaded: 'JOBS_LOADED',
   actionJobAdded: 'JOB_ADDED',
   actionJobsAdded: 'JOBS_ADDED',
-  actionJobsStatusesLoaded: 'JOBS_STATUSES_LOADED',
-  actionJobsHideSeen: 'JOBS_HIDE_SEEN',
-  actionJobFilterLoaded: 'JOBS_FILTER_LOADED',
   screenMaintenance: 'maintenance',
   screenRequestDetail: 'requestDetail',
   screenServiceRequest: 'serviceRequest',
@@ -35,8 +32,6 @@ const values = {
   emptyRequestsStaff: 'No active Requests',
   emptyRequestsUser: 'Your Requests will show here',
   forceCustomFields: false,
-  stringConfigJobStatus: 'maintenanceJobStatus',
-  stringConfigHideSeen: 'maintenanceDisableSeen',
 };
 
 export { values };

package/src/values.config.forms.js

@@ -8,9 +8,6 @@ const values = {
   actionJobsLoaded: 'JOBS_LOADEDForms',
   actionJobAdded: 'JOB_ADDEDForms',
   actionJobsAdded: 'JOBS_ADDEDForms',
-  actionJobsStatusesLoaded: 'JOBS_STATUSES_LOADEDForms',
-  actionJobsHideSeen: 'JOBS_HIDE_SEENForms',
-  actionJobFilterLoaded: 'JOBS_FILTER_LOADEDForms',
   screenMaintenance: 'maintenanceForms',
   screenRequestDetail: 'requestDetailForms',
   screenServiceRequest: 'serviceRequestForms',
@@ -35,8 +32,6 @@ const values = {
   emptyRequestsStaff: 'No active Form Submissions',
   emptyRequestsUser: 'Your Form Submissions will show here',
   forceCustomFields: true,
-  stringConfigJobStatus: 'maintenanceJobStatusForms',
-  stringConfigHideSeen: 'maintenanceDisableSeenForms',
 };
 
 export { values };

package/src/values.config.js

@@ -8,9 +8,6 @@ const values = {
   actionJobsLoaded: 'JOBS_LOADEDForms',
   actionJobAdded: 'JOB_ADDEDForms',
   actionJobsAdded: 'JOBS_ADDEDForms',
-  actionJobsStatusesLoaded: 'JOBS_STATUSES_LOADEDForms',
-  actionJobsHideSeen: 'JOBS_HIDE_SEENForms',
-  actionJobFilterLoaded: 'JOBS_FILTER_LOADEDForms',
   screenMaintenance: 'maintenanceForms',
   screenRequestDetail: 'requestDetailForms',
   screenServiceRequest: 'serviceRequestForms',
@@ -35,8 +32,6 @@ const values = {
   emptyRequestsStaff: 'No active Form Submissions',
   emptyRequestsUser: 'Your Form Submissions will show here',
   forceCustomFields: true,
-  stringConfigJobStatus: 'maintenanceJobStatusForms',
-  stringConfigHideSeen: 'maintenanceDisableSeenForms',
 };
 
 export { values };

package/dist/module/components/PrioritySelectorPopup.js

@@ -1,82 +0,0 @@
-import React, { PureComponent } from 'react';
-import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
-import { connect } from 'react-redux';
-import { jobPriorityOptions } from '../helper';
-import { Components, Colours } from '../core.config';
-class PrioritySelectorPopup extends PureComponent {
-  render() {
-    const {
-      title,
-      includeAll,
-      allText,
-      onClose,
-      onSelect
-    } = this.props;
-    let priorities = jobPriorityOptions;
-    if (includeAll) priorities = [{
-      label: allText || 'Show All',
-      color: this.props.colourBrandingMain
-    }, ...priorities];
-    return /*#__PURE__*/React.createElement(Components.MiddlePopup, {
-      style: [styles.statusPopup, {
-        height: priorities.length * 50 + 40
-      }],
-      onClose: onClose
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.statusPopupTitle
-    }, title || 'Select Priority'), /*#__PURE__*/React.createElement(View, {
-      style: styles.statusPopupOptionsContainer
-    }, priorities.map(priority => {
-      return /*#__PURE__*/React.createElement(TouchableOpacity, {
-        key: priority.label,
-        onPress: () => onSelect(priority.label)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [styles.jobStatusContainer, {
-          backgroundColor: priority.color
-        }]
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: styles.jobStatusText
-      }, priority.label)));
-    })));
-  }
-}
-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, {})(PrioritySelectorPopup);
-//# sourceMappingURL=PrioritySelectorPopup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","PureComponent","View","StyleSheet","TouchableOpacity","Text","connect","jobPriorityOptions","Components","Colours","PrioritySelectorPopup","render","title","includeAll","allText","onClose","onSelect","props","priorities","label","color","colourBrandingMain","createElement","MiddlePopup","style","styles","statusPopup","height","length","statusPopupTitle","statusPopupOptionsContainer","map","priority","key","onPress","jobStatusContainer","backgroundColor","jobStatusText","create","width","padding","borderRadius","fontFamily","TEXT_DARK","fontSize","marginBottom","flex","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","state","getMainBrandingColourFromState"],"sources":["PrioritySelectorPopup.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { jobPriorityOptions } from '../helper';\nimport { Components, Colours } from '../core.config';\n\nclass PrioritySelectorPopup extends PureComponent {\n  render() {\n    const { title, includeAll, allText, onClose, onSelect } = this.props;\n    let priorities = jobPriorityOptions;\n    if (includeAll)\n      priorities = [\n        {\n          label: allText || 'Show All',\n          color: this.props.colourBrandingMain,\n        },\n        ...priorities,\n      ];\n\n    return (\n      <Components.MiddlePopup style={[styles.statusPopup, { height: priorities.length * 50 + 40 }]} onClose={onClose}>\n        <Text style={styles.statusPopupTitle}>{title || 'Select Priority'}</Text>\n        <View style={styles.statusPopupOptionsContainer}>\n          {priorities.map(priority => {\n            return (\n              <TouchableOpacity key={priority.label} onPress={() => onSelect(priority.label)}>\n                <View style={[styles.jobStatusContainer, { backgroundColor: priority.color }]}>\n                  <Text style={styles.jobStatusText}>{priority.label}</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, {})(PrioritySelectorPopup);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,kBAAkB,QAAQ,WAAW;AAC9C,SAASC,UAAU,EAAEC,OAAO,QAAQ,gBAAgB;AAEpD,MAAMC,qBAAqB,SAAST,aAAa,CAAC;EAChDU,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,UAAU;MAAEC,OAAO;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IACpE,IAAIC,UAAU,GAAGX,kBAAkB;IACnC,IAAIM,UAAU,EACZK,UAAU,GAAG,CACX;MACEC,KAAK,EAAEL,OAAO,IAAI,UAAU;MAC5BM,KAAK,EAAE,IAAI,CAACH,KAAK,CAACI;IACpB,CAAC,EACD,GAAGH,UAAU,CACd;IAEH,oBACElB,KAAA,CAAAsB,aAAA,CAACd,UAAU,CAACe,WAAW;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAE;QAAEC,MAAM,EAAET,UAAU,CAACU,MAAM,GAAG,EAAE,GAAG;MAAG,CAAC,CAAE;MAACb,OAAO,EAAEA;IAAQ,gBAC7Gf,KAAA,CAAAsB,aAAA,CAACjB,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACI;IAAiB,GAAEjB,KAAK,IAAI,iBAAwB,CAAC,eACzEZ,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACK;IAA4B,GAC7CZ,UAAU,CAACa,GAAG,CAACC,QAAQ,IAAI;MAC1B,oBACEhC,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB;QAAC6B,GAAG,EAAED,QAAQ,CAACb,KAAM;QAACe,OAAO,EAAEA,CAAA,KAAMlB,QAAQ,CAACgB,QAAQ,CAACb,KAAK;MAAE,gBAC7EnB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;QAACsB,KAAK,EAAE,CAACC,MAAM,CAACU,kBAAkB,EAAE;UAAEC,eAAe,EAAEJ,QAAQ,CAACZ;QAAM,CAAC;MAAE,gBAC5EpB,KAAA,CAAAsB,aAAA,CAACjB,IAAI;QAACmB,KAAK,EAAEC,MAAM,CAACY;MAAc,GAAEL,QAAQ,CAACb,KAAY,CACrD,CACU,CAAC;IAEvB,CAAC,CACG,CACgB,CAAC;EAE7B;AACF;AAEA,MAAMM,MAAM,GAAGtB,UAAU,CAACmC,MAAM,CAAC;EAC/BZ,WAAW,EAAE;IACXa,KAAK,EAAE,GAAG;IACVC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACDZ,gBAAgB,EAAE;IAChBa,UAAU,EAAE,SAAS;IACrBtB,KAAK,EAAEX,OAAO,CAACkC,SAAS;IACxBC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE;EAChB,CAAC;EACDf,2BAA2B,EAAE;IAC3BgB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDZ,kBAAkB,EAAE;IAClBa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBF,cAAc,EAAE,eAAe;IAC/BR,KAAK,EAAE,GAAG;IACVZ,MAAM,EAAE,EAAE;IACVuB,iBAAiB,EAAE,CAAC;IACpBT,YAAY,EAAE;EAChB,CAAC;EACDJ,aAAa,EAAE;IACbjB,KAAK,EAAE,MAAM;IACb+B,SAAS,EAAE,QAAQ;IACnBT,UAAU,EAAE,aAAa;IACzBE,QAAQ,EAAE,EAAE;IACZE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,MAAMM,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLhC,kBAAkB,EAAEZ,OAAO,CAAC6C,8BAA8B,CAACD,KAAK;EAClE,CAAC;AACH,CAAC;AAED,eAAe/C,OAAO,CAAC8C,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC1C,qBAAqB,CAAC","ignoreList":[]}