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

package/dist/index.umd.js

@@ -466,6 +466,14 @@
           id: id
         }
       });
+    },
+    getExternalSync: function getExternalSync(jobId) {
+      return Session$9.authedFunction({
+        method: 'GET',
+        url: Helper$5.getUrl(values.serviceKey, 'get/externalsync', {
+          id: jobId
+        })
+      });
     }
   };
 
@@ -3332,6 +3340,54 @@
         }, _callee2, null, [[0, 7]]);
       })));
 
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getExternalSync", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee3() {
+        var res, _error$response;
+
+        return _regeneratorRuntime__default['default'].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__default['default'](_assertThisInitialized__default['default'](_this), "getStatusType", function (status) {
         var statusTypes = _this.props.statusTypes;
         var statusType = statusTypes.find(function (s) {
@@ -3497,35 +3553,35 @@
         });
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onConfirmAssignee", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee3() {
-        return _regeneratorRuntime__default['default'].wrap(function _callee3$(_context3) {
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onConfirmAssignee", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee4() {
+        return _regeneratorRuntime__default['default'].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({
@@ -3534,68 +3590,68 @@
 
               case 12:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3, null, [[1, 8]]);
+        }, _callee4, null, [[1, 8]]);
       })));
 
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onAssignUser", /*#__PURE__*/function () {
-        var _ref4 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee4(userId) {
-          return _regeneratorRuntime__default['default'].wrap(function _callee4$(_context4) {
+        var _ref5 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee5(userId) {
+          return _regeneratorRuntime__default['default'].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__default['default'](_assertThisInitialized__default['default'](_this), "onConfirmAddNote", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee5() {
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onConfirmAddNote", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee6() {
         var res;
-        return _regeneratorRuntime__default['default'].wrap(function _callee5$(_context5) {
+        return _regeneratorRuntime__default['default'].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,
@@ -3609,7 +3665,7 @@
                 }), _this.state.noteImages);
 
               case 6:
-                res = _context5.sent;
+                res = _context6.sent;
 
                 _this.setState({
                   job: res.data.job,
@@ -3623,20 +3679,20 @@
                   _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__default['default'](_assertThisInitialized__default['default'](_this), "onDeleteNote", function (n) {
@@ -3684,42 +3740,42 @@
 
         _this.setState({
           updating: true
-        }, /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee6() {
+        }, /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee7() {
           var update;
-          return _regeneratorRuntime__default['default'].wrap(function _callee6$(_context6) {
+          return _regeneratorRuntime__default['default'].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]]);
         })));
       });
 
@@ -3731,44 +3787,44 @@
         });
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onAddComment", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee7() {
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onAddComment", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee8() {
         var _this$state2, commentInput, jobId, job, comments, res;
 
-        return _regeneratorRuntime__default['default'].wrap(function _callee7$(_context7) {
+        return _regeneratorRuntime__default['default'].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__default['default'](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__default['default'](_assertThisInitialized__default['default'](_this), "onHandleChange", function (event) {
@@ -3785,11 +3841,11 @@
       });
 
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSelectPriority", /*#__PURE__*/function () {
-        var _ref8 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee8(priority) {
+        var _ref9 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee9(priority) {
           var res, job;
-          return _regeneratorRuntime__default['default'].wrap(function _callee8$(_context8) {
+          return _regeneratorRuntime__default['default'].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), {}, {
@@ -3798,12 +3854,12 @@
                     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]);
@@ -3812,24 +3868,24 @@
                     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);
         };
       }());
 
@@ -3840,11 +3896,11 @@
       });
 
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSelectStatus", /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee9(status) {
+        var _ref10 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee10(status) {
           var res, job;
-          return _regeneratorRuntime__default['default'].wrap(function _callee9$(_context9) {
+          return _regeneratorRuntime__default['default'].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), {}, {
@@ -3853,12 +3909,12 @@
                     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]);
@@ -3867,24 +3923,24 @@
                     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);
         };
       }());
 
@@ -3902,7 +3958,9 @@
         noteAttachments: [],
         noteInput: '',
         noteImages: [],
-        assignees: []
+        assignees: [],
+        externalSync: null,
+        loadingExternalSync: false
       };
       return _this;
     }
@@ -3921,6 +3979,7 @@
           this.getJob();
           this.getComments();
           this.getAssignees();
+          this.getExternalSync();
         }
       }
     }, {
@@ -4399,6 +4458,26 @@
           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__default['default'].createElement("div", {
+          className: "ticketHistoryEntry",
+          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", {
+          className: "statusLabel statusLabel-large statusLabel-full",
+          style: {
+            backgroundColor: backgroundColor
+          }
+        }, /*#__PURE__*/React__default['default'].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() {
@@ -4413,6 +4492,34 @@
           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__default['default'].createElement("div", {
+          className: "padding-32 paddingVertical-40 bottomDivideBorder relative"
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "newTopBar clearfix flex flex-reverse"
+        }, /*#__PURE__*/React__default['default'].createElement(Components$3.Text, {
+          type: "formTitleSmall",
+          className: "flex-1"
+        }, "External Sync")), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "marginTop-16"
+        }, externalSync.externalSystem && /*#__PURE__*/React__default['default'].createElement(Components$3.Text, {
+          type: "body",
+          className: "marginBottom-8"
+        }, /*#__PURE__*/React__default['default'].createElement("strong", null, "System:"), " ", externalSync.externalSystem), externalSync.externalId && /*#__PURE__*/React__default['default'].createElement(Components$3.Text, {
+          type: "body",
+          className: "marginBottom-8"
+        }, /*#__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'))));
+      }
     }, {
       key: "renderOverview",
       value: function renderOverview() {
@@ -4449,6 +4556,10 @@
 
             case 'assignment':
               return _this7.renderAssignmentEntry(e, i);
+
+            case 'ExternalIDSet':
+            case 'ExternalIDSetFailed':
+              return _this7.renderExternalSyncEntry(e, i);
           }
         }));
       }
@@ -4565,8 +4676,8 @@
         }), /*#__PURE__*/React__default['default'].createElement("p", {
           className: "iconTextButton_text"
         }, "Add Attachment")), /*#__PURE__*/React__default['default'].createElement(Components$3.ImageInput, {
-          ref: function ref(_ref10) {
-            _this8.imageInput = _ref10;
+          ref: function ref(_ref11) {
+            _this8.imageInput = _ref11;
           },
           multiple: true,
           refreshCallback: function refreshCallback(images) {
@@ -4665,7 +4776,7 @@
           className: "pageSectionWrapper--fixedPopupSize"
         }, this.renderInner()), /*#__PURE__*/React__default['default'].createElement(Components$3.OverlayPageSection, {
           className: "pageSectionWrapper--newPopupSide pageSectionWrapper--newPopupSide-fixedWidth"
-        }, this.renderAssignment(), this.renderPriority(), this.renderOverview())), /*#__PURE__*/React__default['default'].createElement(Components$3.OverlayPageBottomButtons, null, this.renderButtons()));
+        }, this.renderAssignment(), this.renderPriority(), this.renderExternalSync(), this.renderOverview())), /*#__PURE__*/React__default['default'].createElement(Components$3.OverlayPageBottomButtons, null, this.renderButtons()));
       }
     }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-maintenance-web-a",
-  "version": "1.1.27",
+  "version": "1.1.28",
   "description": "Extension package to enable maintenance on Pluss Communities Platform",
   "main": "dist/index.cjs.js",
   "scripts": {

package/src/apis/maintenanceActions.js

@@ -187,4 +187,10 @@ export const maintenanceActions = {
       },
     });
   },
+  getExternalSync: (jobId) => {
+    return Session.authedFunction({
+      method: 'GET',
+      url: Helper.getUrl(values.serviceKey, 'get/externalsync', { id: jobId }),
+    });
+  },
 };