@agilemotion/oui-react-js 1.8.55 → 1.8.57

package/dist/components/GraphNode.js

@@ -7,48 +7,51 @@ exports.default = void 0;
 var _DynamicJS = _interopRequireDefault(require("./../DynamicJS"));
 var _Utils = _interopRequireDefault(require("./../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class GraphNode {
   constructor(config) {
-    this.config = config;
-  }
-  evaluateEdge = (edge, event) => {
-    let totalEdgeCount = this.config.edges.length;
-    if (_Utils.default.isNull(edge.condition) && totalEdgeCount === 0) {
-      return true;
-    }
-    if (_Utils.default.isNull(edge.condition) && totalEdgeCount > 0) {
-      console.error("Missing required condition for link : " + JSON.stringify(edge));
-      return false;
-    }
-    if (!_Utils.default.isNull(edge.condition)) {
-      let eventSource = edge.condition.eventSource;
-      let expression = edge.condition.expression;
-      if (_Utils.default.isNull(eventSource) && _Utils.default.isNull(expression)) {
-        console.error("Empty condition for link : " + JSON.stringify(edge));
+    _defineProperty(this, "evaluateEdge", (edge, event) => {
+      let totalEdgeCount = this.config.edges.length;
+      if (_Utils.default.isNull(edge.condition) && totalEdgeCount === 0) {
+        return true;
+      }
+      if (_Utils.default.isNull(edge.condition) && totalEdgeCount > 0) {
+        console.error("Missing required condition for link : " + JSON.stringify(edge));
         return false;
       }
-      let sourceId = event.source.api.id;
-      if (totalEdgeCount === 0) {
-        return (_Utils.default.isNull(eventSource) || sourceId === eventSource) && (_Utils.default.isNull(expression) || _DynamicJS.default.executeScript('graphEdge_' + Math.random(), expression));
-      } else {
-        return sourceId === eventSource && (_Utils.default.isNull(expression) || _DynamicJS.default.executeScript('graphEdge_' + Math.random(), expression));
+      if (!_Utils.default.isNull(edge.condition)) {
+        let eventSource = edge.condition.eventSource;
+        let expression = edge.condition.expression;
+        if (_Utils.default.isNull(eventSource) && _Utils.default.isNull(expression)) {
+          console.error("Empty condition for link : " + JSON.stringify(edge));
+          return false;
+        }
+        let sourceId = event.source.api.id;
+        if (totalEdgeCount === 0) {
+          return (_Utils.default.isNull(eventSource) || sourceId === eventSource) && (_Utils.default.isNull(expression) || _DynamicJS.default.executeScript('graphEdge_' + Math.random(), expression));
+        } else {
+          return sourceId === eventSource && (_Utils.default.isNull(expression) || _DynamicJS.default.executeScript('graphEdge_' + Math.random(), expression));
+        }
       }
-    }
-  };
-  getNextNode = event => {
-    let activeEdge = null;
-    if (!_Utils.default.isNull(this.config.edges)) {
-      for (const edge of this.config.edges) {
-        if (this.evaluateEdge(edge, event)) {
-          activeEdge = edge;
-          break;
+    });
+    _defineProperty(this, "getNextNode", event => {
+      let activeEdge = null;
+      if (!_Utils.default.isNull(this.config.edges)) {
+        for (const edge of this.config.edges) {
+          if (this.evaluateEdge(edge, event)) {
+            activeEdge = edge;
+            break;
+          }
         }
       }
-    }
-    if (activeEdge !== null) {
-      return activeEdge.targetNodeName;
-    }
-    return null;
-  };
+      if (activeEdge !== null) {
+        return activeEdge.targetNodeName;
+      }
+      return null;
+    });
+    this.config = config;
+  }
 }
 exports.default = GraphNode;

package/dist/components/HtmlPanel.js

@@ -85,10 +85,11 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
       },
       loadData: (actionConfig, event) => {
         if (actionConfig && actionConfig.value) {
+          var _applicationManager$r;
           let parameterConfig = {
             value: actionConfig.value
           };
-          let data = _ApplicationManager.default.resolveParameterConfigValue(parameterConfig, event?.data)?.value;
+          let data = (_applicationManager$r = _ApplicationManager.default.resolveParameterConfigValue(parameterConfig, event === null || event === void 0 ? void 0 : event.data)) === null || _applicationManager$r === void 0 ? void 0 : _applicationManager$r.value;
           let templateScript = Handlebars.compile(template);
           setContent(templateScript(data));
         }

package/dist/components/Icon.js

@@ -49,8 +49,7 @@ var _Phone = _interopRequireDefault(require("@mui/icons-material/Phone"));
 var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
 var _colors = require("@mui/material/colors");
 var _iconsMaterial = require("@mui/icons-material");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
 class Icon extends _react.Component {

package/dist/components/PDFViewer.js

@@ -8,9 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactPdf = require("react-pdf");
 var _Utils = _interopRequireDefault(require("../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${_reactPdf.pdfjs.version}/pdf.worker.js`;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(_reactPdf.pdfjs.version, "/pdf.worker.js");
 const PDFViewer = props => {
   const [pageNumber, setPageNumber] = _react.default.useState(1);
   const [numPages, setNumPages] = _react.default.useState(null);

package/dist/components/PopupView.js

@@ -52,7 +52,7 @@ function PopupViewDialog(props) {
     handle: props.view.handle,
     loadCallback: () => {
       if (parsedConfig.windowTitle) {
-        setTitle(_ApplicationManager.default.isExpression(parsedConfig.windowTitle) ? _DynamicJS.default.executeScript(`popupTitle_${props.view.id}`, parsedConfig.windowTitle, parsedConfig.id) : parsedConfig.windowTitle);
+        setTitle(_ApplicationManager.default.isExpression(parsedConfig.windowTitle) ? _DynamicJS.default.executeScript("popupTitle_".concat(props.view.id), parsedConfig.windowTitle, parsedConfig.id) : parsedConfig.windowTitle);
       }
     }
   })));

package/dist/components/Portlet.js

@@ -10,6 +10,7 @@ var _Observable = _interopRequireDefault(require("../event/Observable"));
 require("./Portlet.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Portlet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config$attribu, _props$config$attribu2;
   const [url, setUrl] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(true);
   const urlTemp = _react.default.useRef(null);
@@ -70,8 +71,8 @@ const Portlet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
     src: url,
     title: "eProcurement",
     className: 'portlet-iframe',
-    sandbox: props.config.attributes?.sandbox,
-    allow: props.config.attributes?.allow,
+    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,
     id: props.config.id
   }));
 }));

package/dist/components/RegularButton.js

@@ -10,26 +10,29 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _buttonStyle = _interopRequireDefault(require("../assets/jss/components/buttonStyle"));
+const _excluded = ["color", "round", "children", "fullWidth", "disabled", "simple", "size", "block", "link", "justIcon", "className", "muiClasses"];
 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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const useStyles = (0, _styles.makeStyles)(_buttonStyle.default);
 const RegularButton = props => {
   const classes = useStyles();
   const {
-    color,
-    round,
-    children,
-    fullWidth,
-    disabled,
-    simple,
-    size,
-    block,
-    link,
-    justIcon,
-    className,
-    muiClasses,
-    ...rest
-  } = props;
+      color,
+      round,
+      children,
+      fullWidth,
+      disabled,
+      simple,
+      size,
+      block,
+      link,
+      justIcon,
+      className,
+      muiClasses
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const btnClasses = (0, _classnames.default)({
     [classes.button]: true,
     [classes[size]]: size,

package/dist/components/SocketManager.js

@@ -13,91 +13,117 @@ var _Event = _interopRequireDefault(require("../event/Event"));
 var _VCEventType = require("./media/VCEventType");
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class SocketManager {
   constructor() {
-    this.usersOnline = [];
-  }
-  emitEvent = (eventType, data) => {
-    return new Promise((resolve, reject) => {
-      if (this.socket) {
-        console.log("EMITTING EVENT : " + eventType);
-        let response = this.socket.emit(eventType, data, data => {
-          console.log("EMITTING EVENT RESULT : " + eventType, data);
-          if (data.status === 'SUCCESS') {
-            resolve(data);
-          } else {
-            console.log("ERROR EMITTING EVENT : " + eventType);
-            reject(new Error(data.status));
+    _defineProperty(this, "emitEvent", (eventType, data) => {
+      return new Promise((resolve, reject) => {
+        if (this.socket) {
+          console.log("EMITTING EVENT : " + eventType);
+          let response = this.socket.emit(eventType, data, data => {
+            console.log("EMITTING EVENT RESULT : " + eventType, data);
+            if (data.status === 'SUCCESS') {
+              resolve(data);
+            } else {
+              console.log("ERROR EMITTING EVENT : " + eventType);
+              reject(new Error(data.status));
+            }
+          });
+          if (!response.connected) {
+            reject(new Error("CONNECTION_ERROR"));
           }
-        });
-        if (!response.connected) {
+        } else {
           reject(new Error("CONNECTION_ERROR"));
         }
+      });
+    });
+    _defineProperty(this, "init", async () => {
+      let DEFAULT_SOCKET_SERVER_URL = 'https://sockets.e-procurementsystem.co.za';
+      if (!process.env.REACT_APP_SOCKET_SERVER_URL) {
+        console.log("SOCKET SERVER URL NOT SET. DEFAULTING TO - [https://sockets.e-procurementsystem.co.za]");
       } else {
-        reject(new Error("CONNECTION_ERROR"));
+        console.log("CONNECTING TO ENV SOCKET SERVER URL");
       }
-    });
-  };
-  init = async () => {
-    let DEFAULT_SOCKET_SERVER_URL = 'https://sockets.e-procurementsystem.co.za';
-    if (!process.env.REACT_APP_SOCKET_SERVER_URL) {
-      console.log("SOCKET SERVER URL NOT SET. DEFAULTING TO - [https://sockets.e-procurementsystem.co.za]");
-    } else {
-      console.log("CONNECTING TO ENV SOCKET SERVER URL");
-    }
-    let url = process.env.REACT_APP_SOCKET_SERVER_URL || DEFAULT_SOCKET_SERVER_URL;
-    console.log("======= SOCKET MANAGER CONNECTING TO ========= [" + url + "]");
-    let socket = _socket.default.connect(url);
-    this.socket = socket;
-    socket.on("connect", () => {
-      this.registerOnline();
-    });
-    socket.on('disconnect', () => {
-      _VCEventManager.default.fireEvent(_VCEventType.VCEventType.SOCKET_DISCONNECT, {});
-    });
-    for (const value of Object.keys(_VCEventType.VCEventType)) {
-      socket.on(value, payload => {
-        console.log('EVENT: ', value);
-        if (value !== _VCEventType.VCEventType.USERS_ONLINE && value !== _VCEventType.VCEventType.USER_ONLINE && value !== _VCEventType.VCEventType.USER_OFFLINE) {
-          _VCEventManager.default.fireEvent(value, {
-            socket: this.socket,
-            payload: payload
-          });
-          let event = new _Event.default(_ApplicationManager.default, 'SYSTEM_EVENT', payload);
-          _Observable.default.fireEvent(value, event);
-        }
+      let url = process.env.REACT_APP_SOCKET_SERVER_URL || DEFAULT_SOCKET_SERVER_URL;
+      console.log("======= SOCKET MANAGER CONNECTING TO ========= [" + url + "]");
+      let socket = _socket.default.connect(url);
+      this.socket = socket;
+      socket.on("connect", () => {
+        this.registerOnline();
       });
-    }
-    socket.on(_VCEventType.VCEventType.USERS_ONLINE, payload => {
-      this.usersOnline.splice(0, this.usersOnline.length);
-      for (const payloadElement of payload) {
-        this.usersOnline.push(payloadElement);
+      socket.on('disconnect', () => {
+        _VCEventManager.default.fireEvent(_VCEventType.VCEventType.SOCKET_DISCONNECT, {});
+      });
+      for (const value of Object.keys(_VCEventType.VCEventType)) {
+        socket.on(value, payload => {
+          console.log('EVENT: ', value);
+          if (value !== _VCEventType.VCEventType.USERS_ONLINE && value !== _VCEventType.VCEventType.USER_ONLINE && value !== _VCEventType.VCEventType.USER_OFFLINE) {
+            _VCEventManager.default.fireEvent(value, {
+              socket: this.socket,
+              payload: payload
+            });
+            let event = new _Event.default(_ApplicationManager.default, 'SYSTEM_EVENT', payload);
+            _Observable.default.fireEvent(value, event);
+          }
+        });
       }
-      _VCEventManager.default.fireEvent(_VCEventType.VCEventType.USERS_ONLINE, {
-        socket: this.socket,
-        payload: payload
+      socket.on(_VCEventType.VCEventType.USERS_ONLINE, payload => {
+        this.usersOnline.splice(0, this.usersOnline.length);
+        for (const payloadElement of payload) {
+          this.usersOnline.push(payloadElement);
+        }
+        _VCEventManager.default.fireEvent(_VCEventType.VCEventType.USERS_ONLINE, {
+          socket: this.socket,
+          payload: payload
+        });
       });
-    });
-    socket.on(_VCEventType.VCEventType.USER_ONLINE, payload => {
-      this.usersOnline.push(payload);
-      _VCEventManager.default.fireEvent(_VCEventType.VCEventType.USER_ONLINE, {
-        socket: this.socket,
-        payload: payload
+      socket.on(_VCEventType.VCEventType.USER_ONLINE, payload => {
+        this.usersOnline.push(payload);
+        _VCEventManager.default.fireEvent(_VCEventType.VCEventType.USER_ONLINE, {
+          socket: this.socket,
+          payload: payload
+        });
       });
-    });
-    socket.on(_VCEventType.VCEventType.USER_OFFLINE, payload => {
-      for (let i = 0; i < this.usersOnline.length; i++) {
-        console.log(this.usersOnline[i].userId + " === " + payload.userId);
-        if (this.usersOnline[i].userId === payload.userId) {
-          this.usersOnline.splice(i, 1);
+      socket.on(_VCEventType.VCEventType.USER_OFFLINE, payload => {
+        for (let i = 0; i < this.usersOnline.length; i++) {
+          console.log(this.usersOnline[i].userId + " === " + payload.userId);
+          if (this.usersOnline[i].userId === payload.userId) {
+            this.usersOnline.splice(i, 1);
+          }
         }
-      }
-      _VCEventManager.default.fireEvent(_VCEventType.VCEventType.USER_OFFLINE, {
-        socket: this.socket,
-        payload: payload
+        _VCEventManager.default.fireEvent(_VCEventType.VCEventType.USER_OFFLINE, {
+          socket: this.socket,
+          payload: payload
+        });
       });
     });
-  };
+    _defineProperty(this, "leaveMeeting", meetingId => {
+      if (this.socket) {
+        this.emitEvent(_VCEventType.VCEventType.LEAVE_MEETING, {
+          userId: _ApplicationManager.default.getUserDetails().username,
+          meetingId: meetingId
+        }).catch(error => {});
+      }
+      _ApplicationManager.default.setHasActiveMeeting(false);
+    });
+    _defineProperty(this, "endSession", meetingId => {
+      if (this.socket) {
+        this.emitEvent(_VCEventType.VCEventType.LEAVE_MEETING, {
+          userId: _ApplicationManager.default.getUserDetails().username,
+          meetingId: meetingId
+        }).then(() => {
+          this.emitEvent(_VCEventType.VCEventType.END_SESSION, {
+            userId: _ApplicationManager.default.getUserDetails().username,
+            meetingId: meetingId
+          }).catch(error => {});
+        }).catch(error => {});
+      }
+      _ApplicationManager.default.setHasActiveMeeting(false);
+    });
+    this.usersOnline = [];
+  }
   registerOnline() {
     let userDetails = _ApplicationManager.default.getUserDetails();
     // TODO : Resolve the hardcoding
@@ -119,29 +145,6 @@ class SocketManager {
       console.log(exp);
     });
   }
-  leaveMeeting = meetingId => {
-    if (this.socket) {
-      this.emitEvent(_VCEventType.VCEventType.LEAVE_MEETING, {
-        userId: _ApplicationManager.default.getUserDetails().username,
-        meetingId: meetingId
-      }).catch(error => {});
-    }
-    _ApplicationManager.default.setHasActiveMeeting(false);
-  };
-  endSession = meetingId => {
-    if (this.socket) {
-      this.emitEvent(_VCEventType.VCEventType.LEAVE_MEETING, {
-        userId: _ApplicationManager.default.getUserDetails().username,
-        meetingId: meetingId
-      }).then(() => {
-        this.emitEvent(_VCEventType.VCEventType.END_SESSION, {
-          userId: _ApplicationManager.default.getUserDetails().username,
-          meetingId: meetingId
-        }).catch(error => {});
-      }).catch(error => {});
-    }
-    _ApplicationManager.default.setHasActiveMeeting(false);
-  };
   createEvent() {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     return new _Event.default({

package/dist/components/StepperTitleBar.js

@@ -48,7 +48,7 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
       actions: [{
         actionType: "script",
         script: {
-          lines: [`if($event.data.name === 'stepperTitle'){`, `   @#{${props.config.id}}.show()`, "}"]
+          lines: ["if($event.data.name === 'stepperTitle'){", "   @#{".concat(props.config.id, "}.show()"), "}"]
         }
       }]
     };
@@ -63,13 +63,14 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
     recalcLinePosition();
   }, []);
   const recalcLinePosition = () => {
+    var _$$offset;
     // Your old logic depended on single-row layout and a single #titleDiv
     // Now that we allow wrapping, we guard this so it doesn't break.
     if (currentIndex.current == null) return;
     const stepEl = (0, _jquery.default)("#step-container-" + currentIndex.current);
     if (!stepEl || stepEl.length === 0) return;
     const stepTop = stepEl.offset().top;
-    const firstTop = (0, _jquery.default)("#step-container-0").offset()?.top;
+    const firstTop = (_$$offset = (0, _jquery.default)("#step-container-0").offset()) === null || _$$offset === void 0 ? void 0 : _$$offset.top;
 
     // if wrapped to multiple rows, skip line math (each item already has its own line segment)
     if (firstTop != null && stepTop !== firstTop) {
@@ -139,9 +140,9 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
     const isVisited = graphicsCounter < currentIndex.current;
     const isLast = graphicsCounter === totalSteps - 1;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: isActive ? `stepActive` : isVisited ? 'stepVisited' : 'step'
+      className: isActive ? "stepActive" : isVisited ? 'stepVisited' : 'step'
     }, graphicsCounter > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (graphicsCounter <= currentIndex.current ? `${classes.themeBorder} ` : '') + (isLast ? ' lastLine' : '')
+      className: (graphicsCounter <= currentIndex.current ? "".concat(classes.themeBorder, " ") : '') + (isLast ? ' lastLine' : '')
     }) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: 'row flex-nowrap' + (graphicsCounter === 0 ? ' firstBox' : 'boxWrapper'),
       style: {
@@ -159,7 +160,7 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
       style: {
         whiteSpace: "nowrap"
       },
-      className: (isVisited ? `${classes.secondary} box` : isActive ? `${classes.primary} box` : 'box-pending') + ' row no-margin no-padding flex-nowrap' + (step.index === 0 ? ' first-box' : '')
+      className: (isVisited ? "".concat(classes.secondary, " box") : isActive ? "".concat(classes.primary, " box") : 'box-pending') + ' row no-margin no-padding flex-nowrap' + (step.index === 0 ? ' first-box' : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'dot col-*-*',
       style: {
@@ -173,7 +174,7 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
         color: isActive ? '#000000' : isVisited ? '#ffffff' : '#888888'
       }
     }, step.title)))), !isLast ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (graphicsCounter < currentIndex.current ? `${classes.themeBorder} ` : '') + (graphicsCounter === 0 ? ' firstLine' : '')
+      className: (graphicsCounter < currentIndex.current ? "".concat(classes.themeBorder, " ") : '') + (graphicsCounter === 0 ? ' firstLine' : '')
     }) : null);
   }
   function render() {

package/dist/components/TabPage.js

@@ -10,8 +10,11 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../Utils"));
+const _excluded = ["children", "value", "index"];
 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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   formTabContainer: {
     height: 'inherit !important',
@@ -30,11 +33,11 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 }));
 const TabPage = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
-    children,
-    value,
-    index,
-    ...other
-  } = props;
+      children,
+      value,
+      index
+    } = props,
+    other = _objectWithoutProperties(props, _excluded);
   const classes = useStyles();
   let componentKey = 0;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -46,8 +49,8 @@ const TabPage = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
     className: "w-100",
     role: "tabpanel",
     hidden: value !== index,
-    id: `simple-tabpanel-${index}`,
-    "aria-labelledby": `simple-tab-${index}`
+    id: "simple-tabpanel-".concat(index),
+    "aria-labelledby": "simple-tab-".concat(index)
   }, other), /*#__PURE__*/_react.default.createElement(_Box.default, {
     p: 3,
     className: classes.formTabPanel,

package/dist/components/TabPanel.js

@@ -16,10 +16,15 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 var _Layout = require("./layout/Layout");
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function a11yProps(index) {
   return {
-    id: `simple-tab-${index}`,
-    'aria-controls': `simple-tabpanel-${index}`
+    id: "simple-tab-".concat(index),
+    'aria-controls': "simple-tabpanel-".concat(index)
   };
 }
 const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
@@ -117,9 +122,10 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         let children = [];
         let properties = Object.getOwnPropertyNames(componentHandles);
         for (const property of properties) {
+          var _componentHandle$api;
           let componentHandle = componentHandles[property];
           children.push(componentHandle);
-          if (!_Utils.default.isNull(componentHandle.api?.getChildren)) {
+          if (!_Utils.default.isNull((_componentHandle$api = componentHandle.api) === null || _componentHandle$api === void 0 ? void 0 : _componentHandle$api.getChildren)) {
             for (const child of componentHandle.api.getChildren()) {
               children.push(child);
             }
@@ -134,10 +140,9 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         return tabValue;
       },
       setPageHasError: (pageId, hasError) => {
-        setErrors({
-          ...errors,
+        setErrors(_objectSpread(_objectSpread({}, errors), {}, {
           [pageId]: hasError
-        });
+        }));
       },
       clearErrors: () => {
         setErrors({});