@kineticdata/react 6.0.4 → 6.1.0

package/lib/components/system/spaces/SystemTenantMigrateForm.js

@@ -0,0 +1,449 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SystemTenantMigrateForm = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _immutable = require("immutable");
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
+var _helpers = require("../helpers");
+var _Form2 = require("../../form/Form.helpers");
+var TENANT_INCLUDES = 'details';
+var dataSources = function dataSources(_ref) {
+  var slug = _ref.slug;
+  return {
+    space: {
+      fn: _apis.fetchSpace,
+      params: slug && [{
+        slug: slug,
+        include: 'details,allowedIps'
+      }],
+      transform: function transform(result) {
+        return result.space;
+      }
+    },
+    tenant: {
+      fn: _apis.fetchTenant,
+      params: slug && [{
+        slug: slug,
+        include: TENANT_INCLUDES
+      }],
+      transform: function transform(result) {
+        return result.tenant;
+      }
+    },
+    defaultSQLDatabaseAdapter: {
+      fn: _apis.fetchSystemDefaultSQLDbAdapter,
+      params: [],
+      transform: function transform(result) {
+        return result.adapter;
+      }
+    },
+    fileFields: {
+      fn: function fn() {
+        return {
+          mssql: ['sslrootcert', 'sslcert'],
+          oracle: ['serverCert', 'clientCert'],
+          postgres: ['sslrootcert', 'sslcert', 'sslkey']
+        };
+      },
+      params: []
+    }
+  };
+};
+var handleSubmit = function handleSubmit(_ref2) {
+  var slug = _ref2.slug,
+    component = _ref2.component;
+  return function (values, _ref3) {
+    var fileFields = _ref3.fileFields,
+      rawValues = _ref3.values,
+      originalTenant = _ref3.tenant;
+    var taskEnabled = !!values.get('task_feature');
+    var integratorEnabled = !!values.get('integrator_feature');
+    var task = {},
+      integrator = {};
+    if (taskEnabled && (!component || component === 'task')) {
+      var type = values.get('task_databaseAdapter_type');
+      var fileFieldsForType = fileFields.get(type);
+      // Only include values for file fields if the toggle field is true
+      var filterFn = function filterFn(value, key) {
+        return !fileFieldsForType.includes(key) || !!rawValues.get("task_".concat(type, "_change_").concat(key));
+      };
+      // Get adapter properties to save
+      var properties = (0, _helpers.adapterProperties)(values, 'task', type, filterFn);
+      // If creating new, pass in file values from default adapter if not uploaded
+      if (!slug || originalTenant.getIn(['features', 'task']) === 'false') {
+        properties = fileFieldsForType.reduce(function (props, field) {
+          if (typeof props[field] === 'undefined' && !!rawValues.getIn(["task_".concat(type, "_current_").concat(field), 'pem'])) {
+            return (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, props), {}, (0, _defineProperty2["default"])({}, field, new File([rawValues.getIn(["task_".concat(type, "_current_").concat(field), 'pem'])], "".concat(field, ".crt"), {
+              type: 'text/plain'
+            })));
+          }
+          return props;
+        }, properties);
+      }
+      var authenticationSecret = values.get('task_authenticationSecret') ? {
+        authenticationSecret: values.get('task_authenticationSecret')
+      } : {};
+      task = {
+        task: (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, authenticationSecret), {}, {
+          deployment: {
+            image: values.get('task_image'),
+            replicas: parseInt(values.get('task_replicas'))
+          },
+          configuratorUser: {
+            username: values.get('configuratorUsername'),
+            password: values.get('configuratorPassword')
+          },
+          databaseAdapter: {
+            type: type,
+            properties: properties
+          },
+          autoCreateDatabase: (!!values.get('task_autoCreateDatabase')).toString()
+        })
+      };
+    }
+    if (integratorEnabled && (!component || component === 'integrator')) {
+      var _type = values.get('integrator_databaseAdapter_type');
+      var _fileFieldsForType = fileFields.get(_type);
+      // Only include values for file fields if the toggle field is true
+      var _filterFn = function _filterFn(value, key) {
+        return !_fileFieldsForType.includes(key) || !!rawValues.get("integrator_".concat(_type, "_change_").concat(key));
+      };
+      // Get adapter properties to save
+      var _properties = (0, _helpers.adapterProperties)(values, 'integrator', _type, _filterFn);
+      // If creating new, pass in file values from default adapter if not uploaded
+      if (!slug || originalTenant.getIn(['features', 'integrator']) === 'false') {
+        _properties = _fileFieldsForType.reduce(function (props, field) {
+          if (typeof props[field] === 'undefined' && !!rawValues.getIn(["integrator_".concat(_type, "_current_").concat(field), 'pem'])) {
+            return (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, props), {}, (0, _defineProperty2["default"])({}, field, new File([rawValues.getIn(["integrator_".concat(_type, "_current_").concat(field), 'pem'])], "".concat(field, ".crt"), {
+              type: 'text/plain'
+            })));
+          }
+          return props;
+        }, _properties);
+      }
+      integrator = {
+        integrator: {
+          deployment: {
+            image: values.get('integrator_image'),
+            replicas: parseInt(values.get('integrator_replicas'))
+          },
+          secretKeyBase: values.get('secretKeyBase'),
+          vaultKey: values.get('vaultKey'),
+          databaseAdapter: {
+            type: _type,
+            properties: _properties
+          },
+          autoCreateDatabase: (!!values.get('integrator_autoCreateDatabase')).toString()
+        }
+      };
+    }
+    var tenant = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _objectSpread4["default"])({
+      space: {
+        slug: values.get('slug'),
+        name: values.get('name')
+      },
+      features: {
+        task: taskEnabled.toString(),
+        integrator: integratorEnabled.toString()
+      },
+      integrationUser: {
+        username: values.get('integrationUsername'),
+        password: values.get('integrationPassword')
+      },
+      encryptionKey: values.get('encryptionKey'),
+      coreServiceName: values.get('coreServiceName'),
+      oasConsoleServiceName: 'oas-console',
+      spaceConsoleServiceName: 'space-console',
+      loghubServiceName: 'loghub'
+    }, task), integrator), {}, {
+      users: values.get('users')
+    });
+    var multipart = taskEnabled && (!component || component === 'task') && Object.entries(tenant.task.databaseAdapter.properties).some(function (_ref4) {
+      var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+        name = _ref5[0],
+        value = _ref5[1];
+      return value instanceof File;
+    }) || integratorEnabled && (!component || component === 'integrator') && Object.entries(tenant.integrator.databaseAdapter.properties).some(function (_ref6) {
+      var _ref7 = (0, _slicedToArray2["default"])(_ref6, 2),
+        name = _ref7[0],
+        value = _ref7[1];
+      return value instanceof File;
+    });
+    return (0, _apis.migrateTenant)({
+      slug: slug,
+      tenant: tenant,
+      multipart: multipart
+    }).then((0, _Form2.handleFormErrors)('space', 'There was an error migrating the Space.'));
+  };
+};
+var getSpaceValue = function getSpaceValue(tenant, key) {
+  return tenant ? (0, _immutable.getIn)(tenant, ['space', key], '') : '';
+};
+var fields = function fields(_ref8) {
+  var slug = _ref8.slug,
+    component = _ref8.component;
+  return function (_ref9) {
+    var tenant = _ref9.tenant,
+      defaultSQLDatabaseAdapter = _ref9.defaultSQLDatabaseAdapter;
+    return (tenant || !slug) && (defaultSQLDatabaseAdapter || defaultSQLDatabaseAdapter === null) && [
+    // Start - Migrate Space Fields
+    {
+      name: 'name',
+      label: 'Name',
+      type: 'text',
+      required: true,
+      enabled: false,
+      initialValue: getSpaceValue(tenant, 'name')
+    }, {
+      name: 'slug',
+      label: 'Slug',
+      type: 'text',
+      required: true,
+      enabled: false,
+      initialValue: getSpaceValue(tenant, 'slug')
+    }, {
+      name: 'integrationUsername',
+      label: 'Integration Username',
+      type: 'text',
+      required: true,
+      enabled: true
+    }, {
+      name: 'integrationPassword',
+      label: 'Integration Password',
+      type: 'password',
+      required: true
+    }, {
+      name: 'configuratorUsername',
+      label: 'Configurator Username',
+      type: 'text',
+      required: true,
+      enabled: true
+    }, {
+      name: 'configuratorPassword',
+      label: 'Configurator Password',
+      type: 'password',
+      required: true
+    }, {
+      name: 'encryptionKey',
+      label: 'Encryption Key',
+      type: 'password',
+      required: true
+    }, {
+      name: 'vaultKey',
+      label: 'Vault Key',
+      type: 'password',
+      required: true
+    }, {
+      name: 'coreServiceName',
+      label: 'Core Version',
+      type: 'text',
+      required: true
+    }, {
+      name: 'secretKeyBase',
+      label: 'Secret Key',
+      type: 'password',
+      required: true
+    },
+    // End - Migrate Space Fields
+
+    // Start - Feature Flags
+    {
+      name: 'task_feature',
+      label: 'Task Component',
+      type: 'checkbox',
+      initialValue: (0, _immutable.getIn)(tenant, ['features', 'task']) === 'true' || !slug,
+      onChange: function onChange(_ref10, _ref11) {
+        var values = _ref10.values;
+        var setValue = _ref11.setValue;
+        // When you toggle the feature, set or clear the adapter type value so
+        // that the downstream adapter fields can be automatically hidden
+        if (!!values.get('task_feature')) {
+          setValue('task_databaseAdapter_type', (0, _immutable.getIn)(tenant, ['task', 'databaseAdapter', 'type'], (0, _immutable.get)(defaultSQLDatabaseAdapter, 'type', '')));
+        } else {
+          setValue('task_databaseAdapter_type', '');
+        }
+      }
+    }, {
+      name: 'integrator_feature',
+      label: 'Integrator Component',
+      type: 'checkbox',
+      initialValue: (0, _immutable.getIn)(tenant, ['features', 'integrator']) === 'true' || !slug,
+      onChange: function onChange(_ref12, _ref13) {
+        var values = _ref12.values;
+        var setValue = _ref13.setValue;
+        // When you toggle the feature, set or clear the adapter type value so
+        // that the downstream adapter fields can be automatically hidden
+        if (!!values.get('task_feature')) {
+          setValue('integrator_databaseAdapter_type', (0, _immutable.getIn)(tenant, ['integrator', 'databaseAdapter', 'type'], (0, _immutable.get)(defaultSQLDatabaseAdapter, 'type', '')));
+        } else {
+          setValue('task_databaseAdapter_type', '');
+        }
+      }
+    }].concat((0, _toConsumableArray2["default"])(!component || component === 'task' ? [
+    // Start - Task fields
+    {
+      name: 'task_replicas',
+      label: 'Replica Count',
+      type: 'number',
+      initialValue: (0, _immutable.getIn)(tenant, ['task', 'deployment', 'specReplicas'], 1),
+      constraint: function constraint(_ref14) {
+        var values = _ref14.values;
+        return !values.get('task_feature') || typeof values.get('task_replicas') === 'number' && values.get('task_replicas') >= 0;
+      },
+      constraintMessage: 'Replica count must be a positive integer or zero.'
+    }, {
+      name: 'task_image',
+      label: 'Task Image',
+      type: 'text',
+      initialValue: (0, _immutable.getIn)(tenant, ['task', 'deployment', 'image'])
+    }, {
+      name: 'task_image',
+      label: 'Task Image',
+      type: 'text',
+      visible: function visible(_ref15) {
+        var values = _ref15.values;
+        return !values.get('task_imageToggle');
+      },
+      initialValue: (0, _immutable.getIn)(tenant, ['task', 'deployment', 'image']),
+      helpText: 'Optionally set the version of Kinetic Task to use for this space. Leave blank to use the default version.'
+    }, {
+      name: 'task_imageToggle',
+      label: 'Use Default Task Image',
+      type: 'checkbox',
+      "transient": true,
+      visible: !slug || (0, _immutable.getIn)(tenant, ['features', 'task']) === 'false',
+      initialValue: !(0, _immutable.getIn)(tenant, ['task', 'deployment', 'image']),
+      onChange: function onChange(_ref16, _ref17) {
+        var values = _ref16.values;
+        var setValue = _ref17.setValue;
+        if (!!values.get('task_imageToggle')) {
+          setValue('task_image', '');
+        }
+      }
+    }, {
+      name: 'task_databaseAdapter_type',
+      label: 'Database Adapter',
+      required: function required(_ref18) {
+        var values = _ref18.values;
+        return values.get('task_feature');
+      },
+      type: 'select',
+      options: _helpers.VALIDATE_DB_ADAPTERS,
+      initialValue: (0, _immutable.getIn)(tenant, ['task', 'databaseAdapter', 'type'], (0, _immutable.get)(defaultSQLDatabaseAdapter, 'type', ''))
+    }, {
+      name: 'task_autoCreateDatabase',
+      label: 'Auto-Create Database',
+      type: 'checkbox',
+      visible: function visible(_ref19) {
+        var values = _ref19.values;
+        return (0, _immutable.getIn)(tenant, ['task', 'databaseAdapter', 'type']) !== 'postgres' && values.get('task_databaseAdapter_type') === 'postgres';
+      },
+      "transient": function transient(_ref20) {
+        var values = _ref20.values;
+        return values.get('task_databaseAdapter_type') !== 'postgres';
+      },
+      initialValue: !slug || (0, _immutable.getIn)(tenant, ['features', 'task']) === 'false'
+    }, {
+      name: 'task_authenticationSecret',
+      label: 'Authentication Secret',
+      type: 'password',
+      visible: function visible(_ref21) {
+        var values = _ref21.values;
+        return values.get('task_changeAuthenticationSecret');
+      },
+      "transient": function transient(_ref22) {
+        var values = _ref22.values;
+        return !values.get('task_changeAuthenticationSecret');
+      },
+      required: false
+    }, {
+      name: 'task_changeAuthenticationSecret',
+      label: 'Change Authentication Secret',
+      type: 'checkbox',
+      "transient": true,
+      initialValue: false,
+      onChange: function onChange(_ref23, _ref24) {
+        var values = _ref23.values;
+        var setValue = _ref24.setValue;
+        if (values.get('task_authenticationSecret') !== '') {
+          setValue('task_authenticationSecret', '');
+        }
+      }
+    }].concat((0, _toConsumableArray2["default"])((0, _helpers.MSSQL_FIELDS)('task_databaseAdapter_type', tenant, ['task', 'databaseAdapter'], defaultSQLDatabaseAdapter)), (0, _toConsumableArray2["default"])((0, _helpers.ORACLE_FIELDS)('task_databaseAdapter_type', tenant, ['task', 'databaseAdapter'], defaultSQLDatabaseAdapter)), (0, _toConsumableArray2["default"])((0, _helpers.POSTGRES_FIELDS)('task_databaseAdapter_type', tenant, ['task', 'databaseAdapter'], defaultSQLDatabaseAdapter))) : []), (0, _toConsumableArray2["default"])(!component || component === 'integrator' ? [
+    // Start - Integrator fields
+    {
+      name: 'integrator_replicas',
+      label: 'Replica Count',
+      type: 'number',
+      initialValue: (0, _immutable.getIn)(tenant, ['integrator', 'deployment', 'specReplicas'], 1),
+      constraint: function constraint(_ref25) {
+        var values = _ref25.values;
+        return !values.get('integrator_feature') || typeof values.get('integrator_replicas') === 'number' && values.get('integrator_replicas') >= 0;
+      },
+      constraintMessage: 'Replica count must be a positive integer or zero.'
+    }, {
+      name: 'integrator_image',
+      label: 'Integrator Image',
+      type: 'text',
+      visible: function visible(_ref26) {
+        var values = _ref26.values;
+        return !values.get('integrator_imageToggle');
+      },
+      initialValue: (0, _immutable.getIn)(tenant, ['integrator', 'deployment', 'image']),
+      helpText: 'Optionally set the version of Kinetic Integrator to use for this space. Leave blank to use the default version.'
+    }, {
+      name: 'integrator_imageToggle',
+      label: 'Use Default Integrator Image',
+      type: 'checkbox',
+      "transient": true,
+      visible: !slug || (0, _immutable.getIn)(tenant, ['features', 'integrator']) === 'false',
+      initialValue: !(0, _immutable.getIn)(tenant, ['integrator', 'deployment', 'image']),
+      onChange: function onChange(_ref27, _ref28) {
+        var values = _ref27.values;
+        var setValue = _ref28.setValue;
+        if (!!values.get('integrator_imageToggle')) {
+          setValue('integrator_image', '');
+        }
+      }
+    }, {
+      name: 'integrator_databaseAdapter_type',
+      label: 'Database Adapter',
+      required: function required(_ref29) {
+        var values = _ref29.values;
+        return values.get('integrator_feature');
+      },
+      type: 'select',
+      options: _helpers.VALIDATE_DB_ADAPTERS.filter(function (adapter) {
+        return adapter.value === 'postgres';
+      }),
+      initialValue: (0, _immutable.getIn)(tenant, ['integrator', 'databaseAdapter', 'type'], (0, _immutable.get)(defaultSQLDatabaseAdapter, 'type', ''))
+    }, {
+      name: 'integrator_autoCreateDatabase',
+      label: 'Auto-Create Database',
+      type: 'checkbox',
+      visible: function visible(_ref30) {
+        var values = _ref30.values;
+        return (0, _immutable.getIn)(tenant, ['integrator', 'databaseAdapter', 'type']) !== 'postgres' && values.get('integrator_databaseAdapter_type') === 'postgres';
+      },
+      "transient": function transient(_ref31) {
+        var values = _ref31.values;
+        return values.get('integrator_databaseAdapter_type') !== 'postgres';
+      },
+      initialValue: !slug || (0, _immutable.getIn)(tenant, ['features', 'integrator']) === 'false'
+    }].concat((0, _toConsumableArray2["default"])((0, _helpers.POSTGRES_FIELDS)('integrator_databaseAdapter_type', tenant, ['integrator', 'databaseAdapter'], defaultSQLDatabaseAdapter))) : []));
+  };
+};
+var SystemTenantMigrateForm = exports.SystemTenantMigrateForm = (0, _Form.generateForm)({
+  formOptions: ['slug', 'component'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});

package/lib/components/system/spaces/SystemTenantTable.js

@@ -1,19 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SystemTenantTable = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _Table = require("../../table/Table");
 var _apis = require("../../../apis");
+var _http = require("../../../apis/http");
 var _helpers = require("../../../helpers");
-var clientSide = (0, _helpers.defineFilter)(true).startsWith('slug', 'slug').startsWith('space.name', 'space.name').end();
+var filterQuery = (0, _helpers.defineKqlQuery)().matches('name', 'name').matches('slug', 'slug').end();
 var dataSource = function dataSource() {
   return {
     fn: _apis.fetchTenants,
-    clientSide: clientSide,
-    params: function params() {
-      return [];
+    params: function params(paramData) {
+      return [(0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _http.generateSortParams)(paramData)), (0, _http.generatePaginationParams)(paramData)), {}, {
+        q: filterQuery(paramData.filters.toJS())
+      })];
     },
     transform: function transform(result) {
       return {
@@ -26,20 +30,27 @@ var dataSource = function dataSource() {
 var filters = function filters() {
   return function () {
     return [{
-      name: 'slug',
-      label: 'Slug',
+      name: 'name',
+      label: 'Name',
       type: 'text'
     }, {
-      name: 'space.name',
-      label: 'Name',
+      name: 'slug',
+      label: 'Slug',
       type: 'text'
     }];
   };
 };
 var columns = [{
+  value: 'name',
+  title: 'Name',
+  sortable: true,
+  valueTransform: function valueTransform(_value, row) {
+    return row.getIn(['space', 'name']);
+  }
+}, {
   value: 'slug',
   title: 'Slug',
-  sortable: false
+  sortable: true
 }, {
   value: 'task.deployment.namespace',
   title: 'Namespace',
@@ -54,13 +65,6 @@ var columns = [{
   valueTransform: function valueTransform(_value, row) {
     return row.getIn(['task', 'deployment', 'image']);
   }
-}, {
-  value: 'space.name',
-  title: 'Name',
-  sortable: false,
-  valueTransform: function valueTransform(_value, row) {
-    return row.getIn(['space', 'name']);
-  }
 }, {
   value: 'space.status',
   title: 'Status',

package/lib/components/table/Table.redux.js

@@ -217,7 +217,7 @@ var generateInitialSortColumn = exports.generateInitialSortColumn = function gen
       var sortDirection = t.get('sortDirection');
       return t
       // When sorting changes, reset pagination.
-      .set('pageOffset', 0)
+      .set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', (0, _immutable.List)())
       // Update the sort column / direction.
       .set('sortDirection', sortColumn === column ? sortDirection === 'asc' ? 'desc' : 'asc' : 'asc').set('sortColumn', column).set('error', null);
     });

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

@@ -9,18 +9,22 @@ var _helpers = require("./helpers");
 var dataSources = function dataSources(_ref) {
   var tasks = _ref.tasks,
     tree = _ref.tree,
-    connector = _ref.connector;
+    connector = _ref.connector,
+    connections = _ref.connections;
   return {
     bindings: {
       fn: _helpers.buildBindings,
-      params: [tree, tasks, tree.nodes.get(connector.headId)]
+      params: [{
+        tree: tree,
+        tasks: tasks,
+        node: tree.nodes.get(connector.headId),
+        connections: connections
+      }]
     }
   };
 };
 var fields = function fields(_ref2) {
-  var connector = _ref2.connector,
-    tasks = _ref2.tasks,
-    tree = _ref2.tree;
+  var connector = _ref2.connector;
   return function (_ref3) {
     var bindings = _ref3.bindings;
     return bindings && [{
@@ -49,7 +53,7 @@ var fields = function fields(_ref2) {
       label: 'Condition',
       type: 'code',
       initialValue: connector.condition,
-      language: 'ruby',
+      language: 'ruby-expression',
       options: bindings
     }, {
       name: 'from',
@@ -82,7 +86,7 @@ var handleSubmit = function handleSubmit(_ref4) {
   };
 };
 var ConnectorForm = exports.ConnectorForm = (0, _Form.generateForm)({
-  formOptions: ['connector', 'tasks', 'tree'],
+  formOptions: ['connections', 'connector', 'tasks', 'tree'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit

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

@@ -148,22 +148,27 @@ var Node = exports.Node = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _node$parameters$find;
       var _this$props = this.props,
         node = _this$props.node,
         highlighted = _this$props.highlighted,
         primary = _this$props.primary,
         selected = _this$props.selected,
+        connections = _this$props.connections,
         tasks = _this$props.tasks;
       var defers = node.defers,
         definitionId = node.definitionId,
         id = node.id,
         name = node.name;
       var tempNode = typeof id !== 'number';
-      var missing = !tempNode && !tasks.has(node.definitionId) && !node.definitionId.startsWith('system_tree_return_v') && !node.definitionId.startsWith('system_start_v');
+      var isRoutine = tasks.get(definitionId) && (0, _lodashEs.isArray)(tasks.get(definitionId).inputs);
+      var isIntegration = node.definitionId.startsWith("".concat(_constants.ADVANCED_HANDLER_NAME_INTEGRATION, "_v"));
+      var missing = !tempNode && !tasks.has(node.definitionId) && !node.definitionId.startsWith('system_tree_return_v') && !node.definitionId.startsWith('system_start_v') || isIntegration && !connections.get((_node$parameters$find = node.parameters.find(function (p) {
+        return p.id === 'connection';
+      })) === null || _node$parameters$find === void 0 ? void 0 : _node$parameters$find.value);
       var invalid = missing || !tempNode && !name || node.parameters.some(function (parameter) {
         return parameter.required && parameter.value === '';
       });
-      var isRoutine = tasks.get(definitionId) && (0, _lodashEs.isArray)(tasks.get(definitionId).inputs);
       var type = (0, _helpers.getNodeType)(node);
       var height = type === 'join' || type === 'junction' ? constants.NODE_JOIN_JUNCTION_HEIGHT : type === 'start' ? constants.NODE_START_RADIUS * 2 : constants.NODE_HEIGHT;
       var width = type === 'start' ? constants.NODE_START_RADIUS * 2 : constants.NODE_WIDTH;
@@ -215,6 +220,10 @@ var Node = exports.Node = /*#__PURE__*/function (_Component) {
         d: constants.NODE_LEFT_BAR_PATH,
         className: "routine-bar",
         strokeWidth: constants.NODE_DECORATION_STROKE_WIDTH
+      }), isIntegration && /*#__PURE__*/_react["default"].createElement("path", {
+        d: constants.NODE_PLUG_BAR_PATH,
+        className: "integration-bar",
+        strokeWidth: constants.NODE_DECORATION_STROKE_WIDTH
       }), type === 'loop-head' && /*#__PURE__*/_react["default"].createElement("path", {
         d: constants.NODE_BOTTOM_BAR_PATH,
         className: "loop-bar",