@agilemotion/oui-react-js 1.3.7 → 1.3.9

package/dist/components/signatures/SearchView.js

@@ -21,63 +21,26 @@ var _AlertItem = _interopRequireDefault(require("./AlertItem"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function SearchView(props) {
+  const utils = new _ViewUtils.default();
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+  const [model, setModel] = _react.default.useState(props.model);
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+  const [searchParameters, setSearchParameters] = _react.default.useState(props.searchParameters);
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  const [selection, setSelection] = _react.default.useState([]);
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+  const [message, setMessage] = _react.default.useState("");
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+  const [messageStyle, setMessageStyle] = _react.default.useState("");
 
-function SearchView(props) {
-  const utils = new _ViewUtils.default();
+  const [showToolBar] = _react.default.useState(false);
+
+  const [toolbarRef] = _react.default.useState(props.toolbarRef || /*#__PURE__*/_react.default.createRef());
+
+  const [promptOpen, setPromptOpen] = _react.default.useState(false);
 
-  const _React$useState = _react.default.useState(props.model),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        model = _React$useState2[0],
-        setModel = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(props.searchParameters),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        searchParameters = _React$useState4[0],
-        setSearchParameters = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        selection = _React$useState6[0],
-        setSelection = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(""),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        message = _React$useState8[0],
-        setMessage = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(""),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        messageStyle = _React$useState10[0],
-        setMessageStyle = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(false),
-        _React$useState12 = _slicedToArray(_React$useState11, 1),
-        showToolBar = _React$useState12[0];
-
-  const _React$useState13 = _react.default.useState(props.toolbarRef || /*#__PURE__*/_react.default.createRef()),
-        _React$useState14 = _slicedToArray(_React$useState13, 1),
-        toolbarRef = _React$useState14[0];
-
-  const _React$useState15 = _react.default.useState(false),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        promptOpen = _React$useState16[0],
-        setPromptOpen = _React$useState16[1];
-
-  const _React$useState17 = _react.default.useState(utils.isNull(props.keyUpSwitch) ? false : props.keyUpSwitch),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        keyUpSwitch = _React$useState18[0],
-        setKeyUpSwitch = _React$useState18[1];
+  const [keyUpSwitch, setKeyUpSwitch] = _react.default.useState(utils.isNull(props.keyUpSwitch) ? false : props.keyUpSwitch);
 
   const closePrompt = () => {
     setPromptOpen(false);
@@ -219,6 +182,7 @@ function SearchView(props) {
       handleSelectionChange(selection);
     },
     dataUrl: props.dataUrl,
+    dataService: props.dataService,
     onDataArrive: data => handleDataArrived(data),
     mode: props.mode,
     autoFetchData: props.autoFetchData,

package/dist/components/signatures/SignatorySearch.js

@@ -3,113 +3,98 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = SignatorySearch;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactRedux = require("react-redux");
+var _react = _interopRequireDefault(require("react"));
 
 var _SignatorySearchForm = _interopRequireDefault(require("./SignatorySearchForm"));
 
-var _SearchView = _interopRequireDefault(require("./SearchView"));
-
 var _Card = _interopRequireDefault(require("./Card"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var _RestUtils = require("../../RestUtils");
 
-const headCells = [{
-  id: 'emailAddress',
-  numeric: false,
-  disablePadding: false,
-  label: 'Email Address',
-  widthRatio: .5
-}, {
-  id: 'cellNumber',
-  numeric: false,
-  disablePadding: false,
-  label: 'Cell Number',
-  widthRatio: .25
-}, {
-  id: 'name',
-  numeric: false,
-  disablePadding: false,
-  label: 'Name',
-  widthRatio: .25
-}];
-const toolbarConfig = {
-  items: [{
-    type: "buttonGroup",
-    buttons: [{
-      id: 'add',
-      label: '',
-      tooltip: 'Add',
-      icon: 'AddIcon',
-      modes: 'default,lookup'
-    }, {
-      id: 'edit',
-      label: '',
-      tooltip: 'Edit',
-      icon: 'EditIcon',
-      modes: 'default'
-    }]
-  }]
-};
-const searchParameters = [{
-  name: "emailAddress",
-  value: "",
-  type: "string"
-}];
-
-class SignatorySearch extends _react.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      model: {
-        emailAddress: ""
-      },
-      keyUpSwitch: false
-    });
-  }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  onkeyup(e) {
-    if (e.charCode === 13) {
-      this.setState({
-        keyUpSwitch: !this.state.keyUpSwitch
-      });
+function SignatorySearch(props) {
+  const [data, setData] = _react.default.useState(null);
+
+  const [emailAddress, setEmailAddress] = _react.default.useState(null);
+
+  const onValueChange = val => {
+    setEmailAddress(val);
+  };
+
+  const search = () => {
+    if (emailAddress) {
+      let service = {
+        url: props.signatoryUrl,
+        parameters: [{
+          name: 'id',
+          value: emailAddress,
+          httpParameterType: 'PATH_VARIABLE'
+        }],
+        contentType: 'application/json'
+      };
+      (0, _RestUtils.invokeRest)(service, {
+        api: {
+          get id() {
+            return 'signatory-search';
+          }
+
+        }
+      }, 'signatory-search', result => {
+        setData(result);
+        props.onLookupValueChange(result);
+      }, e => {
+        console.error(e);
+      }, null);
     }
-  }
-
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_Card.default, {
-      title: "Signatories"
-    }, /*#__PURE__*/_react.default.createElement(_SearchView.default, {
-      headCells: headCells,
-      dataUrl: this.props.signatoryUrl,
-      model: this.state.model,
-      toolbarConfig: toolbarConfig,
-      searchParameters: searchParameters,
-      onLookupValueChange: this.props.onLookupValueChange,
-      descriptionProp: "name",
-      mode: this.props.mode,
-      history: this.props.history,
-      keyUpSwitch: this.state.keyUpSwitch
-    }, /*#__PURE__*/_react.default.createElement(_SignatorySearchForm.default, {
-      model: this.state.model,
-      onKeyUp: e => {
-        this.onkeyup(e);
-      }
-    })));
-  }
+  };
 
-}
-
-var _default = (0, _reactRedux.connect)()(SignatorySearch);
-
-exports.default = _default;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    title: "Signatories",
+    style: {
+      margin: '32px 32px 0 32px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'w-100',
+    style: {
+      fontWeight: '400px',
+      fontSize: '24px',
+      padding: '8px'
+    }
+  }, "Signatory search"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_SignatorySearchForm.default, {
+    onValueChange: val => {
+      onValueChange(val);
+    }
+  })), /*#__PURE__*/_react.default.createElement("td", null, props.search === false ? null : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    disabled: emailAddress === null,
+    onClick: () => search(),
+    "aria-label": "search"
+  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))))))), !data ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignContent: 'center'
+    }
+  }, "No data to display") : /*#__PURE__*/_react.default.createElement("div", {
+    className: 'w-100',
+    style: {
+      display: 'flex',
+      alignContent: 'center',
+      justifyContent: 'center',
+      backgroundColor: '#f1f1f1',
+      borderRadius: '4px',
+      padding: '16px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontWeight: '600',
+      fontSize: '28px'
+    }
+  }, data.names + ' ' + data.lastName)));
+}

package/dist/components/signatures/SignatorySearchForm.js

@@ -19,18 +19,6 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const useStyles = (0, _styles.makeStyles)(theme => ({
   container: {
     display: 'flex',
@@ -45,10 +33,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 }));
 
 function SignatorySearchForm(props) {
-  const _React$useState = _react.default.useState(0),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        labelWidth = _React$useState2[0],
-        setLabelWidth = _React$useState2[1];
+  const [labelWidth, setLabelWidth] = _react.default.useState(0);
 
   const labelRef = _react.default.useRef(null);
 
@@ -68,10 +53,19 @@ function SignatorySearchForm(props) {
     style: {
       width: '250px'
     },
-    label: 'Email Address',
+    label: 'Email address',
     required: true,
     size: "small",
     margin: "normal",
+    onChange: e => {
+      let val = e.target.value;
+
+      if (val.match(/^([a-zA-Z0-9_\-.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$/)) {
+        props.onValueChange(val);
+      } else {
+        props.onValueChange(null);
+      }
+    },
     variant: "outlined"
   })));
 }

package/dist/components/signatures/SignatureInput.js

@@ -33,18 +33,6 @@ var _reactPromiseTracker = require("react-promise-tracker");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const status = response => {
   if (response.ok) {
     return Promise.resolve(response);
@@ -62,35 +50,17 @@ const json = response => {
 const location = window.location.protocol + "//" + window.location.hostname;
 
 const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        value = _React$useState2[0],
-        setValue = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        declarationChecked = _React$useState4[0],
-        setDeclarationChecked = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState('type'),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        method = _React$useState6[0],
-        setMethod = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(false),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        signing = _React$useState8[0],
-        setSigning = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(false),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        saveAsSystemImage = _React$useState10[0],
-        setSaveAsSystemImage = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(props.systemImage),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        systemImage = _React$useState12[0],
-        setSystemImage = _React$useState12[1];
+  const [value, setValue] = _react.default.useState(null);
+
+  const [declarationChecked, setDeclarationChecked] = _react.default.useState(false);
+
+  const [method, setMethod] = _react.default.useState('type');
+
+  const [signing, setSigning] = _react.default.useState(false);
+
+  const [saveAsSystemImage, setSaveAsSystemImage] = _react.default.useState(false);
+
+  const [systemImage, setSystemImage] = _react.default.useState(props.systemImage);
 
   _react.default.useEffect(() => {
     setSigning(props.signing);
@@ -98,14 +68,15 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
   function saveImage() {
     let data = {};
-    data.signature = props.mode === 'SIGN' ? value : systemImage.signature;
-    data.initial = props.mode === 'INITIAL' ? value : systemImage.initial;
+    data.signature = props.mode === 'SIGN' ? value : systemImage ? systemImage.signature : null;
+    data.initial = props.mode === 'INITIAL' ? value : systemImage ? systemImage.initial : null;
     let fetchConfig = getFetchConfig(JSON.stringify(data));
-    let url = location + _ApplicationContext.default.getBaseApiUrl() + props.signatureImageUrl + "/save";
+    let url = location + _ApplicationContext.default.getContextRoot() + props.signatureImageUrl + "/save";
     (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(result => {
       setSystemImage(data);
       props.systemSignaturesChangeHandler(data);
     }).catch(e => {
+      // TODO : Display error message
       if (e.code === 401) {
         _ApplicationContext.default.clear();
 

package/dist/components/signatures/SignatureInputProps.js

@@ -25,18 +25,6 @@ var _SignatorySearch = _interopRequireDefault(require("./SignatorySearch"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const isNull = val => {
   return val === null || typeof val === 'undefined';
 };
@@ -55,20 +43,11 @@ const useStyles = (0, _core.makeStyles)(theme => ({
 }));
 
 const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        currentSelection = _React$useState2[0],
-        setCurrentSelection = _React$useState2[1];
+  const [currentSelection, setCurrentSelection] = _react.default.useState(null);
 
-  const _React$useState3 = _react.default.useState(props.value),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        value = _React$useState4[0],
-        setValue = _React$useState4[1];
+  const [value, setValue] = _react.default.useState(props.value);
 
-  const _React$useState5 = _react.default.useState(false),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        open = _React$useState6[0],
-        setOpen = _React$useState6[1];
+  const [open, setOpen] = _react.default.useState(false);
 
   _react.default.useEffect(() => {
     setValue(props.value);
@@ -80,7 +59,7 @@ const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
 
   const setSelectionAsValue = () => {
     currentSelection.toString = () => {
-      return currentSelection.map['name'];
+      return currentSelection.names + ' ' + currentSelection.lastName;
     };
 
     setValue(currentSelection);
@@ -138,7 +117,8 @@ const SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
     }
   }, /*#__PURE__*/_react.default.createElement(_SignatorySearch.default, {
     signatoryUrl: props.signatoryUrl,
-    onLookupValueChange: selection => setCurrentSelection(selection[0])
+    signatoryService: props.signatoryService,
+    onLookupValueChange: value => setCurrentSelection(value)
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       paddingTop: "4px"
@@ -158,40 +138,19 @@ exports.SigPropsLookupField = SigPropsLookupField;
 const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
 
-  const _React$useState7 = _react.default.useState(props.value),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        value = _React$useState8[0],
-        setValue = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(''),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        width = _React$useState10[0],
-        setWidth = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(''),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        height = _React$useState12[0],
-        setHeight = _React$useState12[1];
-
-  const _React$useState13 = _react.default.useState(null),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        signatory = _React$useState14[0],
-        setSignatory = _React$useState14[1];
-
-  const _React$useState15 = _react.default.useState(true),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        widthValid = _React$useState16[0],
-        setWidthValid = _React$useState16[1];
-
-  const _React$useState17 = _react.default.useState(true),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        heightValid = _React$useState18[0],
-        setHeightValid = _React$useState18[1];
-
-  const _React$useState19 = _react.default.useState(isNull(props.value) || !isNull(props.value.signatory)),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        signatoryValid = _React$useState20[0],
-        setSignatoryValid = _React$useState20[1];
+  const [value, setValue] = _react.default.useState(props.value);
+
+  const [width, setWidth] = _react.default.useState('');
+
+  const [height, setHeight] = _react.default.useState('');
+
+  const [signatory, setSignatory] = _react.default.useState(null);
+
+  const [widthValid, setWidthValid] = _react.default.useState(true);
+
+  const [heightValid, setHeightValid] = _react.default.useState(true);
+
+  const [signatoryValid, setSignatoryValid] = _react.default.useState(isNull(props.value) || !isNull(props.value.signatory));
 
   _react.default.useEffect(() => {
     setValue(props.value);
@@ -284,6 +243,7 @@ const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     valueChangeHandler: valueChangeHandler,
     disabled: value === null,
     signatoryUrl: props.signatoryUrl,
+    signatoryService: props.signatoryService,
     error: !signatoryValid
   }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
     style: {