@plusscommunities/pluss-maintenance-web 1.1.32 → 1.1.34-beta.0

package/dist/index.esm.js

@@ -2718,7 +2718,7 @@ class Job extends Component {
         res.data.location = res.data.site;
         this.setJob(res.data);
       } catch (error) {
-        console.error('getJob', error);
+        console.error("getJob", error);
       }
     });
     _defineProperty(this, "getAssignees", async () => {
@@ -2728,7 +2728,7 @@ class Job extends Component {
           assignees: res.data.Users
         });
       } catch (error) {
-        console.error('getAssignees', error);
+        console.error("getAssignees", error);
       }
     });
     _defineProperty(this, "getExternalSync", async () => {
@@ -2744,7 +2744,7 @@ class Job extends Component {
       } catch (error) {
         // 404 is expected if no sync - don't show error
         if (error && error.response && error.response.status !== 404) {
-          console.error('getExternalSync', error);
+          console.error("getExternalSync", error);
         }
         this.setState({
           loadingExternalSync: false
@@ -2769,8 +2769,8 @@ class Job extends Component {
           retrySyncInitiated: true
         });
       } catch (error) {
-        console.error('onRetrySync', error);
-        const errorMessage = error && error.response && error.response.data && error.response.data.error || 'Failed to retry sync. Please try again.';
+        console.error("onRetrySync", error);
+        const errorMessage = error && error.response && error.response.data && error.response.data.error || "Failed to retry sync. Please try again.";
         this.setState({
           retryingSync: false,
           retrySyncError: errorMessage
@@ -2792,16 +2792,16 @@ class Job extends Component {
     });
     _defineProperty(this, "setJob", job => {
       if (_.isEmpty(job.lastActivity)) {
-        job.lastActivity = '-- --';
+        job.lastActivity = "-- --";
         job.noActivity = true;
       }
       if (_.isEmpty(job.status)) {
-        job.status = 'Unassigned';
+        job.status = "Unassigned";
         job.notStatus = true;
       }
       if (_.isEmpty(job.audience)) {
         job.audience = [{
-          displayName: 'Unassigned',
+          displayName: "Unassigned",
           isEmpty: true
         }];
       }
@@ -2839,7 +2839,7 @@ class Job extends Component {
         editingNote: null
       };
       if (!!this.state.editingNote) {
-        newState.noteInput = '';
+        newState.noteInput = "";
         newState.noteAttachments = [];
         newState.noteImages = [];
       }
@@ -2881,7 +2881,7 @@ class Job extends Component {
           noteAttachments: [...this.state.noteAttachments]
         });
       });
-      event.target.value = '';
+      event.target.value = "";
     });
     _defineProperty(this, "onRemoveAttachment", a => {
       const index = this.state.noteAttachments.indexOf(a);
@@ -2918,7 +2918,7 @@ class Job extends Component {
         }
         this.onCloseSelectAssignee();
       } catch (error) {
-        console.error('onConfirmAssignee', error);
+        console.error("onConfirmAssignee", error);
       }
       this.setState({
         confirmingAssignee: false
@@ -2930,7 +2930,7 @@ class Job extends Component {
         const res = await maintenanceActions.assignJob(this.state.jobId, userId);
         this.getJob();
       } catch (err) {
-        console.error('onAssignUser', err);
+        console.error("onAssignUser", err);
       }
     });
     _defineProperty(this, "onConfirmAddNote", async () => {
@@ -2954,7 +2954,7 @@ class Job extends Component {
           job: res.data.job,
           submittingNote: false,
           addNoteOpen: false,
-          noteInput: '',
+          noteInput: "",
           noteAttachments: [],
           noteImages: [],
           editingNote: null
@@ -2962,7 +2962,7 @@ class Job extends Component {
           this.props.jobsLoaded([this.state.job]);
         });
       } catch (err) {
-        console.error('onConfirmAddNote', err);
+        console.error("onConfirmAddNote", err);
       }
     });
     _defineProperty(this, "onDeleteNote", n => {
@@ -2985,7 +2985,7 @@ class Job extends Component {
       this.setState({
         noteAttachments: n.Attachments || [],
         noteImages: n.Images || [],
-        noteInput: n.Note || '',
+        noteInput: n.Note || "",
         addNoteOpen: true,
         editingNote: n.Id,
         noteMenuOpen: null
@@ -3008,15 +3008,15 @@ class Job extends Component {
           const update = {
             id: job.id,
             seen: true,
-            status: job.status || 'Unassigned'
+            status: job.status || "Unassigned"
           };
           await maintenanceActions.editJob(update, auth.site);
         } catch (error) {
           this.setState({
             updating: false
           });
-          console.log('markSeen error', error);
-          alert('Something went wrong with the request. Please try again.');
+          console.log("markSeen error", error);
+          alert("Something went wrong with the request. Please try again.");
         }
       });
     });
@@ -3036,19 +3036,19 @@ class Job extends Component {
       } = this.state;
       try {
         this.setState({
-          commentInput: ''
+          commentInput: ""
         });
         const res = await reactionActions.addComment(jobId, values.commentKey, job.title, job.site, commentInput);
         this.setState({
           comments: [...comments, res.data]
         });
       } catch (error) {
-        console.error('onAddComment', error);
+        console.error("onAddComment", error);
       }
     });
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
-      stateChange[event.target.getAttribute('id')] = event.target.value;
+      stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
     });
     _defineProperty(this, "onTogglePriorityChanger", () => {
@@ -3073,7 +3073,7 @@ class Job extends Component {
           job
         });
       } catch (error) {
-        console.error('onSelectPriority', error);
+        console.error("onSelectPriority", error);
       }
     });
     _defineProperty(this, "onToggleStatusChanger", () => {
@@ -3098,22 +3098,22 @@ class Job extends Component {
           job
         });
       } catch (error) {
-        console.error('onSelectStatus', error);
+        console.error("onSelectStatus", error);
       }
     });
     this.state = {
-      jobId: Helper$2.safeReadParams(props, 'jobId') ? props.match.params.jobId : null,
+      jobId: Helper$2.safeReadParams(props, "jobId") ? props.match.params.jobId : null,
       job: null,
       showingSelector: false,
       updating: false,
       comments: [],
-      commentInput: '',
+      commentInput: "",
       loadingComments: false,
       priorityChangerOpen: false,
       statusChangerOpen: false,
       addNoteOpen: false,
       noteAttachments: [],
-      noteInput: '',
+      noteInput: "",
       noteImages: [],
       assignees: [],
       externalSync: null,
@@ -3137,7 +3137,7 @@ class Job extends Component {
   }
   checkSetImage() {
     if (this.imageInput && !_.isEmpty(this.state.noteImages)) {
-      this.imageInput.getWrappedInstance().setValue(this.state.noteImages);
+      this.imageInput.setValue(this.state.noteImages);
     } else {
       setTimeout(this.checkSetImage, 100);
     }
@@ -3277,7 +3277,7 @@ class Job extends Component {
     }, this.state.comments.map(c => this.renderComment(c))), /*#__PURE__*/React.createElement("div", {
       className: "commentReply"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "commentReply_button".concat(!_.isEmpty(this.state.commentInput) ? ' commentReply_button-active' : ''),
+      className: "commentReply_button".concat(!_.isEmpty(this.state.commentInput) ? " commentReply_button-active" : ""),
       onClick: this.onAddComment
     }, /*#__PURE__*/React.createElement(FontAwesome, {
       className: "commentReply_icon",
@@ -3340,29 +3340,29 @@ class Job extends Component {
     const {
       customFields
     } = job;
-    const labelClass = 'fieldLabel';
-    const answerClass = 'fontRegular fontSize-16 text-dark marginTop-5';
+    const labelClass = "fieldLabel";
+    const answerClass = "fontRegular fontSize-16 text-dark marginTop-5";
     const renderAnswer = field => {
       switch (field.type) {
-        case 'date':
+        case "date":
           return /*#__PURE__*/React.createElement("div", {
             className: answerClass
-          }, field.answer ? moment(field.answer, 'YYYY-MM-DD').format('DD-MMM-YYYY') : '');
-        case 'time':
+          }, field.answer ? moment(field.answer, "YYYY-MM-DD").format("DD-MMM-YYYY") : "");
+        case "time":
           return /*#__PURE__*/React.createElement("div", {
             className: answerClass
-          }, field.answer ? moment(field.answer, 'HH:mm').format('h:mm a') : '');
-        case 'yn':
+          }, field.answer ? moment(field.answer, "HH:mm").format("h:mm a") : "");
+        case "yn":
           return /*#__PURE__*/React.createElement("div", {
             className: answerClass
-          }, field.answer ? 'Yes' : 'No');
-        case 'checkbox':
+          }, field.answer ? "Yes" : "No");
+        case "checkbox":
           return /*#__PURE__*/React.createElement("div", {
             className: answerClass
-          }, field.answer && Array.isArray(field.answer) ? field.answer.join(', ') : '');
-        case 'image':
+          }, field.answer && Array.isArray(field.answer) ? field.answer.join(", ") : "");
+        case "image":
           return this.renderImageGrid(field.answer);
-        case 'document':
+        case "document":
           return this.renderDocumentGrid(field.answer);
         default:
           return /*#__PURE__*/React.createElement("div", {
@@ -3373,8 +3373,8 @@ class Job extends Component {
     return /*#__PURE__*/React.createElement("div", {
       className: "padding-60 paddingVertical-40 bottomDivideBorder"
     }, customFields.map((field, index) => {
-      if (['staticTitle', 'staticText'].includes(field.type)) return null;
-      if (_.isNil(field.answer) || field.answer === '' || field.answer.length === 0) return null;
+      if (["staticTitle", "staticText"].includes(field.type)) return null;
+      if (_.isNil(field.answer) || field.answer === "" || field.answer.length === 0) return null;
       return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: "marginTop-16"
@@ -3404,27 +3404,27 @@ class Job extends Component {
     }, values.textEntityName, " #", this.state.job.jobId), /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Submission date"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
-    }, moment.utc(this.state.job.createdTime).local().format('D MMM YY'))), /*#__PURE__*/React.createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
+    }, moment.utc(this.state.job.createdTime).local().format("D MMM YY"))), /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Type"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.type)), /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Address"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.room)), hasCustomFields ? null : /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
-    }, "Description ", this.state.job.image ? '- (image supplied)' : ''), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fieldLabel"
+    }, "Description ", this.state.job.image ? "- (image supplied)" : ""), /*#__PURE__*/React.createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.description))), /*#__PURE__*/React.createElement("div", {
       className: "padding-60 paddingVertical-40 bottomDivideBorder"
     }, /*#__PURE__*/React.createElement(Components$3.Text, {
@@ -3433,27 +3433,27 @@ class Job extends Component {
     }, "Contact Details"), /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Name"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.userName)), /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Contact number"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
-    }, _.isEmpty(this.state.job.phone) ? 'No phone provided' : this.state.job.phone)), hasCustomFields ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
+    }, _.isEmpty(this.state.job.phone) ? "No phone provided" : this.state.job.phone)), hasCustomFields ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Should person be home?"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
-    }, this.state.job.isHome ? 'Yes' : 'No')), this.state.job.isHome && this.state.job.homeText && /*#__PURE__*/React.createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
+    }, this.state.job.isHome ? "Yes" : "No")), this.state.job.isHome && this.state.job.homeText && /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "When"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.homeText)))), hasCustomFields ? null : this.renderImages(), hasCustomFields ? this.renderCustomFields() : null, this.renderCommentSection());
   }
   renderHistoryEntry(e, i) {
@@ -3462,7 +3462,7 @@ class Job extends Component {
     } = this.state;
     const entryToUse = e || {
       timestamp: job.createdTime,
-      status: 'Unassigned',
+      status: "Unassigned",
       user: {
         displayName: job.userName,
         id: job.userID,
@@ -3475,7 +3475,7 @@ class Job extends Component {
       key: i
     }, /*#__PURE__*/React.createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment.utc(entryToUse.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("div", {
+    }, moment.utc(entryToUse.timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React.createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
         backgroundColor: statusType.color
@@ -3490,10 +3490,10 @@ class Job extends Component {
       key: index
     }, /*#__PURE__*/React.createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment.utc(note.Timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("div", {
+    }, moment.utc(note.Timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React.createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
-        backgroundColor: '#6e79c5'
+        backgroundColor: "#6e79c5"
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: "statusLabel_text"
@@ -3510,12 +3510,12 @@ class Job extends Component {
       className: "maintenanceNote_name"
     }, note.User.displayName), this.state.noteMenuOpen === index && /*#__PURE__*/React.createElement(Components$3.MoreMenu, {
       options: [{
-        key: 'edit',
-        text: 'Edit',
+        key: "edit",
+        text: "Edit",
         onPress: () => this.onOpenEditNote(note)
       }, {
-        key: 'delete',
-        text: 'Delete',
+        key: "delete",
+        text: "Delete",
         onPress: () => this.onDeleteNote(note)
       }]
     })), /*#__PURE__*/React.createElement("p", {
@@ -3537,12 +3537,12 @@ class Job extends Component {
     }, "Assignment")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Assigned to"), /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, job.Assignee ? /*#__PURE__*/React.createElement(Components$3.UserListing, {
       user: job.Assignee
-    }) : 'Unassigned'))));
+    }) : "Unassigned"))));
   }
   renderAssignmentEntry(e, i) {
     return /*#__PURE__*/React.createElement("div", {
@@ -3550,17 +3550,17 @@ class Job extends Component {
       key: i
     }, /*#__PURE__*/React.createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment.utc(e.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("div", {
+    }, moment.utc(e.timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React.createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
         backgroundColor: Colours$1.COLOUR_DUSK
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: "statusLabel_text"
-    }, e.user.displayName, " assigned the ", values.textSingularName, " to ", e.assignedUser ? e.assignedUser.displayName : 'Unassigned')));
+    }, e.user.displayName, " assigned the ", values.textSingularName, " to", " ", e.assignedUser ? e.assignedUser.displayName : "Unassigned")));
   }
   renderExternalSyncEntry(e, i) {
-    const isSuccess = e.EntryType === 'ExternalIDSet';
+    const isSuccess = e.EntryType === "ExternalIDSet";
     const backgroundColor = isSuccess ? Colours$1.COLOUR_GREEN : Colours$1.COLOUR_RED; // Green for success, red for failure
 
     return /*#__PURE__*/React.createElement("div", {
@@ -3568,14 +3568,14 @@ class Job extends Component {
       key: i
     }, /*#__PURE__*/React.createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment.utc(e.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("div", {
+    }, moment.utc(e.timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React.createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
         backgroundColor
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: "statusLabel_text"
-    }, isSuccess ? "Synced to ".concat(e.systemType || 'external system').concat(e.externalId ? " (ID: ".concat(e.externalId, ")") : '') : "Failed to sync to ".concat(e.systemType || 'external system').concat(e.error ? ": ".concat(e.error) : ''))));
+    }, isSuccess ? "Synced to ".concat(e.systemType || "external system").concat(e.externalId ? " (ID: ".concat(e.externalId, ")") : "") : "Failed to sync to ".concat(e.systemType || "external system").concat(e.error ? ": ".concat(e.error) : ""))));
   }
   renderPriority() {
     const {
@@ -3597,8 +3597,8 @@ class Job extends Component {
     } = this.state;
     if (!job || !job.history) return false;
     const history = job.history || [];
-    const hasSuccess = history.some(entry => entry.EntryType === 'ExternalIDSet');
-    const hasFailure = history.some(entry => entry.EntryType === 'ExternalIDSetFailed');
+    const hasSuccess = history.some(entry => entry.EntryType === "ExternalIDSet");
+    const hasFailure = history.some(entry => entry.EntryType === "ExternalIDSetFailed");
     return hasFailure && !hasSuccess;
   }
   renderRetrySyncButton() {
@@ -3667,7 +3667,7 @@ class Job extends Component {
         style: {
           color: Colours$1.COLOUR_GREEN
         }
-      }), " Sync retry initiated. Check back shortly for results.");
+      }), " ", "Sync retry initiated. Check back shortly for results.");
     }
 
     // Show failure message with instruction
@@ -3680,7 +3680,7 @@ class Job extends Component {
         style: {
           color: Colours$1.COLOUR_RED
         }
-      }), " External sync failed. Use the retry button to attempt again.");
+      }), " ", "External sync failed. Use the retry button to attempt again.");
     }
     return null;
   }
@@ -3714,7 +3714,7 @@ class Job extends Component {
     }, /*#__PURE__*/React.createElement("strong", null, "External ID:"), " ", externalSync.externalId), externalSync.syncedAt && /*#__PURE__*/React.createElement(Components$3.Text, {
       type: "body",
       className: "marginBottom-8"
-    }, /*#__PURE__*/React.createElement("strong", null, "Synced:"), " ", moment.utc(externalSync.syncedAt).local().format('D MMM YYYY h:mma'))) : this.renderExternalSyncStatus()));
+    }, /*#__PURE__*/React.createElement("strong", null, "Synced:"), " ", moment.utc(externalSync.syncedAt).local().format("D MMM YYYY h:mma"))) : this.renderExternalSyncStatus()));
   }
   renderOverview() {
     const {
@@ -3723,14 +3723,14 @@ class Job extends Component {
     if (!job || !job.history) return null;
     const source = _.sortBy([...job.history.map(e => {
       return _objectSpread$4(_objectSpread$4({}, e), {}, {
-        EntryType: e.EntryType || 'status'
+        EntryType: e.EntryType || "status"
       });
     }), ...(job.Notes || []).map(e => {
       return _objectSpread$4(_objectSpread$4({}, e), {}, {
         timestamp: e.Timestamp,
-        EntryType: 'note'
+        EntryType: "note"
       });
-    })], 'timestamp');
+    })], "timestamp");
     return /*#__PURE__*/React.createElement("div", {
       className: "padding-32 paddingVertical-40 bottomDivideBorder relative"
     }, /*#__PURE__*/React.createElement("div", {
@@ -3740,14 +3740,14 @@ class Job extends Component {
       className: "flex-1"
     }, "Status History")), this.renderHistoryEntry(null, -1), _.map(source, (e, i) => {
       switch (e.EntryType) {
-        case 'status':
+        case "status":
           return this.renderHistoryEntry(e, i);
-        case 'note':
+        case "note":
           return this.renderNote(e, i);
-        case 'assignment':
+        case "assignment":
           return this.renderAssignmentEntry(e, i);
-        case 'ExternalIDSet':
-        case 'ExternalIDSetFailed':
+        case "ExternalIDSet":
+        case "ExternalIDSetFailed":
           return this.renderExternalSyncEntry(e, i);
       }
     }));
@@ -3800,20 +3800,20 @@ class Job extends Component {
       })));
     }
     return /*#__PURE__*/React.createElement(Components$3.Popup, {
-      title: "".concat(this.state.editingNote ? 'Edit' : 'Add', " Note"),
+      title: "".concat(this.state.editingNote ? "Edit" : "Add", " Note"),
       onClose: this.onCloseAddNote,
       maxWidth: 600,
       hasPadding: true,
       buttons: [{
-        type: 'primary',
+        type: "primary",
         onClick: this.onConfirmAddNote,
         isActive: this.isReadyToSaveNote(),
-        text: 'Save'
+        text: "Save"
       }, {
-        type: 'tertiary',
+        type: "tertiary",
         onClick: this.onCloseAddNote,
         isActive: true,
-        text: 'Cancel'
+        text: "Cancel"
       }]
     }, /*#__PURE__*/React.createElement(Components$3.GenericInput, {
       id: "noteInput",
@@ -3915,15 +3915,15 @@ class Job extends Component {
       maxWidth: 600,
       hasPadding: true,
       buttons: [{
-        type: 'primary',
+        type: "primary",
         onClick: this.onConfirmAssignee,
         isActive: !!this.state.selectedAssignee,
-        text: 'Confirm'
+        text: "Confirm"
       }, {
-        type: 'tertiary',
+        type: "tertiary",
         onClick: this.onCloseSelectAssignee,
         isActive: true,
-        text: 'Cancel'
+        text: "Cancel"
       }]
     }, this.renderUsers());
   }
@@ -3989,13 +3989,13 @@ class AddJob extends Component {
         this.checkSetImages(this.imageInput, res.data.images);
         if (customFields) {
           customFields.forEach((field, index) => {
-            if (field.type === 'image' && field.answer) {
+            if (field.type === "image" && field.answer) {
               this.checkSetImages(this.customImageInputs[index], field.answer);
             }
           });
         }
       } catch (error) {
-        console.error('getJob', error);
+        console.error("getJob", error);
       }
     });
     _defineProperty(this, "getJobTypes", async () => {
@@ -4006,7 +4006,7 @@ class AddJob extends Component {
         });
         this.getDefaultJob();
       } catch (error) {
-        console.error('getJobTypes', error);
+        console.error("getJobTypes", error);
       }
     });
     _defineProperty(this, "getUsers", async () => {
@@ -4016,16 +4016,16 @@ class AddJob extends Component {
         if (res.data != null && !_.isEmpty(res.data.results.Items)) {
           let items = res.data.results.Items;
           if (this.props.optionOnlyForResidents) {
-            items = _.filter(items, u => u.category === 'resident');
+            items = _.filter(items, u => u.category === "resident");
           }
           this.setState({
             users: _.sortBy(items, u => {
-              return (u.displayName || '').toLowerCase();
+              return (u.displayName || "").toLowerCase();
             })
           });
         }
       } catch (error) {
-        console.error('getUsers', error);
+        console.error("getUsers", error);
       }
     });
     _defineProperty(this, "getDefaultJob", () => {
@@ -4042,7 +4042,7 @@ class AddJob extends Component {
           });
         } else {
           this.setState({
-            type: 'General'
+            type: "General"
           });
         }
       }
@@ -4060,14 +4060,14 @@ class AddJob extends Component {
         type: selectedType.typeName,
         customFields: hasPrevCustomFields ? prevCustomFileds : selectedType.hasCustomFields ? selectedType.customFields : []
       };
-      if (!_.isEmpty(update.customFields) && !_.some(update.customFields, 'isTitle')) {
-        update.title = this.state.selectedUser ? this.state.selectedUser.displayName : '';
+      if (!_.isEmpty(update.customFields) && !_.some(update.customFields, "isTitle")) {
+        update.title = this.state.selectedUser ? this.state.selectedUser.displayName : "";
       }
       this.setState(update);
     });
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
-      stateChange[event.target.getAttribute('id')] = event.target.value;
+      stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
     });
     _defineProperty(this, "onOpenUserSelector", () => {
@@ -4087,7 +4087,7 @@ class AddJob extends Component {
         userName: user.displayName,
         userFilterOpen: false
       };
-      if (!_.isEmpty(this.state.customFields) && !_.some(this.state.customFields, 'isTitle')) {
+      if (!_.isEmpty(this.state.customFields) && !_.some(this.state.customFields, "isTitle")) {
         update.title = user.displayName;
       }
 
@@ -4115,19 +4115,19 @@ class AddJob extends Component {
       }).catch(error => {
         // Permission denied (403) or other error - continue without auto-population
         // Staff can still create the request, just need to enter contact details manually
-        console.log('Could not fetch user details for auto-population:', error);
+        console.log("Could not fetch user details for auto-population:", error);
       });
     });
     _defineProperty(this, "onUnselectUser", () => {
       const update = {
         selectedUser: null,
-        userID: '',
-        userName: '',
-        phone: '',
-        room: ''
+        userID: "",
+        userName: "",
+        phone: "",
+        room: ""
       };
-      if (!_.isEmpty(this.state.customFields) && !_.some(this.state.customFields, 'isTitle')) {
-        update.title = '';
+      if (!_.isEmpty(this.state.customFields) && !_.some(this.state.customFields, "isTitle")) {
+        update.title = "";
       }
       this.setState(update);
     });
@@ -4155,7 +4155,7 @@ class AddJob extends Component {
       };
       const field = update.customFields[qId];
       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, "onChangeDateAnswer", function (qId, answer) {
@@ -4165,7 +4165,7 @@ class AddJob extends Component {
       };
       const field = update.customFields[qId];
       field.answer = answer;
-      if (field.isTitle) update.title = moment(field.answer, 'YYYY-MM-DD').format('DD-MMM-YYYY');
+      if (field.isTitle) update.title = moment(field.answer, "YYYY-MM-DD").format("DD-MMM-YYYY");
       _this.setState(update);
       if (togglePicker) _this.onToggleDatePicker(qId);
     });
@@ -4175,7 +4175,7 @@ class AddJob extends Component {
       };
       const field = update.customFields[qId];
       field.answer = answer;
-      if (field.isTitle) update.title = moment(field.answer, 'HH:mm').format('h:mm a');
+      if (field.isTitle) update.title = moment(field.answer, "HH:mm").format("h:mm a");
       this.setState(update);
     });
     _defineProperty(this, "onChangeImageAnswer", (qId, answer) => {
@@ -4202,7 +4202,7 @@ class AddJob extends Component {
       };
       const field = update.customFields[qId];
       const attachments = field.answer || [];
-      const [name, ext] = file.name.split('.');
+      const [name, ext] = file.name.split(".");
       const newAttachment = {
         uploading: true,
         name,
@@ -4220,7 +4220,7 @@ class AddJob extends Component {
         delete newAttachment.uploading;
         this.setState(update);
       });
-      event.target.value = '';
+      event.target.value = "";
     });
     _defineProperty(this, "onToggleDatePicker", qId => {
       const showDate = _objectSpread$3({}, this.state.showDate);
@@ -4270,7 +4270,7 @@ class AddJob extends Component {
           this.setState({
             updating: false
           });
-          alert('Something went wrong with the request. Please try again.');
+          alert("Something went wrong with the request. Please try again.");
         });
       } else {
         // Create New Job
@@ -4284,7 +4284,7 @@ class AddJob extends Component {
           this.setState({
             updating: false
           });
-          alert('Something went wrong with the request. Please try again.');
+          alert("Something went wrong with the request. Please try again.");
         });
       }
     });
@@ -4294,15 +4294,15 @@ class AddJob 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 'document':
-          case 'checkbox':
+          case "image":
+          case "document":
+          case "checkbox":
             return _.isArray(answer) && answer.length > 0;
           default:
             return !_.isNil(answer) && !_.isEmpty(answer);
@@ -4311,12 +4311,12 @@ class AddJob extends Component {
       const checkFormat = () => {
         if (_.isNil(answer) || _.isEmpty(answer)) return true;
         switch (type) {
-          case 'email':
+          case "email":
             return Helper$1.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;
         }
@@ -4327,13 +4327,13 @@ class AddJob extends Component {
     _defineProperty(this, "getFieldContainerClass", function () {
       let isValid = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       const showError = _this.state.showWarnings && !isValid;
-      return "genericInputContainer ".concat(isValid ? 'genericInput-valid' : '', " ").concat(showError ? 'genericInput-error' : '').trim();
+      return "genericInputContainer ".concat(isValid ? "genericInput-valid" : "", " ").concat(showError ? "genericInput-error" : "").trim();
     });
     this.imageInput = null;
     this.customImageInputs = {};
     this.customDocumentInputs = {};
     this.state = {
-      jobId: Helper$1.safeReadParams(this.props, 'jobId') ? this.props.match.params.jobId : null,
+      jobId: Helper$1.safeReadParams(this.props, "jobId") ? this.props.match.params.jobId : null,
       job: null,
       showingSelector: false,
       updating: false,
@@ -4341,21 +4341,21 @@ class AddJob extends Component {
       types: [],
       users: [],
       images: [],
-      userSearch: '',
+      userSearch: "",
       userFilterOpen: false,
       selectedUser: null,
       id: null,
-      userID: '',
-      userName: '',
-      room: '',
-      phone: '',
+      userID: "",
+      userName: "",
+      room: "",
+      phone: "",
       location: this.props.auth.site,
-      title: '',
-      description: '',
+      title: "",
+      description: "",
       isHome: false,
-      homeText: '',
-      prevType: 'General',
-      type: 'General',
+      homeText: "",
+      prevType: "General",
+      type: "General",
       image: null,
       thumbnail: null,
       showWarnings: false,
@@ -4377,7 +4377,7 @@ class AddJob extends Component {
   checkSetImages(imageRef, images) {
     if (imageRef) {
       if (!_.isEmpty(images)) {
-        imageRef.getWrappedInstance().setValue(images);
+        imageRef.setValue(images);
       }
     } else {
       setTimeout(() => {
@@ -4405,9 +4405,9 @@ class AddJob extends Component {
     if (!this.state.success) return null;
     const title = this.props.strings["".concat(values.featureKey, "_textTitleRequests")] || values.textTitleRequests;
     return /*#__PURE__*/React.createElement(Components$2.SuccessPopup, {
-      text: "".concat(values.textEntityName, " has been ").concat(this.state.id != null ? 'edited' : 'added'),
+      text: "".concat(values.textEntityName, " has been ").concat(this.state.id != null ? "edited" : "added"),
       buttons: [{
-        type: 'outlined',
+        type: "outlined",
         onClick: () => {
           window.history.back();
         },
@@ -4535,13 +4535,13 @@ class AddJob extends Component {
       label: "Person must be home during work?",
       isActive: this.state.isHome,
       options: [{
-        Label: 'No',
+        Label: "No",
         Value: false,
         onChange: () => this.setState({
           isHome: false
         })
       }, {
-        Label: 'Yes',
+        Label: "Yes",
         Value: true,
         onChange: () => this.setState({
           isHome: true
@@ -4572,7 +4572,7 @@ class AddJob extends Component {
   }
   renderField(field, fieldId) {
     switch (field.type) {
-      case 'yn':
+      case "yn":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId,
           className: "visitorSignIn_question ".concat(this.getFieldContainerClass(this.isFieldValid(field))),
@@ -4588,16 +4588,16 @@ class AddJob extends Component {
           noHoverHighlight: true,
           highlightColour: this.props.colour,
           options: [{
-            Label: 'Yes',
+            Label: "Yes",
             Value: true,
             onChange: this.onChangeToggleAnswer.bind(this, fieldId, true)
           }, {
-            Label: 'No',
+            Label: "No",
             Value: false,
             onChange: this.onChangeToggleAnswer.bind(this, fieldId, false)
           }]
         }));
-      case 'multichoice':
+      case "multichoice":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId,
           className: "visitorSignIn_question ".concat(this.getFieldContainerClass(this.isFieldValid(field))),
@@ -4620,14 +4620,14 @@ class AddJob extends Component {
             };
           }),
           rowStyle: {
-            flexDirection: 'column'
+            flexDirection: "column"
           },
           buttonStyle: {
-            marginTop: '5px',
-            marginBottom: '5px'
+            marginTop: "5px",
+            marginBottom: "5px"
           }
         }));
-      case 'checkbox':
+      case "checkbox":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId,
           className: this.getFieldContainerClass(this.isFieldValid(field)),
@@ -4642,7 +4642,7 @@ class AddJob extends Component {
         }, /*#__PURE__*/React.createElement("div", {
           className: "fieldLabel",
           style: {
-            marginBottom: '5px',
+            marginBottom: "5px",
             color: this.props.colour
           }
         }, field.label), field.values.map((option, optionIndex) => {
@@ -4655,9 +4655,9 @@ class AddJob extends Component {
             onChange: () => this.onChangeCheckboxAnswer(fieldId, option)
           });
         })));
-      case 'text':
-      case 'email':
-      case 'phone':
+      case "text":
+      case "email":
+      case "phone":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId
         }, /*#__PURE__*/React.createElement(Components$2.GenericInput, {
@@ -4670,10 +4670,10 @@ class AddJob extends Component {
           isRequired: field.mandatory,
           isValid: () => this.isFieldValid(field),
           showError: () => this.state.showWarnings && !this.isFieldValid(field),
-          errorMessage: field.type === 'email' ? 'Not a valid email' : undefined,
+          errorMessage: field.type === "email" ? "Not a valid email" : undefined,
           alwaysShowLabel: true
         }));
-      case 'staticTitle':
+      case "staticTitle":
         return /*#__PURE__*/React.createElement("p", {
           className: "visitorSignIn_text-staticTitle",
           style: {
@@ -4681,21 +4681,21 @@ class AddJob extends Component {
           },
           key: fieldId
         }, field.label);
-      case 'staticText':
+      case "staticText":
         return /*#__PURE__*/React.createElement("p", {
           className: "visitorSignIn_text-staticText",
           key: fieldId
         }, Helper$1.toParagraphed(field.label, {
           marginTop: 10
         }));
-      case 'date':
+      case "date":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId
         }, /*#__PURE__*/React.createElement(Components$2.GenericInput, {
           id: fieldId,
           label: field.label,
-          placeholder: 'DD-MMM-YYYY',
-          value: field.answer ? moment(field.answer, 'YYYY-MM-DD').format('DD-MMM-YYYY') : '',
+          placeholder: "DD-MMM-YYYY",
+          value: field.answer ? moment(field.answer, "YYYY-MM-DD").format("DD-MMM-YYYY") : "",
           onClick: e => this.onToggleDatePicker(fieldId),
           isRequired: field.mandatory,
           isValid: () => this.isFieldValid(field),
@@ -4713,14 +4713,14 @@ class AddJob extends Component {
           selectedDate: field.answer,
           selectDate: date => this.onChangeDateAnswer(fieldId, date)
         }));
-      case 'time':
+      case "time":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId
         }, /*#__PURE__*/React.createElement(Components$2.GenericInput, {
           id: fieldId,
           label: field.label,
-          placeholder: '--:-- --',
-          value: field.answer ? moment(field.answer, 'HH:mm').format('h:mm a') : '',
+          placeholder: "--:-- --",
+          value: field.answer ? moment(field.answer, "HH:mm").format("h:mm a") : "",
           type: "time",
           isRequired: field.mandatory,
           isValid: () => this.isFieldValid(field),
@@ -4733,7 +4733,7 @@ class AddJob extends Component {
             className: "timepicker-condensed",
             callbackFormat: "HH:mm",
             style: {
-              width: '100%'
+              width: "100%"
             }
           }),
           rightContent: !_.isEmpty(field.answer) && /*#__PURE__*/React.createElement(Components$2.SVGIcon, {
@@ -4743,7 +4743,7 @@ class AddJob extends Component {
             onClick: () => this.onChangeTimeAnswer(fieldId, undefined)
           })
         }));
-      case 'image':
+      case "image":
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId,
           className: this.getFieldContainerClass(this.isFieldValid(field)),
@@ -4763,7 +4763,7 @@ class AddJob extends Component {
           multiple: true,
           refreshCallback: images => this.onChangeImageAnswer(fieldId, images)
         })));
-      case 'document':
+      case "document":
         const documents = field.answer || [];
         return /*#__PURE__*/React.createElement("div", {
           key: fieldId,
@@ -4827,7 +4827,7 @@ class AddJob extends Component {
     }, /*#__PURE__*/React.createElement(Components$2.Text, {
       type: "formTitleLarge",
       className: "marginBottom-24"
-    }, this.state.infoId == null ? 'New' : 'Edit', " ", values.textSingularName), this.renderSelectUser(), /*#__PURE__*/React.createElement(Components$2.GenericInput, {
+    }, this.state.infoId == null ? "New" : "Edit", " ", values.textSingularName), this.renderSelectUser(), /*#__PURE__*/React.createElement(Components$2.GenericInput, {
       id: "phone",
       type: "text",
       label: "Contact number",
@@ -4884,10 +4884,10 @@ class AddJob extends Component {
       hasPadding: true,
       onClose: this.onCloseUserSelector,
       buttons: [{
-        type: 'tertiary',
+        type: "tertiary",
         onClick: this.onCloseUserSelector,
         isActive: true,
-        text: 'Cancel'
+        text: "Cancel"
       }]
     }, /*#__PURE__*/React.createElement(Components$2.GenericInput, {
       id: "userSearch",
@@ -4921,16 +4921,16 @@ class AddJob extends Component {
 }
 const styles$4 = {
   userLabelContainer: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
     marginBottom: 0,
-    justifyContent: 'space-between'
+    justifyContent: "space-between"
   },
   fieldContainer: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center'
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
   }
 };
 const mapStateToProps$2 = state => {