@kineticdata/react 6.0.4 → 6.1.0

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

@@ -16,6 +16,7 @@ var _store = require("../../../store");
 var _models = require("./models");
 var _apis = require("../../../apis");
 var _helpers = require("./helpers");
+var _constants = require("./constants");
 var mountTreeBuilder = exports.mountTreeBuilder = function mountTreeBuilder(treeKey) {
   return (0, _store.dispatch)('TREE_MOUNT', {
     treeKey: treeKey
@@ -43,145 +44,292 @@ var remember = function remember(state, treeKey) {
 (0, _store.regSaga)((0, _effects.takeEvery)('TREE_CONFIGURE', function (_ref) {
   var payload = _ref.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-    var _getPlatformItemSlugs, name, sourceGroup, sourceName, treeKey, webApiProps, _yield$all, _yield$all2, tree, categories, webApi, platformItem, result, _yield$call, workflow;
+    var _treeObject$treeJson, _treeObject$treeJson$, name, sourceGroup, sourceName, treeKey, platformSourceName, webApiProps, workflowProps, _yield$all, _yield$all2, _yield$all2$, tree, treeError, _yield$all2$2, workflow, workflowError, categories, _yield$all2$3$connect, connections, _yield$all2$3, webApi, webApiError, kappSlug, formSlug, workflowObject, workflowObjectError, _yield$call, platformItem, platformItemError, _yield$call2, linkedWorkflow, linkedError, slugs, treeObject, loadError, operationIds;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          name = payload.name, sourceGroup = payload.sourceGroup, sourceName = payload.sourceName, treeKey = payload.treeKey;
+          name = payload.name, sourceGroup = payload.sourceGroup, sourceName = payload.sourceName, treeKey = payload.treeKey, platformSourceName = payload.platformSourceName;
           webApiProps = getWebApiProps(payload);
-          _context.next = 5;
-          return (0, _effects.all)([(0, _effects.call)(_apis.fetchTree, {
+          workflowProps = getWorkflowProps(payload);
+          _context.next = 6;
+          return (0, _effects.all)([
+          // Fetch the tree if not a linked workflow
+          !workflowProps ? (0, _effects.call)(_apis.fetchTree, {
             name: name,
             sourceGroup: sourceGroup,
             sourceName: sourceName,
             include: 'bindings,categories,details,treeJson,inputs,outputs'
-          }), (0, _effects.call)(_apis.fetchTaskCategories, {
+          }) : {},
+          // Fetch the workflow if it is a linked workflow
+          workflowProps ? (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread2["default"])({}, workflowProps)) : {},
+          // Fetch task categories
+          (0, _effects.call)(_apis.fetchTaskCategories, {
             include: 'handlers.results,handlers.parameters,trees.parameters,trees.inputs,trees.outputs'
-          }), webApiProps ? (0, _effects.call)(_apis.fetchWebApi, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, webApiProps), {}, {
+          }),
+          // Fetch connections
+          (0, _effects.call)(_apis.fetchConnections),
+          // Fetch the webAPI if applicable
+          webApiProps ? (0, _effects.call)(_apis.fetchWebApi, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, webApiProps), {}, {
             include: 'details,securityPolicies'
           })) : {}]);
-        case 5:
+        case 6:
           _yield$all = _context.sent;
-          _yield$all2 = (0, _slicedToArray2["default"])(_yield$all, 3);
-          tree = _yield$all2[0].tree;
-          categories = _yield$all2[1].categories;
-          webApi = _yield$all2[2].webApi;
-          platformItem = null;
-          if (!tree.event) {
-            _context.next = 21;
+          _yield$all2 = (0, _slicedToArray2["default"])(_yield$all, 5);
+          _yield$all2$ = _yield$all2[0];
+          tree = _yield$all2$.tree;
+          treeError = _yield$all2$.error;
+          _yield$all2$2 = _yield$all2[1];
+          workflow = _yield$all2$2.workflow;
+          workflowError = _yield$all2$2.error;
+          categories = _yield$all2[2].categories;
+          _yield$all2$3$connect = _yield$all2[3].connections;
+          connections = _yield$all2$3$connect === void 0 ? [] : _yield$all2$3$connect;
+          _yield$all2$3 = _yield$all2[4];
+          webApi = _yield$all2$3.webApi;
+          webApiError = _yield$all2$3.error;
+          kappSlug = (webApiProps === null || webApiProps === void 0 ? void 0 : webApiProps.kappSlug) || (workflowProps === null || workflowProps === void 0 ? void 0 : workflowProps.kappSlug);
+          formSlug = workflowProps === null || workflowProps === void 0 ? void 0 : workflowProps.formSlug;
+          workflowObject = workflow;
+          workflowObjectError = workflowError; // If a tree was fetched and the tree has platform item data, fetch the
+          // platform item and then retrieve the workflow
+          if (!(tree && tree.platformItemId && tree.platformItemType)) {
+            _context.next = 42;
             break;
           }
-          _context.next = 14;
+          _context.next = 27;
           return (0, _effects.call)(_apis.fetchPlatformItem, {
             type: tree.platformItemType,
             id: tree.platformItemId
           });
-        case 14:
-          result = _context.sent;
-          platformItem = result.platformItem;
-          _context.next = 18;
+        case 27:
+          _yield$call = _context.sent;
+          platformItem = _yield$call.platformItem;
+          platformItemError = _yield$call.error;
+          if (!platformItem) {
+            _context.next = 41;
+            break;
+          }
+          _context.next = 33;
           return (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread2["default"])({
             workflowId: sourceGroup
           }, getPlatformItemSlugs(platformItem)));
-        case 18:
-          _yield$call = _context.sent;
-          workflow = _yield$call.workflow;
-          // Add workflow filter from core to the tree to be used in the Settings > WorkflowForm
-          tree['filter'] = workflow ? workflow.filter : '';
-        case 21:
-          _context.next = 23;
-          return (0, _effects.put)((0, _store.action)('TREE_LOADED', {
+        case 33:
+          _yield$call2 = _context.sent;
+          linkedWorkflow = _yield$call2.workflow;
+          linkedError = _yield$call2.error;
+          workflowObject = linkedWorkflow;
+          workflowObjectError = linkedError;
+          // If workflow was loaded via the old tree route, set the kapp and
+          // form slugs from the platform item
+          if (!workflowProps) {
+            slugs = getPlatformItemSlugs(platformItem);
+            if (!kappSlug) {
+              kappSlug = slugs === null || slugs === void 0 ? void 0 : slugs.kappSlug;
+            }
+            if (!formSlug) {
+              formSlug = slugs === null || slugs === void 0 ? void 0 : slugs.formSlug;
+            }
+          }
+          _context.next = 42;
+          break;
+        case 41:
+          // If platform item was not retrieved, show an error because we don't
+          // want to render a workflow using a tree route
+          workflowObjectError = platformItemError || 'Failed to load linked workflow.';
+        case 42:
+          // If workflow, set sourceName to platformSourceName since the value is
+          // needed when creating new runs
+          treeObject = workflowObject ? (0, _objectSpread2["default"])({
+            sourceName: platformSourceName
+          }, workflowObject) : tree;
+          loadError = workflowObjectError || treeError || webApiError; // Find the operation ids of any integration nodes
+          operationIds = (treeObject === null || treeObject === void 0 ? void 0 : (_treeObject$treeJson = treeObject.treeJson) === null || _treeObject$treeJson === void 0 ? void 0 : (_treeObject$treeJson$ = _treeObject$treeJson.nodes) === null || _treeObject$treeJson$ === void 0 ? void 0 : _treeObject$treeJson$.map(function (node) {
+            var _node$parameters$find;
+            return node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_INTEGRATION, "_v")) ? (_node$parameters$find = node.parameters.find(function (p) {
+              return p.id === 'operation';
+            })) === null || _node$parameters$find === void 0 ? void 0 : _node$parameters$find.value : null;
+          }).filter(Boolean)) || [];
+          _context.next = 47;
+          return (0, _effects.all)([(0, _effects.put)((0, _store.action)('TREE_LOADED', {
             categories: categories,
-            kappSlug: webApiProps && webApiProps.kappSlug || ((_getPlatformItemSlugs = getPlatformItemSlugs(platformItem)) === null || _getPlatformItemSlugs === void 0 ? void 0 : _getPlatformItemSlugs.kappSlug),
-            platformItem: platformItem,
+            connections: connections,
+            kappSlug: kappSlug,
+            formSlug: formSlug,
             treeKey: treeKey,
-            tree: (0, _models.deserializeTree)(tree),
-            webApi: webApiProps && (0, _models.deserializeWebApi)(webApi, webApiProps.kappSlug)
-          }));
-        case 23:
-          _context.next = 28;
+            tree:
+            // Don't set the tree if it's for a webApi but the webApi errors
+            treeObject && (!webApiProps || webApi) ? (0, _models.deserializeTree)(treeObject) : null,
+            webApi: webApi ? (0, _models.deserializeWebApi)(webApi, webApiProps.kappSlug) : null,
+            error: loadError ? loadError.message || loadError : null
+          })), operationIds.length > 0 ? (0, _effects.put)((0, _store.action)('TREE_LOAD_OPERATIONS', {
+            treeKey: treeKey,
+            operationIds: operationIds
+          })) : null]);
+        case 47:
+          _context.next = 52;
           break;
-        case 25:
-          _context.prev = 25;
+        case 49:
+          _context.prev = 49;
           _context.t0 = _context["catch"](0);
           console.error('Caught error loading tree', _context.t0);
-        case 28:
+        case 52:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 25]]);
+    }, _callee, null, [[0, 49]]);
   })();
 }));
-var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
-  return platformItem !== null && platformItem !== void 0 && platformItem.kapp ? {
-    formSlug: platformItem.slug,
-    kappSlug: platformItem.kapp.slug
-  } : platformItem !== null && platformItem !== void 0 && platformItem.space ? {
-    kappSlug: platformItem.slug
-  } : {};
-};
-(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE', function (_ref2) {
+(0, _store.regSaga)((0, _effects.takeEvery)('TREE_LOAD_CONNECTIONS', function (_ref2) {
   var payload = _ref2.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-    var newName, onError, onSave, overwrite, treeKey, _yield$select, kappSlug, lastSave, lastWebApi, platformItem, tree, webApi, name, sourceGroup, sourceName, _yield, error1, newTree, newWorkflow, _yield2, error2, error;
+    var treeKey, _yield$call3, _yield$call3$connecti, connections;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.prev = 0;
+          treeKey = payload.treeKey;
+          _context2.next = 4;
+          return (0, _effects.call)(_apis.fetchConnections);
+        case 4:
+          _yield$call3 = _context2.sent;
+          _yield$call3$connecti = _yield$call3.connections;
+          connections = _yield$call3$connecti === void 0 ? [] : _yield$call3$connecti;
+          _context2.next = 9;
+          return (0, _effects.put)((0, _store.action)('TREE_INTEGRATION_DATA_LOADED', {
+            connections: connections,
+            treeKey: treeKey
+          }));
+        case 9:
+          _context2.next = 14;
+          break;
+        case 11:
+          _context2.prev = 11;
+          _context2.t0 = _context2["catch"](0);
+          console.error('Caught error loading tree integration data', _context2.t0);
+        case 14:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 11]]);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('TREE_LOAD_OPERATIONS', function (_ref3) {
+  var payload = _ref3.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
+    var treeKey, connectionId, _payload$operationIds, operationIds, _yield, _yield$operations, operations;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          treeKey = payload.treeKey, connectionId = payload.connectionId, _payload$operationIds = payload.operationIds, operationIds = _payload$operationIds === void 0 ? [] : _payload$operationIds;
+          _context3.next = 4;
+          return connectionId ? (0, _effects.call)(_apis.fetchOperations, {
+            connectionId: connectionId
+          }) : (0, _effects.call)(_apis.fetchBulkOperations, {
+            ids: operationIds
+          });
+        case 4:
+          _yield = _context3.sent;
+          _yield$operations = _yield.operations;
+          operations = _yield$operations === void 0 ? [] : _yield$operations;
+          _context3.next = 9;
+          return (0, _effects.put)((0, _store.action)('TREE_INTEGRATION_DATA_LOADED', {
+            operations: operations,
+            treeKey: treeKey
+          }));
+        case 9:
+          _context3.next = 14;
+          break;
+        case 11:
+          _context3.prev = 11;
+          _context3.t0 = _context3["catch"](0);
+          console.error('Caught error loading tree integration data', _context3.t0);
+        case 14:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[0, 11]]);
+  })();
+}));
+var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
+  return (
+    // If platform item has a kapp property, then it's a form object
+    platformItem !== null && platformItem !== void 0 && platformItem.kapp ? {
+      formSlug: platformItem.slug,
+      kappSlug: platformItem.kapp.slug
+    } :
+    // If platform item has a space property, than it's a kapp object
+    platformItem !== null && platformItem !== void 0 && platformItem.space ? {
+      kappSlug: platformItem.slug
+    } : {}
+  );
+};
+(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE', function (_ref4) {
+  var payload = _ref4.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
+    var newName, onError, onSave, overwrite, treeKey, _yield$select, kappSlug, formSlug, lastSave, lastWebApi, tree, webApi, name, sourceGroup, sourceName, _yield2, error1, newTree, newWorkflow, _yield3, error2, error;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.prev = 0;
           // because of the optimistic locking functionality newName / overwrite can
           // be passed as options to the builder's save function
           newName = payload.newName, onError = payload.onError, onSave = payload.onSave, overwrite = payload.overwrite, treeKey = payload.treeKey;
-          _context2.next = 4;
+          _context4.next = 4;
           return (0, _effects.select)(function (state) {
             return state.getIn(['trees', treeKey]);
           });
         case 4:
-          _yield$select = _context2.sent;
+          _yield$select = _context4.sent;
           kappSlug = _yield$select.kappSlug;
+          formSlug = _yield$select.formSlug;
           lastSave = _yield$select.lastSave;
           lastWebApi = _yield$select.lastWebApi;
-          platformItem = _yield$select.platformItem;
           tree = _yield$select.tree;
           webApi = _yield$select.webApi;
           name = lastSave.name, sourceGroup = lastSave.sourceGroup, sourceName = lastSave.sourceName; // if a newName was passed we will be creating a new tree with the builder
           // contents, otherwise just an update
           // additionally, if the tree is a linked workflow then we call a core
           // endpoint to create the workflow
-          _context2.next = 14;
-          return newName ? tree.event ? (0, _effects.call)(_apis.createWorkflow, (0, _objectSpread2["default"])({
+          _context4.next = 14;
+          return newName ? tree.event ? (0, _effects.call)(_apis.createWorkflow, {
             workflow: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree)), {}, {
               name: newName
-            })
-          }, getPlatformItemSlugs(platformItem))) : (0, _effects.call)(_apis.createTree, {
+            }),
+            kappSlug: kappSlug,
+            formSlug: formSlug
+          }) : (0, _effects.call)(_apis.createTree, {
             tree: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree, true)), {}, {
               name: newName
             })
-          }) : tree.event ? (0, _effects.call)(_apis.updateWorkflow, (0, _objectSpread2["default"])({
+          }) : tree.event ? (0, _effects.call)(_apis.updateWorkflow, {
             workflowId: sourceGroup,
-            workflow: (0, _models.serializeTree)(tree, overwrite)
-          }, getPlatformItemSlugs(platformItem))) : (0, _effects.call)(_apis.updateTree, {
+            workflow: (0, _models.serializeTree)(tree, overwrite),
+            kappSlug: kappSlug,
+            formSlug: formSlug
+          }) : (0, _effects.call)(_apis.updateTree, {
             name: name,
             sourceGroup: sourceGroup,
             sourceName: sourceName,
             tree: (0, _models.serializeTree)(tree, overwrite)
           });
         case 14:
-          _yield = _context2.sent;
-          error1 = _yield.error;
-          newTree = _yield.tree;
-          newWorkflow = _yield.workflow;
-          _context2.next = 20;
+          _yield2 = _context4.sent;
+          error1 = _yield2.error;
+          newTree = _yield2.tree;
+          newWorkflow = _yield2.workflow;
+          _context4.next = 20;
           return webApi && !error1 ? (0, _effects.call)(_apis.updateWebApi, {
             slug: lastWebApi.get('slug'),
             kappSlug: kappSlug,
             webApi: webApi
           }) : {};
         case 20:
-          _yield2 = _context2.sent;
-          error2 = _yield2.error;
+          _yield3 = _context4.sent;
+          error2 = _yield3.error;
           error = error1 || error2; // dispatch the appropriate action based on the result of the call above
-          _context2.next = 25;
+          _context4.next = 25;
           return (0, _effects.put)(error ? (0, _store.action)('TREE_SAVE_ERROR', {
             treeKey: treeKey,
             error: error.message || error,
@@ -191,121 +339,133 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
             treeKey: treeKey,
             tree: newTree || newWorkflow,
             webApi: webApi,
-            onSave: onSave
+            onSave: onSave,
+            scope: tree.event ? {
+              kappSlug: kappSlug,
+              formSlug: formSlug
+            } : undefined
           }));
         case 25:
-          _context2.next = 30;
+          _context4.next = 30;
           break;
         case 27:
-          _context2.prev = 27;
-          _context2.t0 = _context2["catch"](0);
-          console.error(_context2.t0);
+          _context4.prev = 27;
+          _context4.t0 = _context4["catch"](0);
+          console.error(_context4.t0);
         case 30:
         case "end":
-          return _context2.stop();
+          return _context4.stop();
       }
-    }, _callee2, null, [[0, 27]]);
+    }, _callee4, null, [[0, 27]]);
   })();
 }));
-(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE_ERROR', function (_ref3) {
-  var _ref3$payload = _ref3.payload,
-    error = _ref3$payload.error,
-    onError = _ref3$payload.onError;
-  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE_ERROR', function (_ref5) {
+  var _ref5$payload = _ref5.payload,
+    error = _ref5$payload.error,
+    onError = _ref5$payload.onError;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5() {
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          _context3.prev = 0;
+          _context5.prev = 0;
           if (!(0, _lodashEs.isFunction)(onError)) {
-            _context3.next = 4;
+            _context5.next = 4;
             break;
           }
-          _context3.next = 4;
+          _context5.next = 4;
           return (0, _effects.call)(onError, error);
         case 4:
-          _context3.next = 9;
+          _context5.next = 9;
           break;
         case 6:
-          _context3.prev = 6;
-          _context3.t0 = _context3["catch"](0);
-          console.error(_context3.t0);
+          _context5.prev = 6;
+          _context5.t0 = _context5["catch"](0);
+          console.error(_context5.t0);
         case 9:
         case "end":
-          return _context3.stop();
+          return _context5.stop();
       }
-    }, _callee3, null, [[0, 6]]);
+    }, _callee5, null, [[0, 6]]);
   })();
 }));
-(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE_SUCCESS', function (_ref4) {
-  var _ref4$payload = _ref4.payload,
-    onSave = _ref4$payload.onSave,
-    previousTree = _ref4$payload.previousTree,
-    treeKey = _ref4$payload.treeKey;
-  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
+(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE_SUCCESS', function (_ref6) {
+  var _ref6$payload = _ref6.payload,
+    onSave = _ref6$payload.onSave,
+    previousTree = _ref6$payload.previousTree,
+    treeKey = _ref6$payload.treeKey,
+    scope = _ref6$payload.scope;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee6() {
     var tree;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
         case 0:
-          _context4.prev = 0;
+          _context6.prev = 0;
           if (!(0, _lodashEs.isFunction)(onSave)) {
-            _context4.next = 7;
+            _context6.next = 7;
             break;
           }
-          _context4.next = 4;
+          _context6.next = 4;
           return (0, _effects.select)(function (state) {
             return state.getIn(['trees', treeKey, 'tree']);
           });
         case 4:
-          tree = _context4.sent;
-          _context4.next = 7;
-          return (0, _effects.call)(onSave, tree, previousTree);
+          tree = _context6.sent;
+          _context6.next = 7;
+          return (0, _effects.call)(onSave, tree, previousTree, scope);
         case 7:
-          _context4.next = 12;
+          _context6.next = 12;
           break;
         case 9:
-          _context4.prev = 9;
-          _context4.t0 = _context4["catch"](0);
-          console.error(_context4.t0);
+          _context6.prev = 9;
+          _context6.t0 = _context6["catch"](0);
+          console.error(_context6.t0);
         case 12:
         case "end":
-          return _context4.stop();
+          return _context6.stop();
       }
-    }, _callee4, null, [[0, 9]]);
+    }, _callee6, null, [[0, 9]]);
   })();
 }));
 (0, _store.regHandlers)({
   // the TreeBuilder component does nothing while the tree state is undefined,
   // on mount we set it to null to signal to the component to dispatch the
   // configure action with its configuration props
-  TREE_MOUNT: function TREE_MOUNT(state, _ref5) {
-    var treeKey = _ref5.payload.treeKey;
+  TREE_MOUNT: function TREE_MOUNT(state, _ref7) {
+    var treeKey = _ref7.payload.treeKey;
     return state.setIn(['trees', treeKey], null);
   },
-  TREE_CONFIGURE: function TREE_CONFIGURE(state, _ref6) {
-    var treeKey = _ref6.payload.treeKey;
+  TREE_CONFIGURE: function TREE_CONFIGURE(state, _ref8) {
+    var treeKey = _ref8.payload.treeKey;
     return state.setIn(['trees', treeKey], (0, _models.TreeBuilderState)());
   },
-  TREE_UNMOUNT: function TREE_UNMOUNT(state, _ref7) {
-    var treeKey = _ref7.payload.treeKey;
+  TREE_UNMOUNT: function TREE_UNMOUNT(state, _ref9) {
+    var treeKey = _ref9.payload.treeKey;
     return state.deleteIn(['trees', treeKey]);
   },
-  TREE_LOADED: function TREE_LOADED(state, _ref8) {
-    var _ref8$payload = _ref8.payload,
-      categories = _ref8$payload.categories,
-      kappSlug = _ref8$payload.kappSlug,
-      platformItem = _ref8$payload.platformItem,
-      treeKey = _ref8$payload.treeKey,
-      tree = _ref8$payload.tree,
-      webApi = _ref8$payload.webApi;
+  TREE_LOADED: function TREE_LOADED(state, _ref10) {
+    var _ref10$payload = _ref10.payload,
+      categories = _ref10$payload.categories,
+      connections = _ref10$payload.connections,
+      kappSlug = _ref10$payload.kappSlug,
+      formSlug = _ref10$payload.formSlug,
+      treeKey = _ref10$payload.treeKey,
+      tree = _ref10$payload.tree,
+      webApi = _ref10$payload.webApi,
+      error = _ref10$payload.error;
     return state.mergeIn(['trees', treeKey], {
+      connections: (0, _immutable.fromJS)(connections).sortBy(function (conn) {
+        return conn.name;
+      }).reduce(function (reduction, conn) {
+        return reduction.set(conn.get('id'), conn.set('operations', (0, _immutable.OrderedMap)()));
+      }, (0, _immutable.OrderedMap)()),
       kappSlug: kappSlug,
+      formSlug: formSlug,
       lastSave: tree,
       lastWebApi: webApi,
       loading: false,
-      platformItem: platformItem,
       tasks: (0, _immutable.List)(categories).map(function (category) {
         return category.name === 'System Controls' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, category), {}, {
-          handlers: [].concat((0, _toConsumableArray2["default"])(category.handlers), [(0, _helpers.treeReturnTask)(tree)])
+          handlers: [].concat((0, _toConsumableArray2["default"])(category.handlers), [tree ? (0, _helpers.treeReturnTask)(tree) : null]).filter(Boolean)
         }) : category;
       }).flatMap(function (category) {
         return [].concat((0, _toConsumableArray2["default"])(category.handlers), (0, _toConsumableArray2["default"])(category.trees));
@@ -315,29 +475,49 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
         return reduction.set(task.definitionId, task);
       }, (0, _immutable.OrderedMap)()),
       tree: tree,
-      webApi: webApi
+      webApi: webApi,
+      error: error
     });
   },
-  TREE_SAVE: function TREE_SAVE(state, _ref9) {
-    var treeKey = _ref9.payload.treeKey;
+  TREE_INTEGRATION_DATA_LOADED: function TREE_INTEGRATION_DATA_LOADED(state, _ref11) {
+    var _ref11$payload = _ref11.payload,
+      treeKey = _ref11$payload.treeKey,
+      connections = _ref11$payload.connections,
+      operations = _ref11$payload.operations;
+    return state.updateIn(['trees', treeKey, 'connections'], function (connectionsMap) {
+      // Update connections map in state if data was provided
+      var newConnectionsMap = connections ? (0, _immutable.fromJS)(connections).sortBy(function (conn) {
+        return conn.name;
+      }).reduce(function (reduction, conn) {
+        return reduction.set(conn.get('id'), conn.set('operations', connectionsMap.getIn([conn.get('id'), 'operations']) || (0, _immutable.OrderedMap)()));
+      }, (0, _immutable.OrderedMap)()) : connectionsMap;
+
+      // Update the operations maps in each connection if data was provided
+      return operations ? (0, _immutable.fromJS)(operations).reduce(function (map, op) {
+        return map.setIn([op.get('connectionId'), 'operations', op.get('id')], op);
+      }, newConnectionsMap) : newConnectionsMap;
+    });
+  },
+  TREE_SAVE: function TREE_SAVE(state, _ref12) {
+    var treeKey = _ref12.payload.treeKey;
     return state.mergeIn(['trees', treeKey], {
       saving: true
     });
   },
-  TREE_SAVE_ERROR: function TREE_SAVE_ERROR(state, _ref10) {
-    var _ref10$payload = _ref10.payload,
-      treeKey = _ref10$payload.treeKey,
-      error = _ref10$payload.error;
+  TREE_SAVE_ERROR: function TREE_SAVE_ERROR(state, _ref13) {
+    var _ref13$payload = _ref13.payload,
+      treeKey = _ref13$payload.treeKey,
+      error = _ref13$payload.error;
     return state.mergeIn(['trees', treeKey], {
       error: error,
       saving: false
     });
   },
-  TREE_SAVE_SUCCESS: function TREE_SAVE_SUCCESS(state, _ref11) {
-    var _ref11$payload = _ref11.payload,
-      tree = _ref11$payload.tree,
-      treeKey = _ref11$payload.treeKey,
-      webApi = _ref11$payload.webApi;
+  TREE_SAVE_SUCCESS: function TREE_SAVE_SUCCESS(state, _ref14) {
+    var _ref14$payload = _ref14.payload,
+      tree = _ref14$payload.tree,
+      treeKey = _ref14$payload.treeKey,
+      webApi = _ref14$payload.webApi;
     var newTree = state.getIn(['trees', treeKey, 'tree']).merge({
       name: tree.name,
       sourceGroup: tree.sourceGroup,
@@ -353,8 +533,8 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       webApi: webApi
     });
   },
-  TREE_UNDO: function TREE_UNDO(state, _ref12) {
-    var treeKey = _ref12.payload.treeKey;
+  TREE_UNDO: function TREE_UNDO(state, _ref15) {
+    var treeKey = _ref15.payload.treeKey;
     return state.getIn(['trees', treeKey, 'undoStack']).isEmpty() ? state : state.updateIn(['trees', treeKey], function (builderState) {
       return builderState.merge({
         tree: builderState.undoStack.last().tree,
@@ -367,8 +547,8 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       });
     }).updateIn(['trees', treeKey], synchronizeRoutineDefinition);
   },
-  TREE_REDO: function TREE_REDO(state, _ref13) {
-    var treeKey = _ref13.payload.treeKey;
+  TREE_REDO: function TREE_REDO(state, _ref16) {
+    var treeKey = _ref16.payload.treeKey;
     return state.getIn(['trees', treeKey, 'redoStack']).isEmpty() ? state : state.updateIn(['trees', treeKey], function (builderState) {
       return builderState.merge({
         tree: builderState.redoStack.last().tree,
@@ -381,24 +561,24 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       });
     }).updateIn(['trees', treeKey], synchronizeRoutineDefinition);
   },
-  TREE_UPDATE: function TREE_UPDATE(state, _ref14) {
-    var _ref14$payload = _ref14.payload,
-      tree = _ref14$payload.tree,
-      treeKey = _ref14$payload.treeKey;
+  TREE_UPDATE: function TREE_UPDATE(state, _ref17) {
+    var _ref17$payload = _ref17.payload,
+      tree = _ref17$payload.tree,
+      treeKey = _ref17$payload.treeKey;
     return remember(state, treeKey).setIn(['trees', treeKey, 'tree'], tree);
   },
-  TREE_UPDATE_NODE: function TREE_UPDATE_NODE(state, _ref15) {
-    var _ref15$payload = _ref15.payload,
-      treeKey = _ref15$payload.treeKey,
-      id = _ref15$payload.id,
-      messages = _ref15$payload.messages,
-      deferrable = _ref15$payload.deferrable,
-      defers = _ref15$payload.defers,
-      definitionId = _ref15$payload.definitionId,
-      dependencies = _ref15$payload.dependencies,
-      name = _ref15$payload.name,
-      parameters = _ref15$payload.parameters,
-      visible = _ref15$payload.visible;
+  TREE_UPDATE_NODE: function TREE_UPDATE_NODE(state, _ref18) {
+    var _ref18$payload = _ref18.payload,
+      treeKey = _ref18$payload.treeKey,
+      id = _ref18$payload.id,
+      messages = _ref18$payload.messages,
+      deferrable = _ref18$payload.deferrable,
+      defers = _ref18$payload.defers,
+      definitionId = _ref18$payload.definitionId,
+      dependencies = _ref18$payload.dependencies,
+      name = _ref18$payload.name,
+      parameters = _ref18$payload.parameters,
+      visible = _ref18$payload.visible;
     return remember(state, treeKey).mergeIn(['trees', treeKey, 'tree', 'nodes', id], {
       deferrable: deferrable,
       defers: defers,
@@ -409,28 +589,28 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       visible: visible
     }).updateIn(['trees', treeKey, 'tree'], (0, _helpers.renameDependencies)(dependencies, name));
   },
-  TREE_UPDATE_NODE_POSITION: function TREE_UPDATE_NODE_POSITION(state, _ref16) {
-    var _ref16$payload = _ref16.payload,
-      treeKey = _ref16$payload.treeKey,
-      id = _ref16$payload.id,
-      position = _ref16$payload.position;
+  TREE_UPDATE_NODE_POSITION: function TREE_UPDATE_NODE_POSITION(state, _ref19) {
+    var _ref19$payload = _ref19.payload,
+      treeKey = _ref19$payload.treeKey,
+      id = _ref19$payload.id,
+      position = _ref19$payload.position;
     return remember(state, treeKey).setIn(['trees', treeKey, 'tree', 'nodes', id, 'position'], position);
   },
-  TREE_REMOVE_NODE: function TREE_REMOVE_NODE(state, _ref17) {
-    var _ref17$payload = _ref17.payload,
-      treeKey = _ref17$payload.treeKey,
-      id = _ref17$payload.id;
+  TREE_REMOVE_NODE: function TREE_REMOVE_NODE(state, _ref20) {
+    var _ref20$payload = _ref20.payload,
+      treeKey = _ref20$payload.treeKey,
+      id = _ref20$payload.id;
     return remember(state, treeKey).deleteIn(['trees', treeKey, 'tree', 'nodes', id]).updateIn(['trees', treeKey, 'tree', 'connectors'], function (connectors) {
       return connectors.filter(function (connector) {
         return connector.headId !== id && connector.tailId !== id;
       });
     });
   },
-  TREE_ADD_CONNECTOR: function TREE_ADD_CONNECTOR(state, _ref18) {
-    var _ref18$payload = _ref18.payload,
-      treeKey = _ref18$payload.treeKey,
-      headId = _ref18$payload.headId,
-      tailId = _ref18$payload.tailId;
+  TREE_ADD_CONNECTOR: function TREE_ADD_CONNECTOR(state, _ref21) {
+    var _ref21$payload = _ref21.payload,
+      treeKey = _ref21$payload.treeKey,
+      headId = _ref21$payload.headId,
+      tailId = _ref21$payload.tailId;
     return remember(state, treeKey).updateIn(['trees', treeKey, 'tree'], function (tree) {
       return tree.update('connectors', function (connectors) {
         return connectors.set(tree.nextConnectorId, (0, _models.Connector)({
@@ -443,43 +623,43 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       });
     });
   },
-  TREE_UPDATE_CONNECTOR: function TREE_UPDATE_CONNECTOR(state, _ref19) {
-    var _ref19$payload = _ref19.payload,
-      treeKey = _ref19$payload.treeKey,
-      id = _ref19$payload.id,
-      type = _ref19$payload.type,
-      label = _ref19$payload.label,
-      condition = _ref19$payload.condition;
+  TREE_UPDATE_CONNECTOR: function TREE_UPDATE_CONNECTOR(state, _ref22) {
+    var _ref22$payload = _ref22.payload,
+      treeKey = _ref22$payload.treeKey,
+      id = _ref22$payload.id,
+      type = _ref22$payload.type,
+      label = _ref22$payload.label,
+      condition = _ref22$payload.condition;
     return state.hasIn(['trees', treeKey, 'tree', 'connectors', id]) ? remember(state, treeKey).mergeIn(['trees', treeKey, 'tree', 'connectors', id], {
       type: type,
       label: label,
       condition: condition
     }) : state;
   },
-  TREE_REMOVE_CONNECTOR: function TREE_REMOVE_CONNECTOR(state, _ref20) {
-    var _ref20$payload = _ref20.payload,
-      treeKey = _ref20$payload.treeKey,
-      id = _ref20$payload.id;
+  TREE_REMOVE_CONNECTOR: function TREE_REMOVE_CONNECTOR(state, _ref23) {
+    var _ref23$payload = _ref23.payload,
+      treeKey = _ref23$payload.treeKey,
+      id = _ref23$payload.id;
     return remember(state, treeKey).deleteIn(['trees', treeKey, 'tree', 'connectors', id]);
   },
-  TREE_UPDATE_CONNECTOR_HEAD: function TREE_UPDATE_CONNECTOR_HEAD(state, _ref21) {
-    var _ref21$payload = _ref21.payload,
-      treeKey = _ref21$payload.treeKey,
-      id = _ref21$payload.id,
-      nodeId = _ref21$payload.nodeId;
+  TREE_UPDATE_CONNECTOR_HEAD: function TREE_UPDATE_CONNECTOR_HEAD(state, _ref24) {
+    var _ref24$payload = _ref24.payload,
+      treeKey = _ref24$payload.treeKey,
+      id = _ref24$payload.id,
+      nodeId = _ref24$payload.nodeId;
     return remember(state, treeKey).setIn(['trees', treeKey, 'tree', 'connectors', id, 'headId'], nodeId);
   },
-  TREE_UPDATE_CONNECTOR_TAIL: function TREE_UPDATE_CONNECTOR_TAIL(state, _ref22) {
-    var _ref22$payload = _ref22.payload,
-      treeKey = _ref22$payload.treeKey,
-      id = _ref22$payload.id,
-      nodeId = _ref22$payload.nodeId;
+  TREE_UPDATE_CONNECTOR_TAIL: function TREE_UPDATE_CONNECTOR_TAIL(state, _ref25) {
+    var _ref25$payload = _ref25.payload,
+      treeKey = _ref25$payload.treeKey,
+      id = _ref25$payload.id,
+      nodeId = _ref25$payload.nodeId;
     return remember(state, treeKey).setIn(['trees', treeKey, 'tree', 'connectors', id, 'tailId'], nodeId);
   },
-  TREE_UPDATE_SETTINGS: function TREE_UPDATE_SETTINGS(state, _ref23) {
-    var _ref23$payload = _ref23.payload,
-      treeKey = _ref23$payload.treeKey,
-      values = _ref23$payload.values;
+  TREE_UPDATE_SETTINGS: function TREE_UPDATE_SETTINGS(state, _ref26) {
+    var _ref26$payload = _ref26.payload,
+      treeKey = _ref26$payload.treeKey,
+      values = _ref26$payload.values;
     // If the updated settings are for a routine we rebuild the "Tree Input"
     // bindings.
     var bindings = values.inputs ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state.getIn(['trees', treeKey, 'tree', 'bindings'])), {}, {
@@ -495,10 +675,10 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       bindings: bindings
     })).updateIn(['trees', treeKey], synchronizeRoutineDefinition);
   },
-  TREE_UPDATE_WEB_API: function TREE_UPDATE_WEB_API(state, _ref24) {
-    var _ref24$payload = _ref24.payload,
-      treeKey = _ref24$payload.treeKey,
-      values = _ref24$payload.values;
+  TREE_UPDATE_WEB_API: function TREE_UPDATE_WEB_API(state, _ref27) {
+    var _ref27$payload = _ref27.payload,
+      treeKey = _ref27$payload.treeKey,
+      values = _ref27$payload.values;
     return remember(state, treeKey).mergeIn(['trees', treeKey, 'webApi'], values).setIn(['trees', treeKey, 'tree', 'name'], values.slug).setIn(['trees', treeKey, 'tree', 'ownerEmail'], values.ownerEmail);
   }
 });
@@ -516,11 +696,11 @@ var synchronizeRoutineDefinition = function synchronizeRoutineDefinition(treeBui
     });
   });
 };
-var getWebApiProps = function getWebApiProps(_ref25) {
-  var name = _ref25.name,
-    platformSourceName = _ref25.platformSourceName,
-    sourceGroup = _ref25.sourceGroup,
-    sourceName = _ref25.sourceName;
+var getWebApiProps = function getWebApiProps(_ref28) {
+  var name = _ref28.name,
+    platformSourceName = _ref28.platformSourceName,
+    sourceGroup = _ref28.sourceGroup,
+    sourceName = _ref28.sourceName;
   if (sourceName === platformSourceName && sourceGroup.startsWith('WebApis')) {
     var kappSlug = sourceGroup.startsWith('WebApis > ') ? sourceGroup.replace('WebApis > ', '') : undefined;
     var slug = name;
@@ -530,4 +710,18 @@ var getWebApiProps = function getWebApiProps(_ref25) {
     };
   }
   return null;
+};
+var getWorkflowProps = function getWorkflowProps(_ref29) {
+  var type = _ref29.type,
+    sourceGroup = _ref29.sourceGroup,
+    kappSlug = _ref29.kappSlug,
+    formSlug = _ref29.formSlug;
+  if (type === 'workflow') {
+    return {
+      workflowId: sourceGroup,
+      kappSlug: kappSlug,
+      formSlug: formSlug
+    };
+  }
+  return null;
 };