@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/components/signatures/ResponsiveTable.js

@@ -35,18 +35,6 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 
 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 utils = new _ViewUtils.default();
 const MULTI_SELECT_CHECKBOX_COL_WIDTH = 64;
 
@@ -81,14 +69,16 @@ function getSorting(order, orderBy) {
 }
 
 function EnhancedTableHead(props) {
-  const classes = props.classes,
-        onSelectAllClick = props.onSelectAllClick,
-        order = props.order,
-        orderBy = props.orderBy,
-        numSelected = props.numSelected,
-        rowCount = props.rowCount,
-        onRequestSort = props.onRequestSort,
-        headCells = props.headCells;
+  const {
+    classes,
+    onSelectAllClick,
+    order,
+    orderBy,
+    numSelected,
+    rowCount,
+    onRequestSort,
+    headCells
+  } = props;
 
   const createSortHandler = property => event => {
     onRequestSort(event, property);
@@ -198,68 +188,36 @@ function EnhancedTable(props) {
   const utils = new _ViewUtils.default();
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState('asc'),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        order = _React$useState2[0],
-        setOrder = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState('id'),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        orderBy = _React$useState4[0],
-        setOrderBy = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        selected = _React$useState6[0],
-        setSelected = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(0),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        totalNumberOfRows = _React$useState8[0],
-        setTotalNumberOfRows = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(""),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        selectedRow = _React$useState10[0],
-        setSelectedRow = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(0),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        page = _React$useState12[0],
-        setPage = _React$useState12[1];
-
-  const _React$useState13 = _react.default.useState(!utils.isNull(props.rows) ? props.rows : []),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        rows = _React$useState14[0],
-        setRows = _React$useState14[1];
-
-  const _React$useState15 = _react.default.useState(0),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        scrollWidth = _React$useState16[0],
-        setScrollWidth = _React$useState16[1];
-
-  const _React$useState17 = _react.default.useState(true),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        dense = _React$useState18[0],
-        setDense = _React$useState18[1];
-
-  const _React$useState19 = _react.default.useState(utils.isNull(props.autoFetchData) || props.autoFetchData === true),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        fetchEnabled = _React$useState20[0],
-        setFetchEnabled = _React$useState20[1];
-
-  const _React$useState21 = _react.default.useState(10),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        rowsPerPage = _React$useState22[0],
-        setRowsPerPage = _React$useState22[1];
-
-  const headCells = props.headCells;
-  const actionsToolbar = props.actionsToolbar;
-
-  const _React$useState23 = _react.default.useState(props.searchParameters),
-        _React$useState24 = _slicedToArray(_React$useState23, 2),
-        searchParameters = _React$useState24[0],
-        setSearchParameters = _React$useState24[1];
+  const [order, setOrder] = _react.default.useState('asc');
+
+  const [orderBy, setOrderBy] = _react.default.useState('id');
+
+  const [selected, setSelected] = _react.default.useState([]);
+
+  const [totalNumberOfRows, setTotalNumberOfRows] = _react.default.useState(0);
+
+  const [selectedRow, setSelectedRow] = _react.default.useState("");
+
+  const [page, setPage] = _react.default.useState(0);
+
+  const [rows, setRows] = _react.default.useState(!utils.isNull(props.rows) ? props.rows : []);
+
+  const [scrollWidth, setScrollWidth] = _react.default.useState(0);
+
+  const [dense, setDense] = _react.default.useState(true);
+
+  const [fetchEnabled, setFetchEnabled] = _react.default.useState(utils.isNull(props.autoFetchData) || props.autoFetchData === true);
+
+  const [rowsPerPage, setRowsPerPage] = _react.default.useState(10);
+
+  const {
+    headCells
+  } = props;
+  const {
+    actionsToolbar
+  } = props;
+
+  const [searchParameters, setSearchParameters] = _react.default.useState(props.searchParameters);
 
   for (let i = 0; i < props.headCells.length; i++) {
     let headCell = props.headCells[i];
@@ -277,7 +235,8 @@ function EnhancedTable(props) {
       setSearchParameters(props.searchParameters);
 
       if (!utils.isNull(props.dataService)) {
-        (0, _RestUtils.invokeRpc)(props.dataService, null, "prepareOffer", result => {
+        alert(props.dataService);
+        (0, _RestUtils.invokeRpc)(props.dataService, null, "", result => {
           setRows(result.data.records);
           setTotalNumberOfRows(result.data.totalNumberOfRecords);
 

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);

package/dist/components/signatures/SignatorySearch.js

@@ -3,114 +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,
-      dataService: this.props.signatoryService,
-      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

@@ -27,24 +27,12 @@ var _ImageSignatureInput = _interopRequireDefault(require("./ImageSignatureInput
 
 var _Utils = _interopRequireDefault(require("../../Utils"));
 
-var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 
 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,18 +68,19 @@ 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 + _ApplicationManager.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();
+        _ApplicationManager.default.clear();
 
-        _ApplicationContext.default.getApplicationHistory().push('/login');
+        _ApplicationManager.default.getApplicationHistory().push('/login');
       }
     }));
   }