@agilemotion/oui-react-js 1.6.4 → 1.6.6

package/dist/components/LottieIcon.js

@@ -4,27 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactLottie = _interopRequireDefault(require("react-lottie"));
+var _waiting = _interopRequireDefault(require("../assets/lotties/waiting.json"));
+var _recording = _interopRequireDefault(require("../assets/lotties/recording.json"));
+var _loading = _interopRequireDefault(require("../assets/lotties/loading.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable react-hooks/exhaustive-deps */
 
-var _waiting = _interopRequireDefault(require("../assets/lotties/waiting"));
-
-var _callLoading = _interopRequireDefault(require("../assets/lotties/call-loading.json"));
-
-var _recording = _interopRequireDefault(require("../assets/lotties/recording"));
-
-var _loading = _interopRequireDefault(require("../assets/lotties/loading"));
-
-var _calling = _interopRequireDefault(require("../assets/lotties/calling2"));
-
-var _msg = _interopRequireDefault(require("../assets/lotties/msg2"));
+//import callLoading from '../assets/lotties/call-loading.json';
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import callingData from '../assets/lotties/calling2.json';
+//import chatData from '../assets/lotties/msg2.json';
 
-/* eslint-disable react-hooks/exhaustive-deps */
-var LottieIcon = function LottieIcon(props) {
+const LottieIcon = props => {
   if (props.id === 'waiting-sm') {
     return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
       options: {
@@ -40,20 +33,24 @@ var LottieIcon = function LottieIcon(props) {
     }));
   }
 
-  if (props.id === 'call-loading') {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
-      options: {
-        loop: true,
-        autoplay: true,
-        animationData: _callLoading.default,
-        rendererSettings: {
-          preserveAspectRatio: "xMidYMid slice"
-        }
-      },
-      height: 40,
-      width: 40
-    }));
-  }
+  /*if (props.id === 'call-loading') {
+     return (
+       <div>
+         <Lottie
+           options={{
+             loop: true,
+             autoplay: true,
+             animationData: callLoading,
+             rendererSettings: {
+               preserveAspectRatio: "xMidYMid slice"
+             }
+           }}
+           height={40}
+           width={40}
+         />
+       </div>
+     );
+   }*/
 
   if (props.id === 'waiting') {
     return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
@@ -70,19 +67,23 @@ var LottieIcon = function LottieIcon(props) {
     }));
   }
 
-  if (props.id === 'chat') {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
-      options: {
-        loop: true,
-        autoplay: true,
-        animationData: _msg.default,
-        rendererSettings: {
-          preserveAspectRatio: "xMidYMid slice"
-        }
-      },
-      width: 600
-    }));
-  }
+  /*if (props.id === 'chat') {
+    return (
+      <div>
+        <Lottie
+          options={{
+            loop: true,
+            autoplay: true,
+            animationData: chatData,
+            rendererSettings: {
+              preserveAspectRatio: "xMidYMid slice"
+            }
+          }}
+          width={600}
+        />
+      </div>
+    );
+  }*/
 
   if (props.id === 'loading') {
     return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
@@ -99,20 +100,24 @@ var LottieIcon = function LottieIcon(props) {
     }));
   }
 
-  if (props.id === 'calling') {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
-      options: {
-        loop: true,
-        autoplay: true,
-        animationData: _calling.default,
-        rendererSettings: {
-          preserveAspectRatio: "xMidYMid slice"
-        }
-      },
-      height: 300,
-      width: 300
-    }));
-  }
+  /*if (props.id === 'calling') {
+    return (
+      <div>
+        <Lottie
+          options={{
+            loop: true,
+            autoplay: true,
+            animationData: callingData,
+            rendererSettings: {
+              preserveAspectRatio: "xMidYMid slice"
+            }
+          }}
+          height={300}
+          width={300}
+        />
+      </div>
+    );
+  }*/
 
   if (props.id === 'recording') {
     return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
@@ -129,6 +134,4 @@ var LottieIcon = function LottieIcon(props) {
     }));
   }
 };
-
-var _default = LottieIcon;
-exports.default = _default;
+var _default = exports.default = LottieIcon;

package/dist/components/PopupView.js

@@ -4,63 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PopupView;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _View = require("./layout/View");
-
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
-
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function PopupViewDialog(props) {
-  var _React$useState = _react.default.useState(""),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      title = _React$useState2[0],
-      setTitle = _React$useState2[1];
-
-  var height = _Utils.default.getComponentStyleAttribute(props.view.config, 'height', '28vh');
-
-  var width = _Utils.default.getComponentStyleAttribute(props.view.config, 'width', '40vw');
-
-  var useStyles = (0, _styles.makeStyles)(function (theme) {
-    return {
-      dialogPaper: {
-        minHeight: height,
-        maxHeight: height,
-        minWidth: width,
-        maxWidth: width
-      }
-    };
-  });
-  var classes = useStyles();
-
-  var handler = function handler(result) {
+  const [title, setTitle] = _react.default.useState("");
+  const height = _Utils.default.getComponentStyleAttribute(props.view.config, 'height', '28vh');
+  const width = _Utils.default.getComponentStyleAttribute(props.view.config, 'width', '40vw');
+  const useStyles = (0, _styles.makeStyles)(theme => ({
+    dialogPaper: {
+      minHeight: height,
+      maxHeight: height,
+      minWidth: width,
+      maxWidth: width
+    }
+  }));
+  const classes = useStyles();
+  const handler = result => {
     props.handler(result);
   };
-
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     classes: {
       paper: classes.dialogPaper
@@ -80,32 +48,25 @@ function PopupViewDialog(props) {
     parameters: props.view.parameters,
     ref: props.view.ref,
     handle: props.view.handle,
-    loadCallback: function loadCallback() {
-      setTitle(_DynamicJS.default.executeScript("popupTitle_".concat(props.view.id), props.view.config.title, props.view.id));
+    loadCallback: () => {
+      setTitle(_DynamicJS.default.executeScript(`popupTitle_${props.view.id}`, props.view.config.title, props.view.id));
     }
   })));
 }
+
 /**
  * @return {null}
  */
-
-
 function PopupView(props) {
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      view = _React$useState4[0],
-      setView = _React$useState4[1];
-
-  _react.default.useEffect(function () {
-    props.controller.open = function (view) {
+  const [view, setView] = _react.default.useState(null);
+  _react.default.useEffect(() => {
+    props.controller.open = view => {
       setView(view);
     };
-
-    props.controller.close = function () {
+    props.controller.close = () => {
       setView(null);
     };
   }, []);
-
   return view !== null ? /*#__PURE__*/_react.default.createElement(PopupViewDialog, {
     view: view
   }) : null;

package/dist/components/Portlet.js

@@ -4,98 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-
 require("./Portlet.css");
-
-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; }
-
-var Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$config$attribu, _props$config$attribu2;
-
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      url = _React$useState2[0],
-      setUrl = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      visible = _React$useState4[0],
-      setVisible = _React$useState4[1];
-
-  var urlTemp = _react.default.useRef(null);
-
-  _react.default.useEffect(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [url, setUrl] = _react.default.useState(null);
+  const [visible, setVisible] = _react.default.useState(true);
+  const urlTemp = _react.default.useRef(null);
+  _react.default.useEffect(() => {
     props.handle.api = api();
   });
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
-
-    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
-
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
-
-    return function () {
+    return () => {
       _Observable.default.clearComponentEventListeners(props.handle);
     };
   }, []);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (url === 'reload') {
       setUrl(urlTemp.current);
       urlTemp.current = null;
     }
   }, [url]);
-
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
-
-      loadData: function loadData(actionConfig) {
+      loadData: actionConfig => {
         if (actionConfig && actionConfig.value) {
           setUrl(actionConfig.value);
         } else {
           setUrl(props.config.url);
         }
       },
-      refresh: function refresh() {},
-      reload: function reload() {
+      refresh() {},
+      reload() {
         urlTemp.current = url;
         setUrl('reload');
       },
-      getChildren: function getChildren() {
+      getChildren: () => {
         return [];
       },
-
       set visible(visible) {
         setVisible(visible);
       }
-
     };
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: 'iframe_container',
@@ -111,11 +71,9 @@ var Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forw
     src: url,
     title: "eProcurement",
     className: 'portlet-iframe',
-    sandbox: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.sandbox,
-    allow: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.allow,
+    sandbox: props.config.attributes?.sandbox,
+    allow: props.config.attributes?.allow,
     id: props.config.id
   }));
 }));
-
-var _default = Portlet;
-exports.default = _default;
+var _default = exports.default = Portlet;

package/dist/components/RegularButton.js

@@ -4,58 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _buttonStyle = _interopRequireDefault(require("../assets/jss/components/buttonStyle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var useStyles = (0, _styles.makeStyles)(_buttonStyle.default);
-
-var RegularButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _classNames;
-
-  var classes = useStyles();
-
-  var color = props.color,
-      round = props.round,
-      children = props.children,
-      fullWidth = props.fullWidth,
-      disabled = props.disabled,
-      simple = props.simple,
-      size = props.size,
-      block = props.block,
-      link = props.link,
-      justIcon = props.justIcon,
-      className = props.className,
-      muiClasses = props.muiClasses,
-      rest = _objectWithoutProperties(props, ["color", "round", "children", "fullWidth", "disabled", "simple", "size", "block", "link", "justIcon", "className", "muiClasses"]);
-
-  var btnClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.button, true), _defineProperty(_classNames, classes[size], size), _defineProperty(_classNames, classes[color], color), _defineProperty(_classNames, classes.round, round), _defineProperty(_classNames, classes.fullWidth, fullWidth), _defineProperty(_classNames, classes.disabled, disabled), _defineProperty(_classNames, classes.simple, simple), _defineProperty(_classNames, classes.block, block), _defineProperty(_classNames, classes.link, link), _defineProperty(_classNames, classes.justIcon, justIcon), _defineProperty(_classNames, className, className), _classNames));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const useStyles = (0, _styles.makeStyles)(_buttonStyle.default);
+const RegularButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const classes = useStyles();
+  const {
+    color,
+    round,
+    children,
+    fullWidth,
+    disabled,
+    simple,
+    size,
+    block,
+    link,
+    justIcon,
+    className,
+    muiClasses,
+    ...rest
+  } = props;
+  const btnClasses = (0, _classnames.default)({
+    [classes.button]: true,
+    [classes[size]]: size,
+    [classes[color]]: color,
+    [classes.round]: round,
+    [classes.fullWidth]: fullWidth,
+    [classes.disabled]: disabled,
+    [classes.simple]: simple,
+    [classes.block]: block,
+    [classes.link]: link,
+    [classes.justIcon]: justIcon,
+    [className]: className
+  });
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({}, rest, {
     ref: ref,
     classes: muiClasses,
     className: btnClasses
   }), children);
 });
-
 RegularButton.propTypes = {
   color: _propTypes.default.oneOf(["primary", "info", "success", "warning", "danger", "rose", "white", "twitter", "facebook", "google", "linkedin", "pinterest", "youtube", "tumblr", "github", "behance", "dribbble", "reddit", "transparent"]),
   size: _propTypes.default.oneOf(["sm", "lg"]),
@@ -70,5 +63,4 @@ RegularButton.propTypes = {
   muiClasses: _propTypes.default.object,
   children: _propTypes.default.node
 };
-var _default = RegularButton;
-exports.default = _default;
+var _default = exports.default = RegularButton;

package/dist/components/SignaturePanel.js

@@ -4,112 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-
 var _RestUtils = require("../RestUtils");
-
 var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
-
 var _AgilitySignaturePanel = _interopRequireDefault(require("./signatures/AgilitySignaturePanel"));
-
 var _Event = _interopRequireDefault(require("../event/Event"));
-
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-
-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; }
-
-var SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      config = _React$useState2[0],
-      setConfig = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      value = _React$useState4[0],
-      setValue = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      handle = _React$useState6[0];
-
-  _react.default.useEffect(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [config, setConfig] = _react.default.useState(null);
+  const [value, setValue] = _react.default.useState(null);
+  const [handle] = _react.default.useState({});
+  _react.default.useEffect(() => {
     props.handle.api = api();
   });
-
-  _react.default.useEffect(function () {
-    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
+  _react.default.useEffect(() => {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
-
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   });
-
-  _react.default.useEffect(function () {
-    var event = new _Event.default(props.handle, props.viewId, value);
-
+  _react.default.useEffect(() => {
+    let event = new _Event.default(props.handle, props.viewId, value);
     _Observable.default.fireEvent(_EventType.default.VALUE_CHANGE, event);
   }, [value]);
-
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
-
       get value() {
         if (!_Utils.default.isNull(handle.api)) {
           return handle.api.value;
         }
-
         return value;
       },
-
-      loadData: function loadData(actionConfig, event) {
-        var service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
-
+      loadData: (actionConfig, event) => {
+        let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
         if (!_Utils.default.isNull(service)) {
           if (service.type === 'rpc') {
-            (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, function (result) {
+            (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
               setConfig(result);
-            }, function (e) {}, function (parameter) {}, null, null, event);
+            }, e => {}, parameter => {}, null, null, event);
           } else {
             if (_Utils.default.isNull(actionConfig)) {
               actionConfig = {};
             }
-
             actionConfig.service = service;
-
-            _ServiceCallActionHandler.default.execute(actionConfig, event, null, props.viewId, function (data) {
+            _ServiceCallActionHandler.default.execute(actionConfig, event, null, props.viewId, data => {
               setConfig(data);
-            }, function () {});
+            }, () => {});
           }
         }
       }
     };
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
   }, config !== null ? config.documents ? props.config.provider === 'AGILITY' ? /*#__PURE__*/_react.default.createElement(_AgilitySignaturePanel.default, {
-    valueChangeHandler: function valueChangeHandler(value) {
+    valueChangeHandler: value => {
       console.log(value);
       setValue(value);
     },
@@ -126,6 +80,4 @@ var SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     }
   }, "Loading..."));
 }));
-
-var _default = SignaturePanel;
-exports.default = _default;
+var _default = exports.default = SignaturePanel;