@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/signatures/SearchView.js

@@ -21,56 +21,93 @@ var _AlertItem = _interopRequireDefault(require("./AlertItem"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function SearchView(props) {
-  const utils = new _ViewUtils.default();
-
-  const [model, setModel] = _react.default.useState(props.model);
-
-  const [searchParameters, setSearchParameters] = _react.default.useState(props.searchParameters);
-
-  const [selection, setSelection] = _react.default.useState([]);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  const [message, setMessage] = _react.default.useState("");
+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 [messageStyle, setMessageStyle] = _react.default.useState("");
+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 [showToolBar] = _react.default.useState(false);
+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 [toolbarRef] = _react.default.useState(props.toolbarRef || /*#__PURE__*/_react.default.createRef());
+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 [promptOpen, setPromptOpen] = _react.default.useState(false);
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-  const [keyUpSwitch, setKeyUpSwitch] = _react.default.useState(utils.isNull(props.keyUpSwitch) ? false : props.keyUpSwitch);
-
-  const closePrompt = () => {
+function SearchView(props) {
+  var utils = new _ViewUtils.default();
+
+  var _React$useState = _react.default.useState(props.model),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      model = _React$useState2[0],
+      setModel = _React$useState2[1];
+
+  var _React$useState3 = _react.default.useState(props.searchParameters),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      searchParameters = _React$useState4[0],
+      setSearchParameters = _React$useState4[1];
+
+  var _React$useState5 = _react.default.useState([]),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      selection = _React$useState6[0],
+      setSelection = _React$useState6[1];
+
+  var _React$useState7 = _react.default.useState(""),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      message = _React$useState8[0],
+      setMessage = _React$useState8[1];
+
+  var _React$useState9 = _react.default.useState(""),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      messageStyle = _React$useState10[0],
+      setMessageStyle = _React$useState10[1];
+
+  var _React$useState11 = _react.default.useState(false),
+      _React$useState12 = _slicedToArray(_React$useState11, 1),
+      showToolBar = _React$useState12[0];
+
+  var _React$useState13 = _react.default.useState(props.toolbarRef || /*#__PURE__*/_react.default.createRef()),
+      _React$useState14 = _slicedToArray(_React$useState13, 1),
+      toolbarRef = _React$useState14[0];
+
+  var _React$useState15 = _react.default.useState(false),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      promptOpen = _React$useState16[0],
+      setPromptOpen = _React$useState16[1];
+
+  var _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];
+
+  var closePrompt = function closePrompt() {
     setPromptOpen(false);
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (props.keyUpSwitch !== keyUpSwitch) {
       search();
       setKeyUpSwitch(props.keyUpSwitch);
     }
   }, [props.keyUpSwitch]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (JSON.stringify(model) !== JSON.stringify(props.model)) {
       setModel(props.model);
     }
   }, [props.model]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (JSON.stringify(props.searchParameters) !== JSON.stringify(searchParameters)) {
       search();
       setSearchParameters(props.searchParameters);
     }
   }, [props.SearchParameters]);
 
-  const deleteRecord = () => {
+  var deleteRecord = function deleteRecord() {
     setPromptOpen(false); // TODO : support bulk delete when nulti select is enabled
 
-    let url = "".concat(props.deleteUrl, "?id=").concat(selection[0].Id);
-    utils.invokeUrl(url, data => {
+    var url = "".concat(props.deleteUrl, "?id=").concat(selection[0].Id);
+    utils.invokeUrl(url, function (data) {
       setSelection([]);
       setMessage(data.Message);
       setMessageStyle(data.MessageType.toLowerCase());
@@ -80,7 +117,7 @@ function SearchView(props) {
     }, null);
   };
 
-  const handleToolbarButtonClick = buttonId => {
+  var handleToolbarButtonClick = function handleToolbarButtonClick(buttonId) {
     if ("info" !== buttonId) {
       if ("add" === buttonId) {
         props.history.push(!utils.isNull(props.addViewPath) ? props.addViewPath : props.entityViewPath);
@@ -101,7 +138,7 @@ function SearchView(props) {
     }
   };
 
-  const handleDataArrived = data => {
+  var handleDataArrived = function handleDataArrived(data) {
     if (!utils.isNull(data) && props.mode === 'lookup') {
       if (data.Data.length === 0) {
         setMessage("No data records found");
@@ -113,14 +150,14 @@ function SearchView(props) {
     }
   };
 
-  const isModelEmpty = () => {
-    const properties = Object.getOwnPropertyNames(model);
+  var isModelEmpty = function isModelEmpty() {
+    var properties = Object.getOwnPropertyNames(model);
 
     if (utils.isNull(properties) || properties.length === 0) {
       return true;
     }
 
-    for (let i = 0; i < properties.length; i++) {
+    for (var i = 0; i < properties.length; i++) {
       if (!utils.isStringEmpty(properties[properties[i]])) {
         return false;
       }
@@ -129,13 +166,13 @@ function SearchView(props) {
     return true;
   };
 
-  const search = () => {
-    let searchParameters = [];
-    const properties = Object.getOwnPropertyNames(model);
+  var search = function search() {
+    var searchParameters = [];
+    var properties = Object.getOwnPropertyNames(model);
 
     if (!utils.isNull(properties) && properties.length > 0) {
-      for (let i = 0; i < properties.length; i++) {
-        let searchParameter = {};
+      for (var i = 0; i < properties.length; i++) {
+        var searchParameter = {};
         searchParameter.name = properties[i];
         searchParameter.type = "string";
         searchParameter.value = model[properties[i]];
@@ -146,7 +183,7 @@ function SearchView(props) {
     setSearchParameters(searchParameters);
   };
 
-  const handleSelectionChange = selection => {
+  var handleSelectionChange = function handleSelectionChange(selection) {
     setSelection(selection);
 
     if (props.setSelection) {
@@ -170,7 +207,9 @@ function SearchView(props) {
     message: message,
     alertStyle: messageStyle
   }), /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, props.children), /*#__PURE__*/_react.default.createElement("td", null, props.search === false ? null : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: () => search(),
+    onClick: function onClick() {
+      return search();
+    },
     "aria-label": "search"
   }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))))), /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -178,12 +217,14 @@ function SearchView(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ResponsiveTable.default, {
     headCells: props.headCells,
-    onSelectionChange: selection => {
+    onSelectionChange: function onSelectionChange(selection) {
       handleSelectionChange(selection);
     },
     dataUrl: props.dataUrl,
     dataService: props.dataService,
-    onDataArrive: data => handleDataArrived(data),
+    onDataArrive: function onDataArrive(data) {
+      return handleDataArrived(data);
+    },
     mode: props.mode,
     autoFetchData: props.autoFetchData,
     height: "20vh",

package/dist/components/signatures/SignatorySearch.js

@@ -19,18 +19,36 @@ var _RestUtils = require("../../RestUtils");
 
 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; }
+
 function SignatorySearch(props) {
-  const [data, setData] = _react.default.useState(null);
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      data = _React$useState2[0],
+      setData = _React$useState2[1];
 
-  const [emailAddress, setEmailAddress] = _react.default.useState(null);
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      emailAddress = _React$useState4[0],
+      setEmailAddress = _React$useState4[1];
 
-  const onValueChange = val => {
+  var _onValueChange = function onValueChange(val) {
     setEmailAddress(val);
   };
 
-  const search = () => {
+  var search = function search() {
     if (emailAddress) {
-      let service = {
+      var service = {
         url: props.signatoryUrl,
         parameters: [{
           name: 'id',
@@ -46,10 +64,10 @@ function SignatorySearch(props) {
           }
 
         }
-      }, 'signatory-search', result => {
+      }, 'signatory-search', function (result) {
         setData(result);
         props.onLookupValueChange(result);
-      }, e => {
+      }, function (e) {
         console.error(e);
       }, null);
     }
@@ -68,12 +86,14 @@ function SignatorySearch(props) {
       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);
+    onValueChange: function 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(),
+    onClick: function onClick() {
+      return search();
+    },
     "aria-label": "search"
   }, /*#__PURE__*/_react.default.createElement(_Search.default, null))))))), !data ? /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/signatures/SignatorySearchForm.js

@@ -19,27 +19,44 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  container: {
-    display: 'flex',
-    flexWrap: 'wrap'
-  },
-  formControl: {
-    margin: theme.spacing(1)
-  },
-  'MuiOutlinedInput-input': {
-    padding: '18.5px 100px'
-  }
-}));
+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; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    container: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    formControl: {
+      margin: theme.spacing(1)
+    },
+    'MuiOutlinedInput-input': {
+      padding: '18.5px 100px'
+    }
+  };
+});
 
 function SignatorySearchForm(props) {
-  const [labelWidth, setLabelWidth] = _react.default.useState(0);
+  var _React$useState = _react.default.useState(0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      labelWidth = _React$useState2[0],
+      setLabelWidth = _React$useState2[1];
 
-  const labelRef = _react.default.useRef(null);
+  var labelRef = _react.default.useRef(null);
 
-  const classes = useStyles();
+  var classes = useStyles();
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (labelRef.current !== null) {
       setLabelWidth(labelRef.current.offsetWidth);
     }
@@ -57,8 +74,8 @@ function SignatorySearchForm(props) {
     required: true,
     size: "small",
     margin: "normal",
-    onChange: e => {
-      let val = e.target.value;
+    onChange: function onChange(e) {
+      var 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);

package/dist/components/signatures/SignatureInput.js

@@ -33,49 +33,79 @@ var _reactPromiseTracker = require("react-promise-tracker");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const status = response => {
+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; }
+
+var status = function status(response) {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    let error = new Error(response.statusText);
+    var error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
 
-const json = response => {
+var json = function json(response) {
   return response.text();
 };
 
-const location = window.location.protocol + "//" + window.location.hostname;
+var location = window.location.protocol + "//" + window.location.hostname;
 
-const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [value, setValue] = _react.default.useState(null);
+var SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
 
-  const [declarationChecked, setDeclarationChecked] = _react.default.useState(false);
+  var _React$useState3 = _react.default.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      declarationChecked = _React$useState4[0],
+      setDeclarationChecked = _React$useState4[1];
 
-  const [method, setMethod] = _react.default.useState('type');
+  var _React$useState5 = _react.default.useState('type'),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      method = _React$useState6[0],
+      setMethod = _React$useState6[1];
 
-  const [signing, setSigning] = _react.default.useState(false);
+  var _React$useState7 = _react.default.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      signing = _React$useState8[0],
+      setSigning = _React$useState8[1];
 
-  const [saveAsSystemImage, setSaveAsSystemImage] = _react.default.useState(false);
+  var _React$useState9 = _react.default.useState(false),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      saveAsSystemImage = _React$useState10[0],
+      setSaveAsSystemImage = _React$useState10[1];
 
-  const [systemImage, setSystemImage] = _react.default.useState(props.systemImage);
+  var _React$useState11 = _react.default.useState(props.systemImage),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      systemImage = _React$useState12[0],
+      setSystemImage = _React$useState12[1];
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     setSigning(props.signing);
   }, [props.signing]);
 
   function saveImage() {
-    let data = {};
+    var data = {};
     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 + _ApplicationManager.default.getContextRoot() + props.signatureImageUrl + "/save";
-    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(result => {
+    var fetchConfig = getFetchConfig(JSON.stringify(data));
+    var url = location + _ApplicationManager.default.getContextRoot() + props.signatureImageUrl + "/save";
+    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(function (result) {
       setSystemImage(data);
       props.systemSignaturesChangeHandler(data);
-    }).catch(e => {
+    }).catch(function (e) {
       // TODO : Display error message
       if (e.code === 401) {
         _ApplicationManager.default.clear();
@@ -85,7 +115,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     }));
   }
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (method === 'type') {
       setValue(null);
     } else {
@@ -94,8 +124,8 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
   }, [method]);
 
   function getFetchConfig(data) {
-    const accessToken = sessionStorage.getItem("accessToken");
-    const idToken = sessionStorage.getItem("idToken");
+    var accessToken = sessionStorage.getItem("accessToken");
+    var idToken = sessionStorage.getItem("idToken");
     return {
       method: 'POST',
       headers: {
@@ -108,7 +138,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
   }
 
-  const handleChange = event => {
+  var handleChange = function handleChange(event) {
     setMethod(event.target.value);
   };
 
@@ -170,7 +200,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     id: 'otp',
     required: true,
     disabled: signing,
-    onChange: e => {
+    onChange: function onChange(e) {
       setValue(e.target.value);
     },
     margin: "dense",
@@ -198,7 +228,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     value: systemImage ? props.mode === 'SIGN' ? systemImage.signature : systemImage.initial : null,
     mode: props.mode,
     imageProcessingUrl: props.imageProcessingUrl,
-    valueChangeHandler: (value, saveAsSystemImage) => {
+    valueChangeHandler: function valueChangeHandler(value, saveAsSystemImage) {
       setValue(value);
       setSaveAsSystemImage(saveAsSystemImage);
     }
@@ -214,7 +244,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       key: props.key,
       disabled: signing,
       value: declarationChecked,
-      onChange: e => {
+      onChange: function onChange(e) {
         setDeclarationChecked(e.target.checked);
       },
       size: "small"
@@ -243,7 +273,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       width: '100px',
       height: '48px'
     },
-    onClick: () => {
+    onClick: function onClick() {
       props.callback('CLOSE');
     }
   }, "CLOSE"), /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -255,7 +285,7 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       width: '100px',
       height: '48px'
     },
-    onClick: () => {
+    onClick: function onClick() {
       if (saveAsSystemImage) {
         saveImage();
       }