@kineticdata/react 6.0.5 → 6.1.1

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.unmountTreeBuilder = exports.mountTreeBuilder = exports.configureTreeBuilder = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _effects = require("redux-saga/effects");
 var _immutable = require("immutable");
@@ -16,6 +17,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,7 +45,7 @@ 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 name, sourceGroup, sourceName, treeKey, platformSourceName, webApiProps, workflowProps, _yield$all, _yield$all2, _yield$all2$, tree, treeError, _yield$all2$2, workflow, workflowError, categories, _yield$all2$3, webApi, webApiError, workflowObject, workflowObjectError, _yield$call, platformItem, platformItemError, _yield$call2, linkedWorkflow, linkedError, treeObject, loadError;
+    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, operations;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -61,18 +63,20 @@ var remember = function remember(state, treeKey) {
             include: 'bindings,categories,details,treeJson,inputs,outputs'
           }) : {},
           // Fetch the workflow if it is a linked workflow
-          workflowProps ? (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread2["default"])({}, workflowProps)) : {},
+          workflowProps ? (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread3["default"])({}, workflowProps)) : {},
           // Fetch task categories
           (0, _effects.call)(_apis.fetchTaskCategories, {
-            include: 'handlers.results,handlers.parameters,trees.parameters,trees.inputs,trees.outputs'
+            include: 'handlers.results,handlers.parameters,handlers.details,trees.parameters,trees.inputs,trees.outputs,trees.details'
           }),
+          // 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), {}, {
+          webApiProps ? (0, _effects.call)(_apis.fetchWebApi, (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, webApiProps), {}, {
             include: 'details,securityPolicies'
           })) : {}]);
         case 6:
           _yield$all = _context.sent;
-          _yield$all2 = (0, _slicedToArray2["default"])(_yield$all, 4);
+          _yield$all2 = (0, _slicedToArray2["default"])(_yield$all, 5);
           _yield$all2$ = _yield$all2[0];
           tree = _yield$all2$.tree;
           treeError = _yield$all2$.error;
@@ -80,76 +84,186 @@ var remember = function remember(state, treeKey) {
           workflow = _yield$all2$2.workflow;
           workflowError = _yield$all2$2.error;
           categories = _yield$all2[2].categories;
-          _yield$all2$3 = _yield$all2[3];
+          _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 = 37;
+            _context.next = 42;
             break;
           }
-          _context.next = 23;
+          _context.next = 27;
           return (0, _effects.call)(_apis.fetchPlatformItem, {
             type: tree.platformItemType,
             id: tree.platformItemId
           });
-        case 23:
+        case 27:
           _yield$call = _context.sent;
           platformItem = _yield$call.platformItem;
           platformItemError = _yield$call.error;
           if (!platformItem) {
-            _context.next = 36;
+            _context.next = 41;
             break;
           }
-          _context.next = 29;
-          return (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread2["default"])({
+          _context.next = 33;
+          return (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread3["default"])({
             workflowId: sourceGroup
           }, getPlatformItemSlugs(platformItem)));
-        case 29:
+        case 33:
           _yield$call2 = _context.sent;
           linkedWorkflow = _yield$call2.workflow;
           linkedError = _yield$call2.error;
           workflowObject = linkedWorkflow;
           workflowObjectError = linkedError;
-          _context.next = 37;
+          // 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 36:
+        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 37:
+        case 42:
           // If workflow, set sourceName to platformSourceName since the value is
           // needed when creating new runs
-          treeObject = workflowObject ? (0, _objectSpread2["default"])({
+          treeObject = workflowObject ? (0, _objectSpread3["default"])({
             sourceName: platformSourceName
           }, workflowObject) : tree;
-          loadError = workflowObjectError || treeError || webApiError;
-          _context.next = 41;
-          return (0, _effects.put)((0, _store.action)('TREE_LOADED', {
+          loadError = workflowObjectError || treeError || webApiError; // Find the operation ids of any integration nodes
+          operations = (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, _node$parameters$find2;
+            return node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_INTEGRATION, "_v")) ? {
+              id: (_node$parameters$find = node.parameters.find(function (p) {
+                return p.id === 'operation';
+              })) === null || _node$parameters$find === void 0 ? void 0 : _node$parameters$find.value,
+              connectionId: (_node$parameters$find2 = node.parameters.find(function (p) {
+                return p.id === 'connection';
+              })) === null || _node$parameters$find2 === void 0 ? void 0 : _node$parameters$find2.value
+            } : null;
+          }).filter(Boolean)) || [];
+          _context.next = 47;
+          return (0, _effects.all)([(0, _effects.put)((0, _store.action)('TREE_LOADED', {
             categories: categories,
-            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,
+            connections: connections,
+            kappSlug: kappSlug,
+            formSlug: formSlug,
             treeKey: treeKey,
             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
-          }));
-        case 41:
-          _context.next = 46;
+          })), operations.length > 0 ? (0, _effects.put)((0, _store.action)('TREE_LOAD_OPERATIONS', {
+            treeKey: treeKey,
+            operations: operations
+          })) : null]);
+        case 47:
+          _context.next = 52;
           break;
-        case 43:
-          _context.prev = 43;
+        case 49:
+          _context.prev = 49;
           _context.t0 = _context["catch"](0);
           console.error('Caught error loading tree', _context.t0);
-        case 46:
+        case 52:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 43]]);
+    }, _callee, null, [[0, 49]]);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('TREE_LOAD_CONNECTIONS', function (_ref2) {
+  var payload = _ref2.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+    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, operationsToLoad, _yield, _yield$operations, operations, loadedOperationIds;
+    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, operationsToLoad = payload.operations;
+          _context3.next = 4;
+          return connectionId ? (0, _effects.call)(_apis.fetchOperations, {
+            connectionId: connectionId
+          }) : (0, _effects.call)(_apis.fetchBulkOperations, {
+            ids: operationsToLoad ? operationsToLoad.map(function (op) {
+              return op.id;
+            }) : operationIds
+          });
+        case 4:
+          _yield = _context3.sent;
+          _yield$operations = _yield.operations;
+          operations = _yield$operations === void 0 ? [] : _yield$operations;
+          loadedOperationIds = operations.reduce(function (ids, op) {
+            return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, ids), {}, (0, _defineProperty2["default"])({}, op.id, true));
+          }, {});
+          _context3.next = 10;
+          return (0, _effects.put)((0, _store.action)('TREE_INTEGRATION_DATA_LOADED', {
+            missing: operationsToLoad ? operationsToLoad.filter(function (op) {
+              return !loadedOperationIds[op.id];
+            }) : null,
+            operations: operations,
+            treeKey: treeKey
+          }));
+        case 10:
+          _context3.next = 15;
+          break;
+        case 12:
+          _context3.prev = 12;
+          _context3.t0 = _context3["catch"](0);
+          console.error('Caught error loading tree integration data', _context3.t0);
+        case 15:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[0, 12]]);
   })();
 }));
 var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
@@ -165,23 +279,23 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
     } : {}
   );
 };
-(0, _store.regSaga)((0, _effects.takeEvery)('TREE_SAVE', function (_ref2) {
-  var payload = _ref2.payload;
-  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-    var newName, onError, onSave, overwrite, treeKey, _yield$select, kappSlug, formSlug, lastSave, lastWebApi, tree, webApi, name, sourceGroup, sourceName, _yield, error1, newTree, newWorkflow, _yield2, error2, error;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+(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:
-          _context2.prev = 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;
@@ -192,15 +306,15 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
           // 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;
+          _context4.next = 14;
           return newName ? tree.event ? (0, _effects.call)(_apis.createWorkflow, {
-            workflow: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree)), {}, {
+            workflow: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, (0, _models.serializeTree)(tree)), {}, {
               name: newName
             }),
             kappSlug: kappSlug,
             formSlug: formSlug
           }) : (0, _effects.call)(_apis.createTree, {
-            tree: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree, true)), {}, {
+            tree: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, (0, _models.serializeTree)(tree, true)), {}, {
               name: newName
             })
           }) : tree.event ? (0, _effects.call)(_apis.updateWorkflow, {
@@ -215,21 +329,21 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
             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,
@@ -240,125 +354,131 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
             tree: newTree || newWorkflow,
             webApi: webApi,
             onSave: onSave,
-            scope: {
+            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,
-    scope = _ref4$payload.scope;
-  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;
+          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,
-      formSlug = _ref8$payload.formSlug,
-      treeKey = _ref8$payload.treeKey,
-      tree = _ref8$payload.tree,
-      webApi = _ref8$payload.webApi,
-      error = _ref8$payload.error;
+  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,
       tasks: (0, _immutable.List)(categories).map(function (category) {
-        return category.name === 'System Controls' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, category), {}, {
+        return category.name === 'System Controls' ? (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, category), {}, {
           handlers: [].concat((0, _toConsumableArray2["default"])(category.handlers), [tree ? (0, _helpers.treeReturnTask)(tree) : null]).filter(Boolean)
         }) : category;
       }).flatMap(function (category) {
@@ -373,26 +493,51 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
       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,
+      missing = _ref11$payload.missing;
+    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
+      var newConnectionsWithOperationsMap = operations ? (0, _immutable.fromJS)(operations).reduce(function (map, op) {
+        return map.setIn([op.get('connectionId'), 'operations', op.get('id')], op);
+      }, newConnectionsMap) : newConnectionsMap;
+
+      // Update the operations maps in each connection to set missing values
+      return missing ? (0, _immutable.fromJS)(missing).reduce(function (map, op) {
+        return map.has(op.get('connectionId')) ? map.setIn([op.get('connectionId'), 'operations', op.get('id')], null) : map;
+      }, newConnectionsWithOperationsMap) : newConnectionsWithOperationsMap;
+    });
+  },
+  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,
@@ -408,8 +553,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,
@@ -422,8 +567,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,
@@ -436,24 +581,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,
@@ -464,28 +609,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)({
@@ -498,46 +643,46 @@ 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'])), {}, {
+    var bindings = values.inputs ? (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, state.getIn(['trees', treeKey, 'tree', 'bindings'])), {}, {
       'Tree Input': values.inputs.groupBy(function (input) {
         return input.get('name');
       }).map(function (list) {
@@ -546,14 +691,14 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
         return "<%=@inputs['".concat(name, "']%>");
       }).toJS()
     }) : state.getIn(['trees', treeKey, 'tree', 'bindings']);
-    return remember(state, treeKey).mergeIn(['trees', treeKey, 'tree'], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, values), {}, {
+    return remember(state, treeKey).mergeIn(['trees', treeKey, 'tree'], (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, values), {}, {
       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);
   }
 });
@@ -564,18 +709,18 @@ var synchronizeRoutineDefinition = function synchronizeRoutineDefinition(treeBui
     outputs = tree.outputs;
   return treeBuilderState.update('tasks', function (tasks) {
     return tasks.map(function (task, taskDefinitionId) {
-      return definitionId === taskDefinitionId ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, task), {}, {
+      return definitionId === taskDefinitionId ? (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, task), {}, {
         inputs: inputs.toJS(),
         outputs: outputs.toJS()
       }) : taskDefinitionId === 'system_tree_return_v1' ? (0, _helpers.treeReturnTask)(tree) : task;
     });
   });
 };
-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;
@@ -586,11 +731,11 @@ var getWebApiProps = function getWebApiProps(_ref25) {
   }
   return null;
 };
-var getWorkflowProps = function getWorkflowProps(_ref26) {
-  var type = _ref26.type,
-    sourceGroup = _ref26.sourceGroup,
-    kappSlug = _ref26.kappSlug,
-    formSlug = _ref26.formSlug;
+var getWorkflowProps = function getWorkflowProps(_ref29) {
+  var type = _ref29.type,
+    sourceGroup = _ref29.sourceGroup,
+    kappSlug = _ref29.kappSlug,
+    formSlug = _ref29.formSlug;
   if (type === 'workflow') {
     return {
       workflowId: sourceGroup,