@agilemotion/oui-react-js 1.3.1 → 1.3.3

package/dist/components/signatures/SignatureTemplateDesigner.js

@@ -29,6 +29,10 @@ var _EventType = _interopRequireDefault(require("../../event/EventType"));
 
 var Base64 = _interopRequireWildcard(require("js-base64"));
 
+var _RestUtils = require("../../RestUtils");
+
+var _ServiceCallActionHandler = _interopRequireDefault(require("../../event/ServiceCallActionHandler"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -67,6 +71,7 @@ const TEXT_ITEM = {
   defaultWidthOnPageDrop: "200px",
   defaultHeightOnPageDrop: "80px"
 };
+const DROP_ITEM_MARGIN = 32;
 const types = [INITIAL_ITEM, SIGN_ITEM, TEXT_ITEM];
 const useStyles = (0, _core.makeStyles)(theme => ({
   button: {
@@ -79,14 +84,15 @@ const useStyles = (0, _core.makeStyles)(theme => ({
     color: 'red'
   },
   propertyWindow: {
-    width: "320px",
     height: "400px",
-    border: "1px solid #e1e1e1",
     margin: "4px",
-    borderRadius: "4px"
+    borderRadius: "4px",
+    paddingLeft: "24px",
+    borderBottom: "1px solid #e1e1e1",
+    borderTop: "1px solid #e1e1e1"
   },
   paletteButton: {
-    width: "320px",
+    width: "270px",
     height: "40px",
     backgroundColor: "#e1e1e1",
     margin: "4px",
@@ -98,7 +104,7 @@ const useStyles = (0, _core.makeStyles)(theme => ({
     '&:hover': {
       backgroundColor: "yellowgreen"
     },
-    width: "320px",
+    width: "270px",
     height: "40px",
     backgroundColor: "yellowgreen",
     margin: "4px",
@@ -107,7 +113,7 @@ const useStyles = (0, _core.makeStyles)(theme => ({
     borderRadius: "4px"
   },
   palette: {
-    width: "332px",
+    width: "280px",
     borderRadius: "4px",
     border: "1px solid #e1e1e1"
   }
@@ -179,6 +185,8 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
         loading = _React$useState16[0],
         setLoading = _React$useState16[1];
 
+  const documentName = _react.default.useRef(null);
+
   _react.default.useEffect(() => {
     props.handle.api = api();
 
@@ -197,6 +205,12 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     }
   });
 
+  _react.default.useEffect(() => {
+    if (!_Utils.default.isNull(props.valueChangeHandler)) {
+      props.valueChangeHandler(value);
+    }
+  }, [value]);
+
   const api = () => {
     return {
       get id() {
@@ -205,19 +219,47 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
 
       loadData: actionConfig => {
         setLoading(true);
+        let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : !_Utils.default.isNull(actionConfig) !== null ? actionConfig.dataService : null;
+
+        if (!_Utils.default.isNull(service)) {
+          if (service.type === 'remoteObjectProxy') {
+            (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+              setLoading(false);
+            }, e => {
+              console.error(e);
+
+              _Utils.default.publishSystemErrorMessage(props.viewId);
+            }, parameter => {
+              setLoading(false);
+            });
+          } else {
+            if (_Utils.default.isNull(actionConfig)) {
+              actionConfig = {};
+            }
+
+            actionConfig.service = service;
+
+            _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, data => {
+              setHtmlTemplate(data.template);
+              setLoading(false);
+            }, () => {});
+          }
 
-        if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
-          let value = _ApplicationContext.default.isExpression(actionConfig.value) ? _ApplicationContext.default.resolveExpressionValue(actionConfig.value) : actionConfig.value;
-
-          if (!_Utils.default.isNull(value)) {
+          return true;
+        } else {
+          if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
+            let value = _ApplicationContext.default.isExpression(actionConfig.value) ? _ApplicationContext.default.resolveExpressionValue(actionConfig.value) : actionConfig.value;
             setValue(value);
-            setHtmlTemplate(value.htmlTemplate);
-            setInputBoxValues(value.signatureInputs);
-            idCounter.current = value.idCounter;
+
+            if (!_Utils.default.isNull(value)) {
+              setHtmlTemplate(value.htmlTemplate);
+              setInputBoxValues(value.signatureInputs);
+              idCounter.current = value.idCounter;
+            }
           }
-        }
 
-        setLoading(false);
+          setLoading(false);
+        }
       },
 
       get model() {
@@ -319,9 +361,9 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
           left = parseFloat(element.style.left.replace('px', '')) + 4;
         }
 
-        if (parseFloat(element.style.top.replace('pt', '')) === top) {
+        if (parseFloat(element.style.top.replace('px', '')) === top) {
           topOffset += 4;
-          top = parseFloat(element.style.top.replace('pt', ''));
+          top = parseFloat(element.style.top.replace('px', ''));
         }
       }
     } catch (err) {
@@ -369,18 +411,18 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
 
         if (event.target.className.includes("page")) {
           let top = !_Utils.default.isNull(event.target.style.top) && event.target.style.top.trim().length > 0 ? event.target.style.top.replaceAll('pt', '') : '0';
-          let topPos = parseFloat(top) + parseFloat(event.target.style.height.replace('pt', '')) - 75;
-          let pageDropOffset = getPageDropOffset(16, topPos);
-          node.style.top = topPos - pageDropOffset.topOffset + 'pt';
+          let topPos = parseFloat(top) + parseFloat(event.target.style.height.replace('pt', '')) - parseFloat(paletteSelection.current.defaultHeightOnPageDrop.replace('px', '')) * .75 - DROP_ITEM_MARGIN;
+          let pageDropOffset = getPageDropOffset(DROP_ITEM_MARGIN, parseFloat(convertToPixels(topPos + "pt").replace('px', '')));
+          node.style.top = convertToPixels(topPos - pageDropOffset.topOffset + 'pt');
           node.style.width = paletteSelection.current.defaultWidthOnPageDrop;
           node.style.height = paletteSelection.current.defaultHeightOnPageDrop;
           node.style.padding = '8px';
-          node.style.left = 16 + pageDropOffset.leftOffset + 'px';
+          node.style.left = DROP_ITEM_MARGIN + pageDropOffset.leftOffset + 'px';
           event.target.appendChild(node);
         } else {
           let lineHeight = event.target.style.lineHeight;
           let hasLineHeight = !_Utils.default.isNull(lineHeight) && lineHeight.trim().length > 0 && lineHeight.toString() !== '0';
-          node.style.top = hasLineHeight ? event.target.style.top : parseFloat(event.target.style.top.replace('pt', '')) - 14.5 + 'pt';
+          node.style.top = hasLineHeight ? event.target.style.top : convertToPixels(parseFloat(event.target.style.top.replace('pt', '')) - 14.5 + 'pt');
           node.style.left = event.target.style.left;
           node.style.width = convertToPixels(event.target.style.width);
           node.style.height = convertToPixels(hasLineHeight ? event.target.style.lineHeight : '14.5pt');
@@ -426,27 +468,29 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
   }, [value]);
 
   const initDragAndDrop = className => {
-    let elements = document.getElementsByClassName(className);
+    setTimeout(() => {
+      let elements = document.getElementsByClassName(className);
 
-    var _iterator5 = _createForOfIteratorHelper(elements),
-        _step5;
+      var _iterator5 = _createForOfIteratorHelper(elements),
+          _step5;
 
-    try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        const element = _step5.value;
+      try {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          const element = _step5.value;
 
-        if (className !== "page") {
-          element.addEventListener("dragstart", dragStart, false);
-        }
+          if (className !== "page") {
+            element.addEventListener("dragstart", dragStart, false);
+          }
 
-        element.addEventListener("dragover", dragOver, false);
-        element.addEventListener("drop", drop, false);
+          element.addEventListener("dragover", dragOver, false);
+          element.addEventListener("drop", drop, false);
+        }
+      } catch (err) {
+        _iterator5.e(err);
+      } finally {
+        _iterator5.f();
       }
-    } catch (err) {
-      _iterator5.e(err);
-    } finally {
-      _iterator5.f();
-    }
+    }, 2000);
   };
 
   const destroyEvents = () => {
@@ -513,12 +557,75 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     setPaletteSelectionId(null);
   }, [htmlTemplate]);
 
+  function getElementPage(elementId) {
+    let pages = document.getElementsByClassName("page");
+
+    var _iterator9 = _createForOfIteratorHelper(pages),
+        _step9;
+
+    try {
+      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+        const page = _step9.value;
+        let elements = page.getElementsByClassName("__agm_wf_signatureInput__");
+
+        var _iterator10 = _createForOfIteratorHelper(elements),
+            _step10;
+
+        try {
+          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+            const element = _step10.value;
+
+            if (element.id === elementId) {
+              return page;
+            }
+          }
+        } catch (err) {
+          _iterator10.e(err);
+        } finally {
+          _iterator10.f();
+        }
+      }
+    } catch (err) {
+      _iterator9.e(err);
+    } finally {
+      _iterator9.f();
+    }
+
+    return null;
+  }
+
   function handleDragDrop(event) {
     let offset;
     offset = dragAndDropData.offset.split(',');
-    var dm = document.getElementById(dragAndDropData.id);
-    dm.style.left = event.clientX + parseInt(offset[0], 10) + 'px';
-    dm.style.top = event.clientY + parseInt(offset[1], 10) + 'px';
+    let dm = document.getElementById(dragAndDropData.id);
+    let page = getElementPage(dm.id);
+    let itemLeft = event.clientX + parseInt(offset[0], 10);
+    let itemTop = event.clientY + parseInt(offset[1], 10);
+    let itemWidth = parseFloat(convertToPixels(dm.style.width).replace('px', ''));
+    let itemHeight = parseFloat(convertToPixels(dm.style.height).replace('px', ''));
+    dm.style.left = itemLeft + 'px';
+    dm.style.top = itemTop + 'px';
+    let itemRight = itemLeft + itemWidth;
+    let itemBottom = itemTop + itemHeight;
+    let pageRight = parseFloat(convertToPixels(page.style.width).replace('px', ''));
+    let pageBottom = parseFloat(convertToPixels(page.style.height).replace('px', ''));
+
+    if (itemLeft < DROP_ITEM_MARGIN) {
+      dm.style.left = DROP_ITEM_MARGIN + 'px';
+    }
+
+    if (itemRight > pageRight - DROP_ITEM_MARGIN) {
+      dm.style.left = pageRight - DROP_ITEM_MARGIN - itemWidth + 'px';
+    }
+
+    if (itemTop < DROP_ITEM_MARGIN) {
+      dm.style.top = DROP_ITEM_MARGIN + 'px';
+    }
+
+    if (itemBottom > pageBottom - DROP_ITEM_MARGIN) {
+      dm.style.top = pageBottom - DROP_ITEM_MARGIN - itemHeight + 'px';
+    }
+
     event.preventDefault();
     return false;
   }
@@ -527,7 +634,6 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     document.body.style.cursor = "move";
     let style = window.getComputedStyle(event.target, null);
     dragAndDropData.offset = parseInt(style.getPropertyValue("left"), 10) - event.clientX + ',' + (parseInt(style.getPropertyValue("top"), 10) - event.clientY);
-    console.log("\n\n\nDRAG START " + event.target.id);
     dragAndDropData.id = event.target.id;
   }
 
@@ -544,12 +650,12 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
   const getInputValue = id => {
     let index = 0;
 
-    var _iterator9 = _createForOfIteratorHelper(inputBoxValues),
-        _step9;
+    var _iterator11 = _createForOfIteratorHelper(inputBoxValues),
+        _step11;
 
     try {
-      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-        const inputBoxValue = _step9.value;
+      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+        const inputBoxValue = _step11.value;
 
         if (inputBoxValue.id === id) {
           inputBoxValue.index = index;
@@ -559,9 +665,9 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
         index++;
       }
     } catch (err) {
-      _iterator9.e(err);
+      _iterator11.e(err);
     } finally {
-      _iterator9.f();
+      _iterator11.f();
     }
 
     return null;
@@ -599,6 +705,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
 
   const handleChange = () => event => {
     let files = event.target.files;
+    documentName.current = files[0].name;
     setFile(files[0]);
   };
 
@@ -611,18 +718,18 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
   };
 
   const clear = () => {
-    var _iterator10 = _createForOfIteratorHelper(inputBoxValues),
-        _step10;
+    var _iterator12 = _createForOfIteratorHelper(inputBoxValues),
+        _step12;
 
     try {
-      for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-        const inputBoxValue = _step10.value;
+      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+        const inputBoxValue = _step12.value;
         document.getElementById(inputBoxValue.id).remove();
       }
     } catch (err) {
-      _iterator10.e(err);
+      _iterator12.e(err);
     } finally {
-      _iterator10.f();
+      _iterator12.f();
     }
 
     inputBoxValues.splice(0, inputBoxValues.length);
@@ -637,12 +744,12 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     let elementTop = 3 * parseFloat(element.style.top.replace("px", '').replace('pt', '')) / 4;
     let pageElementTop = 0;
 
-    var _iterator11 = _createForOfIteratorHelper(pageElements),
-        _step11;
+    var _iterator13 = _createForOfIteratorHelper(pageElements),
+        _step13;
 
     try {
-      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-        const pageElement = _step11.value;
+      for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+        const pageElement = _step13.value;
         let pageElementHeight = parseFloat(pageElement.style.height.replace("px", '').replace('pt', ''));
 
         if (elementTop >= pageElementTop && elementTop < pageElementTop + pageElementHeight) {
@@ -653,21 +760,21 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
         pageElementTop += pageElementHeight;
       }
     } catch (err) {
-      _iterator11.e(err);
+      _iterator13.e(err);
     } finally {
-      _iterator11.f();
+      _iterator13.f();
     }
 
     let offset = elementTop - pageElementTop;
     let pageNumber = 0;
     let elementData = getInputValue(id);
 
-    var _iterator12 = _createForOfIteratorHelper(pageElements),
-        _step12;
+    var _iterator14 = _createForOfIteratorHelper(pageElements),
+        _step14;
 
     try {
-      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-        const pageElement = _step12.value;
+      for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+        const pageElement = _step14.value;
         let pageElementHeight = parseFloat(pageElement.style.height.replace("px", '').replace('pt', ''));
 
         if (pageElement !== elementPage) {
@@ -682,9 +789,10 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
           node.style.height = element.style.height;
           node.style.left = element.style.left;
           node.innerText = element.innerText;
-          node.style.top = pageNumber * pageElementHeight + offset + 'pt';
+          node.style.top = convertToPixels(pageNumber * pageElementHeight + offset + 'pt');
           node.id = idCounter.current++;
           node.className = element.className;
+          node.setAttribute("sid", element.getAttribute("sid"));
           node.setAttribute("draggable", true);
           let inputValue = {};
           inputValue.id = node.id;
@@ -693,27 +801,27 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
           inputValue.type = elementData.type;
           inputValue.signatory = elementData.signatory;
           inputBoxValues.push(inputValue);
-          setValue(null);
           pageElement.appendChild(node);
           node.addEventListener('dragstart', dragStart, false);
+          saveValue();
         }
       }
     } catch (err) {
-      _iterator12.e(err);
+      _iterator14.e(err);
     } finally {
-      _iterator12.f();
+      _iterator14.f();
     }
   };
 
   function saveValue() {
     let allValid = true;
 
-    var _iterator13 = _createForOfIteratorHelper(inputBoxValues),
-        _step13;
+    var _iterator15 = _createForOfIteratorHelper(inputBoxValues),
+        _step15;
 
     try {
-      for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-        const inputBoxValue = _step13.value;
+      for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+        const inputBoxValue = _step15.value;
 
         if (_Utils.default.isNull(inputBoxValue.signatory)) {
           allValid = false;
@@ -721,17 +829,18 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
         }
       }
     } catch (err) {
-      _iterator13.e(err);
+      _iterator15.e(err);
     } finally {
-      _iterator13.f();
+      _iterator15.f();
     }
 
     if (allValid) {
       let newValue = {};
-      newValue.htmlTemplate = document.getElementById("templateContainer").innerHTML;
-      newValue.htmlTemplateBase64 = Base64.encode(document.getElementById("templateContainer").innerHTML);
+      newValue.htmlTemplate = document.getElementById("templateContainer").innerHTML.replace("div name=\"replaced_html\"", "html").replace("div name=\"replaced_body\"", "body");
+      newValue.htmlTemplateBase64 = Base64.encode(newValue.htmlTemplate);
       newValue.signatureInputs = inputBoxValues;
       newValue.idCounter = idCounter.current;
+      newValue.documentName = documentName.current;
       setValue(newValue);
     } else {
       setValue(null);
@@ -749,6 +858,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     element.style.height = values.height + "px";
     element.style.borderColor = VALID_COLOR;
     element.innerText = values.signatory.map.name;
+    element.setAttribute("sid", values.signatory.map.emailAddress);
     saveValue();
   };
 
@@ -762,7 +872,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
       width: "100%",
       maxHeight: "70vh"
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, _Utils.default.isNull(props.showToolbar) || props.showToolbar === true ? /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginBottom: "32px"
     }
@@ -790,7 +900,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     disabled: _Utils.default.isNull(file),
     className: classes.button,
     onClick: handleSubmit()
-  }, "Generate Template"))))), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Generate Template"))))) : null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: "auto"
     }
@@ -861,7 +971,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
       "label": "paletteButtonLabel"
     }
   }, "Clear")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.propertyWindow, " col")
+    className: "".concat(classes.propertyWindow)
   }, /*#__PURE__*/_react.default.createElement(_SignatureInputProps.default, {
     value: selectedInputBoxValue,
     signatoryUrl: location + _ApplicationContext.default.getBaseApiUrl() + props.config.signatoryUrl,
@@ -871,7 +981,8 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
   }))), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxHeight: "calc(70vh - 80px)",
-      overflow: "auto"
+      overflow: "auto",
+      width: "60%"
     },
     className: 'col-*-*',
     id: "signaturePanel",
@@ -880,7 +991,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     onMouseOut: e => mouseOutHandler(e),
     id: "templateContainer"
   }, /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
-    html: htmlTemplate
+    html: htmlTemplate.replace('<html', "<div name=\"replaced_html\"").replace('</html>', '</div>').replace('<body', "<div name=\"replaced_body\"").replace('</body>', '</div>')
   }))) : null)) : /*#__PURE__*/_react.default.createElement("div", null, "Loading..."));
 }));
 

package/dist/event/LoadDataActionHandler.js

@@ -22,7 +22,7 @@ class LoadDataActionHandler {
 
   execute(actionConfig, event, component, currentViewId) {
     if (!_Utils.default.isNull(component)) {
-      component.api.loadData(actionConfig);
+      component.api.loadData(actionConfig, event.data);
     }
   }
 

package/dist/event/Observable.js

@@ -221,7 +221,7 @@ class Observable {
             // This happens on async events such as RPC_CALL. If there is no view masking,
             // the REST call may return while the component has been destroyed, and the source's current could be null
             // Proper masking when doing REST CALL should prevent this from happening. The null check provides the sort of defence
-            if (!_Utils.default.isNull(be.getSource())) {
+            if (!_Utils.default.isNull(be.getSource()) && !_Utils.default.isNull(be.getSource().api)) {
               sourceId = be.getSource().api.id;
               viewId = be.viewId;
 

package/dist/event/RouteActionHandler.js

@@ -15,6 +15,12 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
 
+var _Observable = _interopRequireDefault(require("../event/Observable"));
+
+var _EventType = _interopRequireDefault(require("./EventType"));
+
+var _Event = _interopRequireDefault(require("./Event"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const location = window.location.protocol + "//" + window.location.hostname;
@@ -43,9 +49,9 @@ class RouteActionHandler {
     if (!_Utils.default.isNull(actionConfig.pathEvaluator)) {
       path = _DynamicJS.default.executeScriptObject(currentViewId + 'ViewEvaluator_' + event.source.id, actionConfig.pathEvaluator);
     } else {
-      path = actionConfig.path === '$event.data' ? event.data : actionConfig.path;
+      path = _ApplicationContext.default.isExpression(actionConfig.path) ? _ApplicationContext.default.resolveExpressionValue(actionConfig.path, event.data) : actionConfig.path;
 
-      if ("@#{history.back}" === path) {
+      if ("@#{history.back}" === actionConfig.path) {
         let historyElement = _ApplicationContext.default.getPreviousHistoryElement();
 
         if (historyElement === null) {
@@ -64,7 +70,7 @@ class RouteActionHandler {
       for (let i = 0; i < actionConfig.parameters.length; i++) {
         let parameter = actionConfig.parameters[i];
 
-        let parameterValue = _ApplicationContext.default.resolveParameterValue(parameter);
+        let parameterValue = _ApplicationContext.default.resolveParameterValue(parameter, event.data);
 
         let validator = parameter.validator;
 
@@ -109,10 +115,17 @@ class RouteActionHandler {
         } else {
           _ApplicationContext.default.closeCurrentView(false);
 
-          _ApplicationContext.default.getCurrentView().handle.api.updateModel(parameterValues);
+          currentView = _ApplicationContext.default.getCurrentView();
+
+          if (currentView) {
+            currentView.handle.api.updateModel(parameterValues);
+            let event = new _Event.default(currentView.handle, currentView.config.id, null);
+
+            _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
+          }
         }
       } else if (data.type === 'graph') {
-        _ApplicationContext.default.loadGraph(isParent, isPopup, data);
+        _ApplicationContext.default.loadGraph(isParent, isPopup, data, parameterValues);
       }
     }, e => {
       console.error(e);

package/dist/event/ServiceCallActionHandler.js

@@ -24,7 +24,7 @@ class ServiceCallActionHandler {
     return ServiceCallActionHandler.instance;
   }
 
-  execute(actionConfig, event, component, currentViewId, successCallback, errorCallback) {
+  execute(actionConfig, event, component, currentViewId, successCallback, errorCallback, invalidParameterCallback) {
     let method = actionConfig.service.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
     method(actionConfig.service, component, currentViewId, result => {
       let handle = !_Utils.default.isNull(component) && !_Utils.default.isNull(component.current) ? component.current : component;
@@ -44,12 +44,16 @@ class ServiceCallActionHandler {
         successCallback(result);
       }
     }, e => {
-      _Utils.default.publishSystemErrorMessage(currentViewId);
+      _Utils.default.publishSystemErrorMessage(currentViewId, component);
 
       if (!_Utils.default.isNull(errorCallback)) {
         errorCallback(e);
       }
-    }, null, actionConfig.returnValueBinding, actionConfig.successMessage);
+    }, () => {
+      if (invalidParameterCallback) {
+        invalidParameterCallback();
+      }
+    }, actionConfig.returnValueBinding, actionConfig.successMessage);
   }
 
 }

package/dist/js/Addresses.js

@@ -12,15 +12,22 @@ class Addresses {
 
   copy(from, to, checked) {
     if (checked) {
-      let currentViewModel = this.resolver.resolveComponentApi('view').model;
-      let fromAddressLine1 = currentViewModel[from + '.line1'];
-      let fromAddressLine2 = currentViewModel[from + '.line2'];
-      let fromAddressLine3 = currentViewModel[from + '.line3'];
-      let fromAddressCode = currentViewModel[from + '.code'];
-      this.resolver.resolveComponentApi(to + '.line1').value = fromAddressLine1;
-      this.resolver.resolveComponentApi(to + '.line2').value = fromAddressLine2;
-      this.resolver.resolveComponentApi(to + '.line3').value = fromAddressLine3;
-      this.resolver.resolveComponentApi(to + '.code').value = fromAddressCode;
+      let street = this.resolver.resolveComponentApi(from + '.street').value;
+      let suburb = this.resolver.resolveComponentApi(from + '.suburb').value;
+      let city = this.resolver.resolveComponentApi(from + '.city').value;
+      let municipality = this.resolver.resolveComponentApi(from + '.municipality').value;
+      let province = this.resolver.resolveComponentApi(from + '.province').value;
+      let country = this.resolver.resolveComponentApi(from + '.country').value;
+      let code = this.resolver.resolveComponentApi(from + '.code').value;
+      let building = this.resolver.resolveComponentApi(from + '.building').value;
+      this.resolver.resolveComponentApi(to + '.street').value = street;
+      this.resolver.resolveComponentApi(to + '.suburb').value = suburb;
+      this.resolver.resolveComponentApi(to + '.city').value = city;
+      this.resolver.resolveComponentApi(to + '.municipality').value = municipality;
+      this.resolver.resolveComponentApi(to + '.province').value = province;
+      this.resolver.resolveComponentApi(to + '.country').value = country;
+      this.resolver.resolveComponentApi(to + '.code').value = code;
+      this.resolver.resolveComponentApi(to + '.building').value = building;
     }
   }