@kineticdata/react 6.0.4 → 6.1.0

package/lib/components/task/builder/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.THROTTLE_ZOOM = exports.THROTTLE_DRAG = exports.NODE_WIDTH = exports.NODE_TOP_BAR_PATH = exports.NODE_STROKE_WIDTH = exports.NODE_START_RADIUS = exports.NODE_RADIUS = exports.NODE_PADDING = exports.NODE_NAME_PADDING = exports.NODE_LEFT_TOP_BAR_PATH = exports.NODE_LEFT_BOTTOM_BAR_PATH = exports.NODE_LEFT_BAR_PATH = exports.NODE_JOIN_JUNCTION_HEIGHT = exports.NODE_JOIN_JUNCTION_CENTER_Y = exports.NODE_HEIGHT = exports.NODE_DECORATION_STROKE_WIDTH = exports.NODE_CORNER_TAB_PATH = exports.NODE_CENTER_Y = exports.NODE_CENTER_X = exports.NODE_BOTTOM_BAR_PATH = exports.NODE_BAR_THICKNESS = exports.NODE_BADGE_OFFSET = exports.NEW_TASK_DY = exports.NEW_TASK_DX = exports.ICON_SIZE = exports.ICON_CENTER = exports.CONNECTOR_TAIL_RADIUS = exports.CONNECTOR_STROKE_WIDTH = exports.CONNECTOR_LABEL_WIDTH = exports.CONNECTOR_LABEL_RADIUS = exports.CONNECTOR_LABEL_PADDING = exports.CONNECTOR_LABEL_HEIGHT = exports.CONNECTOR_LABEL_CENTER_Y = exports.CONNECTOR_LABEL_CENTER_X = exports.CONNECTOR_HEAD_POINTS = exports.CANVAS_ZOOM_MODIFIER = exports.CANVAS_ZOOM_DURATION = exports.CANVAS_SCALE_OPTIONS = void 0;
+exports.THROTTLE_ZOOM = exports.THROTTLE_DRAG = exports.NODE_WIDTH = exports.NODE_TOP_BAR_PATH = exports.NODE_STROKE_WIDTH = exports.NODE_START_RADIUS = exports.NODE_RADIUS = exports.NODE_PLUG_SPACE_HEIGHT = exports.NODE_PLUG_PRONG_HEIGHT = exports.NODE_PLUG_HEIGHT = exports.NODE_PLUG_BAR_PATH = exports.NODE_PADDING = exports.NODE_NAME_PADDING = exports.NODE_LEFT_TOP_BAR_PATH = exports.NODE_LEFT_BOTTOM_BAR_PATH = exports.NODE_LEFT_BAR_PATH = exports.NODE_JOIN_JUNCTION_HEIGHT = exports.NODE_JOIN_JUNCTION_CENTER_Y = exports.NODE_HEIGHT = exports.NODE_DECORATION_STROKE_WIDTH = exports.NODE_CORNER_TAB_PATH = exports.NODE_CENTER_Y = exports.NODE_CENTER_X = exports.NODE_BOTTOM_BAR_PATH = exports.NODE_BAR_THICKNESS = exports.NODE_BADGE_OFFSET = exports.NEW_TASK_DY = exports.NEW_TASK_DX = exports.ICON_SIZE = exports.ICON_CENTER = exports.CONNECTOR_TAIL_RADIUS = exports.CONNECTOR_STROKE_WIDTH = exports.CONNECTOR_LABEL_WIDTH = exports.CONNECTOR_LABEL_RADIUS = exports.CONNECTOR_LABEL_PADDING = exports.CONNECTOR_LABEL_HEIGHT = exports.CONNECTOR_LABEL_CENTER_Y = exports.CONNECTOR_LABEL_CENTER_X = exports.CONNECTOR_HEAD_POINTS = exports.CANVAS_ZOOM_MODIFIER = exports.CANVAS_ZOOM_DURATION = exports.CANVAS_SCALE_OPTIONS = exports.ADVANCED_HANDLER_NAME_SUBMISSION_CREATE = exports.ADVANCED_HANDLER_NAME_INTEGRATION = void 0;
 var _immutable = require("immutable");
 var CANVAS_SCALE_OPTIONS = exports.CANVAS_SCALE_OPTIONS = _immutable.List.of(0.25, 0.5, 0.75, 1, 1.33);
 var CANVAS_ZOOM_DURATION = exports.CANVAS_ZOOM_DURATION = 200;
@@ -24,6 +24,9 @@ var NODE_BADGE_OFFSET = exports.NODE_BADGE_OFFSET = 6;
 var NODE_BAR_THICKNESS = exports.NODE_BAR_THICKNESS = 8;
 var NODE_RADIUS = exports.NODE_RADIUS = 8;
 var NODE_HEIGHT = exports.NODE_HEIGHT = 45;
+var NODE_PLUG_PRONG_HEIGHT = exports.NODE_PLUG_PRONG_HEIGHT = 4;
+var NODE_PLUG_SPACE_HEIGHT = exports.NODE_PLUG_SPACE_HEIGHT = 3;
+var NODE_PLUG_HEIGHT = exports.NODE_PLUG_HEIGHT = NODE_PLUG_PRONG_HEIGHT * 2 + NODE_PLUG_SPACE_HEIGHT;
 var NODE_JOIN_JUNCTION_HEIGHT = exports.NODE_JOIN_JUNCTION_HEIGHT = 45;
 var NODE_START_RADIUS = exports.NODE_START_RADIUS = 28;
 var NODE_STROKE_WIDTH = exports.NODE_STROKE_WIDTH = 1;
@@ -61,7 +64,12 @@ var ARC_DOWN_LEFT = " ".concat(NODE_RADIUS, " ").concat(NODE_RADIUS, " 0 0 1 -")
 var ARC_UP_LEFT = "   ".concat(NODE_RADIUS, " ").concat(NODE_RADIUS, " 0 0 1 -").concat(NODE_RADIUS, " -").concat(NODE_RADIUS);
 var NODE_BOTTOM_BAR_PATH = exports.NODE_BOTTOM_BAR_PATH = "\n  M  ".concat(MIN, " ").concat(MAX_Y - NODE_BAR_THICKNESS, "\n  h  ").concat(OUTER_WIDTH, "\n  v  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_LEFT, "\n  h -").concat(OUTER_WIDTH - NODE_RADIUS * 2, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n");
 var NODE_LEFT_BAR_PATH = exports.NODE_LEFT_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(OUTER_HEIGHT - NODE_RADIUS * 2, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
+var NODE_PLUG_BAR_PATH = exports.NODE_PLUG_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat((OUTER_HEIGHT - NODE_RADIUS * 2 - NODE_PLUG_HEIGHT) / 2, "\n  h  ").concat(NODE_BAR_THICKNESS * 0.625, "\n  v -").concat(NODE_PLUG_PRONG_HEIGHT, "\n  h -").concat(NODE_BAR_THICKNESS * 0.625, "\n  v -").concat(NODE_PLUG_SPACE_HEIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS * 0.625, "\n  v -").concat(NODE_PLUG_PRONG_HEIGHT, "\n  h -").concat(NODE_BAR_THICKNESS * 0.625, "\n  v -").concat((OUTER_HEIGHT - NODE_RADIUS * 2 - NODE_PLUG_HEIGHT) / 2, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
 var NODE_LEFT_TOP_BAR_PATH = exports.NODE_LEFT_TOP_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT / 2, "\n  h -").concat(NODE_BAR_THICKNESS, "\n  v -").concat(OUTER_HEIGHT / 2 - NODE_RADIUS, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
 var NODE_LEFT_BOTTOM_BAR_PATH = exports.NODE_LEFT_BOTTOM_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN + OUTER_HEIGHT / 2, "\n  v  ").concat(OUTER_HEIGHT / 2, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(OUTER_HEIGHT / 2 - NODE_RADIUS, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
 var NODE_TOP_BAR_PATH = exports.NODE_TOP_BAR_PATH = "\n  M  ".concat(MIN, " ").concat(MIN + NODE_BAR_THICKNESS, "\n  v -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(OUTER_WIDTH - NODE_RADIUS * 2, "\n  a  ").concat(ARC_DOWN_RIGHT, "\n  v  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  h -").concat(OUTER_WIDTH, "\n");
-var NODE_CORNER_TAB_PATH = exports.NODE_CORNER_TAB_PATH = "\n  M ".concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n  h ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_RIGHT, "\n  v ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  L ").concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n");
+var NODE_CORNER_TAB_PATH = exports.NODE_CORNER_TAB_PATH = "\n  M ".concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n  h ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_RIGHT, "\n  v ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  L ").concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n");
+
+// Advanced handler definition names
+var ADVANCED_HANDLER_NAME_INTEGRATION = exports.ADVANCED_HANDLER_NAME_INTEGRATION = 'system_integration';
+var ADVANCED_HANDLER_NAME_SUBMISSION_CREATE = exports.ADVANCED_HANDLER_NAME_SUBMISSION_CREATE = 'system_submission_create';

package/lib/components/task/builder/helpers.js

@@ -5,10 +5,12 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.treeReturnTask = exports.searchNodeResultDependencies = exports.replace = exports.renameDependencies = exports.parseNodeResultDependencies = exports.normalizeParameter = exports.isPointInNode = exports.isIE11 = exports.getRectIntersections = exports.getNodeType = exports.getNodeShape = exports.getNodeDependencies = exports.getNodeCenter = exports.getNewNodePosition = exports.getConnectorDependencies = exports.getAncestors = exports.buildBindings = exports.addNewTask = void 0;
+exports.treeReturnTask = exports.searchNodeResultDependencies = exports.replace = exports.renameDependencies = exports.parseNodeResultDependencies = exports.normalizeParameter = exports.isPointInNode = exports.isIE11 = exports.getRectIntersections = exports.getNodeType = exports.getNodeShape = exports.getNodeDependencies = exports.getNodeCenter = exports.getNewNodePosition = exports.getConnectorDependencies = exports.getAncestors = exports.generateSubmissionCreateTaskDefinition = exports.generateIntegrationTaskDefinition = exports.checkOmittedParametersForAdvancedHandlers = exports.buildBindings = exports.addNewTask = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _immutable = require("immutable");
 var _lodashEs = require("lodash-es");
 var _kldIntersections = require("kld-intersections");
@@ -106,54 +108,94 @@ var getAncestors = exports.getAncestors = function getAncestors(tree, node) {
   );
 };
 
-// recursive helper that calls bindify if the current raw value is an object
-// or returns the leaf value object if not (removing the erb tags at the same
-// time)
+// Converts the bindings data from the server and the generated Results
+// bindings into the correct structure needed for the code editor
 var bindify = function bindify(raw) {
-  return (0, _immutable.Map)(raw).sortBy(function (_, key) {
-    return key;
-  }).map(function (value) {
-    return (0, _immutable.isImmutable)(value) ? value : (0, _lodashEs.isObject)(value) ? (0, _immutable.Map)({
-      children: bindify(value)
+  var flatBindings = flattenBindings(raw).map(function (binding) {
+    var _binding$match;
+    return binding === null || binding === void 0 ? void 0 : (_binding$match = binding.match(/^<?%?=?\s*(.*)\s*%?>?$/i)) === null || _binding$match === void 0 ? void 0 : _binding$match[1];
+  }).filter(Boolean).map(function (binding) {
+    return parseBinding(binding);
+  });
+  var groupedBindings = groupBindings(flatBindings);
+  return finalizeBindings(groupedBindings);
+};
+
+// Takes the bindings data from the server and the generated Results bindings,
+// and flattens them all into a list of the binding strings
+var flattenBindings = function flattenBindings(data) {
+  return (0, _lodashEs.isObject)(data) ? Object.values(data).flatMap(flattenBindings) : data;
+};
+
+// Parses each flattened bindings string to an array of its parts
+var parseBinding = function parseBinding(binding, parsedSoFar) {
+  var match = binding === null || binding === void 0 ? void 0 : binding.match(/^(?:(@\w+)|\[\'((?:\w|\s|-)+)\'\])(.*)$/i);
+  if (match) {
+    var parsedNext = [].concat((0, _toConsumableArray2["default"])(parsedSoFar || []), [match[1] || match[2]]).filter(Boolean);
+    return match[3] ? parseBinding(match[3], parsedNext) : parsedNext;
+  }
+  return parsedSoFar;
+};
+
+// Recursively groups the flattened and parsed bindings into maps with the
+// parts as keys, with the final leaf having a value of null
+var groupBindings = function groupBindings(flatBindings) {
+  return Array.isArray(flatBindings) ? (0, _immutable.List)(flatBindings).groupBy(function (bindingArray) {
+    return bindingArray[0];
+  }).map(function (childBindings) {
+    var updatedBindings = childBindings.map(function (_ref4) {
+      var _ref5 = (0, _toArray2["default"])(_ref4),
+        children = _ref5.slice(1);
+      return children.length > 0 ? children : null;
+    }).filter(Boolean);
+    return updatedBindings.size > 0 ? groupBindings(updatedBindings.toArray()) : null;
+  }) : flatBindings;
+};
+
+// Recursively converts the grouped bindings into the format needed for the
+// code editor
+var finalizeBindings = function finalizeBindings(bindingsMap) {
+  return bindingsMap.map(function (children, label) {
+    return !!children ? (0, _immutable.Map)({
+      label: label,
+      type: 'object',
+      children: finalizeBindings(children)
     }) : (0, _immutable.Map)({
-      value: value.replace(/^<%=(.*)%>$/, '$1')
+      label: label
     });
-  });
+  }).toList();
 };
-var buildBindings = exports.buildBindings = function buildBindings(tree, tasks, node) {
-  var Results = (0, _immutable.Map)({
-    children: tree.nodes
-    // convert the node map to use the name as the key
-    .mapKeys(function (_, node) {
-      return node.name;
-    }).sortBy(function (value, key) {
-      return key;
-    })
-    // normalize the outputs / results property (routine / handler
-    // respectively)
-    .map(function (node) {
-      var task = tasks.get(node.definitionId);
-      return task && (task.results || task.outputs) || [];
-    })
-    // filter out any nodes that have no outputs / results
-    .filter(function (results) {
-      return results.length > 0;
-    })
-    // convert the results list to the bindings map using the name property
-    // of each result object
-    .map(function (results, nodeNode) {
-      return (0, _immutable.Map)({
-        children: (0, _immutable.OrderedMap)(results.map(function (result) {
-          return [result.name, (0, _immutable.Map)({
-            value: "@results['".concat(nodeNode, "']['").concat(result.name, "']")
-          })];
-        }))
-      });
-    })
+var buildBindings = exports.buildBindings = function buildBindings(_ref6) {
+  var tree = _ref6.tree,
+    tasks = _ref6.tasks,
+    connections = _ref6.connections,
+    node = _ref6.node;
+  var Results = tree.nodes.reduce(function (results, node) {
+    var isIntegration = node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_INTEGRATION, "_v"));
+    if (isIntegration) {
+      var _node$parameters$find, _node$parameters$find2;
+      var outputs = connections === null || connections === void 0 ? void 0 : connections.getIn([(_node$parameters$find = node.parameters.find(function (p) {
+        return p.id === 'connection';
+      })) === null || _node$parameters$find === void 0 ? void 0 : _node$parameters$find.value, 'operations', (_node$parameters$find2 = node.parameters.find(function (p) {
+        return p.id === 'operation';
+      })) === null || _node$parameters$find2 === void 0 ? void 0 : _node$parameters$find2.value, 'outputs']);
+      if (outputs) {
+        return results.set(node.name, outputs.reduce(function (res, _, name) {
+          return res.set(name, "@results['".concat(node.name, "']['").concat(name, "']"));
+        }, (0, _immutable.Map)()));
+      }
+    }
+    var task = tasks.get(node.definitionId);
+    return results.set(node.name, (task && (task.results || task.outputs) || []).reduce(function (res, output) {
+      return res.set(output.name, "@results['".concat(node.name, "']['").concat(output.name, "']"));
+    }, (0, _immutable.Map)()));
+  }, (0, _immutable.Map)()).filter(function (results) {
+    return !results.isEmpty();
   });
-  return bindify(Results.get('children').isEmpty() ? tree.bindings : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, tree.bindings), {}, {
-    Results: Results
-  }));
+  var bindings = Results.isEmpty() ? tree.bindings : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, tree.bindings), {}, {
+    Results: Results.toJS()
+  });
+  return bindify(bindings);
 };
 
 // implements the process of adding a new task node and connector to the tree,
@@ -162,10 +204,11 @@ var buildBindings = exports.buildBindings = function buildBindings(tree, tasks,
 // should be called with a task definition, then it stubs out a node and
 // connector and passes a complete function which should be called with the
 // fully configured node and connector
-var addNewTask = exports.addNewTask = function addNewTask(treeKey, tree, parent, position, reset) {
+var addNewTask = exports.addNewTask = function addNewTask(treeKey, tree, connections, parent, position, reset) {
   return {
     cancel: reset,
     tree: tree,
+    connections: connections,
     selectCloneNode: function selectCloneNode(cloneNode) {
       return addNewTaskNext({
         cloneNode: cloneNode,
@@ -188,14 +231,14 @@ var addNewTask = exports.addNewTask = function addNewTask(treeKey, tree, parent,
     }
   };
 };
-var addNewTaskNext = function addNewTaskNext(_ref4) {
-  var cloneNode = _ref4.cloneNode,
-    parent = _ref4.parent,
-    position = _ref4.position,
-    reset = _ref4.reset,
-    task = _ref4.task,
-    tree = _ref4.tree,
-    treeKey = _ref4.treeKey;
+var addNewTaskNext = function addNewTaskNext(_ref7) {
+  var cloneNode = _ref7.cloneNode,
+    parent = _ref7.parent,
+    position = _ref7.position,
+    reset = _ref7.reset,
+    task = _ref7.task,
+    tree = _ref7.tree,
+    treeKey = _ref7.treeKey;
   var connectors = tree.connectors,
     nextConnectorId = tree.nextConnectorId,
     nextNodeId = tree.nextNodeId,
@@ -225,7 +268,7 @@ var addNewTaskNext = function addNewTaskNext(_ref4) {
     })
   });
   // add the stubbed connector and node to the current tree, this is done to
-  // accommodate the <CodeInput> bindings helper in <ConnectorForm> and
+  // accommodate the code bindings helper in <ConnectorForm> and
   // <NodeForm>
   var stagedTree = tree.merge({
     connectors: connectors.set(connector.id, connector),
@@ -242,10 +285,22 @@ var addNewTaskNext = function addNewTaskNext(_ref4) {
     connector: connector,
     node: node,
     stagedTree: stagedTree,
-    complete: function complete(_ref5) {
-      var connector = _ref5.connector,
-        node = _ref5.node;
+    complete: function complete(_ref8) {
+      var connector = _ref8.connector,
+        node = _ref8.node;
       reset();
+      if (node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_INTEGRATION, "_v"))) {
+        var _node$parameters$find3;
+        var operationId = (_node$parameters$find3 = node.parameters.find(function (p) {
+          return p.id === 'operation';
+        })) === null || _node$parameters$find3 === void 0 ? void 0 : _node$parameters$find3.value;
+        if (operationId) {
+          (0, _store.dispatch)('TREE_LOAD_OPERATIONS', {
+            treeKey: treeKey,
+            operationIds: [operationId]
+          });
+        }
+      }
       return (0, _store.dispatch)('TREE_UPDATE', {
         treeKey: treeKey,
         tree: stagedTree.setIn(['connectors', connector.id], connector).setIn(['nodes', node.id], node)
@@ -261,12 +316,12 @@ var STRING_CONTENT_REGEX = /((?:%[qQiIwWxs]?)?.)(.*)(.)/;
 // takes a erb / ruby strings and checks for references to @results['Node name']
 // using the language helpers,
 var parseNodeResultDependencies = exports.parseNodeResultDependencies = function parseNodeResultDependencies(context, value, erb) {
-  return (erb ? _languageHelpers.processErbTemplate : _languageHelpers.processRuby)(value).reduce(function (_ref6, token) {
-    var _ref7 = (0, _slicedToArray2["default"])(_ref6, 4),
-      reduction = _ref7[0],
-      index = _ref7[1],
-      last1 = _ref7[2],
-      last2 = _ref7[3];
+  return (erb ? _languageHelpers.processErbTemplate : _languageHelpers.processRuby)(value).reduce(function (_ref9, token) {
+    var _ref10 = (0, _slicedToArray2["default"])(_ref9, 4),
+      reduction = _ref10[0],
+      index = _ref10[1],
+      last1 = _ref10[2],
+      last2 = _ref10[3];
     var _token = (0, _slicedToArray2["default"])(token, 2),
       content = _token[0],
       type = _token[1];
@@ -290,20 +345,20 @@ var parseNodeResultDependencies = exports.parseNodeResultDependencies = function
     return [newReduction, index + content.length, token, last1];
   }, [(0, _immutable.List)(), 0, null, null])[0];
 };
-var getConnectorDependencies = exports.getConnectorDependencies = function getConnectorDependencies(_ref8) {
-  var condition = _ref8.condition,
-    id = _ref8.id;
+var getConnectorDependencies = exports.getConnectorDependencies = function getConnectorDependencies(_ref11) {
+  var condition = _ref11.condition,
+    id = _ref11.id;
   return parseNodeResultDependencies(['connectors', id, 'condition'], condition);
 };
-var getNodeDependencies = exports.getNodeDependencies = function getNodeDependencies(_ref9) {
-  var id = _ref9.id,
-    messages = _ref9.messages,
-    parameters = _ref9.parameters;
-  return (0, _immutable.List)().concat(messages.flatMap(function (_ref10, i) {
-    var value = _ref10.value;
+var getNodeDependencies = exports.getNodeDependencies = function getNodeDependencies(_ref12) {
+  var id = _ref12.id,
+    messages = _ref12.messages,
+    parameters = _ref12.parameters;
+  return (0, _immutable.List)().concat(messages.flatMap(function (_ref13, i) {
+    var value = _ref13.value;
     return parseNodeResultDependencies(['nodes', id, 'messages', i, 'value'], value, true);
-  }), parameters.flatMap(function (_ref11, i) {
-    var value = _ref11.value;
+  }), parameters.flatMap(function (_ref14, i) {
+    var value = _ref14.value;
     return parseNodeResultDependencies(['nodes', id, 'parameters', i, 'value'], value, true);
   }));
 };
@@ -341,11 +396,11 @@ var renameDependencies = exports.renameDependencies = function renameDependencie
 // routines have `inputs` and handlers have `parameters` with slightly different
 // properties so this is a helper function to take one or the other and return
 // a consistent object
-var normalizeParameter = exports.normalizeParameter = function normalizeParameter(_ref12) {
-  var name = _ref12.name,
-    id = _ref12.id,
-    defaultValue = _ref12.defaultValue,
-    rest = (0, _objectWithoutProperties2["default"])(_ref12, _excluded);
+var normalizeParameter = exports.normalizeParameter = function normalizeParameter(_ref15) {
+  var name = _ref15.name,
+    id = _ref15.id,
+    defaultValue = _ref15.defaultValue,
+    rest = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
   return (0, _objectSpread2["default"])({
     id: id || name,
     label: name,
@@ -411,4 +466,69 @@ var getNewNodePosition = exports.getNewNodePosition = function getNewNodePositio
       return y + _constants.NEW_TASK_DY;
     });
   }
+};
+var generateSubmissionCreateTaskDefinition = exports.generateSubmissionCreateTaskDefinition = function generateSubmissionCreateTaskDefinition(task, _ref16) {
+  var _form$fields;
+  var form = _ref16.form;
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, task), {}, {
+    parameters: [].concat((0, _toConsumableArray2["default"])(task.parameters
+    // Remove previous form's field parameters
+    .filter(function (parameter) {
+      return !parameter.id.startsWith('values.');
+    }).map(function (parameter) {
+      var _form$kapp;
+      return parameter.id === 'kappSlug' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parameter), {}, {
+        defaultValue: form === null || form === void 0 ? void 0 : (_form$kapp = form.kapp) === null || _form$kapp === void 0 ? void 0 : _form$kapp.slug
+      }) : parameter.id === 'formSlug' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parameter), {}, {
+        defaultValue: form === null || form === void 0 ? void 0 : form.slug
+      }) : parameter;
+    })), (0, _toConsumableArray2["default"])(form === null || form === void 0 ? void 0 : (_form$fields = form.fields) === null || _form$fields === void 0 ? void 0 : _form$fields.map(function (field) {
+      return {
+        name: field.name,
+        defaultValue: '',
+        dependsOnId: null,
+        dependsOnValue: null,
+        description: '',
+        id: "values.".concat(field.name),
+        required: false
+      };
+    })))
+  });
+};
+var generateIntegrationTaskDefinition = exports.generateIntegrationTaskDefinition = function generateIntegrationTaskDefinition(task, _ref17) {
+  var connection = _ref17.connection,
+    operation = _ref17.operation,
+    detectedInputs = _ref17.detectedInputs;
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, task), {}, {
+    parameters: [].concat((0, _toConsumableArray2["default"])(task.parameters
+    // Remove previous operation's parameters
+    .filter(function (parameter) {
+      return !parameter.id.startsWith('parameters.');
+    }).map(function (parameter) {
+      return parameter.id === 'connection' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parameter), {}, {
+        defaultValue: connection.id
+      }) : parameter.id === 'operation' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parameter), {}, {
+        defaultValue: operation.id
+      }) : parameter;
+    })), (0, _toConsumableArray2["default"])(detectedInputs.map(function (input) {
+      return {
+        name: input,
+        defaultValue: '',
+        dependsOnId: null,
+        dependsOnValue: null,
+        description: '',
+        id: "parameters.".concat(input),
+        required: false
+      };
+    })))
+  });
+};
+var checkOmittedParametersForAdvancedHandlers = exports.checkOmittedParametersForAdvancedHandlers = function checkOmittedParametersForAdvancedHandlers(node, parameter) {
+  if (node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_SUBMISSION_CREATE, "_v"))) {
+    return !['kappSlug', 'formSlug'].includes(parameter.id);
+  } else if (node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_INTEGRATION, "_v"))) {
+    return !['connection', 'operation'].includes(parameter.id);
+  } else {
+    return true;
+  }
 };

package/lib/components/task/builder/models.js

@@ -9,8 +9,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _immutable = require("immutable");
 var _excluded = ["id", "messages", "parameters", "position"];
-/*******************************************************************************
- * Immutable records                                                           *
+/*******************************************************************************
+ * Immutable records                                                           *
  ******************************************************************************/
 
 var Point = exports.Point = (0, _immutable.Record)({
@@ -28,7 +28,7 @@ var WebApi = exports.WebApi = (0, _immutable.Record)({
   updatedBy: null
 });
 var Tree = exports.Tree = (0, _immutable.Record)({
-  bindings: (0, _immutable.OrderedMap)(),
+  bindings: {},
   categories: (0, _immutable.List)(),
   connectors: (0, _immutable.OrderedMap)(),
   definitionId: null,
@@ -89,12 +89,13 @@ var Connector = exports.Connector = (0, _immutable.Record)({
 });
 var TreeBuilderState = exports.TreeBuilderState = (0, _immutable.Record)({
   categories: (0, _immutable.OrderedMap)(),
+  connections: (0, _immutable.OrderedMap)(),
   error: null,
+  formSlug: null,
   kappSlug: null,
   lastSave: null,
   lastWebApi: null,
   loading: true,
-  platformItem: null,
   redoStack: (0, _immutable.List)(),
   saving: false,
   tasks: (0, _immutable.OrderedMap)(),
@@ -112,10 +113,10 @@ var NodeResultDependency = exports.NodeResultDependency = (0, _immutable.Record)
   index: 0
 });
 
-/*******************************************************************************
- * Serialization functions                                                     *
- * Should take native objects that are returned from the API endpoints and     *
- * convert them to immutable records used by the builder implementation        *
+/*******************************************************************************
+ * Serialization functions                                                     *
+ * Should take native objects that are returned from the API endpoints and     *
+ * convert them to immutable records used by the builder implementation        *
  ******************************************************************************/
 
 var deserializeNodeId = function deserializeNodeId(id) {
@@ -182,6 +183,7 @@ var deserializeTree = exports.deserializeTree = function deserializeTree(_ref4)
     event = _ref4.event,
     filter = _ref4.filter,
     guid = _ref4.guid,
+    id = _ref4.id,
     inputs = _ref4.inputs,
     name = _ref4.name,
     notes = _ref4.notes,
@@ -206,7 +208,7 @@ var deserializeTree = exports.deserializeTree = function deserializeTree(_ref4)
     definitionId: definitionId,
     event: event,
     filter: filter,
-    guid: guid,
+    guid: guid || id,
     inputs: (0, _immutable.List)(inputs).map(_immutable.Map),
     name: name,
     notes: notes,

package/lib/components/task/category/TaskCategoryTable.js

@@ -47,11 +47,11 @@ var columns = [{
   sortable: true
 }, {
   value: 'id',
-  title: 'Id',
+  title: 'ID',
   sortable: true
 }, {
   value: 'createdAt',
-  title: 'Created',
+  title: 'Created At',
   sortable: true
 }, {
   value: 'createdBy',
@@ -59,7 +59,7 @@ var columns = [{
   sortable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated',
+  title: 'Updated At',
   sortable: true
 }, {
   value: 'updatedBy',

package/lib/components/task/common/UsageTable.js

@@ -76,7 +76,7 @@ var columns = [{
   sortable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated',
+  title: 'Updated At',
   sortable: true
 }];
 var UsageTable = exports.UsageTable = (0, _Table.generateTable)({

package/lib/components/task/handlers/HandlerTable.js

@@ -1,27 +1,33 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HandlerTable = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _Table = require("../../table/Table");
 var _apis = require("../../../apis");
-var _helpers = require("../../../helpers");
-var clientSide = (0, _helpers.defineFilter)(true).equals('id', 'id').startsWith('name', 'name').equals('status', 'status').equals('definitionId', 'definitionId').startsWith('definitionName', 'definitionName').equals('definitionVersion', 'definitionVersion').end();
+var _http = require("../../../apis/http");
 var dataSource = function dataSource() {
   return {
     fn: _apis.fetchHandlers,
-    params: function params() {
-      return [{
-        include: 'details'
-      }];
+    params: function params(paramData) {
+      return [(0, _objectSpread2["default"])({
+        include: 'details',
+        limit: paramData.pageSize,
+        offset: paramData.nextPageToken,
+        status: paramData.filters.get('status'),
+        name: paramData.filters.get('name')
+      }, (0, _http.generateSortParams)(paramData))];
     },
     transform: function transform(result) {
       return {
-        data: result.handlers
+        data: result.handlers,
+        nextPageToken: result.nextPageToken,
+        count: result.count
       };
-    },
-    clientSide: clientSide
+    }
   };
 };
 var filters = function filters() {
@@ -61,49 +67,59 @@ var filters = function filters() {
   };
 };
 var columns = [{
-  title: 'ID',
-  value: 'id',
-  toggleable: true
-}, {
   title: 'Name',
   value: 'name',
+  sortable: true,
   toggleable: false,
   columnOrder: 'first'
-}, {
-  title: 'Status',
-  value: 'status',
-  toggleable: true
 }, {
   title: 'Definition ID',
   value: 'definitionId',
+  sortable: true,
   toggleable: true
 }, {
   title: 'Definition Name',
   value: 'definitionName',
+  sortable: true,
   toggleable: true
 }, {
   title: 'Definition Version',
   value: 'definitionVersion',
+  sortable: true,
+  toggleable: true
+}, {
+  title: 'Status',
+  value: 'status',
+  sortable: true,
   toggleable: true
 }, {
   title: 'Description',
   value: 'description',
   toggleable: true
 }, {
-  title: 'Created',
+  title: 'Created At',
   value: 'createdAt',
+  sortable: true,
   toggleable: true
 }, {
   title: 'Created By',
   value: 'createdBy',
+  sortable: true,
   toggleable: true
 }, {
-  title: 'Updated',
+  title: 'Updated At',
   value: 'updatedAt',
+  sortable: true,
   toggleable: true
 }, {
   title: 'Updated By',
   value: 'updatedBy',
+  sortable: true,
+  toggleable: true
+}, {
+  title: 'ID',
+  value: 'id',
+  sortable: true,
   toggleable: true
 }];
 var HandlerTable = exports.HandlerTable = (0, _Table.generateTable)({

package/lib/components/task/policy_rule/PolicyRuleTable.js

@@ -51,11 +51,11 @@ var columns = [{
   type: 'text'
 }, {
   value: 'id',
-  title: 'Id',
+  title: 'ID',
   sortable: true
 }, {
   value: 'createdAt',
-  title: 'Created',
+  title: 'Created At',
   sortable: true
 }, {
   value: 'createdBy',
@@ -63,7 +63,7 @@ var columns = [{
   sortable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated',
+  title: 'Updated At',
   sortable: true
 }, {
   value: 'updatedBy',

package/lib/components/task/runs/CreateManualTriggerForm.js

@@ -19,6 +19,8 @@ var dataSources = function dataSources(_ref) {
             label: "".concat(node.name, " (").concat((0, _models.serializeNodeId)(node), ")"),
             value: (0, _models.serializeNodeId)(node)
           };
+        }).sortBy(function (node) {
+          return node.label;
         }).valueSeq().toArray();
       },
       params: []