@plusscommunities/pluss-maintenance-app-forms 7.0.20-auth.0 → 7.0.21

package/dist/module/screens/ServiceRequest.js

@@ -1,26 +1,26 @@
 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 { Dimensions, Platform, KeyboardAvoidingView, ScrollView, Text, TouchableOpacity, View, Switch, FlatList, ImageBackground, Keyboard } from 'react-native';
-import DateTimePicker from 'react-native-modal-datetime-picker';
-import { Icon } from '@rneui/themed';
-import _ from 'lodash';
-import moment from 'moment';
-import { connect } from 'react-redux';
-import { jobAdded } from '../actions';
-import { maintenanceActions, userActions } from '../apis';
-import { Services } from '../feature.config';
-import { Components, Colours, Helper, Config } from '../core.config';
-import { values } from '../values.config';
-const PHOTO_SIZE = (Dimensions.get('window').width - 64) / 3;
+import React, { Component } from "react";
+import { Dimensions, Platform, KeyboardAvoidingView, ScrollView, Text, TouchableOpacity, View, Switch, FlatList, ImageBackground, Keyboard } from "react-native";
+import DateTimePicker from "react-native-modal-datetime-picker";
+import { Icon } from "@rneui/themed";
+import _ from "lodash";
+import moment from "moment";
+import { connect } from "react-redux";
+import { jobAdded } from "../actions";
+import { maintenanceActions, userActions } from "../apis";
+import { Services } from "../feature.config";
+import { Components, Colours, Helper, Config } from "../core.config";
+import { values } from "../values.config";
+const PHOTO_SIZE = (Dimensions.get("window").width - 64) / 3;
 class MaintenanceRequest extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "checkUserPermissions", async () => {
       var _this$props$permissio;
       // PC-1255: Check if user has userManagement permission
-      const hasUserManagement = ((_this$props$permissio = this.props.permissions) === null || _this$props$permissio === void 0 ? void 0 : _this$props$permissio.includes('userManagement')) || false;
+      const hasUserManagement = ((_this$props$permissio = this.props.permissions) === null || _this$props$permissio === void 0 ? void 0 : _this$props$permissio.includes("userManagement")) || false;
       if (hasUserManagement) {
         this.setState({
           canCreateOnBehalf: true
@@ -35,19 +35,22 @@ class MaintenanceRequest extends Component {
     _defineProperty(this, "loadSiteUsers", async () => {
       try {
         const response = await userActions.getSiteUsers(this.props.site);
-        // PC-1255: Load all users (not just residents) to match web admin behavior
-        const users = _.sortBy(response.data.Items || [], u => (u.displayName || '').toLowerCase());
+        let items = response.data.Items || [];
+        if (this.props.optionOnlyForResidents) {
+          items = _.filter(items, u => u.category === "resident");
+        }
+        const users = _.sortBy(items, u => (u.displayName || "").toLowerCase());
         this.setState({
           users
         });
       } catch (error) {
-        console.log('Error loading site users:', error);
+        console.log("Error loading site users:", error);
         // Fall back to default user if loading fails
         this.setDefaultUser();
       }
     });
     _defineProperty(this, "setDefaultUser", () => {
-      if (this.props.userType !== 'KIOSK') {
+      if (this.props.userType !== "KIOSK") {
         const defaultUser = {
           userId: this.props.uid,
           displayName: this.props.displayName,
@@ -57,7 +60,7 @@ class MaintenanceRequest extends Component {
           selectedUser: defaultUser,
           userName: this.props.displayName,
           roomNumber: this.props.unit,
-          phone: !_.isEmpty(this.props.phoneNumber) ? this.props.phoneNumber : ''
+          phone: !_.isEmpty(this.props.phoneNumber) ? this.props.phoneNumber : ""
         });
       }
     });
@@ -65,7 +68,7 @@ class MaintenanceRequest extends Component {
       const update = {
         userName
       };
-      if (!this.state.customFields || !_.some(this.state.customFields, 'isTitle')) {
+      if (!this.state.customFields || !_.some(this.state.customFields, "isTitle")) {
         update.title = userName;
       }
       this.setState(update);
@@ -103,11 +106,19 @@ class MaintenanceRequest extends Component {
           if (userDetails.unit) {
             update.roomNumber = userDetails.unit;
           }
+          if (!this.state.customFields || !_.some(this.state.customFields, "isTitle")) {
+            update.title = userDetails.displayName || null;
+          }
         }
       } catch (error) {
         // Permission denied (403) or other error - continue without auto-population
         // User can still manually enter contact details
-        console.log('Could not fetch user details for auto-population:', error);
+        console.log("Could not fetch user details for auto-population:", error);
+      } finally {
+        // In any case, we still need a title. Inform the user to set one form field as a title.
+        if (!state.title && !update.title) {
+          update.title = "[Missing title - Set one of the form field as title in the community manager]";
+        }
       }
       this.setState(update);
     });
@@ -135,7 +146,7 @@ class MaintenanceRequest extends Component {
       };
       const field = update.customFields[fieldId];
       field.answer = _.xor(field.answer || [], [answer]);
-      if (field.isTitle) update.title = field.answer.join(', ');
+      if (field.isTitle) update.title = field.answer.join(", ");
       this.setState(update);
     });
     _defineProperty(this, "onOpenDatePicker", (field, fieldId) => {
@@ -168,12 +179,12 @@ class MaintenanceRequest extends Component {
       };
       const field = update.customFields[dateFieldId];
       const dateObj = moment(date);
-      if (popUpType === 'date') {
-        field.answer = dateObj.format('YYYY-MM-DD');
-        if (field.isTitle) update.title = dateObj.format('DD MMM YYYY');
+      if (popUpType === "date") {
+        field.answer = dateObj.format("YYYY-MM-DD");
+        if (field.isTitle) update.title = dateObj.format("DD MMM YYYY");
       } else {
-        field.answer = dateObj.format('HH:mm');
-        if (field.isTitle) update.title = dateObj.format('h:mm a');
+        field.answer = dateObj.format("HH:mm");
+        if (field.isTitle) update.title = dateObj.format("h:mm a");
       }
       this.setState(update);
     });
@@ -184,7 +195,7 @@ class MaintenanceRequest extends Component {
       const imagesUpdate = this.getImages(imageFieldId);
       imagesUpdate.splice(imagesUpdate.length - 1, 0, {
         uploading: true,
-        uploadProgress: '0%',
+        uploadProgress: "0%",
         uploadUri,
         imageUri,
         allowRetry: true
@@ -212,7 +223,7 @@ class MaintenanceRequest extends Component {
       const imagesUpdate = this.getImages(imageFieldId);
       imagesUpdate.map(img => {
         if (img.uploadUri === uploadUri && img.uploading) {
-          img.url = uri.replace('/general/', '/general1400/');
+          img.url = uri.replace("/general/", "/general1400/");
           img.thumbNailExists = false;
           img.thumbNailUrl = Helper.getThumb300(img.url);
           img.allowRetry = true;
@@ -228,7 +239,7 @@ class MaintenanceRequest extends Component {
       imagesUpdate.map(img => {
         if (img.uploadUri === uploadUri) {
           img.uploading = true; // Requried for retry
-          img.uploadProgress = '';
+          img.uploadProgress = "";
           img.allowRetry = true;
         }
       });
@@ -252,7 +263,7 @@ class MaintenanceRequest extends Component {
       const documentsUpdate = this.getDocuments(documentFieldId);
       documentsUpdate.splice(documentsUpdate.length - 1, 0, {
         uploading: true,
-        uploadProgress: '0%',
+        uploadProgress: "0%",
         uploadUri,
         documentUri,
         documentName,
@@ -277,7 +288,7 @@ class MaintenanceRequest extends Component {
       documentsUpdate.map(doc => {
         if (doc.uploadUri === uploadUri && doc.uploading) {
           doc.uploading = false;
-          doc.uploadProgress = '100%';
+          doc.uploadProgress = "100%";
           doc.url = uri;
           doc.allowRetry = true;
         }
@@ -289,7 +300,7 @@ class MaintenanceRequest extends Component {
       documentsUpdate.map(doc => {
         if (doc.uploadUri === uploadUri) {
           doc.uploading = true; // Requried for retry
-          doc.uploadProgress = '';
+          doc.uploadProgress = "";
           doc.allowRetry = true;
         }
       });
@@ -301,19 +312,19 @@ class MaintenanceRequest extends Component {
         type,
         answer
       } = field;
-      if (['staticTitle', 'staticText'].includes(type)) return true;
+      if (["staticTitle", "staticText"].includes(type)) return true;
       const checkMandatory = () => {
         if (!mandatory) return true;
         switch (type) {
-          case 'yn':
+          case "yn":
             return _.isBoolean(answer);
-          case 'image':
+          case "image":
             const imagesList = this.getImageUrls(fieldId);
             return imagesList.length > 0;
-          case 'document':
+          case "document":
             const documentsList = this.getDocumentAnswers(fieldId);
             return documentsList.length > 0;
-          case 'checkbox':
+          case "checkbox":
             return _.isArray(answer) && answer.length > 0;
           default:
             return !_.isNil(answer) && !_.isEmpty(answer);
@@ -322,12 +333,12 @@ class MaintenanceRequest extends Component {
       const checkFormat = () => {
         if (_.isNil(answer) || _.isEmpty(answer)) return true;
         switch (type) {
-          case 'email':
+          case "email":
             return Helper.isEmail(answer);
-          case 'date':
-            return moment(answer, 'YYYY-MM-DD', true).isValid();
-          case 'time':
-            return moment(answer, 'HH:mm', true).isValid();
+          case "date":
+            return moment(answer, "YYYY-MM-DD", true).isValid();
+          case "time":
+            return moment(answer, "HH:mm", true).isValid();
           default:
             return true;
         }
@@ -363,8 +374,8 @@ class MaintenanceRequest extends Component {
       // Fix custom images field answers
       const customFields = _.cloneDeep(this.state.customFields);
       const updatedCustomFields = customFields.map((field, fieldId) => {
-        if (field.type === 'image') field.answer = this.getImageUrls(fieldId);
-        if (field.type === 'document') field.answer = this.getDocumentAnswers(fieldId);
+        if (field.type === "image") field.answer = this.getImageUrls(fieldId);
+        if (field.type === "document") field.answer = this.getDocumentAnswers(fieldId);
         return field;
       });
       maintenanceActions.sendMaintenanceRequest(this.props.uid, this.state.userName, this.state.phone, this.state.roomNumber, this.state.title, description, null, this.state.type, images, Helper.getSite(this.props.site), this.state.isHome, this.state.times, updatedCustomFields).then(res => {
@@ -382,7 +393,7 @@ class MaintenanceRequest extends Component {
           });
         }
       }).catch(err => {
-        console.log('maintenance submission fail.');
+        console.log("maintenance submission fail.");
         console.log(err);
         this.setState({
           submitting: false
@@ -394,7 +405,7 @@ class MaintenanceRequest extends Component {
         const job = await maintenanceActions.getJob(Helper.getSite(this.props.site), id);
         this.props.jobAdded(job.data);
       } catch (error) {
-        console.log('refreshRequest error', error);
+        console.log("refreshRequest error", error);
       }
     });
     _defineProperty(this, "validateCustomFields", () => {
@@ -513,7 +524,7 @@ class MaintenanceRequest extends Component {
       this.setDocuments(documentsUpdate, fieldId);
     });
     _defineProperty(this, "toggleFullscreenVideo", url => {
-      if (typeof url !== 'string') url = '';
+      if (typeof url !== "string") url = "";
       this.setState({
         showFullscreenVideo: url.length > 0,
         currentVideoUrl: url
@@ -526,19 +537,19 @@ class MaintenanceRequest extends Component {
       error: null,
       showError: false,
       loadingTypes: values.forceCustomFields,
-      userName: '',
-      roomNumber: '',
-      phone: '',
-      title: '',
-      description: '',
-      times: '',
-      type: 'General',
+      userName: "",
+      roomNumber: "",
+      phone: "",
+      title: "",
+      description: "",
+      times: "",
+      type: "General",
       uploadingImage: false,
       images: [{
         add: true
       }],
       showFullscreenVideo: false,
-      currentVideoUrl: '',
+      currentVideoUrl: "",
       isHome: false,
       types: [],
       confirmationToShow: false,
@@ -546,7 +557,7 @@ class MaintenanceRequest extends Component {
       customFieldImages: {},
       customFieldDocuments: {},
       isDateTimePickerVisible: false,
-      popUpType: 'date',
+      popUpType: "date",
       dateFieldId: null,
       imageFieldId: null,
       // PC-1255: On-behalf request fields
@@ -556,9 +567,9 @@ class MaintenanceRequest extends Component {
     };
     this.checkThumb = null;
     this.keyboardTypes = {
-      phone: 'phone-pad',
-      email: 'email-address',
-      text: 'default'
+      phone: "phone-pad",
+      email: "email-address",
+      text: "default"
     };
   }
   componentDidMount() {
@@ -588,9 +599,9 @@ class MaintenanceRequest extends Component {
   onConfirmationReset() {
     this.setState({
       confirmationToShow: false,
-      title: '',
-      description: '',
-      times: '',
+      title: "",
+      description: "",
+      times: "",
       isHome: false,
       uploadingImage: false,
       images: [{
@@ -603,7 +614,7 @@ class MaintenanceRequest extends Component {
       customFieldImages: {},
       customFieldDocuments: {},
       isDateTimePickerVisible: false,
-      popUpType: 'date',
+      popUpType: "date",
       dateFieldId: null,
       imageFieldId: null
     }, () => this.pickType(this.state.type));
@@ -634,7 +645,7 @@ class MaintenanceRequest extends Component {
       customFields: selected.hasCustomFields && selected.customFields.length > 0 ? _.cloneDeep(selected.customFields) : [],
       loadingTypes: false
     };
-    if (!_.isEmpty(update.customFields) && !_.some(update.customFields, 'isTitle')) {
+    if (!_.isEmpty(update.customFields) && !_.some(update.customFields, "isTitle")) {
       update.title = this.state.userName;
     }
     this.setState(update);
@@ -664,7 +675,7 @@ class MaintenanceRequest extends Component {
       if (!this.props.connected) {
         this.setState({
           error: {
-            message: 'No internet connection detected'
+            message: "No internet connection detected"
           }
         });
       }
@@ -678,14 +689,14 @@ class MaintenanceRequest extends Component {
 
     // PC-1255: Validate user selection for on-behalf requests
     if (this.state.canCreateOnBehalf && !this.state.selectedUser) {
-      console.log('submitRequest - no user selected for on-behalf request');
+      console.log("submitRequest - no user selected for on-behalf request");
       this.setState({
         showError: true
       });
       return;
     }
     if (title.length === 0 || !roomNumber || roomNumber.length === 0) {
-      console.log('submitRequest - error', {
+      console.log("submitRequest - error", {
         title,
         roomNumber
       });
@@ -696,7 +707,7 @@ class MaintenanceRequest extends Component {
     }
     if (hasCustomFields) {
       if (!this.validateCustomFields()) {
-        console.log('submitRequest - custom fields error');
+        console.log("submitRequest - custom fields error");
         this.setState({
           showError: true
         });
@@ -704,7 +715,7 @@ class MaintenanceRequest extends Component {
       }
     } else {
       if (isHome && times.length < 2) {
-        console.log('submitRequest - error', {
+        console.log("submitRequest - error", {
           isHome,
           times
         });
@@ -728,8 +739,8 @@ class MaintenanceRequest extends Component {
         width: 1400
       },
       quality: 0.8,
-      fileName: 'serviceImage',
-      popupTitle: 'Upload Image',
+      fileName: "serviceImage",
+      popupTitle: "Upload Image",
       userId: this.props.uid,
       allowsEditing: false,
       multiple: true,
@@ -804,7 +815,7 @@ class MaintenanceRequest extends Component {
       style: styles.documentTypeText
     }, item.documentExt)), /*#__PURE__*/React.createElement(Text, {
       style: styles.documentText
-    }, `${item.documentName}${item.uploading ? ` - ${item.uploadProgress}` : ''}`), !item.uploading && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    }, `${item.documentName}${item.uploading ? ` - ${item.uploadProgress}` : ""}`), !item.uploading && /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: styles.removeDocumentButton,
       onPress: () => this.removeDocument(index, fieldId)
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -821,7 +832,7 @@ class MaintenanceRequest extends Component {
       style: {
         padding: 16,
         flex: 1,
-        backgroundColor: '#fff'
+        backgroundColor: "#fff"
       }
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.requestSuccess
@@ -867,16 +878,16 @@ class MaintenanceRequest extends Component {
 
   renderDateField(field, fieldId, sectionStyle) {
     let displayText, placeHolder, icon, errorText;
-    if (field.type === 'date') {
-      displayText = field.answer ? moment(field.answer, 'YYYY-MM-DD').format('DD MMM YYYY') : '';
-      placeHolder = 'dd mmm yyyy';
-      icon = 'calendar';
-      errorText = 'Not a valid date';
+    if (field.type === "date") {
+      displayText = field.answer ? moment(field.answer, "YYYY-MM-DD").format("DD MMM YYYY") : "";
+      placeHolder = "dd mmm yyyy";
+      icon = "calendar";
+      errorText = "Not a valid date";
     } else {
-      displayText = field.answer ? moment(field.answer, 'HH:mm').format('h:mm a') : '';
-      placeHolder = '--:-- --';
-      icon = 'clock-o';
-      errorText = 'Not a valid time';
+      displayText = field.answer ? moment(field.answer, "HH:mm").format("h:mm a") : "";
+      placeHolder = "--:-- --";
+      icon = "clock-o";
+      errorText = "Not a valid time";
     }
     return /*#__PURE__*/React.createElement(Components.GenericInputSection, {
       key: fieldId,
@@ -914,7 +925,7 @@ class MaintenanceRequest extends Component {
       marginBottom: 24
     };
     switch (field.type) {
-      case 'yn':
+      case "yn":
         return /*#__PURE__*/React.createElement(Components.GenericInputSection, {
           key: fieldId,
           label: field.label,
@@ -926,7 +937,7 @@ class MaintenanceRequest extends Component {
           showError: this.state.showError,
           required: field.mandatory
         });
-      case 'multichoice':
+      case "multichoice":
         return /*#__PURE__*/React.createElement(Components.GenericInputSection, {
           key: fieldId,
           label: field.label,
@@ -944,7 +955,7 @@ class MaintenanceRequest extends Component {
           showError: this.state.showError,
           required: field.mandatory
         });
-      case 'checkbox':
+      case "checkbox":
         return /*#__PURE__*/React.createElement(Components.GenericInputSection, {
           key: fieldId,
           label: field.label,
@@ -974,9 +985,9 @@ class MaintenanceRequest extends Component {
             style: styles.multiChoiceText
           }, o));
         }));
-      case 'text':
-      case 'email':
-      case 'phone':
+      case "text":
+      case "email":
+      case "phone":
         return /*#__PURE__*/React.createElement(Components.GenericInputSection, {
           key: fieldId,
           label: field.label,
@@ -987,28 +998,28 @@ class MaintenanceRequest extends Component {
           squaredCorners: true,
           isValid: () => this.isFieldValid(field, fieldId),
           showError: this.state.showError,
-          errorText: field.type === 'email' ? 'Not a valid email' : undefined,
+          errorText: field.type === "email" ? "Not a valid email" : undefined,
           required: field.mandatory,
           sectionStyle: sectionStyle,
           autoCapitalize: "sentences",
           keyboardType: this.keyboardTypes[field.type]
         });
-      case 'staticTitle':
+      case "staticTitle":
         return /*#__PURE__*/React.createElement(Text, {
           key: fieldId,
           style: [styles.staticTitle, {
             color: this.props.colourBrandingMain
           }, sectionStyle]
         }, field.label);
-      case 'staticText':
+      case "staticText":
         return /*#__PURE__*/React.createElement(View, {
           key: fieldId,
           style: [styles.staticText, sectionStyle]
         }, Helper.toParagraphed(field.label, styles.staticText));
-      case 'date':
-      case 'time':
+      case "date":
+      case "time":
         return this.renderDateField(field, fieldId, sectionStyle);
-      case 'image':
+      case "image":
         return /*#__PURE__*/React.createElement(Components.GenericInputSection, {
           key: fieldId,
           label: field.label,
@@ -1078,7 +1089,7 @@ class MaintenanceRequest extends Component {
         marginTop: 16
       }
     }, this.state.canCreateOnBehalf && /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Select User',
+      label: "Select User",
       textValue: (_this$state$selectedU = this.state.selectedUser) === null || _this$state$selectedU === void 0 ? void 0 : _this$state$selectedU.displayName,
       hasContent: true,
       hasUnderline: true,
@@ -1100,7 +1111,7 @@ class MaintenanceRequest extends Component {
       Diameter: 30
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.nameText
-    }, ((_this$state$selectedU3 = this.state.selectedUser) === null || _this$state$selectedU3 === void 0 ? void 0 : _this$state$selectedU3.displayName) || 'Select User')), /*#__PURE__*/React.createElement(Icon, {
+    }, ((_this$state$selectedU3 = this.state.selectedUser) === null || _this$state$selectedU3 === void 0 ? void 0 : _this$state$selectedU3.displayName) || "Select User")), /*#__PURE__*/React.createElement(Icon, {
       name: "angle-right",
       type: "font-awesome",
       iconStyle: [styles.sectionTitle, {
@@ -1108,11 +1119,11 @@ class MaintenanceRequest extends Component {
         color: this.props.colourBrandingMain
       }]
     })))), !this.state.canCreateOnBehalf && /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Name',
-      placeholder: 'Enter your name',
+      label: "Name",
+      placeholder: "Enter your name",
       textValue: this.state.userName,
       onChangeText: userName => this.onChangeName(userName),
-      editable: this.props.userType === 'KIOSK' && this.state.submitting === false,
+      editable: this.props.userType === "KIOSK" && this.state.submitting === false,
       isValid: () => {
         return this.state.userName.length > 1;
       },
@@ -1121,18 +1132,18 @@ class MaintenanceRequest extends Component {
       showError: this.state.showError && this.state.userName.length < 2,
       hasUnderline: true
     }), /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Contact number',
-      placeholder: 'Enter phone number',
+      label: "Contact number",
+      placeholder: "Enter phone number",
       textValue: this.state.phone,
       onChangeText: phone => this.setState({
         phone
       }),
       editable: this.state.submitting === false,
       hasUnderline: true,
-      keyboardType: 'phone-pad'
+      keyboardType: "phone-pad"
     }), /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Address',
-      placeholder: 'Enter your address',
+      label: "Address",
+      placeholder: "Enter your address",
       textValue: this.state.roomNumber,
       onChangeText: roomNumber => this.setState({
         roomNumber
@@ -1150,8 +1161,8 @@ class MaintenanceRequest extends Component {
         marginTop: 16,
         paddingHorizontal: 24,
         paddingVertical: 16,
-        flexDirection: 'row',
-        justifyContent: 'space-between'
+        flexDirection: "row",
+        justifyContent: "space-between"
       }
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.sectionTitle
@@ -1159,7 +1170,7 @@ class MaintenanceRequest extends Component {
       onPress: this.onPressType.bind(this)
     }, /*#__PURE__*/React.createElement(View, {
       style: {
-        flexDirection: 'row'
+        flexDirection: "row"
       }
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.sectionTitle, {
@@ -1178,8 +1189,8 @@ class MaintenanceRequest extends Component {
         marginTop: 16
       }
     }, /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Title',
-      placeholder: 'Enter a title for your request',
+      label: "Title",
+      placeholder: "Enter a title for your request",
       textValue: this.state.title,
       onChangeText: title => this.setState({
         title
@@ -1196,8 +1207,8 @@ class MaintenanceRequest extends Component {
       multiline: true,
       autoGrow: true
     }), /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Description',
-      placeholder: 'Describe your request here in detail',
+      label: "Description",
+      placeholder: "Describe your request here in detail",
       textValue: this.state.description,
       onChangeText: description => this.setState({
         description
@@ -1214,12 +1225,12 @@ class MaintenanceRequest extends Component {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: [{
-        width: '100%',
+        width: "100%",
         paddingVertical: 16,
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        position: 'relative'
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        position: "relative"
       }, this.state.isHome && {
         borderBottomWidth: 1,
         borderBottomColor: Colours.LINEGREY
@@ -1233,13 +1244,13 @@ class MaintenanceRequest extends Component {
         isHome: value
       }),
       trackColor: {
-        false: '#ddd',
+        false: "#ddd",
         true: this.props.colourBrandingMain
       },
-      thumbColor: Platform.OS === 'android' ? '#fff' : null
+      thumbColor: Platform.OS === "android" ? "#fff" : null
     })), this.state.isHome && /*#__PURE__*/React.createElement(Components.FormCardSection, {
-      label: 'Available times',
-      placeholder: 'Describe your available times here in detail.',
+      label: "Available times",
+      placeholder: "Describe your available times here in detail.",
       textValue: this.state.times,
       onChangeText: times => this.setState({
         times
@@ -1261,7 +1272,7 @@ class MaintenanceRequest extends Component {
   renderRegisterConfirmation() {
     return /*#__PURE__*/React.createElement(Components.ConfirmationPopup, {
       confirmText: `${values.textEntityName} submitted`,
-      repeatText: 'Submit another',
+      repeatText: "Submit another",
       visible: this.state.confirmationToShow,
       onClose: this.onCloseConfirmationPopup.bind(this),
       onPressAction: this.onConfirmationReset.bind(this)
@@ -1285,8 +1296,8 @@ class MaintenanceRequest extends Component {
       return null;
     }
     return /*#__PURE__*/React.createElement(Components.WarningPopup, {
-      confirmText: 'No forms are available',
-      infoText: 'Check back later for forms.',
+      confirmText: "No forms are available",
+      infoText: "Check back later for forms.",
       visible: this.state.noType,
       onClose: this.onPressBack.bind(this),
       padHorizontal: true
@@ -1300,7 +1311,7 @@ class MaintenanceRequest extends Component {
       popUpType
     } = this.state;
     return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
-      behavior: 'padding',
+      behavior: "padding",
       style: styles.viewContainer
     }, this.renderImageUploader(), /*#__PURE__*/React.createElement(View, {
       style: styles.container
@@ -1308,7 +1319,7 @@ class MaintenanceRequest extends Component {
       leftIcon: "angle-left",
       onPressLeft: this.onPressBack.bind(this),
       text: this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle,
-      rightText: submitting || success ? null : 'Done',
+      rightText: submitting || success ? null : "Done",
       onPressRight: this.submitRequest.bind(this),
       absoluteRight: true
     }), this.renderForm()), this.renderRegisterConfirmation(), this.renderVideoPlayerPopup(), this.renderNoType(), /*#__PURE__*/React.createElement(DateTimePicker, {
@@ -1325,52 +1336,52 @@ class MaintenanceRequest extends Component {
 const styles = {
   viewContainer: {
     flex: 1,
-    backgroundColor: '#fff'
+    backgroundColor: "#fff"
   },
   container: {
     flex: 1,
-    position: 'relative',
-    backgroundColor: '#f0f0f5'
+    position: "relative",
+    backgroundColor: "#f0f0f5"
   },
   errorText: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     color: Colours.COLOUR_TANGERINE,
     fontSize: 16
   },
   requestSuccess: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     color: Colours.TEXT_DARK,
     fontSize: 17,
-    textAlign: 'center'
+    textAlign: "center"
   },
   sectionTitle: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 17,
     color: Colours.TEXT_DARK
   },
   imageListContainer: {
     marginTop: 8,
     padding: 8,
-    flexDirection: 'row',
+    flexDirection: "row",
     backgroundColor: Colours.BOXGREY,
     minHeight: 106
   },
   imageListContainerEmpty: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    flexDirection: 'column'
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column"
   },
   documentListContainer: {
     marginTop: 8,
-    flexDirection: 'column',
-    alignItems: 'flex-start'
+    flexDirection: "column",
+    alignItems: "flex-start"
   },
   imageContainer: {
     width: PHOTO_SIZE,
     height: PHOTO_SIZE,
-    borderStyle: 'dashed',
-    justifyContent: 'center',
-    alignItems: 'center',
+    borderStyle: "dashed",
+    justifyContent: "center",
+    alignItems: "center",
     borderWidth: 1,
     borderColor: Colours.LINEGREY,
     borderRadius: 4,
@@ -1379,13 +1390,13 @@ const styles = {
   imageContainerNotEmpty: {
     borderWidth: 1,
     borderColor: Colours.LINEGREY,
-    backgroundColor: '#fff',
-    borderStyle: 'dashed'
+    backgroundColor: "#fff",
+    borderStyle: "dashed"
   },
   imageBackground: {
     flex: 1,
-    height: '100%',
-    width: '100%',
+    height: "100%",
+    width: "100%",
     borderRadius: 4
   },
   imageCircle: {
@@ -1393,60 +1404,60 @@ const styles = {
     height: 90,
     borderRadius: 45,
     backgroundColor: Colours.PINKISH_GREY,
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   addImageIcon: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 32
   },
   imagePlayContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: "center",
+    justifyContent: "center"
   },
   imageControlIcon: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 20,
-    textShadowColor: 'rgba(0,0,0,0.3)',
+    textShadowColor: "rgba(0,0,0,0.3)",
     textShadowOffset: {
       width: 2,
       height: 2
     }
   },
   removeImage: {
-    position: 'absolute',
+    position: "absolute",
     top: 0,
     right: 0,
     padding: 4,
     width: 40,
     height: 40,
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: "center",
+    justifyContent: "center"
   },
   staticTitle: {
     fontSize: 20,
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: Colours.TEXT_DARKEST
   },
   staticText: {
     fontSize: 17,
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     color: Colours.TEXT_DARKEST,
     lineHeight: 24
   },
   multiChoiceOption: {
     marginTop: 16,
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     minHeight: 20
   },
   multiChoiceText: {
     flex: 1,
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 14,
     color: Colours.TEXT_DARK
   },
@@ -1463,24 +1474,24 @@ const styles = {
     borderRadius: 4
   },
   dateContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   dateFieldButton: {
     flex: 1
   },
   dateFieldContainer: {
-    flexDirection: 'row',
+    flexDirection: "row",
     borderRadius: 2,
-    backgroundColor: '#ebeff2',
+    backgroundColor: "#ebeff2",
     padding: 8,
     marginTop: 8
   },
   dateText: {
     flex: 1,
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 16,
-    color: '#65686D'
+    color: "#65686D"
   },
   dateIcon: {
     fontSize: 18,
@@ -1494,36 +1505,36 @@ const styles = {
     color: Colours.TEXT_BLUEGREY
   },
   documentContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
     paddingVertical: 4
   },
   documentTypeContainer: {
     width: 50,
     height: 60,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     borderRadius: 5,
     marginRight: 8
   },
   documentTypeText: {
-    color: '#fff',
-    fontFamily: 'sf-semibold',
-    textAlign: 'center'
+    color: "#fff",
+    fontFamily: "sf-semibold",
+    textAlign: "center"
   },
   documentText: {
     flex: 1,
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 16,
-    color: '#65686D'
+    color: "#65686D"
   },
   removeDocumentButton: {
     padding: 4,
     width: 40,
     height: 40,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     marginLeft: 8
   },
   removeDocumentIcon: {
@@ -1531,16 +1542,16 @@ const styles = {
   },
   // PC-1255: User picker styles
   userPickerContainer: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center'
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
   },
   profileContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   nameText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 16,
     color: Colours.TEXT_DARK,
     marginLeft: 8
@@ -1572,7 +1583,8 @@ const mapStateToProps = state => {
     phoneNumber,
     permissions,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
-    strings: ((_state$strings = state.strings) === null || _state$strings === void 0 ? void 0 : _state$strings.config) || {}
+    strings: ((_state$strings = state.strings) === null || _state$strings === void 0 ? void 0 : _state$strings.config) || {},
+    optionOnlyForResidents: Helper.getSiteSettingFromState(state, values.optionOnlyForResidents)
   };
 };
 export default connect(mapStateToProps, {