@lingk/sync 0.1.60 → 0.1.62

package/build/main.js

@@ -260,6 +260,14 @@ module.exports =
 	    }
 	  }
 	
+	  if (!formValues['direction']) {
+	    if (wizard.savedConfiguration && wizard.savedConfiguration['direction']) {
+	      change('direction', wizard.savedConfiguration['direction']);
+	    } else {
+	      change('direction', defaults['direction']);
+	    }
+	  }
+	
 	  if (!formValues['resourceGroups']) {
 	
 	    if (wizard.savedBundles && wizard.savedBundles.bundles && wizard.sourceMetadata && wizard.destinationMetadata) {
@@ -433,10 +441,6 @@ module.exports =
 	      change('scenario', wizard.savedConfiguration['scenario']);
 	    }
 	
-	    if (!formValues['direction']) {
-	      change('direction', wizard.savedConfiguration['direction'] || defaults['direction']);
-	    }
-	
 	    if (wizard.savedConfiguration['isBidirectional'] && !formValues['bidirectional'] && typeof formValues['bidirectional'] === 'undefined') {
 	      change('bidirectional', wizard.savedConfiguration['isBidirectional'] === 'true');
 	    }
@@ -2048,31 +2052,13 @@ module.exports =
 	  }, {
 	    key: 'addDefaultResourceGroup',
 	    value: function addDefaultResourceGroup(v, selectIdx, newGroup) {
-	      var section = newGroup.section;
 	      var _props = this.props,
 	          addGroup = _props.addGroup,
-	          resourceGroups = _props.resourceGroups,
-	          step = _props.step;
+	          resourceGroups = _props.resourceGroups;
 	      var resourceGroupIndex = this.state.resourceGroupIndex;
 	
-	      console.log("crrentIndex:", resourceGroupIndex);
-	      var isReverse = section === step.sourceProvider;
-	      console.log("isReverse: ", isReverse);
-	      var firstReverseIndex = 0;
-	      for (var i = 0; i < resourceGroups.length; i++) {
-	        firstReverseIndex = i;
-	        if (resourceGroups[i] && resourceGroups[i].provider === step.sourceProvider) break;
-	      }
-	      console.log("firstReverseIndex:", firstReverseIndex);
-	      var finalIndex = resourceGroupIndex + 1;
-	      console.log("finalIndex: ", finalIndex);
-	      if (!isReverse) {
-	        if (resourceGroupIndex > firstReverseIndex) finalIndex = firstReverseIndex - 1;
-	      } else {
-	        if (resourceGroupIndex < firstReverseIndex) finalIndex = resourceGroups.length;
-	      }
-	      console.log("final finalIndex: ", finalIndex);
 	
+	      var finalIndex = resourceGroupIndex + 1;
 	      if (!(resourceGroups && resourceGroups.length === 0)) {
 	        this.go(false, finalIndex);
 	      }
@@ -2091,13 +2077,23 @@ module.exports =
 	    value: function addDefaultEntity(v, rscIndex, entity, groupIndex) {
 	      var _this3 = this;
 	
-	      var resourceGroups = this.props.resourceGroups;
+	      var _props2 = this.props,
+	          resourceGroups = _props2.resourceGroups,
+	          step = _props2.step;
 	
 	      var group = resourceGroups[this.state.resourceGroupIndex];
-	      if (group && group.resources && group.resources.length > 0) {
+	
+	      var entityExists = group && group.resources && group.resources.find(function (r) {
+	        return r.name === v && r.provider === entity.section;
+	      });
+	
+	      if (group && group.resources && group.resources.length > 0 && !entityExists) {
 	        setTimeout(function () {
 	          var sel = [].concat(_toConsumableArray(_this3.state.selectedEntities));
-	          sel[_this3.state.resourceGroupIndex] = { name: v };
+	          sel[_this3.state.resourceGroupIndex] = {
+	            name: v,
+	            isDestinationEntity: entity.section === step.destinationProvider
+	          };
 	          _this3.setState({ selectedEntities: sel });
 	        }, 40);
 	      }
@@ -2156,15 +2152,15 @@ module.exports =
 	    value: function render() {
 	      var _this4 = this;
 	
-	      var _props2 = this.props,
-	          resourceGroups = _props2.resourceGroups,
-	          style = _props2.style,
-	          isBundleStep = _props2.isBundleStep,
-	          destinationSchema = _props2.destinationSchema,
-	          inputs = _props2.inputs,
-	          step = _props2.step,
-	          sourceSchema = _props2.sourceSchema,
-	          direction = _props2.direction;
+	      var _props3 = this.props,
+	          resourceGroups = _props3.resourceGroups,
+	          style = _props3.style,
+	          isBundleStep = _props3.isBundleStep,
+	          destinationSchema = _props3.destinationSchema,
+	          inputs = _props3.inputs,
+	          step = _props3.step,
+	          sourceSchema = _props3.sourceSchema,
+	          direction = _props3.direction;
 	      var _state = this.state,
 	          resourceGroupIndex = _state.resourceGroupIndex,
 	          paneToggle = _state.paneToggle,
@@ -2173,15 +2169,15 @@ module.exports =
 	      var Button = inputs.Button;
 	      var Tooltip = inputs.Tooltip;
 	
-	      var filteredSourceSchema = direction === 'reverse' ? sourceSchema.filter(function (r) {
+	      var filteredSourceSchema = direction === 'reverse' ? sourceSchema && sourceSchema.filter(function (r) {
 	        return r.method === 'POST' || r.method === 'PUT';
-	      }) : sourceSchema.filter(function (r) {
+	      }) : sourceSchema && sourceSchema.filter(function (r) {
 	        return r.method !== 'POST' && r.method !== 'PUT';
 	      });
 	
-	      var bothMetadatas = direction === 'reverse' ? [filteredSourceSchema, destinationSchema] : [destinationSchema, filteredSourceSchema];
+	      var newTargetObjectMetadata = direction === 'reverse' ? [filteredSourceSchema] : [destinationSchema];
 	
-	      var bothSectionLabels = direction === 'reverse' ? [step.sourceProvider, step.destinationProvider] : [step.destinationProvider, step.sourceProvider];
+	      var newTargetSectionLabels = direction === 'reverse' ? [step.sourceProvider] : [step.destinationProvider];
 	
 	      var propsForChild = {
 	        resourceGroups: resourceGroups, leftClicked: leftClicked, inputs: inputs, step: step,
@@ -2236,9 +2232,9 @@ module.exports =
 	          _react2.default.createElement(_selectWrapper2.default, { label: "Add Data Target", type: 'brand',
 	            style: { height: 40, width: 160 }, minWidth: 260, fieldPropLabel: 'name',
 	            onSelect: this.addDefaultResourceGroup,
-	            values: bothMetadatas,
+	            values: newTargetObjectMetadata,
 	            title: 'Available Target Objects', inputs: inputs, sectionLabelSuffix: 'Objects',
-	            sectionLabels: bothSectionLabels
+	            sectionLabels: newTargetSectionLabels
 	          })
 	        ) : null,
 	        _react2.default.createElement('br', null),
@@ -2311,7 +2307,7 @@ module.exports =
 	                  return _react2.default.createElement(
 	                    'div',
 	                    { className: 'schema-group-name', key: i },
-	                    g.provider === step.sourceProvider ? g.name + ' (' + step.sourceProvider + ')' : g.name
+	                    g.name
 	                  );
 	                })
 	              )
@@ -2433,7 +2429,7 @@ module.exports =
 	    }
 	
 	    // destination Keys (for de-duplication in the Connect modal)
-	    if (!group.customExternalKeys) {
+	    if (!group.customExternalKeys && group.lingkSourceKey) {
 	      group.sourceKeys = [group.lingkSourceKey];
 	      group.sourceKeysObjects = [group.lingkSourceKeyObject];
 	      group.sourceKeysParents = [group.lingkSourceKeyParents];
@@ -5015,13 +5011,13 @@ module.exports =
 	
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 	
-	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig, isFramework) {
+	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig, isFramework, creds) {
 	  return function (dispatch) {
 	    dispatch({
 	      type: types.START_WIZARD_ENV_CHECK,
 	      mode: mode
 	    });
-	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework)).then(function (r) {
+	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds)).then(function (r) {
 	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint));
 	    }).then(function (res) {
 	      dispatch({
@@ -5037,14 +5033,32 @@ module.exports =
 	  };
 	}
 	
-	function tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework) {
+	// "fake" credentials for demo purposes
+	function demoCreds(creds, providerType) {
+	  if (creds && providerType) {
+	    switch (providerType) {
+	      case 'Blackboard':
+	        if (creds.key === '6c53d83209834b0e982c0984a5c11bdc' && creds.secret === '16d2ba71f8fa4f13a74f2264c47f6244') return true;
+	        return false;
+	      case 'Canvas':
+	        if (creds.accessToken === '7d4fb8b1afb540049ad2a7268b78da07') return true;
+	        return false;
+	      default:
+	        return false;
+	    }
+	  } else return false;
+	}
+	
+	function tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds) {
 	  return function (dispatch, getState, api) {
 	    var needsCredentials = credsConfig && credsConfig.length > 0 && credsConfig[0] !== 'Oauth';
 	
 	    var _getState = getState(),
 	        config = _getState.config;
+	    // if demo creds are entered, skip this
+	
 	
-	    if (needsCredentials && false) {
+	    if (needsCredentials && !demoCreds(creds, providerType) && !isFramework) {
 	      return api.post(tenantId + '/' + appId + '/testconnection/' + providerType.toLowerCase(), {
 	        endpoint: config.TRANS_API_URL
 	      });
@@ -5956,16 +5970,7 @@ module.exports =
 	          { className: 'bundle-table-body' },
 	          groups && groups.map(function (group, i) {
 	
-	            var linked = false;
-	            if (group.customExternalKeys) {
-	              if (group.sourceKeys && group.sourceKeys.length > 0 && group.destinationKeys && group.destinationKeys.length > 0) {
-	                linked = true;
-	              }
-	            } else {
-	              if (group.lingkSourceKey) {
-	                linked = true;
-	              }
-	            }
+	            var linked = group.lingkSourceKey || group.sourceKeys && group.sourceKeys.length > 0 && group.destinationKeys && group.destinationKeys.length > 0;
 	
 	            /*const groupsBeforeThis = groups.slice(0,i)
 	            let groupBeforeThisIndex = 0
@@ -5985,6 +5990,17 @@ module.exports =
 	              }
 	            })*/
 	
+	            var groupName = group.name;
+	            if (isReverse) {
+	              if (group.provider === step.destinationProvider) {
+	                groupName = group.name + ' (' + step.destinationProvider + ')';
+	              }
+	            } else {
+	              if (group.provider === step.sourceProvider) {
+	                groupName = group.name + ' (' + step.sourceProvider + ')';
+	              }
+	            }
+	
 	            return _react2.default.createElement(
 	              _reactDraggable2.default,
 	              { axis: 'y', key: i, handle: '.dragon',
@@ -6021,6 +6037,16 @@ module.exports =
 	                      { style: { paddingTop: 3, display: 'inline-block', overflow: 'hidden',
 	                          textOverflow: 'ellipsis', maxWidth: 'calc(100% - 32px)', whiteSpace: 'nowrap' } },
 	                      group.resources && group.resources.map(function (rsc, ii) {
+	                        var rscName = rsc.name;
+	                        if (isReverse) {
+	                          if (rsc.provider === step.sourceProvider) {
+	                            rscName = rsc.name + ' (' + step.sourceProvider + ')';
+	                          }
+	                        } else {
+	                          if (rsc.provider === step.destinationProvider) {
+	                            rscName = rsc.name + ' (' + step.destinationProvider + ')';
+	                          }
+	                        }
 	                        return _react2.default.createElement(
 	                          'span',
 	                          { key: ii },
@@ -6032,7 +6058,7 @@ module.exports =
 	                          _react2.default.createElement(
 	                            'span',
 	                            { style: { fontWeight: ii === 0 ? 'bold' : 'normal', whiteSpace: 'nowrap', color: ii === 0 || rsc.primaryKeyName && rsc.joinKeyName ? '#16325c' : '#c23934' } },
-	                            rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name,
+	                            rscName,
 	                            '\xA0'
 	                          )
 	                        );
@@ -6077,7 +6103,7 @@ module.exports =
 	                    _react2.default.createElement(
 	                      'strong',
 	                      { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: 'block', paddingTop: 8 } },
-	                      group.provider === step.sourceProvider ? group.name + ' (' + step.sourceProvider + ')' : group.name
+	                      groupName
 	                    )
 	                  )
 	                )
@@ -6144,6 +6170,7 @@ module.exports =
 	    group.mappings = group.mappings && group.mappings.filter(function (m) {
 	      return !m.isExternalKeyMapping;
 	    });
+	
 	    if (group.customExternalKeys) {
 	      group.sourceKeys && group.sourceKeys.forEach(function (sk, i) {
 	        if (sk && group.destinationKeys && group.destinationKeys[i]) {
@@ -6717,6 +6744,7 @@ module.exports =
 	          resourceGroups = _props3.resourceGroups,
 	          resourceGroupIndex = _props3.resourceGroupIndex,
 	          leftClicked = _props3.leftClicked,
+	          isReverse = _props3.isReverse,
 	          sourceSchema = _props3.sourceSchema,
 	          destinationSchema = _props3.destinationSchema,
 	          toggle = _props3.toggle,
@@ -6790,6 +6818,20 @@ module.exports =
 	                      style: { background: 'white', height: 261, width: 358, padding: '6px 12px' } },
 	                    group.resources && group.resources.map(function (rsc, i) {
 	                      var schema = rsc.provider === step.destinationProvider ? destinationSchema : sourceSchema;
+	                      var isDestinationEntity = rsc.provider === step.destinationProvider;
+	                      var isSelected = selectedEntity.name === rsc.name && selectedEntity.isDestinationEntity === isDestinationEntity;
+	
+	                      var rscName = rsc.name;
+	                      if (isReverse) {
+	                        if (rsc.provider === step.sourceProvider) {
+	                          rscName = rsc.name + ' (' + step.sourceProvider + ')';
+	                        }
+	                      } else {
+	                        if (rsc.provider === step.destinationProvider) {
+	                          rscName = rsc.name + ' (' + step.destinationProvider + ')';
+	                        }
+	                      }
+	
 	                      return _react2.default.createElement(
 	                        'div',
 	                        { key: i, className: 'accordion-panel', style: { overflow: 'hidden', width: 336 } },
@@ -6799,20 +6841,23 @@ module.exports =
 	                            style: { height: 35 },
 	                            onClick: function onClick() {
 	                              _this4.scrollToTop(_this4['scroller-' + ii], 18, i * 43 + 6);
-	                              _this4.props.pickEntity({ name: rsc.name, isDestinationEntity: rsc.provider === step.destinationProvider });
+	                              _this4.props.pickEntity({
+	                                name: rsc.name,
+	                                isDestinationEntity: rsc.provider === step.destinationProvider
+	                              });
 	                              _this4.setState({ selectedField: null, selectedFieldParents: null });
 	                            }
 	                          },
 	                          _react2.default.createElement(
 	                            'span',
 	                            { className: 'accordion-panel-header-title' },
-	                            rsc.provider === step.destinationProvider ? rsc.name + (' (' + step.destinationProvider + ')') : rsc.name
+	                            rscName
 	                          ),
 	                          _react2.default.createElement(
 	                            'svg',
 	                            { xmlns: 'http://www.w3.org/2000/svg', fill: '#FFFFFF', width: '18', height: '18', viewBox: '0 0 18 18',
 	                              style: { float: 'right',
-	                                transform: selectedEntity.name === rsc.name ? 'rotate(180deg)' : 'rotate(0deg)'
+	                                transform: isSelected ? 'rotate(180deg)' : 'rotate(0deg)'
 	                              } },
 	                            _react2.default.createElement('path', { d: 'M5 8l4 4 4-4z' })
 	                          )
@@ -6822,7 +6867,7 @@ module.exports =
 	                          { className: 'accordion-panel-collapse',
 	                            style: {
 	                              //height:schema && selectedEntity.name===rsc.name ? schema.find(r=>r.name===rsc.name).properties.length * 18 + 19 : 0,
-	                              maxHeight: schema && selectedEntity.name === rsc.name ? 20000 : 0,
+	                              maxHeight: schema && isSelected ? 20000 : 0,
 	                              padding: '0 6px'
 	                            }
 	                          },
@@ -6990,7 +7035,8 @@ module.exports =
 	
 	var MapTableSourceRow = exports.MapTableSourceRow = function MapTableSourceRow(props) {
 	  var group = props.group,
-	      step = props.step;
+	      step = props.step,
+	      isReverse = props.isReverse;
 	
 	  return _react2.default.createElement(
 	    'div',
@@ -7004,6 +7050,18 @@ module.exports =
 	        if (a.isExternalKeyMapping) return -1;else return 1;
 	      });
 	      var fieldNum = mapz ? mapz.length : 0;
+	
+	      var rscName = rsc.name;
+	      if (isReverse) {
+	        if (rsc.provider === step.sourceProvider) {
+	          rscName = rsc.name + ' (' + step.sourceProvider + ')';
+	        }
+	      } else {
+	        if (rsc.provider === step.destinationProvider) {
+	          rscName = rsc.name + ' (' + step.destinationProvider + ')';
+	        }
+	      }
+	
 	      return _react2.default.createElement(
 	        'div',
 	        { key: ii, style: {
@@ -7014,7 +7072,7 @@ module.exports =
 	        _react2.default.createElement(
 	          'strong',
 	          null,
-	          rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name
+	          rscName
 	        )
 	      );
 	    })
@@ -7194,11 +7252,25 @@ module.exports =
 	
 	var MapTableDestinationRow = exports.MapTableDestinationRow = function MapTableDestinationRow(_ref) {
 	  var group = _ref.group,
-	      step = _ref.step;
+	      step = _ref.step,
+	      isReverse = _ref.isReverse;
+	
+	
+	  var groupName = group.name;
+	  if (isReverse) {
+	    if (group.provider === step.destinationProvider) {
+	      groupName = group.name + ' (' + step.destinationProvider + ')';
+	    }
+	  } else {
+	    if (group.provider === step.sourceProvider) {
+	      groupName = group.name + ' (' + step.sourceProvider + ')';
+	    }
+	  }
+	
 	  return _react2.default.createElement(
 	    'strong',
 	    { style: { fontSize: 16, whiteSpace: 'wrap' } },
-	    group.provider === step.sourceProvider ? group.name + ' (' + step.sourceProvider + ')' : group.name
+	    groupName
 	  );
 	};
 
@@ -7629,7 +7701,8 @@ module.exports =
 	          destinationSchema = _props3.destinationSchema,
 	          overflowHidden = _props3.overflowHidden,
 	          showOverflow = _props3.showOverflow,
-	          step = _props3.step;
+	          step = _props3.step,
+	          isReverse = _props3.isReverse;
 	      var parameterModalResourceIndex = this.state.parameterModalResourceIndex;
 	
 	
@@ -7637,7 +7710,8 @@ module.exports =
 	      var Button = inputs.Button;
 	      var Radio = inputs.Radio;
 	      var group = resourceGroups[resourceGroupIndex];
-	      var isReverse = group && group.provider === step.sourceProvider;
+	      //const isReverse = group && group.provider === step.sourceProvider
+	
 	      var bit = [true, false];
 	      var direction = leftClicked ? 'right' : 'left';
 	      var groupResourcesLength = group && group.resources ? group.resources.length : 0;
@@ -7773,6 +7847,20 @@ module.exports =
 	                      }
 	                    });
 	
+	                    var isDestinationEntity = rsc.provider === step.destinationProvider;
+	                    var isSelected = selectedEntity.name === rsc.name && selectedEntity.isDestinationEntity === isDestinationEntity;
+	
+	                    var rscName = rsc.name;
+	                    if (isReverse) {
+	                      if (rsc.provider === step.sourceProvider) {
+	                        rscName = rsc.name + ' (' + step.sourceProvider + ')';
+	                      }
+	                    } else {
+	                      if (rsc.provider === step.destinationProvider) {
+	                        rscName = rsc.name + ' (' + step.destinationProvider + ')';
+	                      }
+	                    }
+	
 	                    return _react2.default.createElement(
 	                      _reactDraggable2.default,
 	                      { axis: 'y', bounds: 'parent', key: i, handle: '.drag-handle',
@@ -7807,7 +7895,7 @@ module.exports =
 	                            _react2.default.createElement(
 	                              'span',
 	                              { style: { maxWidth: 260, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'inline-block' } },
-	                              rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name
+	                              rscName
 	                            ),
 	                            rsc.parentRef && rsc.parentRef.length > 0 && rsc.parentRef.some(function (pr) {
 	                              return pr.foreignKeyFields && pr.foreignKeyFields.length > 0;
@@ -7845,11 +7933,13 @@ module.exports =
 	                            { style: { verticalAlign: 'top', float: 'right', marginRight: 8 } },
 	                            i !== 0 ? _react2.default.createElement(
 	                              Button,
-	                              { type: 'brand', icon: selectedEntity.name === rsc.name ? 'chevronup' : 'chevrondown',
+	                              { type: 'brand', icon: isSelected ? 'chevronup' : 'chevrondown',
 	                                iconAlign: 'right', className: rsc.joinKeyName && rsc.primaryKeyName ? 'join-ok' : '',
 	                                onClick: function onClick() {
-	                                  _this3.props.pickEntity({ name: rsc.name,
-	                                    isDestinationEntity: rsc.provider === step.destinationProvider });
+	                                  _this3.props.pickEntity({
+	                                    name: rsc.name,
+	                                    isDestinationEntity: rsc.provider === step.destinationProvider
+	                                  });
 	                                } },
 	                              joinKeyLabel && primaryKeyLabel ? primaryKeyLabel + ' = ' + joinKeyLabel : 'Configure Join'
 	                            ) : null
@@ -7858,7 +7948,7 @@ module.exports =
 	                        _react2.default.createElement(
 	                          _CSSTransitionGroup2.default,
 	                          { transitionName: 'panel-collapse', transitionEnterTimeout: 250, transitionLeaveTimeout: 250 },
-	                          selectedEntity.name === rsc.name ? _react2.default.createElement(
+	                          isSelected ? _react2.default.createElement(
 	                            'div',
 	                            { className: 'schema-accordion-collapse' },
 	                            _react2.default.createElement(
@@ -9093,9 +9183,6 @@ module.exports =
 	
 	    var _this = _possibleConstructorReturn(this, (EnvironmentStep.__proto__ || Object.getPrototypeOf(EnvironmentStep)).call(this));
 	
-	    _this.state = {
-	      oauth: false
-	    };
 	    _this.seeFields = _this.seeFields.bind(_this);
 	    _this.startOauth = _this.startOauth.bind(_this);
 	    return _this;
@@ -9133,17 +9220,6 @@ module.exports =
 	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
-	  }, {
-	    key: 'componentWillReceiveProps',
-	    value: function componentWillReceiveProps(newProps) {
-	      var step = newProps.step;
-	
-	      if (step.credentials && step.credentials.length === 1 && step.credentials[0] === 'Oauth') {
-	        this.setState({ oauth: true });
-	      } else {
-	        this.setState({ oauth: false });
-	      }
-	    }
 	  }, {
 	    key: 'check',
 	    value: function check() {
@@ -9165,7 +9241,7 @@ module.exports =
 	
 	      if (credentials) {
 	        actions.postCredentials(tenantId, accountId, step[step.mode + 'Provider'], endpoint, credentials, step.mode).then(function () {
-	          actions.callGetMetadata(tenantId, accountId, step.mode, step[step.mode + 'Provider'], step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
+	          actions.callGetMetadata(tenantId, accountId, step.mode, step[step.mode + 'Provider'], step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework, credentials);
 	        });
 	      } else {
 	        actions.callGetMetadata(tenantId, accountId, step.mode, step[step.mode + 'Provider'], step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
@@ -9206,7 +9282,8 @@ module.exports =
 	          formValues = _props4.formValues,
 	          actions = _props4.actions,
 	          tenantId = _props4.tenantId,
-	          accountId = _props4.accountId;
+	          accountId = _props4.accountId,
+	          change = _props4.change;
 	
 	      var Button = inputs.Button;
 	      var Spinner = inputs.Spinner;
@@ -9219,6 +9296,8 @@ module.exports =
 	
 	      var hasEndpoint = formValues[step.mode + 'Endpoint'] && formValues[step.mode + 'Endpoint'].length > 8;
 	
+	      var isOauth = step.credentials && step.credentials.length === 1 && step.credentials[0] === 'Oauth';
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -9239,7 +9318,7 @@ module.exports =
 	          step.message
 	        ),
 	        _react2.default.createElement('br', null),
-	        this.state.oauth ? _react2.default.createElement(
+	        isOauth ? _react2.default.createElement(
 	          'div',
 	          null,
 	          _react2.default.createElement(
@@ -9403,13 +9482,16 @@ module.exports =
 	            )
 	          )
 	        ),
-	        wizard[step.mode + 'Metadata'] && step.mode === 'source' && _react2.default.createElement(
+	        wizard[step.mode + 'Metadata'] && step.mode === 'source' && step.bidirectional && _react2.default.createElement(
 	          'div',
 	          null,
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement(_reduxForm.Field, { name: 'direction', component: inputs.rfRadioGroup,
 	            label: 'Integration Direction',
-	            onClickOption: function onClickOption(v) {},
+	            onClickOption: function onClickOption(v) {
+	              change('resourceGroups', []);
+	              change('scenario', null);
+	            },
 	            options: {
 	              'normal': 'Read Data from ' + step[step.mode + 'Provider'],
 	              'reverse': 'Write Data to ' + step[step.mode + 'Provider']
@@ -9472,7 +9554,7 @@ module.exports =
 	            ),
 	            _react2.default.createElement(
 	              'ul',
-	              null,
+	              { style: { listStyle: 'none', paddingLeft: 5 } },
 	              POSTS.map(function (rsc, i) {
 	                return _react2.default.createElement(
 	                  'li',
@@ -9912,6 +9994,8 @@ module.exports =
 	        return g.resources && g.resources.length > 0;
 	      });
 	
+	      var isReverse = formValues.direction === 'reverse';
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -9920,10 +10004,7 @@ module.exports =
 	        _react2.default.createElement(
 	          'div',
 	          { style: { fontSize: 20, display: 'inline-block' } },
-	          'Map ',
-	          step.sourceProvider,
-	          ' Fields to ',
-	          step.destinationProvider
+	          isReverse ? 'Map ' + step.destinationProvider + ' Fields to ' + step.sourceProvider : 'Map ' + step.sourceProvider + ' Fields to ' + step.destinationProvider
 	        ),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null),
@@ -9931,7 +10012,11 @@ module.exports =
 	          'p',
 	          null,
 	          'Map data elements from data sources to ',
-	          step.destinationProvider,
+	          _react2.default.createElement(
+	            'span',
+	            null,
+	            isReverse ? step.sourceProvider : step.destinationProvider
+	          ),
 	          ' object fields one dataset at a time.'
 	        ),
 	        _react2.default.createElement('br', null),
@@ -9946,20 +10031,12 @@ module.exports =
 	              { resourceGroups: resourceGroups, isBundleStep: false, inputs: inputs,
 	                style: { position: 'relative', width: 640, height: 69, zIndex: 9000 }, step: step },
 	              _react2.default.createElement(_mapAccordion2.default, { sourceSchema: sourceSchema, destinationSchema: destinationSchema,
-	                formValues: formValues, change: change, update: this.update, step: step, actions: actions }),
-	              _react2.default.createElement(
-	                MapTable,
-	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping,
-	                  mode: 'normal', step: step },
-	                _react2.default.createElement(Rows.MapTableSourceRow, null),
-	                _react2.default.createElement(Rows.MapTableMappingRow, null),
-	                _react2.default.createElement(Rows.MapTableTransformRow, null),
-	                _react2.default.createElement(Rows.MapTableDestinationRow, null)
-	              ),
+	                formValues: formValues, change: change, update: this.update, step: step,
+	                actions: actions, isReverse: isReverse }),
 	              _react2.default.createElement(
 	                MapTable,
 	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping,
-	                  mode: 'reverse', step: step },
+	                  mode: formValues.direction, step: step },
 	                _react2.default.createElement(Rows.MapTableSourceRow, null),
 	                _react2.default.createElement(Rows.MapTableMappingRow, null),
 	                _react2.default.createElement(Rows.MapTableTransformRow, null),
@@ -10002,7 +10079,9 @@ module.exports =
 	            destinationMetadata: destinationSchema,
 	            sourceEndpoint: formValues.sourceEndpoint,
 	            accountId: this.props.accountId,
-	            tenantId: this.props.tenantId, actions: this.props.actions })
+	            tenantId: this.props.tenantId, actions: this.props.actions,
+	            isReverse: isReverse
+	          })
 	        ),
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs,
 	          nextDisabled: !(resourceGroups && resourceGroups.length > 0) })
@@ -10059,23 +10138,6 @@ module.exports =
 	
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 	
-	var renderError = function renderError(_ref) {
-	  var _ref$meta = _ref.meta,
-	      touched = _ref$meta.touched,
-	      error = _ref$meta.error;
-	  return touched && error ? _react2.default.createElement(
-	    'div',
-	    null,
-	    _react2.default.createElement(
-	      'span',
-	      null,
-	      error
-	    ),
-	    _react2.default.createElement('br', null),
-	    _react2.default.createElement('br', null)
-	  ) : false;
-	};
-	
 	var NameStep = function (_Component) {
 	  _inherits(NameStep, _Component);
 	
@@ -10127,7 +10189,6 @@ module.exports =
 	            label: 'Integration Name' })
 	        ),
 	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(_reduxForm.Field, { name: 'customer', component: renderError }),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !formValues['title'], handleSubmit: handleSubmit, reset: reset, nav: nav, inputs: inputs }),
 	        _react2.default.createElement('br', null),
@@ -10537,11 +10598,19 @@ module.exports =
 	      var Radio = inputs.Radio;
 	      var scenario = formValues['scenario'];
 	      var Modal = inputs.Modal;
+	
+	      var isReverse = formValues.direction === 'reverse';
+	      var opts = isReverse ? step.options.filter(function (o) {
+	        return o.isReverse;
+	      }) : step.options.filter(function (o) {
+	        return !o.isReverse;
+	      });
+	
 	      var options = [{
 	        id: '0',
 	        title: 'Start From Scratch',
 	        label: 'Get started without any automatic mappings.'
-	      }].concat(step.options);
+	      }].concat(opts);
 	      var scenarioOrder = step.scenarioOrder || [];
 	
 	      return _react2.default.createElement(
@@ -10568,7 +10637,7 @@ module.exports =
 	            var o = options.find(function (opt) {
 	              return String(opt.id) === s;
 	            });
-	            return _react2.default.createElement(
+	            return o && _react2.default.createElement(
 	              'div',
 	              { key: i },
 	              _react2.default.createElement(Radio, { onChange: function onChange() {
@@ -10589,7 +10658,7 @@ module.exports =
 	          })
 	        ),
 	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(_navButtons2.default, { nextDisabled: this.state.currentlyLoadingScenario || !(wizard.savedConfiguration && wizard.savedConfiguration.scenario) && !wizard.gotScenario ? true : false, handleSubmit: handleSubmit,
+	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !scenario || this.state.currentlyLoadingScenario || !(wizard.savedConfiguration && wizard.savedConfiguration.scenario) && !wizard.gotScenario ? true : false, handleSubmit: handleSubmit,
 	          nav: nav, reset: reset, inputs: inputs }),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null),
@@ -10779,7 +10848,9 @@ module.exports =
 	        name: v,
 	        resources: null,
 	        recordTypeId: newGroup.recordTypeId,
-	        provider: newGroup.section
+	        provider: newGroup.section,
+	        // only Salesforce has ability to add "Lingk External Id"
+	        customExternalKeys: newGroup.section !== 'Salesforce'
 	      });
 	
 	      change('resourceGroups', resourceGroups);
@@ -10791,11 +10862,10 @@ module.exports =
 	          change = _props5.change,
 	          formValues = _props5.formValues;
 	
-	
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	      var group = resourceGroups[groupIndex];
 	      var entityExists = group && group.resources && group.resources.find(function (r) {
-	        return r.name === v;
+	        return r.name === v && r.provider === entity.section;
 	      });
 	      if (entityExists) return;
 	
@@ -10842,19 +10912,17 @@ module.exports =
 	
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	      var group = resourceGroups[groupIndex];
-	      if (group.customExternalKeys) {
-	        if (group.sourceKeysObjects.find(function (sko) {
-	          return sko === entity;
-	        })) {
-	          var deleteIndex = group.sourceKeysObjects.indexOf(entity);
-	          group.sourceKeys.splice(deleteIndex, 1);
-	          group.sourceKeysObjects.splice(deleteIndex, 1);
-	        }
-	      } else {
-	        if (entity === group.lingkSourceKeyObject) {
-	          group.lingkSourceKey = null;
-	          group.lingkSourceKeyObject = null;
-	        }
+	      // remove join keys pointing to deleted entity
+	      if (group.sourceKeysObjects && group.sourceKeysObjects.find(function (sko) {
+	        return sko === entity;
+	      })) {
+	        var deleteIndex = group.sourceKeysObjects.indexOf(entity);
+	        group.sourceKeys.splice(deleteIndex, 1);
+	        group.sourceKeysObjects.splice(deleteIndex, 1);
+	      }
+	      if (group.lingkSourceKeyObject && entity === group.lingkSourceKeyObject) {
+	        group.lingkSourceKey = null;
+	        group.lingkSourceKeyObject = null;
 	      }
 	      var mapz = group.mappings;
 	      if (group.mappings) {
@@ -10965,12 +11033,8 @@ module.exports =
 	
 	      var enabled = resourceGroups && resourceGroups.length > 0 && resourceGroups.every(function (g) {
 	        var isConnected = false;
-	        if (g.customExternalKeys) {
-	          if (g.sourceKeys && g.sourceKeys.length > 0 && g.destinationKeys && g.destinationKeys.length > 0) {
-	            isConnected = true;
-	          }
-	        } else {
-	          if (g.lingkSourceKey) isConnected = true;
+	        if (g.lingkSourceKey || g.sourceKeys && g.sourceKeys.length > 0 && g.destinationKeys && g.destinationKeys.length > 0) {
+	          isConnected = true;
 	        }
 	        var areJoined = g.resources && g.resources.every(function (r, i) {
 	          return i === 0 || r.joinKeyName && r.primaryKeyName;
@@ -10978,6 +11042,8 @@ module.exports =
 	        return isConnected && areJoined;
 	      });
 	
+	      var isReverse = formValues.direction === 'reverse';
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -10986,10 +11052,7 @@ module.exports =
 	        _react2.default.createElement(
 	          'div',
 	          { style: { fontSize: 20, display: 'inline-block' } },
-	          'Map ',
-	          step.sourceProvider,
-	          ' Objects to ',
-	          step.destinationProvider
+	          isReverse ? 'Map ' + step.destinationProvider + ' Objects to ' + step.sourceProvider : 'Map ' + step.sourceProvider + ' Objects to ' + step.destinationProvider
 	        ),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null),
@@ -10997,7 +11060,11 @@ module.exports =
 	          'p',
 	          null,
 	          'Map one or many data sources to a single ',
-	          step.destinationProvider,
+	          _react2.default.createElement(
+	            'span',
+	            null,
+	            isReverse ? step.sourceProvider : step.destinationProvider
+	          ),
 	          ' target object.'
 	        ),
 	        _react2.default.createElement('br', null),
@@ -11017,7 +11084,7 @@ module.exports =
 	              direction: formValues.direction },
 	            _react2.default.createElement(_schemaAccordion2.default, { sourceSchema: sourceSchema,
 	              changeEntityOrder: this.changeEntityOrder, step: step,
-	              destinationSchema: destinationSchema,
+	              destinationSchema: destinationSchema, isReverse: isReverse,
 	              selectPrimaryKey: this.selectPrimaryKey,
 	              selectJoinKey: this.selectJoinKey, change: change }),
 	            _react2.default.createElement(_bundleTable2.default, { openConnectionModal: this.openConnectionModal, mode: formValues.direction })
@@ -11266,8 +11333,7 @@ module.exports =
 	      description: '',
 	      loading: false,
 	      manageScenarios: false,
-	      scenarioOrder: [],
-	      Scenarios: null
+	      scenarioOrder: []
 	    };
 	    _this.submitModal = _this.submitModal.bind(_this);
 	    _this.deleteScenario = _this.deleteScenario.bind(_this);
@@ -11306,12 +11372,12 @@ module.exports =
 	          tenantId = _props2.tenantId,
 	          accountId = _props2.accountId,
 	          step = _props2.step,
-	          actions = _props2.actions;
+	          actions = _props2.actions,
+	          isReverse = _props2.isReverse;
 	
 	      if (manageScenarios) {
 	        this.setState({ loading: true });
 	        actions.callUpdateScenarioList(tenantId, accountId, step.typeGuid, scenarioOrder).then(function (r) {
-	          console.log(r);
 	          _this3.setState({ loading: false });
 	        });
 	      } else {
@@ -11327,11 +11393,11 @@ module.exports =
 	            bundles = _saveData.bundles,
 	            mappings = _saveData.mappings;
 	
-	        var data = { bundles: bundles, mappings: mappings, title: title, label: description, typeGuid: step.typeGuid };
+	        var data = { bundles: bundles, mappings: mappings, title: title, label: description, typeGuid: step.typeGuid, isReverse: isReverse };
+	
 	        actions.callCreateScenario(tenantId, accountId, data).then(function () {
 	          _this3.setState({ loading: true });
 	          actions.callGetScenarioList(tenantId, accountId, step.typeGuid).then(function (r) {
-	            console.log(r);
 	            _this3.setState({ loading: false });
 	          });
 	        });
@@ -11807,7 +11873,6 @@ module.exports =
 	
 	      console.log('BUNDLES: ', bundles);
 	      console.log('MAPPINGS: ', mappings);
-	      console.log('ENDPOINTS: ', endpoints);
 	      //----------------------------------
 	      // Create configuration
 	      //----------------------------------
@@ -11817,8 +11882,8 @@ module.exports =
 	      if (formValues.destinationEndpoint) {
 	        endpoints.destinationEndpoint = formValues.destinationEndpoint;
 	      }
-	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: String(formValues['scenario']) }, {
-	        isBidirectional: String(formValues['bidirectional'] === true)
+	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: String(formValues['scenario']) }, { // integer of id
+	        direction: formValues['direction'] // 'normal' or 'reverse'
 	      });
 	      //----------------------------------
 	      // Post
@@ -11968,10 +12033,8 @@ module.exports =
 	  var destinationEndpoint = selector(state, 'destinationEndpoint');
 	  var destinationCredentials = selector(state, 'destinationCredentials');
 	  var deployment = selector(state, 'deployment');
-	  var mappings = selector(state, 'mappings');
 	  var resourceGroups = selector(state, 'resourceGroups');
 	  var scenario = selector(state, 'scenario');
-	  var bidirectional = selector(state, 'bidirectional');
 	  var direction = selector(state, 'direction');
 	  return Object.assign({}, state, {
 	    formValues: {
@@ -11981,10 +12044,8 @@ module.exports =
 	      destinationEndpoint: destinationEndpoint,
 	      destinationCredentials: destinationCredentials,
 	      deployment: deployment,
-	      mappings: mappings,
 	      resourceGroups: resourceGroups,
 	      scenario: scenario,
-	      bidirectional: bidirectional,
 	      direction: direction
 	    }
 	  });
@@ -12119,6 +12180,7 @@ module.exports =
 	            step.metadataEndpoint = wizard.source.metadataEndpoint;
 	            step.metadataApi = wizard.source.metadataApi;
 	            step.previewToken = this.props.previewToken;
+	            step.bidirectional = wizard.source.bidirectional;
 	            stepList.push(step);
 	          } else if (step.mode === 'destination' && !wizard.destination.skipEnvStep) {
 	            step.title = wizard.destination.type + ' Environment';
@@ -12127,6 +12189,7 @@ module.exports =
 	            step.metadataEndpoint = wizard.destination.metadataEndpoint;
 	            step.metadataApi = wizard.destination.metadataApi;
 	            step.previewToken = this.props.previewToken;
+	            step.bidirectional = wizard.destination.bidirectional;
 	            stepList.push(step);
 	          }
 	        } else if (step.type === 'schema') {