@agilemotion/oui-react-js 1.8.56 → 1.8.58

package/dist/components/Graph.js

@@ -9,8 +9,85 @@ var _ActionHandlers = _interopRequireDefault(require("../event/ActionHandlers"))
 var _GraphNode = _interopRequireDefault(require("./GraphNode"));
 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 Graph {
   constructor(config) {
+    _defineProperty(this, "getCurrentNodeIndex", () => {
+      let index = 0;
+      let collection = this.config.stepperMode === null || this.config.stepperMode === "DYNAMIC" ? this.path : this.config.nodes;
+      for (const element of collection) {
+        if (this.current.config.name === element.name) {
+          return index;
+        }
+        index++;
+      }
+      return null;
+    });
+    _defineProperty(this, "init", async () => {
+      let root = this.config.nodes[0];
+      this.current = new _GraphNode.default(this.config.nodes[0]);
+      this.addNodeToPath(this.current);
+      if (root.action.actionType === 'route') {
+        root.action.window = this.config.isWindow;
+        root.action.graphId = this.config.id;
+        root.action.pinned = this.config.pinned;
+        root.action.defaultDisplayState = this.config.defaultDisplayState;
+      }
+      if (root.onStart) {
+        for (const action of root.onStart.actions) {
+          await _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
+        }
+      }
+      await _ActionHandlers.default.invokeHandler(root.action, null, null, this.config.id);
+    });
+    _defineProperty(this, "signal", event => {
+      let nextNodeName = this.current.getNextNode(event);
+      if (this.current.config.last && nextNodeName === null) {
+        _ApplicationManager.default.removeLoadedGraph(this.config.isWindow ? 'window' : 'main');
+      } else {
+        if (!_Utils.default.isNull(nextNodeName)) {
+          for (const node of this.config.nodes) {
+            if (node.name === nextNodeName) {
+              this.current = new _GraphNode.default(node);
+              this.addNodeToPath(this.current);
+              if (node.action.actionType === 'route') {
+                node.action.window = this.config.isWindow;
+                node.action.graphId = this.config.id;
+              }
+              if (node.onStart) {
+                for (const action of node.onStart.actions) {
+                  _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
+                }
+              }
+              _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
+              break;
+            }
+          }
+        }
+        if (this.current === null) {
+          console.error("Node name could not be found : " + nextNodeName);
+        }
+      }
+    });
+    _defineProperty(this, "setCurrentNodeTitle", title => {
+      if (this.current !== null) {
+        this.current.title = title;
+      }
+    });
+    _defineProperty(this, "addNodeToPath", node => {
+      if (this.path.length === 0) {
+        this.path.push(node);
+      } else {
+        let lastNode = this.path[this.path.length - 1];
+        if (lastNode.config.name === node.config.name) {
+          this.path.pop();
+        } else {
+          this.path.push(node);
+        }
+      }
+    });
     this.config = config;
     this.modelData = {};
     this.current = null;
@@ -36,83 +113,9 @@ class Graph {
     }
     return titleStack;
   }
-  getCurrentNodeIndex = () => {
-    let index = 0;
-    let collection = this.config.stepperMode === null || this.config.stepperMode === "DYNAMIC" ? this.path : this.config.nodes;
-    for (const element of collection) {
-      if (this.current.config.name === element.name) {
-        return index;
-      }
-      index++;
-    }
-    return null;
-  };
   get title() {
     return this.config.title;
   }
-  init = async () => {
-    let root = this.config.nodes[0];
-    this.current = new _GraphNode.default(this.config.nodes[0]);
-    this.addNodeToPath(this.current);
-    if (root.action.actionType === 'route') {
-      root.action.window = this.config.isWindow;
-      root.action.graphId = this.config.id;
-      root.action.pinned = this.config.pinned;
-      root.action.defaultDisplayState = this.config.defaultDisplayState;
-    }
-    if (root.onStart) {
-      for (const action of root.onStart.actions) {
-        await _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
-      }
-    }
-    await _ActionHandlers.default.invokeHandler(root.action, null, null, this.config.id);
-  };
-  signal = event => {
-    let nextNodeName = this.current.getNextNode(event);
-    if (this.current.config.last && nextNodeName === null) {
-      _ApplicationManager.default.removeLoadedGraph(this.config.isWindow ? 'window' : 'main');
-    } else {
-      if (!_Utils.default.isNull(nextNodeName)) {
-        for (const node of this.config.nodes) {
-          if (node.name === nextNodeName) {
-            this.current = new _GraphNode.default(node);
-            this.addNodeToPath(this.current);
-            if (node.action.actionType === 'route') {
-              node.action.window = this.config.isWindow;
-              node.action.graphId = this.config.id;
-            }
-            if (node.onStart) {
-              for (const action of node.onStart.actions) {
-                _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
-              }
-            }
-            _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
-            break;
-          }
-        }
-      }
-      if (this.current === null) {
-        console.error("Node name could not be found : " + nextNodeName);
-      }
-    }
-  };
-  setCurrentNodeTitle = title => {
-    if (this.current !== null) {
-      this.current.title = title;
-    }
-  };
-  addNodeToPath = node => {
-    if (this.path.length === 0) {
-      this.path.push(node);
-    } else {
-      let lastNode = this.path[this.path.length - 1];
-      if (lastNode.config.name === node.config.name) {
-        this.path.pop();
-      } else {
-        this.path.push(node);
-      }
-    }
-  };
   get value() {
     if (_Utils.default.isNull(this.config.valueObjectType)) {
       let value = {};

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({