@plusscommunities/pluss-maintenance-web-a 1.1.27 → 1.1.28

package/dist/index.esm.js

@@ -444,6 +444,14 @@ var maintenanceActions = {
         id: id
       }
     });
+  },
+  getExternalSync: function getExternalSync(jobId) {
+    return Session$9.authedFunction({
+      method: 'GET',
+      url: Helper$5.getUrl(values.serviceKey, 'get/externalsync', {
+        id: jobId
+      })
+    });
   }
 };
 
@@ -3310,6 +3318,54 @@ var Job = /*#__PURE__*/function (_Component) {
       }, _callee2, null, [[0, 7]]);
     })));
 
+    _defineProperty(_assertThisInitialized(_this), "getExternalSync", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var res, _error$response;
+
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+
+              _this.setState({
+                loadingExternalSync: true
+              });
+
+              _context3.next = 4;
+              return maintenanceActions.getExternalSync(_this.state.jobId);
+
+            case 4:
+              res = _context3.sent;
+
+              _this.setState({
+                externalSync: res.data,
+                loadingExternalSync: false
+              });
+
+              _context3.next = 12;
+              break;
+
+            case 8:
+              _context3.prev = 8;
+              _context3.t0 = _context3["catch"](0);
+
+              // 404 is expected if no sync - don't show error
+              if (((_error$response = _context3.t0.response) === null || _error$response === void 0 ? void 0 : _error$response.status) !== 404) {
+                console.error('getExternalSync', _context3.t0);
+              }
+
+              _this.setState({
+                loadingExternalSync: false
+              });
+
+            case 12:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 8]]);
+    })));
+
     _defineProperty(_assertThisInitialized(_this), "getStatusType", function (status) {
       var statusTypes = _this.props.statusTypes;
       var statusType = statusTypes.find(function (s) {
@@ -3475,35 +3531,35 @@ var Job = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onConfirmAssignee", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    _defineProperty(_assertThisInitialized(_this), "onConfirmAssignee", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
               _this.setState({
                 confirmingAssignee: true
               });
 
-              _context3.prev = 1;
+              _context4.prev = 1;
 
               if (!_this.state.selectedAssignee) {
-                _context3.next = 5;
+                _context4.next = 5;
                 break;
               }
 
-              _context3.next = 5;
+              _context4.next = 5;
               return _this.onAssignUser(_this.state.selectedAssignee.id);
 
             case 5:
               _this.onCloseSelectAssignee();
 
-              _context3.next = 11;
+              _context4.next = 11;
               break;
 
             case 8:
-              _context3.prev = 8;
-              _context3.t0 = _context3["catch"](1);
-              console.error('onConfirmAssignee', _context3.t0);
+              _context4.prev = 8;
+              _context4.t0 = _context4["catch"](1);
+              console.error('onConfirmAssignee', _context4.t0);
 
             case 11:
               _this.setState({
@@ -3512,68 +3568,68 @@ var Job = /*#__PURE__*/function (_Component) {
 
             case 12:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3, null, [[1, 8]]);
+      }, _callee4, null, [[1, 8]]);
     })));
 
     _defineProperty(_assertThisInitialized(_this), "onAssignUser", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(userId) {
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(userId) {
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) {
-            switch (_context4.prev = _context4.next) {
+            switch (_context5.prev = _context5.next) {
               case 0:
-                _context4.prev = 0;
-                _context4.next = 3;
+                _context5.prev = 0;
+                _context5.next = 3;
                 return maintenanceActions.assignJob(_this.state.jobId, userId);
 
               case 3:
 
                 _this.getJob();
 
-                _context4.next = 10;
+                _context5.next = 10;
                 break;
 
               case 7:
-                _context4.prev = 7;
-                _context4.t0 = _context4["catch"](0);
-                console.error('onAssignUser', _context4.t0);
+                _context5.prev = 7;
+                _context5.t0 = _context5["catch"](0);
+                console.error('onAssignUser', _context5.t0);
 
               case 10:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
           }
-        }, _callee4, null, [[0, 7]]);
+        }, _callee5, null, [[0, 7]]);
       }));
 
       return function (_x) {
-        return _ref4.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }());
 
-    _defineProperty(_assertThisInitialized(_this), "onConfirmAddNote", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    _defineProperty(_assertThisInitialized(_this), "onConfirmAddNote", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
       var res;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               if (_this.isReadyToSaveNote()) {
-                _context5.next = 2;
+                _context6.next = 2;
                 break;
               }
 
-              return _context5.abrupt("return");
+              return _context6.abrupt("return");
 
             case 2:
-              _context5.prev = 2;
+              _context6.prev = 2;
 
               _this.setState({
                 submittingNote: true
               });
 
-              _context5.next = 6;
+              _context6.next = 6;
               return _this.state.editingNote ? maintenanceActions.editNote(_this.state.jobId, _this.state.editingNote, _this.state.noteInput, _this.state.noteAttachments.map(function (a) {
                 return {
                   Title: a.Title,
@@ -3587,7 +3643,7 @@ var Job = /*#__PURE__*/function (_Component) {
               }), _this.state.noteImages);
 
             case 6:
-              res = _context5.sent;
+              res = _context6.sent;
 
               _this.setState({
                 job: res.data.job,
@@ -3601,20 +3657,20 @@ var Job = /*#__PURE__*/function (_Component) {
                 _this.props.jobsLoaded([_this.state.job]);
               });
 
-              _context5.next = 13;
+              _context6.next = 13;
               break;
 
             case 10:
-              _context5.prev = 10;
-              _context5.t0 = _context5["catch"](2);
-              console.error('onConfirmAddNote', _context5.t0);
+              _context6.prev = 10;
+              _context6.t0 = _context6["catch"](2);
+              console.error('onConfirmAddNote', _context6.t0);
 
             case 13:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[2, 10]]);
+      }, _callee6, null, [[2, 10]]);
     })));
 
     _defineProperty(_assertThisInitialized(_this), "onDeleteNote", function (n) {
@@ -3662,42 +3718,42 @@ var Job = /*#__PURE__*/function (_Component) {
 
       _this.setState({
         updating: true
-      }, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      }, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
         var update;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) {
-            switch (_context6.prev = _context6.next) {
+            switch (_context7.prev = _context7.next) {
               case 0:
-                _context6.prev = 0;
+                _context7.prev = 0;
                 update = {
                   id: job.id,
                   seen: true,
                   status: job.status || 'Unassigned'
                 };
-                _context6.next = 4;
+                _context7.next = 4;
                 return maintenanceActions.editJob(update, auth.site);
 
               case 4:
-                _context6.next = 11;
+                _context7.next = 11;
                 break;
 
               case 6:
-                _context6.prev = 6;
-                _context6.t0 = _context6["catch"](0);
+                _context7.prev = 6;
+                _context7.t0 = _context7["catch"](0);
 
                 _this.setState({
                   updating: false
                 });
 
-                console.log('markSeen error', _context6.t0);
+                console.log('markSeen error', _context7.t0);
                 alert('Something went wrong with the request. Please try again.');
 
               case 11:
               case "end":
-                return _context6.stop();
+                return _context7.stop();
             }
           }
-        }, _callee6, null, [[0, 6]]);
+        }, _callee7, null, [[0, 6]]);
       })));
     });
 
@@ -3709,44 +3765,44 @@ var Job = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onAddComment", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    _defineProperty(_assertThisInitialized(_this), "onAddComment", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
       var _this$state2, commentInput, jobId, job, comments, res;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               _this$state2 = _this.state, commentInput = _this$state2.commentInput, jobId = _this$state2.jobId, job = _this$state2.job, comments = _this$state2.comments;
-              _context7.prev = 1;
+              _context8.prev = 1;
 
               _this.setState({
                 commentInput: ''
               });
 
-              _context7.next = 5;
+              _context8.next = 5;
               return reactionActions.addComment(jobId, values.commentKey, job.title, job.site, commentInput);
 
             case 5:
-              res = _context7.sent;
+              res = _context8.sent;
 
               _this.setState({
                 comments: [].concat(_toConsumableArray(comments), [res.data])
               });
 
-              _context7.next = 12;
+              _context8.next = 12;
               break;
 
             case 9:
-              _context7.prev = 9;
-              _context7.t0 = _context7["catch"](1);
-              console.error('onAddComment', _context7.t0);
+              _context8.prev = 9;
+              _context8.t0 = _context8["catch"](1);
+              console.error('onAddComment', _context8.t0);
 
             case 12:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7, null, [[1, 9]]);
+      }, _callee8, null, [[1, 9]]);
     })));
 
     _defineProperty(_assertThisInitialized(_this), "onHandleChange", function (event) {
@@ -3763,11 +3819,11 @@ var Job = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onSelectPriority", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(priority) {
+      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(priority) {
         var res, job;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) {
-            switch (_context8.prev = _context8.next) {
+            switch (_context9.prev = _context9.next) {
               case 0:
                 _this.setState({
                   job: _objectSpread$4(_objectSpread$4({}, _this.state.job), {}, {
@@ -3776,12 +3832,12 @@ var Job = /*#__PURE__*/function (_Component) {
                   priorityChangerOpen: false
                 });
 
-                _context8.prev = 1;
-                _context8.next = 4;
+                _context9.prev = 1;
+                _context9.next = 4;
                 return maintenanceActions.editJobPriority(_this.state.job.id, priority);
 
               case 4:
-                res = _context8.sent;
+                res = _context9.sent;
                 job = res.data.job;
 
                 _this.props.jobsLoaded([job]);
@@ -3790,24 +3846,24 @@ var Job = /*#__PURE__*/function (_Component) {
                   job: job
                 });
 
-                _context8.next = 13;
+                _context9.next = 13;
                 break;
 
               case 10:
-                _context8.prev = 10;
-                _context8.t0 = _context8["catch"](1);
-                console.error('onSelectPriority', _context8.t0);
+                _context9.prev = 10;
+                _context9.t0 = _context9["catch"](1);
+                console.error('onSelectPriority', _context9.t0);
 
               case 13:
               case "end":
-                return _context8.stop();
+                return _context9.stop();
             }
           }
-        }, _callee8, null, [[1, 10]]);
+        }, _callee9, null, [[1, 10]]);
       }));
 
       return function (_x2) {
-        return _ref8.apply(this, arguments);
+        return _ref9.apply(this, arguments);
       };
     }());
 
@@ -3818,11 +3874,11 @@ var Job = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onSelectStatus", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(status) {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(status) {
         var res, job;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) {
-            switch (_context9.prev = _context9.next) {
+            switch (_context10.prev = _context10.next) {
               case 0:
                 _this.setState({
                   job: _objectSpread$4(_objectSpread$4({}, _this.state.job), {}, {
@@ -3831,12 +3887,12 @@ var Job = /*#__PURE__*/function (_Component) {
                   statusChangerOpen: false
                 });
 
-                _context9.prev = 1;
-                _context9.next = 4;
+                _context10.prev = 1;
+                _context10.next = 4;
                 return maintenanceActions.editJobStatus(_this.state.job.id, status);
 
               case 4:
-                res = _context9.sent;
+                res = _context10.sent;
                 job = res.data.job;
 
                 _this.props.jobsLoaded([job]);
@@ -3845,24 +3901,24 @@ var Job = /*#__PURE__*/function (_Component) {
                   job: job
                 });
 
-                _context9.next = 13;
+                _context10.next = 13;
                 break;
 
               case 10:
-                _context9.prev = 10;
-                _context9.t0 = _context9["catch"](1);
-                console.error('onSelectStatus', _context9.t0);
+                _context10.prev = 10;
+                _context10.t0 = _context10["catch"](1);
+                console.error('onSelectStatus', _context10.t0);
 
               case 13:
               case "end":
-                return _context9.stop();
+                return _context10.stop();
             }
           }
-        }, _callee9, null, [[1, 10]]);
+        }, _callee10, null, [[1, 10]]);
       }));
 
       return function (_x3) {
-        return _ref9.apply(this, arguments);
+        return _ref10.apply(this, arguments);
       };
     }());
 
@@ -3880,7 +3936,9 @@ var Job = /*#__PURE__*/function (_Component) {
       noteAttachments: [],
       noteInput: '',
       noteImages: [],
-      assignees: []
+      assignees: [],
+      externalSync: null,
+      loadingExternalSync: false
     };
     return _this;
   }
@@ -3899,6 +3957,7 @@ var Job = /*#__PURE__*/function (_Component) {
         this.getJob();
         this.getComments();
         this.getAssignees();
+        this.getExternalSync();
       }
     }
   }, {
@@ -4377,6 +4436,26 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "statusLabel_text"
       }, e.user.displayName, " assigned the ", values.textSingularName, " to ", e.assignedUser ? e.assignedUser.displayName : 'Unassigned')));
     }
+  }, {
+    key: "renderExternalSyncEntry",
+    value: function renderExternalSyncEntry(e, i) {
+      var isSuccess = e.EntryType === 'ExternalIDSet';
+      var backgroundColor = isSuccess ? Colours$1.COLOUR_GREEN : Colours$1.COLOUR_RED; // Green for success, red for failure
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "ticketHistoryEntry",
+        key: i
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "ticketHistoryEntry_timestamp"
+      }, moment.utc(e.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("div", {
+        className: "statusLabel statusLabel-large statusLabel-full",
+        style: {
+          backgroundColor: backgroundColor
+        }
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "statusLabel_text"
+      }, isSuccess ? "Synced to ".concat(e.externalSystem || 'external system').concat(e.externalId ? " (ID: ".concat(e.externalId, ")") : '') : "Failed to sync to external system".concat(e.error ? ": ".concat(e.error) : ''))));
+    }
   }, {
     key: "renderPriority",
     value: function renderPriority() {
@@ -4391,6 +4470,34 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "flex-1"
       }, "Priority")));
     }
+  }, {
+    key: "renderExternalSync",
+    value: function renderExternalSync() {
+      var _this$state3 = this.state,
+          externalSync = _this$state3.externalSync,
+          loadingExternalSync = _this$state3.loadingExternalSync; // Only show if external sync data exists
+
+      if (!externalSync || loadingExternalSync) return null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "padding-32 paddingVertical-40 bottomDivideBorder relative"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "newTopBar clearfix flex flex-reverse"
+      }, /*#__PURE__*/React.createElement(Components$3.Text, {
+        type: "formTitleSmall",
+        className: "flex-1"
+      }, "External Sync")), /*#__PURE__*/React.createElement("div", {
+        className: "marginTop-16"
+      }, externalSync.externalSystem && /*#__PURE__*/React.createElement(Components$3.Text, {
+        type: "body",
+        className: "marginBottom-8"
+      }, /*#__PURE__*/React.createElement("strong", null, "System:"), " ", externalSync.externalSystem), externalSync.externalId && /*#__PURE__*/React.createElement(Components$3.Text, {
+        type: "body",
+        className: "marginBottom-8"
+      }, /*#__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'))));
+    }
   }, {
     key: "renderOverview",
     value: function renderOverview() {
@@ -4427,6 +4534,10 @@ var Job = /*#__PURE__*/function (_Component) {
 
           case 'assignment':
             return _this7.renderAssignmentEntry(e, i);
+
+          case 'ExternalIDSet':
+          case 'ExternalIDSetFailed':
+            return _this7.renderExternalSyncEntry(e, i);
         }
       }));
     }
@@ -4543,8 +4654,8 @@ var Job = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement("p", {
         className: "iconTextButton_text"
       }, "Add Attachment")), /*#__PURE__*/React.createElement(Components$3.ImageInput, {
-        ref: function ref(_ref10) {
-          _this8.imageInput = _ref10;
+        ref: function ref(_ref11) {
+          _this8.imageInput = _ref11;
         },
         multiple: true,
         refreshCallback: function refreshCallback(images) {
@@ -4643,7 +4754,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "pageSectionWrapper--fixedPopupSize"
       }, this.renderInner()), /*#__PURE__*/React.createElement(Components$3.OverlayPageSection, {
         className: "pageSectionWrapper--newPopupSide pageSectionWrapper--newPopupSide-fixedWidth"
-      }, this.renderAssignment(), this.renderPriority(), this.renderOverview())), /*#__PURE__*/React.createElement(Components$3.OverlayPageBottomButtons, null, this.renderButtons()));
+      }, this.renderAssignment(), this.renderPriority(), this.renderExternalSync(), this.renderOverview())), /*#__PURE__*/React.createElement(Components$3.OverlayPageBottomButtons, null, this.renderButtons()));
     }
   }]);