@plusscommunities/pluss-maintenance-web 1.1.32 → 1.1.33

package/dist/index.cjs.js

@@ -2749,7 +2749,7 @@ class Job extends React.Component {
         res.data.location = res.data.site;
         this.setJob(res.data);
       } catch (error) {
-        console.error('getJob', error);
+        console.error("getJob", error);
       }
     });
     _defineProperty__default["default"](this, "getAssignees", async () => {
@@ -2759,7 +2759,7 @@ class Job extends React.Component {
           assignees: res.data.Users
         });
       } catch (error) {
-        console.error('getAssignees', error);
+        console.error("getAssignees", error);
       }
     });
     _defineProperty__default["default"](this, "getExternalSync", async () => {
@@ -2775,7 +2775,7 @@ class Job extends React.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
@@ -2800,8 +2800,8 @@ class Job extends React.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
@@ -2823,16 +2823,16 @@ class Job extends React.Component {
     });
     _defineProperty__default["default"](this, "setJob", job => {
       if (___default["default"].isEmpty(job.lastActivity)) {
-        job.lastActivity = '-- --';
+        job.lastActivity = "-- --";
         job.noActivity = true;
       }
       if (___default["default"].isEmpty(job.status)) {
-        job.status = 'Unassigned';
+        job.status = "Unassigned";
         job.notStatus = true;
       }
       if (___default["default"].isEmpty(job.audience)) {
         job.audience = [{
-          displayName: 'Unassigned',
+          displayName: "Unassigned",
           isEmpty: true
         }];
       }
@@ -2870,7 +2870,7 @@ class Job extends React.Component {
         editingNote: null
       };
       if (!!this.state.editingNote) {
-        newState.noteInput = '';
+        newState.noteInput = "";
         newState.noteAttachments = [];
         newState.noteImages = [];
       }
@@ -2912,7 +2912,7 @@ class Job extends React.Component {
           noteAttachments: [...this.state.noteAttachments]
         });
       });
-      event.target.value = '';
+      event.target.value = "";
     });
     _defineProperty__default["default"](this, "onRemoveAttachment", a => {
       const index = this.state.noteAttachments.indexOf(a);
@@ -2949,7 +2949,7 @@ class Job extends React.Component {
         }
         this.onCloseSelectAssignee();
       } catch (error) {
-        console.error('onConfirmAssignee', error);
+        console.error("onConfirmAssignee", error);
       }
       this.setState({
         confirmingAssignee: false
@@ -2961,7 +2961,7 @@ class Job extends React.Component {
         const res = await maintenanceActions.assignJob(this.state.jobId, userId);
         this.getJob();
       } catch (err) {
-        console.error('onAssignUser', err);
+        console.error("onAssignUser", err);
       }
     });
     _defineProperty__default["default"](this, "onConfirmAddNote", async () => {
@@ -2985,7 +2985,7 @@ class Job extends React.Component {
           job: res.data.job,
           submittingNote: false,
           addNoteOpen: false,
-          noteInput: '',
+          noteInput: "",
           noteAttachments: [],
           noteImages: [],
           editingNote: null
@@ -2993,7 +2993,7 @@ class Job extends React.Component {
           this.props.jobsLoaded([this.state.job]);
         });
       } catch (err) {
-        console.error('onConfirmAddNote', err);
+        console.error("onConfirmAddNote", err);
       }
     });
     _defineProperty__default["default"](this, "onDeleteNote", n => {
@@ -3016,7 +3016,7 @@ class Job extends React.Component {
       this.setState({
         noteAttachments: n.Attachments || [],
         noteImages: n.Images || [],
-        noteInput: n.Note || '',
+        noteInput: n.Note || "",
         addNoteOpen: true,
         editingNote: n.Id,
         noteMenuOpen: null
@@ -3039,15 +3039,15 @@ class Job extends React.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.");
         }
       });
     });
@@ -3067,19 +3067,19 @@ class Job extends React.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__default["default"](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__default["default"](this, "onTogglePriorityChanger", () => {
@@ -3104,7 +3104,7 @@ class Job extends React.Component {
           job
         });
       } catch (error) {
-        console.error('onSelectPriority', error);
+        console.error("onSelectPriority", error);
       }
     });
     _defineProperty__default["default"](this, "onToggleStatusChanger", () => {
@@ -3129,22 +3129,22 @@ class Job extends React.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,
@@ -3168,7 +3168,7 @@ class Job extends React.Component {
   }
   checkSetImage() {
     if (this.imageInput && !___default["default"].isEmpty(this.state.noteImages)) {
-      this.imageInput.getWrappedInstance().setValue(this.state.noteImages);
+      this.imageInput.setValue(this.state.noteImages);
     } else {
       setTimeout(this.checkSetImage, 100);
     }
@@ -3308,7 +3308,7 @@ class Job extends React.Component {
     }, this.state.comments.map(c => this.renderComment(c))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "commentReply"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "commentReply_button".concat(!___default["default"].isEmpty(this.state.commentInput) ? ' commentReply_button-active' : ''),
+      className: "commentReply_button".concat(!___default["default"].isEmpty(this.state.commentInput) ? " commentReply_button-active" : ""),
       onClick: this.onAddComment
     }, /*#__PURE__*/React__default["default"].createElement(FontAwesome__default["default"], {
       className: "commentReply_icon",
@@ -3371,29 +3371,29 @@ class Job extends React.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__default["default"].createElement("div", {
             className: answerClass
-          }, field.answer ? moment__default["default"](field.answer, 'YYYY-MM-DD').format('DD-MMM-YYYY') : '');
-        case 'time':
+          }, field.answer ? moment__default["default"](field.answer, "YYYY-MM-DD").format("DD-MMM-YYYY") : "");
+        case "time":
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: answerClass
-          }, field.answer ? moment__default["default"](field.answer, 'HH:mm').format('h:mm a') : '');
-        case 'yn':
+          }, field.answer ? moment__default["default"](field.answer, "HH:mm").format("h:mm a") : "");
+        case "yn":
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: answerClass
-          }, field.answer ? 'Yes' : 'No');
-        case 'checkbox':
+          }, field.answer ? "Yes" : "No");
+        case "checkbox":
           return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
@@ -3404,8 +3404,8 @@ class Job extends React.Component {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "padding-60 paddingVertical-40 bottomDivideBorder"
     }, customFields.map((field, index) => {
-      if (['staticTitle', 'staticText'].includes(field.type)) return null;
-      if (___default["default"].isNil(field.answer) || field.answer === '' || field.answer.length === 0) return null;
+      if (["staticTitle", "staticText"].includes(field.type)) return null;
+      if (___default["default"].isNil(field.answer) || field.answer === "" || field.answer.length === 0) return null;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         key: index,
         className: "marginTop-16"
@@ -3435,27 +3435,27 @@ class Job extends React.Component {
     }, values.textEntityName, " #", this.state.job.jobId), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Submission date"), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
-    }, moment__default["default"].utc(this.state.job.createdTime).local().format('D MMM YY'))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
+    }, moment__default["default"].utc(this.state.job.createdTime).local().format("D MMM YY"))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Type"), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.type)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Address"), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
-    }, "Description ", this.state.job.image ? '- (image supplied)' : ''), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fieldLabel"
+    }, "Description ", this.state.job.image ? "- (image supplied)" : ""), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.description))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "padding-60 paddingVertical-40 bottomDivideBorder"
     }, /*#__PURE__*/React__default["default"].createElement(Components$3.Text, {
@@ -3464,27 +3464,27 @@ class Job extends React.Component {
     }, "Contact Details"), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Name"), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, this.state.job.userName)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Contact number"), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
-    }, ___default["default"].isEmpty(this.state.job.phone) ? 'No phone provided' : this.state.job.phone)), hasCustomFields ? null : /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
+    }, ___default["default"].isEmpty(this.state.job.phone) ? "No phone provided" : this.state.job.phone)), hasCustomFields ? null : /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Should person be home?"), /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "When"), /*#__PURE__*/React__default["default"].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) {
@@ -3493,7 +3493,7 @@ class Job extends React.Component {
     } = this.state;
     const entryToUse = e || {
       timestamp: job.createdTime,
-      status: 'Unassigned',
+      status: "Unassigned",
       user: {
         displayName: job.userName,
         id: job.userID,
@@ -3506,7 +3506,7 @@ class Job extends React.Component {
       key: i
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment__default["default"].utc(entryToUse.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, moment__default["default"].utc(entryToUse.timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
         backgroundColor: statusType.color
@@ -3521,10 +3521,10 @@ class Job extends React.Component {
       key: index
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment__default["default"].utc(note.Timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, moment__default["default"].utc(note.Timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
-        backgroundColor: '#6e79c5'
+        backgroundColor: "#6e79c5"
       }
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       className: "statusLabel_text"
@@ -3541,12 +3541,12 @@ class Job extends React.Component {
       className: "maintenanceNote_name"
     }, note.User.displayName), this.state.noteMenuOpen === index && /*#__PURE__*/React__default["default"].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__default["default"].createElement("p", {
@@ -3568,12 +3568,12 @@ class Job extends React.Component {
     }, "Assignment")), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "marginTop-16"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fieldLabel'
+      className: "fieldLabel"
     }, "Assigned to"), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
+      className: "fontRegular fontSize-16 text-dark marginTop-5"
     }, job.Assignee ? /*#__PURE__*/React__default["default"].createElement(Components$3.UserListing, {
       user: job.Assignee
-    }) : 'Unassigned'))));
+    }) : "Unassigned"))));
   }
   renderAssignmentEntry(e, i) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3581,17 +3581,17 @@ class Job extends React.Component {
       key: i
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment__default["default"].utc(e.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, moment__default["default"].utc(e.timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
         backgroundColor: Colours$1.COLOUR_DUSK
       }
     }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
@@ -3599,14 +3599,14 @@ class Job extends React.Component {
       key: i
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "ticketHistoryEntry_timestamp"
-    }, moment__default["default"].utc(e.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, moment__default["default"].utc(e.timestamp).local().format("D MMM YYYY h:mma")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "statusLabel statusLabel-large statusLabel-full",
       style: {
         backgroundColor
       }
     }, /*#__PURE__*/React__default["default"].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 {
@@ -3628,8 +3628,8 @@ class Job extends React.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() {
@@ -3698,7 +3698,7 @@ class Job extends React.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
@@ -3711,7 +3711,7 @@ class Job extends React.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;
   }
@@ -3745,7 +3745,7 @@ class Job extends React.Component {
     }, /*#__PURE__*/React__default["default"].createElement("strong", null, "External ID:"), " ", externalSync.externalId), externalSync.syncedAt && /*#__PURE__*/React__default["default"].createElement(Components$3.Text, {
       type: "body",
       className: "marginBottom-8"
-    }, /*#__PURE__*/React__default["default"].createElement("strong", null, "Synced:"), " ", moment__default["default"].utc(externalSync.syncedAt).local().format('D MMM YYYY h:mma'))) : this.renderExternalSyncStatus()));
+    }, /*#__PURE__*/React__default["default"].createElement("strong", null, "Synced:"), " ", moment__default["default"].utc(externalSync.syncedAt).local().format("D MMM YYYY h:mma"))) : this.renderExternalSyncStatus()));
   }
   renderOverview() {
     const {
@@ -3754,14 +3754,14 @@ class Job extends React.Component {
     if (!job || !job.history) return null;
     const source = ___default["default"].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__default["default"].createElement("div", {
       className: "padding-32 paddingVertical-40 bottomDivideBorder relative"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3771,14 +3771,14 @@ class Job extends React.Component {
       className: "flex-1"
     }, "Status History")), this.renderHistoryEntry(null, -1), ___default["default"].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);
       }
     }));
@@ -3831,20 +3831,20 @@ class Job extends React.Component {
       })));
     }
     return /*#__PURE__*/React__default["default"].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__default["default"].createElement(Components$3.GenericInput, {
       id: "noteInput",
@@ -3946,15 +3946,15 @@ class Job extends React.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());
   }
@@ -4020,13 +4020,13 @@ class AddJob extends React.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__default["default"](this, "getJobTypes", async () => {
@@ -4037,7 +4037,7 @@ class AddJob extends React.Component {
         });
         this.getDefaultJob();
       } catch (error) {
-        console.error('getJobTypes', error);
+        console.error("getJobTypes", error);
       }
     });
     _defineProperty__default["default"](this, "getUsers", async () => {
@@ -4047,16 +4047,16 @@ class AddJob extends React.Component {
         if (res.data != null && !___default["default"].isEmpty(res.data.results.Items)) {
           let items = res.data.results.Items;
           if (this.props.optionOnlyForResidents) {
-            items = ___default["default"].filter(items, u => u.category === 'resident');
+            items = ___default["default"].filter(items, u => u.category === "resident");
           }
           this.setState({
             users: ___default["default"].sortBy(items, u => {
-              return (u.displayName || '').toLowerCase();
+              return (u.displayName || "").toLowerCase();
             })
           });
         }
       } catch (error) {
-        console.error('getUsers', error);
+        console.error("getUsers", error);
       }
     });
     _defineProperty__default["default"](this, "getDefaultJob", () => {
@@ -4073,7 +4073,7 @@ class AddJob extends React.Component {
           });
         } else {
           this.setState({
-            type: 'General'
+            type: "General"
           });
         }
       }
@@ -4091,14 +4091,14 @@ class AddJob extends React.Component {
         type: selectedType.typeName,
         customFields: hasPrevCustomFields ? prevCustomFileds : selectedType.hasCustomFields ? selectedType.customFields : []
       };
-      if (!___default["default"].isEmpty(update.customFields) && !___default["default"].some(update.customFields, 'isTitle')) {
-        update.title = this.state.selectedUser ? this.state.selectedUser.displayName : '';
+      if (!___default["default"].isEmpty(update.customFields) && !___default["default"].some(update.customFields, "isTitle")) {
+        update.title = this.state.selectedUser ? this.state.selectedUser.displayName : "";
       }
       this.setState(update);
     });
     _defineProperty__default["default"](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__default["default"](this, "onOpenUserSelector", () => {
@@ -4118,7 +4118,7 @@ class AddJob extends React.Component {
         userName: user.displayName,
         userFilterOpen: false
       };
-      if (!___default["default"].isEmpty(this.state.customFields) && !___default["default"].some(this.state.customFields, 'isTitle')) {
+      if (!___default["default"].isEmpty(this.state.customFields) && !___default["default"].some(this.state.customFields, "isTitle")) {
         update.title = user.displayName;
       }
 
@@ -4146,19 +4146,19 @@ class AddJob extends React.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__default["default"](this, "onUnselectUser", () => {
       const update = {
         selectedUser: null,
-        userID: '',
-        userName: '',
-        phone: '',
-        room: ''
+        userID: "",
+        userName: "",
+        phone: "",
+        room: ""
       };
-      if (!___default["default"].isEmpty(this.state.customFields) && !___default["default"].some(this.state.customFields, 'isTitle')) {
-        update.title = '';
+      if (!___default["default"].isEmpty(this.state.customFields) && !___default["default"].some(this.state.customFields, "isTitle")) {
+        update.title = "";
       }
       this.setState(update);
     });
@@ -4186,7 +4186,7 @@ class AddJob extends React.Component {
       };
       const field = update.customFields[qId];
       field.answer = ___default["default"].xor(field.answer || [], [answer]);
-      if (field.isTitle) update.title = field.answer.join(', ');
+      if (field.isTitle) update.title = field.answer.join(", ");
       this.setState(update);
     });
     _defineProperty__default["default"](this, "onChangeDateAnswer", function (qId, answer) {
@@ -4196,7 +4196,7 @@ class AddJob extends React.Component {
       };
       const field = update.customFields[qId];
       field.answer = answer;
-      if (field.isTitle) update.title = moment__default["default"](field.answer, 'YYYY-MM-DD').format('DD-MMM-YYYY');
+      if (field.isTitle) update.title = moment__default["default"](field.answer, "YYYY-MM-DD").format("DD-MMM-YYYY");
       _this.setState(update);
       if (togglePicker) _this.onToggleDatePicker(qId);
     });
@@ -4206,7 +4206,7 @@ class AddJob extends React.Component {
       };
       const field = update.customFields[qId];
       field.answer = answer;
-      if (field.isTitle) update.title = moment__default["default"](field.answer, 'HH:mm').format('h:mm a');
+      if (field.isTitle) update.title = moment__default["default"](field.answer, "HH:mm").format("h:mm a");
       this.setState(update);
     });
     _defineProperty__default["default"](this, "onChangeImageAnswer", (qId, answer) => {
@@ -4233,7 +4233,7 @@ class AddJob extends React.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,
@@ -4251,7 +4251,7 @@ class AddJob extends React.Component {
         delete newAttachment.uploading;
         this.setState(update);
       });
-      event.target.value = '';
+      event.target.value = "";
     });
     _defineProperty__default["default"](this, "onToggleDatePicker", qId => {
       const showDate = _objectSpread$3({}, this.state.showDate);
@@ -4301,7 +4301,7 @@ class AddJob extends React.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
@@ -4315,7 +4315,7 @@ class AddJob extends React.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.");
         });
       }
     });
@@ -4325,15 +4325,15 @@ class AddJob extends React.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 ___default["default"].isBoolean(answer);
-          case 'image':
-          case 'document':
-          case 'checkbox':
+          case "image":
+          case "document":
+          case "checkbox":
             return ___default["default"].isArray(answer) && answer.length > 0;
           default:
             return !___default["default"].isNil(answer) && !___default["default"].isEmpty(answer);
@@ -4342,12 +4342,12 @@ class AddJob extends React.Component {
       const checkFormat = () => {
         if (___default["default"].isNil(answer) || ___default["default"].isEmpty(answer)) return true;
         switch (type) {
-          case 'email':
+          case "email":
             return Helper$1.isEmail(answer);
-          case 'date':
-            return moment__default["default"](answer, 'YYYY-MM-DD', true).isValid();
-          case 'time':
-            return moment__default["default"](answer, 'HH:mm', true).isValid();
+          case "date":
+            return moment__default["default"](answer, "YYYY-MM-DD", true).isValid();
+          case "time":
+            return moment__default["default"](answer, "HH:mm", true).isValid();
           default:
             return true;
         }
@@ -4358,13 +4358,13 @@ class AddJob extends React.Component {
     _defineProperty__default["default"](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,
@@ -4372,21 +4372,21 @@ class AddJob extends React.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,
@@ -4408,7 +4408,7 @@ class AddJob extends React.Component {
   checkSetImages(imageRef, images) {
     if (imageRef) {
       if (!___default["default"].isEmpty(images)) {
-        imageRef.getWrappedInstance().setValue(images);
+        imageRef.setValue(images);
       }
     } else {
       setTimeout(() => {
@@ -4436,9 +4436,9 @@ class AddJob extends React.Component {
     if (!this.state.success) return null;
     const title = this.props.strings["".concat(values.featureKey, "_textTitleRequests")] || values.textTitleRequests;
     return /*#__PURE__*/React__default["default"].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();
         },
@@ -4566,13 +4566,13 @@ class AddJob extends React.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
@@ -4603,7 +4603,7 @@ class AddJob extends React.Component {
   }
   renderField(field, fieldId) {
     switch (field.type) {
-      case 'yn':
+      case "yn":
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId,
           className: "visitorSignIn_question ".concat(this.getFieldContainerClass(this.isFieldValid(field))),
@@ -4619,16 +4619,16 @@ class AddJob extends React.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__default["default"].createElement("div", {
           key: fieldId,
           className: "visitorSignIn_question ".concat(this.getFieldContainerClass(this.isFieldValid(field))),
@@ -4651,14 +4651,14 @@ class AddJob extends React.Component {
             };
           }),
           rowStyle: {
-            flexDirection: 'column'
+            flexDirection: "column"
           },
           buttonStyle: {
-            marginTop: '5px',
-            marginBottom: '5px'
+            marginTop: "5px",
+            marginBottom: "5px"
           }
         }));
-      case 'checkbox':
+      case "checkbox":
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId,
           className: this.getFieldContainerClass(this.isFieldValid(field)),
@@ -4673,7 +4673,7 @@ class AddJob extends React.Component {
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "fieldLabel",
           style: {
-            marginBottom: '5px',
+            marginBottom: "5px",
             color: this.props.colour
           }
         }, field.label), field.values.map((option, optionIndex) => {
@@ -4686,9 +4686,9 @@ class AddJob extends React.Component {
             onChange: () => this.onChangeCheckboxAnswer(fieldId, option)
           });
         })));
-      case 'text':
-      case 'email':
-      case 'phone':
+      case "text":
+      case "email":
+      case "phone":
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId
         }, /*#__PURE__*/React__default["default"].createElement(Components$2.GenericInput, {
@@ -4701,10 +4701,10 @@ class AddJob extends React.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__default["default"].createElement("p", {
           className: "visitorSignIn_text-staticTitle",
           style: {
@@ -4712,21 +4712,21 @@ class AddJob extends React.Component {
           },
           key: fieldId
         }, field.label);
-      case 'staticText':
+      case "staticText":
         return /*#__PURE__*/React__default["default"].createElement("p", {
           className: "visitorSignIn_text-staticText",
           key: fieldId
         }, Helper$1.toParagraphed(field.label, {
           marginTop: 10
         }));
-      case 'date':
+      case "date":
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId
         }, /*#__PURE__*/React__default["default"].createElement(Components$2.GenericInput, {
           id: fieldId,
           label: field.label,
-          placeholder: 'DD-MMM-YYYY',
-          value: field.answer ? moment__default["default"](field.answer, 'YYYY-MM-DD').format('DD-MMM-YYYY') : '',
+          placeholder: "DD-MMM-YYYY",
+          value: field.answer ? moment__default["default"](field.answer, "YYYY-MM-DD").format("DD-MMM-YYYY") : "",
           onClick: e => this.onToggleDatePicker(fieldId),
           isRequired: field.mandatory,
           isValid: () => this.isFieldValid(field),
@@ -4744,14 +4744,14 @@ class AddJob extends React.Component {
           selectedDate: field.answer,
           selectDate: date => this.onChangeDateAnswer(fieldId, date)
         }));
-      case 'time':
+      case "time":
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId
         }, /*#__PURE__*/React__default["default"].createElement(Components$2.GenericInput, {
           id: fieldId,
           label: field.label,
-          placeholder: '--:-- --',
-          value: field.answer ? moment__default["default"](field.answer, 'HH:mm').format('h:mm a') : '',
+          placeholder: "--:-- --",
+          value: field.answer ? moment__default["default"](field.answer, "HH:mm").format("h:mm a") : "",
           type: "time",
           isRequired: field.mandatory,
           isValid: () => this.isFieldValid(field),
@@ -4764,7 +4764,7 @@ class AddJob extends React.Component {
             className: "timepicker-condensed",
             callbackFormat: "HH:mm",
             style: {
-              width: '100%'
+              width: "100%"
             }
           }),
           rightContent: !___default["default"].isEmpty(field.answer) && /*#__PURE__*/React__default["default"].createElement(Components$2.SVGIcon, {
@@ -4774,7 +4774,7 @@ class AddJob extends React.Component {
             onClick: () => this.onChangeTimeAnswer(fieldId, undefined)
           })
         }));
-      case 'image':
+      case "image":
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId,
           className: this.getFieldContainerClass(this.isFieldValid(field)),
@@ -4794,7 +4794,7 @@ class AddJob extends React.Component {
           multiple: true,
           refreshCallback: images => this.onChangeImageAnswer(fieldId, images)
         })));
-      case 'document':
+      case "document":
         const documents = field.answer || [];
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: fieldId,
@@ -4858,7 +4858,7 @@ class AddJob extends React.Component {
     }, /*#__PURE__*/React__default["default"].createElement(Components$2.Text, {
       type: "formTitleLarge",
       className: "marginBottom-24"
-    }, this.state.infoId == null ? 'New' : 'Edit', " ", values.textSingularName), this.renderSelectUser(), /*#__PURE__*/React__default["default"].createElement(Components$2.GenericInput, {
+    }, this.state.infoId == null ? "New" : "Edit", " ", values.textSingularName), this.renderSelectUser(), /*#__PURE__*/React__default["default"].createElement(Components$2.GenericInput, {
       id: "phone",
       type: "text",
       label: "Contact number",
@@ -4915,10 +4915,10 @@ class AddJob extends React.Component {
       hasPadding: true,
       onClose: this.onCloseUserSelector,
       buttons: [{
-        type: 'tertiary',
+        type: "tertiary",
         onClick: this.onCloseUserSelector,
         isActive: true,
-        text: 'Cancel'
+        text: "Cancel"
       }]
     }, /*#__PURE__*/React__default["default"].createElement(Components$2.GenericInput, {
       id: "userSearch",
@@ -4952,16 +4952,16 @@ class AddJob extends React.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 => {