@plusscommunities/pluss-maintenance-web 1.1.14 → 1.1.15

package/dist/index.cjs.js

@@ -178,9 +178,9 @@ var JOBS_REMOVED = 'JOBS_REMOVED';
 var JOBS_TYPES_LOADED = 'JOBS_TYPES_LOADED';
 var JOBS_LOADING = 'JOBS_LOADING';
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var Helper$5 = PlussCore__namespace.Helper,
     Session$7 = PlussCore__namespace.Session;
 var maintenanceActions = {
@@ -269,7 +269,7 @@ var maintenanceActions = {
     return Session$7.authedFunction({
       method: 'POST',
       url: Helper$5.getUrl('maintenance', 'sendMaintenance'),
-      data: _objectSpread$5({}, job)
+      data: _objectSpread$6({}, job)
     });
   },
   editJob: function editJob(job, site) {
@@ -446,6 +446,7 @@ var reactionActions = {
 
 var Apis$1 = PlussCore__namespace.Apis;
 var analyticsActions = Apis$1.analyticsActions;
+var userActions = Apis$1.userActions;
 
 var Helper$3 = PlussCore__namespace.Helper;
 var jobsUpdate = function jobsUpdate(site, isdashboard) {
@@ -547,9 +548,9 @@ var StatusTypes = {
 	Completed: Completed
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -939,7 +940,7 @@ var JobList = /*#__PURE__*/function (_Component) {
 
           notes += note.Note;
         });
-        return _objectSpread$4(_objectSpread$4({}, r), {}, {
+        return _objectSpread$5(_objectSpread$5({}, r), {}, {
           notes: notes,
           progressTime: progressTime,
           completedTime: completedTime,
@@ -2379,9 +2380,9 @@ var RequestsHub$1 = reactRedux.connect(mapStateToProps$3, {
   jobsLoaded: jobsLoaded
 })(reactRouter.withRouter(RequestsHub));
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -2786,7 +2787,7 @@ var Job = /*#__PURE__*/function (_Component) {
         return note.Id !== n.Id;
       });
 
-      var newJob = _objectSpread$3({}, _this.state.job);
+      var newJob = _objectSpread$4({}, _this.state.job);
 
       newJob.Notes = newNotes;
 
@@ -2923,7 +2924,7 @@ var Job = /*#__PURE__*/function (_Component) {
             switch (_context8.prev = _context8.next) {
               case 0:
                 _this.setState({
-                  job: _objectSpread$3(_objectSpread$3({}, _this.state.job), {}, {
+                  job: _objectSpread$4(_objectSpread$4({}, _this.state.job), {}, {
                     status: status
                   }),
                   statusChangerOpen: false
@@ -3133,6 +3134,32 @@ var Job = /*#__PURE__*/function (_Component) {
         }
       }))));
     }
+  }, {
+    key: "renderImages",
+    value: function renderImages() {
+      if (___default['default'].isEmpty(this.state.job.image) && ___default['default'].isEmpty(this.state.job.images)) return null;
+      var imagesToUse = ___default['default'].isEmpty(this.state.job.image) ? this.state.job.images : [this.state.job.image];
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "padding-60 paddingVertical-40 bottomDivideBorder"
+      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
+        type: "formTitleSmall",
+        className: "marginBottom-16"
+      }, "Images"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "imageGrid"
+      }, imagesToUse.map(function (image, i) {
+        return /*#__PURE__*/React__default['default'].createElement("a", {
+          href: image,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          key: i
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "imageGrid_image",
+          style: {
+            backgroundImage: "url('".concat(Helper$1.get1400(image), "')")
+          }
+        }));
+      })));
+    }
   }, {
     key: "renderInner",
     value: function renderInner() {
@@ -3145,8 +3172,11 @@ var Job = /*#__PURE__*/function (_Component) {
         className: "padding-60 paddingVertical-40 bottomDivideBorder relative"
       }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
         type: "formTitleLarge",
+        className: "marginBottom-8"
+      }, this.state.job.title || 'Request'), /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
+        type: "formTitleMedium",
         className: "marginBottom-24"
-      }, this.state.job.title || 'Request'), /*#__PURE__*/React__default['default'].createElement("div", {
+      }, "Job #", this.state.job.jobId), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "marginTop-16"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: 'fieldLabel'
@@ -3199,23 +3229,7 @@ var Job = /*#__PURE__*/function (_Component) {
         className: 'fieldLabel'
       }, "When"), /*#__PURE__*/React__default['default'].createElement("div", {
         className: 'fontRegular fontSize-16 text-dark marginTop-5'
-      }, this.state.job.homeText))), (this.state.job.image || this.state.job.images) && /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "padding-60 paddingVertical-40 bottomDivideBorder"
-      }, /*#__PURE__*/React__default['default'].createElement(Components$2.Text, {
-        type: "formTitleSmall",
-        className: "marginBottom-16"
-      }, "Image"), /*#__PURE__*/React__default['default'].createElement("div", {
-        style: {
-          marginTop: 16,
-          height: 180,
-          width: 260,
-          borderRadius: 4,
-          border: '1px solid #aaa',
-          backgroundColor: '#ddd',
-          backgroundImage: "url(".concat(this.state.job.thumbnail, ")"),
-          backgroundPosition: 'center'
-        }
-      })), this.renderCommentSection());
+      }, this.state.job.homeText))), this.renderImages(), this.renderCommentSection());
     }
   }, {
     key: "renderHistoryEntry",
@@ -3344,11 +3358,11 @@ var Job = /*#__PURE__*/function (_Component) {
       if (!job || !job.history) return null;
 
       var source = ___default['default'].sortBy([].concat(_toConsumableArray__default['default'](job.history.map(function (e) {
-        return _objectSpread$3(_objectSpread$3({}, e), {}, {
+        return _objectSpread$4(_objectSpread$4({}, e), {}, {
           EntryType: e.EntryType || 'status'
         });
       })), _toConsumableArray__default['default']((job.Notes || []).map(function (e) {
-        return _objectSpread$3(_objectSpread$3({}, e), {}, {
+        return _objectSpread$4(_objectSpread$4({}, e), {}, {
           timestamp: e.Timestamp,
           EntryType: 'note'
         });
@@ -3595,6 +3609,10 @@ var Job$1 = reactRedux.connect(mapStateToProps$2, {
   jobsLoaded: jobsLoaded
 })(reactRouter.withRouter(Job));
 
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
 function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -3616,7 +3634,8 @@ var AddJob = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getJob", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
-      var res;
+      var res, _res$data, userID, userName, userProfilePic;
+
       return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -3628,23 +3647,30 @@ var AddJob = /*#__PURE__*/function (_Component) {
             case 3:
               res = _context.sent;
               res.data.location = res.data.site;
+              _res$data = res.data, userID = _res$data.userID, userName = _res$data.userName, userProfilePic = _res$data.userProfilePic;
 
-              _this.setState(res.data);
+              _this.setState(_objectSpread$3(_objectSpread$3({}, res.data), {}, {
+                selectedUser: {
+                  userId: userID,
+                  displayName: userName,
+                  profilePic: userProfilePic
+                }
+              }));
 
-              _context.next = 11;
+              _context.next = 12;
               break;
 
-            case 8:
-              _context.prev = 8;
+            case 9:
+              _context.prev = 9;
               _context.t0 = _context["catch"](0);
               console.error('getJob', _context.t0);
 
-            case 11:
+            case 12:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 9]]);
     })));
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getJobTypes", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee2() {
@@ -3682,6 +3708,53 @@ var AddJob = /*#__PURE__*/function (_Component) {
       }, _callee2, null, [[0, 8]]);
     })));
 
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getUsers", /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee3() {
+      var res, items;
+      return _regeneratorRuntime__default['default'].wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return userActions.fetchUsers(_this.props.auth.site);
+
+            case 3:
+              res = _context3.sent;
+
+              if (!res.userFetchFail) {
+                _context3.next = 6;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 6:
+              if (res.data != null && !___default['default'].isEmpty(res.data.results.Items)) {
+                items = res.data.results.Items;
+
+                _this.setState({
+                  users: ___default['default'].sortBy(items, function (u) {
+                    return (u.displayName || '').toLowerCase();
+                  })
+                });
+              }
+
+              _context3.next = 12;
+              break;
+
+            case 9:
+              _context3.prev = 9;
+              _context3.t0 = _context3["catch"](0);
+              console.error('getUsers', _context3.t0);
+
+            case 12:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 9]]);
+    })));
+
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getDefaultJob", function () {
       if (_this.state.types.length !== 0 && _this.state.jobId == null) {
         _this.setState({
@@ -3703,7 +3776,38 @@ var AddJob = /*#__PURE__*/function (_Component) {
       _this.setState(stateChange);
     });
 
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onOpenUserSelector", function () {
+      _this.setState({
+        userFilterOpen: true
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onCloseUserSelector", function () {
+      _this.setState({
+        userFilterOpen: false
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSelectUser", function (user) {
+      _this.setState({
+        selectedUser: user,
+        userID: user.userId,
+        userName: user.displayName,
+        userFilterOpen: false
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onUnselectUser", function () {
+      _this.setState({
+        selectedUser: null,
+        userID: '',
+        userName: ''
+      });
+    });
+
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSave", function () {
+      _this.state.selectedUser;
+
       _this.setState({
         showWarnings: false
       });
@@ -3755,7 +3859,6 @@ var AddJob = /*#__PURE__*/function (_Component) {
         });
       } else {
         // Create New Job
-        job.userID = 'undefined';
         maintenanceActions.createJob(job).then(function (res) {
           _this.setState({
             success: true,
@@ -3780,6 +3883,10 @@ var AddJob = /*#__PURE__*/function (_Component) {
       updating: false,
       connected: false,
       types: [],
+      users: [],
+      userSearch: '',
+      userFilterOpen: false,
+      selectedUser: null,
       id: null,
       userID: '',
       userName: '',
@@ -3808,6 +3915,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.getJobTypes();
+      this.getUsers();
       if (this.state.jobId) this.getJob();
       this.props.addRecentlyCreated('maintenance');
     }
@@ -3847,6 +3955,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
   }, {
     key: "validateForm",
     value: function validateForm() {
+      if (___default['default'].isEmpty(this.state.userID)) return false;
       if (___default['default'].isEmpty(this.state.userName)) return false;
       if (___default['default'].isEmpty(this.state.room)) return false;
       if (___default['default'].isEmpty(this.state.title)) return false;
@@ -3881,6 +3990,49 @@ var AddJob = /*#__PURE__*/function (_Component) {
         isActive: this.validateForm()
       }, "Save"));
     }
+  }, {
+    key: "renderSelectUser",
+    value: function renderSelectUser() {
+      var _this$state = this.state,
+          showWarnings = _this$state.showWarnings,
+          selectedUser = _this$state.selectedUser;
+      var isValid = !___default['default'].isNil(selectedUser);
+      var showError = showWarnings && !isValid;
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "genericInputContainer ".concat(isValid ? 'genericInput-valid' : '', " ").concat(showError ? 'genericInput-error' : '').trim()
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'center',
+          marginBottom: 0,
+          justifyContent: 'space-between'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "fieldLabel"
+      }, "User"), showError ? /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "fieldLabel fieldLabel-warning"
+      }, "Required") : null), /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "inputRequired "
+      }), selectedUser ? /*#__PURE__*/React__default['default'].createElement(Components$1.Tag, {
+        className: "marginRight-10",
+        rightIcon: "close",
+        rightClick: this.onUnselectUser
+      }, /*#__PURE__*/React__default['default'].createElement(Components$1.UserListing, {
+        size: 15,
+        user: selectedUser,
+        textClass: "tag_text"
+      })) : /*#__PURE__*/React__default['default'].createElement(Components$1.Tag, {
+        onClick: this.onOpenUserSelector,
+        text: "Select User"
+      })));
+    }
   }, {
     key: "renderMain",
     value: function renderMain() {
@@ -3895,24 +4047,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React__default['default'].createElement(Components$1.Text, {
         type: "formTitleLarge",
         className: "marginBottom-24"
-      }, this.state.infoId == null ? 'New' : 'Edit', " Request"), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
-        id: "userName",
-        type: "text",
-        label: "Name",
-        placeholder: "Insert name here",
-        value: this.state.userName,
-        onChange: function onChange(e) {
-          return _this4.onHandleChange(e);
-        },
-        isRequired: true,
-        alwaysShowLabel: true,
-        isValid: function isValid() {
-          return !___default['default'].isEmpty(_this4.state.userName);
-        },
-        showError: function showError() {
-          return _this4.state.showWarnings && ___default['default'].isEmpty(_this4.state.userName);
-        }
-      }), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
+      }, this.state.infoId == null ? 'New' : 'Edit', " Request"), this.renderSelectUser(), /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
         id: "room",
         type: "text",
         label: "Location",
@@ -4032,6 +4167,55 @@ var AddJob = /*#__PURE__*/function (_Component) {
         alwaysShowLabel: true
       })));
     }
+  }, {
+    key: "renderUserFilterPopup",
+    value: function renderUserFilterPopup() {
+      var _this5 = this;
+
+      var _this$state2 = this.state,
+          userFilterOpen = _this$state2.userFilterOpen,
+          userSearch = _this$state2.userSearch,
+          users = _this$state2.users;
+      if (!userFilterOpen) return null;
+      return /*#__PURE__*/React__default['default'].createElement(Components$1.Popup, {
+        title: "Select Requestor",
+        maxWidth: 600,
+        minWidth: 400,
+        maxHeight: 600,
+        minHeight: 600,
+        hasPadding: true,
+        onClose: this.onCloseUserSelector,
+        buttons: [{
+          type: 'tertiary',
+          onClick: this.onCloseUserSelector,
+          isActive: true,
+          text: 'Cancel'
+        }]
+      }, /*#__PURE__*/React__default['default'].createElement(Components$1.GenericInput, {
+        id: "userSearch",
+        type: "text",
+        label: "Search User",
+        placeholder: "Search name",
+        value: userSearch,
+        onChange: function onChange(e) {
+          return _this5.onHandleChange(e);
+        },
+        alwaysShowLabel: true
+      }), ___default['default'].sortBy(users, function (u) {
+        return u.displayName.toUpperCase();
+      }).filter(function (u) {
+        if (___default['default'].isEmpty(userSearch)) return true;
+        return u.displayName.toUpperCase().indexOf(userSearch.toUpperCase()) > -1;
+      }).map(function (user) {
+        return /*#__PURE__*/React__default['default'].createElement(Components$1.UserListing, {
+          key: user.userId,
+          user: user,
+          onClick: function onClick() {
+            return _this5.onSelectUser(user);
+          }
+        });
+      }));
+    }
   }, {
     key: "render",
     value: function render() {
@@ -4040,7 +4224,7 @@ var AddJob = /*#__PURE__*/function (_Component) {
         noBottomButtons: success
       }, /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageSection, {
         className: "pageSectionWrapper--newPopup"
-      }, /*#__PURE__*/React__default['default'].createElement("div", null, this.renderSuccess(), !success && this.renderMain()))), /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageBottomButtons, null, this.renderSubmit()));
+      }, /*#__PURE__*/React__default['default'].createElement("div", null, this.renderSuccess(), !success && this.renderMain()), this.renderUserFilterPopup())), /*#__PURE__*/React__default['default'].createElement(Components$1.OverlayPageBottomButtons, null, this.renderSubmit()));
     }
   }]);