@kineticdata/react 6.0.3 → 6.0.5

package/CHANGELOG.md

@@ -4,6 +4,14 @@ When upgrading `@kineticdata/react` to a newer version, remember that all `@kine
 
 Remember to always run `yarn install` after upgrading any dependency versions.
 
+## 6.0.4 (January 22, 2024)
+
+- Fixed bug with SAML logout options
+
+## 6.0.3 (December 11, 2023)
+
+_No relevant changes._
+
 ## 6.0.2 (November 6, 2023)
 
 - Removed XSRF header setting from Request Interceptor

package/lib/apis/core/authentication.js

@@ -24,7 +24,7 @@ var login = exports.login = function login(_ref) {
   })["catch"](_http.handleErrors);
 };
 var logoutDirect = exports.logoutDirect = function logoutDirect(isSaml) {
-  return _axios["default"].get(isSaml === true ? "".concat(_helpers.bundle.spaceLocation(), "/app/logout") : "".concat(_helpers.bundle.spaceLocation(), "/app/saml/logout"));
+  return _axios["default"].get(isSaml === true ? "".concat(_helpers.bundle.spaceLocation(), "/app/saml/logout") : "".concat(_helpers.bundle.spaceLocation(), "/app/logout"));
 };
 var checkedOrigin = process.env.REACT_APP_API_HOST ? process.env.REACT_APP_API_HOST : typeof window !== 'undefined' ? window.location.origin : null;
 var clientId = process.env.REACT_APP_OAUTH_CLIENT_ID ? process.env.REACT_APP_OAUTH_CLIENT_ID : process.env.NODE_ENV === 'production' ? 'system' : 'system-dev';

package/lib/apis/task/index.js

@@ -332,7 +332,8 @@ var fetchPolicyRules = exports.fetchPolicyRules = function fetchPolicyRules() {
   return _axios["default"].get("".concat(_helpers.bundle.spaceLocation(), "/app/components/task/app/api/v2/policyRules"), {
     params: {
       include: options.include,
-      type: options.type
+      type: options.type,
+      limit: options.limit
     }
   }).then(function (response) {
     return {
@@ -433,7 +434,8 @@ var fetchHandlers = exports.fetchHandlers = function fetchHandlers() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _axios["default"].get("".concat(_helpers.bundle.spaceLocation(), "/app/components/task/app/api/v2/handlers"), {
     params: {
-      include: options.include
+      include: options.include,
+      limit: options.limit
     }
   }).then(function (response) {
     return {

package/lib/components/core/kapp/KappForm.js

@@ -11,7 +11,7 @@ var _immutable = require("immutable");
 var _Form = require("../../form/Form");
 var _apis = require("../../../apis");
 var _helpers = require("../../../helpers");
-var DISPLAY_TYPES = ['Display Page', 'Redirect'];
+var DISPLAY_TYPES = ['Redirect'];
 var SPACE_INCLUDES = 'details,spaceAttributeDefinitions';
 var KAPP_INCLUDES = 'attributesMap,securityPolicies,details,fields.details,formAttributeDefinitions';
 var dataSources = function dataSources(_ref) {
@@ -124,37 +124,25 @@ var fields = function fields(_ref4) {
       label: 'After Logout Path',
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'afterLogoutPath'),
-      visible: function visible(_ref6) {
-        var space = _ref6.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'bundlePath',
       label: 'Bundle Path',
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'bundlePath'),
-      visible: function visible(_ref7) {
-        var space = _ref7.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'defaultFormConfirmationPage',
       label: 'Form Confirmation Page',
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'defaultFormConfirmationPage'),
-      visible: function visible(_ref8) {
-        var space = _ref8.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'defaultFormDisplayPage',
       label: 'Form Display Page',
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'defaultFormDisplayPage'),
-      visible: function visible(_ref9) {
-        var space = _ref9.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'defaultSubmissionLabelExpression',
       label: 'Submission Label',
@@ -164,10 +152,10 @@ var fields = function fields(_ref4) {
       helpText:
       // eslint-disable-next-line no-template-curly-in-string
       "Default label for form submissions. Click the </> button to see available values derived from each submission. Example: ${form('name')}",
-      options: function options(_ref10) {
-        var space = _ref10.space,
-          kapp = _ref10.kapp,
-          attributeDefinitions = _ref10.attributeDefinitions;
+      options: function options(_ref6) {
+        var space = _ref6.space,
+          kapp = _ref6.kapp,
+          attributeDefinitions = _ref6.attributeDefinitions;
         return (0, _helpers.buildBindings)({
           space: space,
           kapp: kapp && kapp.set('kappAttributeDefinitions', attributeDefinitions),
@@ -184,38 +172,29 @@ var fields = function fields(_ref4) {
           label: displayType
         };
       }),
-      enabled: function enabled(_ref11) {
-        var space = _ref11.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      },
-      initialValue: (0, _immutable.get)(kapp, 'displayType') || 'Display Page',
+      visible: false,
+      initialValue: (0, _immutable.get)(kapp, 'displayType'),
       helpText: 'Determines how the application works. Set in Space Settings.'
     }, {
       name: 'displayValue',
-      label: function label(_ref12) {
-        var values = _ref12.values;
-        return values.get('displayType') === 'Redirect' ? 'Redirect URL' : 'Kapp Display Page';
+      label: function label(_ref7) {
+        var values = _ref7.values;
+        return values.get('displayType') === 'Redirect' ? 'Redirect URL' : 'Display Value';
       },
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'displayValue'),
-      required: function required(_ref13) {
-        var values = _ref13.values;
+      required: function required(_ref8) {
+        var values = _ref8.values;
         return values.get('displayType') === 'Redirect';
       },
       requiredMessage: "This field is required, when display type is 'Redirect'",
-      visible: function visible(_ref14) {
-        var space = _ref14.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'loginPage',
       label: 'Login Page',
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'loginPage'),
-      visible: function visible(_ref15) {
-        var space = _ref15.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'name',
       label: 'Kapp Name',
@@ -223,9 +202,9 @@ var fields = function fields(_ref4) {
       required: true,
       initialValue: (0, _immutable.get)(kapp, 'name'),
       helpText: 'User friendly name for the Kapp, used throughout the system.',
-      onChange: function onChange(_ref16, _ref17) {
-        var values = _ref16.values;
-        var setValue = _ref17.setValue;
+      onChange: function onChange(_ref9, _ref10) {
+        var values = _ref9.values;
+        var setValue = _ref10.setValue;
         if (values.get('linked')) {
           setValue('slug', (0, _helpers.slugify)(values.get('name')), false);
         }
@@ -235,10 +214,7 @@ var fields = function fields(_ref4) {
       label: 'Reset Password Page',
       type: 'text',
       initialValue: (0, _immutable.get)(kapp, 'resetPasswordPage'),
-      visible: function visible(_ref18) {
-        var space = _ref18.space;
-        return (0, _immutable.get)(space, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'slug',
       label: 'Slug',
@@ -246,8 +222,8 @@ var fields = function fields(_ref4) {
       required: true,
       initialValue: (0, _immutable.get)(kapp, 'slug'),
       helpText: 'Unique name used in the Kapp path.',
-      onChange: function onChange(_bindings, _ref19) {
-        var setValue = _ref19.setValue;
+      onChange: function onChange(_bindings, _ref11) {
+        var setValue = _ref11.setValue;
         setValue('linked', false);
       }
     }, {
@@ -257,16 +233,16 @@ var fields = function fields(_ref4) {
       "transient": true,
       initialValue: kapp ? false : true,
       visible: false
-    }].concat((0, _toConsumableArray2["default"])(kappSlug ? Object.entries(securityEndpoints).map(function (_ref20) {
-      var _ref21 = (0, _slicedToArray2["default"])(_ref20, 2),
-        endpointFieldName = _ref21[0],
-        endpoint = _ref21[1];
+    }].concat((0, _toConsumableArray2["default"])(kappSlug ? Object.entries(securityEndpoints).map(function (_ref12) {
+      var _ref13 = (0, _slicedToArray2["default"])(_ref12, 2),
+        endpointFieldName = _ref13[0],
+        endpoint = _ref13[1];
       return {
         name: endpointFieldName,
         label: endpoint.label,
         type: 'select',
-        options: function options(_ref22) {
-          var securityPolicyDefinitions = _ref22.securityPolicyDefinitions;
+        options: function options(_ref14) {
+          var securityPolicyDefinitions = _ref14.securityPolicyDefinitions;
           return securityPolicyDefinitions ? securityPolicyDefinitions.filter(function (definition) {
             return endpoint.types.includes(definition.get('type'));
           }).map(function (definition) {
@@ -286,12 +262,12 @@ var fields = function fields(_ref4) {
       label: 'Security Policies',
       type: null,
       visible: false,
-      serialize: function serialize(_ref23) {
-        var values = _ref23.values;
-        return Object.entries(securityEndpoints).map(function (_ref24) {
-          var _ref25 = (0, _slicedToArray2["default"])(_ref24, 2),
-            endpointFieldName = _ref25[0],
-            policy = _ref25[1];
+      serialize: function serialize(_ref15) {
+        var values = _ref15.values;
+        return Object.entries(securityEndpoints).map(function (_ref16) {
+          var _ref17 = (0, _slicedToArray2["default"])(_ref16, 2),
+            endpointFieldName = _ref17[0],
+            policy = _ref17[1];
           return {
             endpoint: policy.endpoint,
             name: values.get(endpointFieldName)
@@ -306,8 +282,8 @@ var fields = function fields(_ref4) {
       label: 'Attributes',
       type: 'attributes',
       required: false,
-      options: function options(_ref26) {
-        var attributeDefinitions = _ref26.attributeDefinitions;
+      options: function options(_ref18) {
+        var attributeDefinitions = _ref18.attributeDefinitions;
         return attributeDefinitions;
       },
       initialValue: (0, _immutable.get)(kapp, 'attributesMap')

package/lib/components/core/space/SpaceForm.js

@@ -12,7 +12,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Form = require("../../form/Form");
 var _apis = require("../../../apis");
 var _helpers = require("../../../helpers");
-var DISPLAY_TYPES = ['Display Page', 'Redirect', 'Single Page App'];
+var DISPLAY_TYPES = ['Custom', 'Hosted', 'Platform', 'Redirect'];
+var getInitialDisplayType = function getInitialDisplayType(value) {
+  if (value === 'Single Page App') {
+    return 'Custom';
+  }
+  return value || 'Platform';
+};
 var dataSources = function dataSources() {
   return {
     space: {
@@ -148,45 +154,33 @@ var fields = function fields() {
         var space = _ref3.space;
         return "/".concat((0, _immutable.get)(space, 'slug'));
       },
-      visible: function visible(_ref4) {
-        var values = _ref4.values;
-        return (0, _immutable.get)(values, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'bundlePath',
       label: 'Bundle Path',
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'bundlePath'),
-      required: function required(_ref5) {
-        var values = _ref5.values;
-        return (0, _immutable.get)(values, 'sharedBundleBase') !== '' && (0, _immutable.get)(values, 'displayType') === 'Display Page';
-      }
+      visible: false
     }, {
       name: 'defaultFormConfirmationPage',
       label: 'Default Form Confirmation Page',
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'defaultFormConfirmationPage'),
       placeholder: 'confirmation.jsp',
-      visible: function visible(_ref6) {
-        var values = _ref6.values;
-        return (0, _immutable.get)(values, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'defaultFormDisplayPage',
       label: 'Default Form Display Page',
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'defaultFormDisplayPage'),
       placeholder: 'form.jsp',
-      visible: function visible(_ref7) {
-        var values = _ref7.values;
-        return (0, _immutable.get)(values, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'defaultLocale',
       label: 'Default Locale',
       type: 'text',
-      options: function options(_ref8) {
-        var locales = _ref8.locales;
+      options: function options(_ref4) {
+        var locales = _ref4.locales;
         return locales.map(function (locale) {
           return (0, _immutable.Map)({
             value: locale.get('code'),
@@ -199,8 +193,8 @@ var fields = function fields() {
       name: 'defaultTimezone',
       label: 'Default Timezone',
       type: 'text',
-      options: function options(_ref9) {
-        var timezones = _ref9.timezones;
+      options: function options(_ref5) {
+        var timezones = _ref5.timezones;
         return timezones.map(function (timezone) {
           return (0, _immutable.Map)({
             value: timezone.get('id'),
@@ -220,20 +214,16 @@ var fields = function fields() {
         };
       }),
       required: true,
-      initialValue: (0, _immutable.get)(space, 'displayType') || 'Display Page',
-      helpText: 'Determines how the application works. For kinops, Single Page App is used.'
+      initialValue: getInitialDisplayType((0, _immutable.get)(space, 'displayType')),
+      helpText: 'Display Types indicate how the Platform should render your bundle.'
     }, {
       name: 'displayValueJSP',
-      label: 'Space Display Page',
+      label: '',
       type: 'text',
       "transient": true,
       placeholder: 'space.jsp',
-      visible: function visible(_ref10) {
-        var values = _ref10.values;
-        return (0, _immutable.get)(values, 'displayType') === 'Display Page';
-      },
-      required: function required(_ref11) {
-        var values = _ref11.values;
+      visible: function visible(_ref6) {
+        var values = _ref6.values;
         return (0, _immutable.get)(values, 'displayType') === 'Display Page';
       },
       initialValue: (0, _immutable.get)(space, 'displayType') === 'Display Page' ? (0, _immutable.get)(space, 'displayValue') : ''
@@ -242,12 +232,12 @@ var fields = function fields() {
       label: 'Redirect URL',
       type: 'text',
       "transient": true,
-      visible: function visible(_ref12) {
-        var values = _ref12.values;
+      visible: function visible(_ref7) {
+        var values = _ref7.values;
         return (0, _immutable.get)(values, 'displayType') === 'Redirect';
       },
-      required: function required(_ref13) {
-        var values = _ref13.values;
+      required: function required(_ref8) {
+        var values = _ref8.values;
         return (0, _immutable.get)(values, 'displayType') === 'Redirect';
       },
       requiredMessage: "This field is required, when display type is 'Redirect'",
@@ -257,30 +247,50 @@ var fields = function fields() {
       label: 'Location',
       type: 'text',
       "transient": true,
-      visible: function visible(_ref14) {
-        var values = _ref14.values;
-        return (0, _immutable.get)(values, 'displayType') === 'Single Page App';
+      visible: function visible(_ref9) {
+        var values = _ref9.values;
+        return (0, _immutable.get)(values, 'displayType') === 'Custom';
       },
-      required: function required(_ref15) {
-        var values = _ref15.values;
-        return (0, _immutable.get)(values, 'displayType') === 'Single Page App';
+      required: function required(_ref10) {
+        var values = _ref10.values;
+        return (0, _immutable.get)(values, 'displayType') === 'Custom';
       },
-      initialValue: (0, _immutable.get)(space, 'displayType') === 'Single Page App' ? ((0, _immutable.get)(space, 'displayValue') || '').replace('spa.jsp', '').replace('?location=', '') : '',
-      helpText: 'See explanation below for external and embedded asset modes.'
+      initialValue: (0, _immutable.get)(space, 'displayType') === 'Single Page App' || (0, _immutable.get)(space, 'displayType') === 'Custom' ? ((0, _immutable.get)(space, 'displayValue') || '').replace('spa.jsp', '').replace('?location=', '') : '',
+      helpText: 'Enter the full URL to where your bundle is stored. This must include the index.html in the path.'
+    }, {
+      name: 'displayValueHost',
+      label: 'Bundle Slug',
+      type: 'text',
+      "transient": true,
+      visible: function visible(_ref11) {
+        var values = _ref11.values;
+        return (0, _immutable.get)(values, 'displayType') === 'Hosted';
+      },
+      required: function required(_ref12) {
+        var values = _ref12.values;
+        return (0, _immutable.get)(values, 'displayType') === 'Hosted';
+      },
+      initialValue: (0, _immutable.get)(space, 'displayType') === 'Hosted' ? (0, _immutable.get)(space, 'displayValue') : '',
+      helpText: 'Enter the full "slug" which corresponds to the directory your hosted bundle is stored in.'
     }, {
       name: 'displayValue',
-      label: 'Dispaly Value',
+      label: 'Display Value',
       type: 'text',
       visible: false,
       initialValue: (0, _immutable.get)(space, 'displayValue'),
-      serialize: function serialize(_ref16) {
-        var values = _ref16.values;
+      serialize: function serialize(_ref13) {
+        var values = _ref13.values;
         var displayType = values.get('displayType');
         var displayValueSPA = values.get('displayValueSPA');
+        var displayValueHost = values.get('displayValueHost');
         var displayValueJSP = values.get('displayValueJSP');
         var displayValueRedirect = values.get('displayValueRedirect');
-        if (displayType === 'Single Page App') {
+        if ((0, _immutable.get)(values, 'displayType') === 'Custom') {
           return displayValueSPA && displayValueSPA.endsWith('index.html') ? displayValueSPA : "spa.jsp".concat(displayValueSPA && '?location=' + displayValueSPA);
+        } else if ((0, _immutable.get)(values, 'displayType') === 'Hosted') {
+          return displayValueHost;
+        } else if ((0, _immutable.get)(values, 'displayType') === 'Platform') {
+          return '';
         } else {
           return displayType === 'Redirect' ? displayValueRedirect : displayValueJSP;
         }
@@ -291,19 +301,16 @@ var fields = function fields() {
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'loginPage'),
       placeholder: 'login.jsp',
-      visible: function visible(_ref17) {
-        var values = _ref17.values;
-        return (0, _immutable.get)(values, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'name',
       label: 'Space Name',
       type: 'text',
       required: true,
       initialValue: (0, _immutable.get)(space, 'name'),
-      onChange: function onChange(_ref18, _ref19) {
-        var values = _ref18.values;
-        var setValue = _ref19.setValue;
+      onChange: function onChange(_ref14, _ref15) {
+        var values = _ref14.values;
+        var setValue = _ref15.setValue;
         if (values.get('linked')) {
           setValue('slug', (0, _helpers.slugify)(values.get('name')), false);
         }
@@ -315,20 +322,17 @@ var fields = function fields() {
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'resetPasswordPage'),
       placeholder: 'resetPassword.jsp',
-      visible: function visible(_ref20) {
-        var values = _ref20.values;
-        return (0, _immutable.get)(values, 'displayType') !== 'Single Page App';
-      }
+      visible: false
     }, {
       name: 'oauthSigningKey',
       label: 'OAuth Signing Key',
       type: 'password',
-      visible: function visible(_ref21) {
-        var values = _ref21.values;
+      visible: function visible(_ref16) {
+        var values = _ref16.values;
         return values.get('changeOAuthSigningKey');
       },
-      "transient": function transient(_ref22) {
-        var values = _ref22.values;
+      "transient": function transient(_ref17) {
+        var values = _ref17.values;
         return !values.get('changeOAuthSigningKey');
       }
     }, {
@@ -337,14 +341,14 @@ var fields = function fields() {
       type: 'checkbox',
       "transient": true,
       // in "new" mode we do not show this toggle field and default it to true
-      visible: function visible(_ref23) {
-        var space = _ref23.space;
+      visible: function visible(_ref18) {
+        var space = _ref18.space;
         return !!space;
       },
       initialValue: !space,
-      onChange: function onChange(_ref24, _ref25) {
-        var values = _ref24.values;
-        var setValue = _ref25.setValue;
+      onChange: function onChange(_ref19, _ref20) {
+        var values = _ref19.values;
+        var setValue = _ref20.setValue;
         if (values.get('oauthSigningKey') !== '') {
           setValue('oauthSigningKey', '');
         }
@@ -355,8 +359,8 @@ var fields = function fields() {
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'sessionInactiveLimitInSeconds'),
       helpText: 'Users will be logged out automatically if inactive for this amount of time.',
-      serialize: function serialize(_ref26) {
-        var values = _ref26.values;
+      serialize: function serialize(_ref21) {
+        var values = _ref21.values;
         return parseInt(values.get('sessionInactiveLimitInSeconds'));
       }
     }, {
@@ -364,15 +368,16 @@ var fields = function fields() {
       label: 'Shared Bundle Base',
       type: 'text',
       initialValue: (0, _immutable.get)(space, 'sharedBundleBase'),
-      helpText: 'Directory used as path prefix for bundles.'
+      helpText: 'Directory used as path prefix for bundles.',
+      visible: false
     }, {
       name: 'slug',
       label: 'Slug',
       type: 'text',
       required: true,
       initialValue: (0, _immutable.get)(space, 'slug'),
-      onChange: function onChange(_bindings, _ref27) {
-        var setValue = _ref27.setValue;
+      onChange: function onChange(_bindings, _ref22) {
+        var setValue = _ref22.setValue;
         setValue('linked', false);
       },
       helpText: 'Unique name used in the space path.'
@@ -393,16 +398,16 @@ var fields = function fields() {
       label: 'Trusted Resource Domains',
       type: 'text-multi',
       initialValue: (0, _immutable.get)(space, 'trustedResourceDomains')
-    }].concat((0, _toConsumableArray2["default"])(Object.entries(securityEndpoints).map(function (_ref28) {
-      var _ref29 = (0, _slicedToArray2["default"])(_ref28, 2),
-        endpointFieldName = _ref29[0],
-        endpoint = _ref29[1];
+    }].concat((0, _toConsumableArray2["default"])(Object.entries(securityEndpoints).map(function (_ref23) {
+      var _ref24 = (0, _slicedToArray2["default"])(_ref23, 2),
+        endpointFieldName = _ref24[0],
+        endpoint = _ref24[1];
       return {
         name: endpointFieldName,
         label: endpoint.label,
         type: 'select',
-        options: function options(_ref30) {
-          var securityPolicyDefinitions = _ref30.securityPolicyDefinitions;
+        options: function options(_ref25) {
+          var securityPolicyDefinitions = _ref25.securityPolicyDefinitions;
           return securityPolicyDefinitions.filter(function (definition) {
             return endpoint.types.includes(definition.get('type'));
           }).map(function (definition) {
@@ -422,12 +427,12 @@ var fields = function fields() {
       label: 'Security Policies',
       type: null,
       visible: false,
-      serialize: function serialize(_ref31) {
-        var values = _ref31.values;
-        return Object.entries(securityEndpoints).map(function (_ref32) {
-          var _ref33 = (0, _slicedToArray2["default"])(_ref32, 2),
-            endpointFieldName = _ref33[0],
-            policy = _ref33[1];
+      serialize: function serialize(_ref26) {
+        var values = _ref26.values;
+        return Object.entries(securityEndpoints).map(function (_ref27) {
+          var _ref28 = (0, _slicedToArray2["default"])(_ref27, 2),
+            endpointFieldName = _ref28[0],
+            policy = _ref28[1];
           return {
             endpoint: policy.endpoint,
             name: values.get(endpointFieldName)
@@ -452,13 +457,13 @@ var fields = function fields() {
           type: 'text'
         }]);
       },
-      visible: function visible(_ref34) {
-        var values = _ref34.values;
+      visible: function visible(_ref29) {
+        var values = _ref29.values;
         return values.get('allowedIpsEnabled', false);
       },
       initialValue: (0, _immutable.get)(space, 'allowedIps', []),
-      serialize: function serialize(_ref35) {
-        var values = _ref35.values;
+      serialize: function serialize(_ref30) {
+        var values = _ref30.values;
         return values.get('allowedIpsEnabled', false) ? values.get('allowedIps') : [];
       }
     }, {
@@ -471,8 +476,8 @@ var fields = function fields() {
       label: 'Attributes',
       type: 'attributes',
       required: false,
-      options: function options(_ref36) {
-        var attributeDefinitions = _ref36.attributeDefinitions;
+      options: function options(_ref31) {
+        var attributeDefinitions = _ref31.attributeDefinitions;
         return attributeDefinitions;
       },
       initialValue: (0, _immutable.get)(space, 'attributesMap')

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

@@ -235,14 +235,16 @@ var TreeBuilderComponent = exports.TreeBuilderComponent = /*#__PURE__*/function
       // placeholder then we will call configureTreeBuilder with the component's
       // props at that time
       if (this.props.treeBuilderState === null) {
-        (0, _builder.configureTreeBuilder)((0, _lodashEs.pick)(this.props, ['treeKey', 'sourceName', 'sourceGroup', 'name', 'platformSourceName']));
+        (0, _builder.configureTreeBuilder)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, this.props.configParams), {}, {
+          treeKey: this.props.treeKey
+        }));
       }
     }
   }, {
     key: "checkHighlight",
     value: function checkHighlight() {
       var prevProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (this.props.treeBuilderState && !this.props.treeBuilderState.loading) {
+      if (this.props.treeBuilderState && !this.props.treeBuilderState.loading && this.props.tree) {
         // one the first "real" render of the tree builder check for the highlight
         // node and focus if one is specified
         if ((!prevProps.treeBuilderState || prevProps.treeBuilderState.loading) && this.props.highlight) {
@@ -269,13 +271,15 @@ var TreeBuilderComponent = exports.TreeBuilderComponent = /*#__PURE__*/function
         highlightType = _ref4[0],
         highlightId = _ref4[1];
       if (treeBuilderState) {
-        var lastSave = treeBuilderState.lastSave,
+        var error = treeBuilderState.error,
+          lastSave = treeBuilderState.lastSave,
           lastWebApi = treeBuilderState.lastWebApi,
           redoStack = treeBuilderState.redoStack,
           saving = treeBuilderState.saving,
           tasks = treeBuilderState.tasks,
           tree = treeBuilderState.tree,
           kappSlug = treeBuilderState.kappSlug,
+          formSlug = treeBuilderState.formSlug,
           undoStack = treeBuilderState.undoStack,
           webApi = treeBuilderState.webApi;
         return this.props.children({
@@ -351,6 +355,7 @@ var TreeBuilderComponent = exports.TreeBuilderComponent = /*#__PURE__*/function
             }
           },
           dirty: this.isDirty(treeBuilderState),
+          error: error,
           lastTree: lastSave,
           lastWebApi: lastWebApi,
           name: tree ? tree.name : null,
@@ -359,6 +364,7 @@ var TreeBuilderComponent = exports.TreeBuilderComponent = /*#__PURE__*/function
           tasks: tasks,
           tree: tree,
           kappSlug: kappSlug,
+          formSlug: formSlug,
           treeBuilder: tree && /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_SvgCanvas.SvgCanvas, {
             ref: this.canvasRef
           }, tree.connectors.map(function (connector) {