@lingk/sync 0.2.3 → 0.2.5

package/build/main.js

@@ -241,9 +241,24 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
+	var _loadData = __webpack_require__(45);
+	
+	var _loadData2 = _interopRequireDefault(_loadData);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
-	function loadData(step, wizard, change, formValues, actions, isReverse) {
+	/**************************
+	
+	Loads data from the 'wizard' reducer in the Redux-Form.
+	Runs when the first step of the wizard mounts.
+	
+	The code in if(!formValues['resourceGroups']){ is especially important:
+	  it converts the values stored in DB into human-readable labels.
+	  if a value exists in DB but not in the pulled metadata, then it skips that value
+	
+	**************************/
+	
+	function initialize(step, wizard, change, formValues, actions, isReverse) {
 	
 	  var defaults = {
 	    //sourceEndpoint: 'https://',
@@ -275,224 +290,10 @@ module.exports =
 	        destinationMetadata = wizard.destinationMetadata;
 	
 	    if (wizard.savedBundles && wizard.savedBundles.bundles && sourceMetadata && destinationMetadata) {
-	      (function () {
-	
-	        var SM = sourceMetadata;
-	        var DM = destinationMetadata;
-	        var SP = step.sourceProvider;
-	        var DP = step.destinationProvider;
-	        if (isReverse) {
-	          SM = destinationMetadata;
-	          DM = sourceMetadata;
-	          SP = step.destinationProvider;
-	          DP = step.sourceProvider;
-	        }
-	        var resourceGroups = [];
-	        wizard.savedBundles.bundles.forEach(function (bundle, index) {
-	          // get bundle resource
-	          var bundleResource = DM.find(function (rsc) {
-	            return rsc.name === bundle.resourceLabel;
-	          });
-	          if (bundleResource) {
-	            (function () {
-	
-	              //get bundle destinationKeys
-	              var destinationKeys = [];
-	              bundle.destinationKeys.forEach(function (dk) {
-	                var bundleDestinationProperty = bundleResource.properties.find(function (prop) {
-	                  return prop.name === dk;
-	                });
-	                if (bundleDestinationProperty) {
-	                  destinationKeys.push(bundleDestinationProperty.label);
-	                } else {
-	                  destinationKeys.push('Lingk External Id');
-	                }
-	              });
-	
-	              var sourceKeys = [];
-	              var sourceKeysObjects = [];
-	              var sourceKeysParents = [];
-	              bundle.sourceKeys.forEach(function (sk, i) {
-	                var sourceKeyResourceObj = bundle.resources.find(function (r) {
-	                  return r.resourceName === bundle.sourceKeysObjects[i];
-	                });
-	                if (sourceKeyResourceObj) {
-	                  var sourceKeyResourceProvider = sourceKeyResourceObj.provider.replace('Reader', '').toLowerCase();
-	                  var primaryDataSourceMetadata = sourceKeyResourceProvider === DP.toLowerCase() ? DM : sourceKeyResourceProvider === SP.toLowerCase() ? SM : null;
-	
-	                  if (primaryDataSourceMetadata) {
-	                    var sourceKeyResource = primaryDataSourceMetadata.find(function (r) {
-	                      return r.type === bundle.sourceKeysObjects[i];
-	                    });
-	                    if (sourceKeyResource) {
-	                      sourceKeysObjects.push(sourceKeyResource.name);
-	                      var deNestedProp = deNest(sk, bundle.sourceKeysParents && JSON.parse(bundle.sourceKeysParents[i]), sourceKeyResource);
-	                      sourceKeys.push(deNestedProp.property);
-	                      sourceKeysParents.push(deNestedProp.parentsArray);
-	                    }
-	                  }
-	                }
-	              });
-	
-	              var resources = [];
-	              bundle.resources && bundle.resources.forEach(function (rsc, rscIndex) {
-	
-	                //get resource and joinKey for bundleResource (check both metadatas)
-	                var resourceProvider = rsc.provider.replace('Reader', '').toLowerCase();
-	                var dataSourceMetadata = resourceProvider === DP.toLowerCase() ? DM : resourceProvider === SP.toLowerCase() ? SM : null;
-	
-	                var rscResource = null;
-	                var deNestedJoinKey = {};
-	                var joinKeyResourceName = null;
-	                if (dataSourceMetadata) {
-	                  rscResource = dataSourceMetadata.find(function (r) {
-	                    return r.name === rsc.resourceLabel;
-	                  });
-	
-	                  if (rsc.joinKeyName) {
-	                    // joinKeyName coming from parameter from another resource
-	                    deNestedJoinKey = { property: rsc.joinKeyName };
-	                    joinKeyResourceName = rsc.joinKeyResource;
 	
-	                    // joinKeyName coming from field on this resource
-	                    if (rsc.resourceName === rsc.joinKeyResource) {
-	                      var joinKeyResource = dataSourceMetadata.find(function (r) {
-	                        return r.type === rsc.joinKeyResource;
-	                      });
-	                      if (joinKeyResource) {
-	                        deNestedJoinKey = deNest(rsc.joinKeyName, rsc.joinKeyParents, joinKeyResource);
-	                        joinKeyResourceName = joinKeyResource.name;
-	                      }
-	                    }
-	                  }
-	                } // end if dataSourceMetadata
-	
-	                //get resource and primaryKey for first resource in bundle (check both metadatas)
-	                var primaryResourceProvider = bundle.resources[0].provider.replace('Reader', '').toLowerCase();
-	                var primaryDataSourceMetadata = primaryResourceProvider === DP.toLowerCase() ? DM : primaryResourceProvider === SP.toLowerCase() ? SM : null;
-	
-	                var deNestedPrimaryKey = {};
-	                var primaryKeyResourceName = null;
-	                if (primaryDataSourceMetadata) {
-	                  if (rsc.primaryKeyName) {
-	                    //primaryKeyName coming from parameter (another resource)
-	                    deNestedPrimaryKey = { property: rsc.primaryKeyName };
-	                    primaryKeyResourceName = rsc.primaryKeyResource;
-	
-	                    // primaryKeyName coming from field on this resource
-	                    if (bundle.resources[0].resourceLabel === rsc.primaryKeyResource) {
-	                      var rscPrimaryResource = primaryDataSourceMetadata.find(function (r) {
-	                        return r.type === rsc.primaryKeyResource;
-	                      });
-	                      if (rscPrimaryResource) {
-	                        deNestedPrimaryKey = deNest(rsc.primaryKeyName, rsc.primaryKeyParents, rscPrimaryResource);
-	                        primaryKeyResourceName = rscPrimaryResource.name;
-	                      }
-	                    }
-	                  }
-	                }
-	
-	                if (rscResource) {
-	                  resources.push(Object.assign({
-	                    name: rscResource.name,
-	                    provider: resourceProvider
-	                  }, deNestedJoinKey.property && { joinKeyName: deNestedJoinKey.property }, joinKeyResourceName && { joinKeyResource: joinKeyResourceName }, deNestedJoinKey.parentsArray && deNestedJoinKey.parentsArray.length > 0 && { joinKeyParents: deNestedJoinKey.parentsArray }, deNestedPrimaryKey.property && { primaryKeyName: deNestedPrimaryKey.property }, primaryKeyResourceName && { primaryKeyResource: primaryKeyResourceName }, deNestedPrimaryKey.parentsArray && deNestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: deNestedPrimaryKey.parentsArray }, {
-	                    joinType: rsc.joinType || 'LEFT JOIN'
-	                  }, rscResource.parentRef && { parentRef: rscResource.parentRef }, rsc.parameterFilters && { parameterFilters: rsc.parameterFilters }, {
-	                    level: rsc.level || (rscIndex === 0 ? 0 : 1)
-	                  }, rsc.parentNameAndProvider && { parentNameAndProvider: rsc.parentNameAndProvider }));
-	                }
-	              }); // end bundle.resource.forEach
-	
-	              var mappings = [];
-	              wizard.savedMapping && wizard.savedMapping.mappings && wizard.savedMapping.mappings.filter(function (map) {
-	                return map.bundleIndex === index;
-	              }).forEach(function (m) {
-	                var dataSourceMetadata = m.isDestinationResource ? DM : SM;
-	                if (isReverse) {
-	                  dataSourceMetadata = m.isDestinationResource ? SM : DM;
-	                }
-	
-	                var resourceFromBundle = bundle.resources.find(function (br) {
-	                  return br.resourceName === m.resourceFromName;
-	                });
-	                var sourceResource = resourceFromBundle && dataSourceMetadata.find(function (rsc) {
-	                  return rsc.name === resourceFromBundle.resourceLabel;
-	                });
-	                var deNestedProp = deNest(m.propertyFromName, m.propertyFromParents, sourceResource);
-	
-	                var sourceProperty = null;
-	                if (sourceResource) {
-	                  sourceProperty = sourceResource.properties.find(function (prop) {
-	                    return prop.name === m.propertyFromName;
-	                  });
-	                }
+	      var resourceGroups = (0, _loadData2.default)(wizard.savedBundles, wizard.savedMapping, step.sourceProvider, step.destinationProvider, sourceMetadata, destinationMetadata, isReverse);
 	
-	                var destinationProperty = bundleResource.properties.find(function (prop) {
-	                  return prop.name === m.propertyToName;
-	                });
-	
-	                var transformations = [{ type: 'none' }];
-	                if (m.transformations && m.transformations.length > 0) {
-	                  var trans = m.transformations[0];
-	                  if (trans.type === 'concat') {
-	                    (function () {
-	                      var s = trans.args[1].split('->');
-	                      var transConcatResourceName = s[s.length - 2];
-	                      var nestedFields = s[s.length - 1].split('.');
-	                      var field = nestedFields[nestedFields.length - 1];
-	                      nestedFields.pop();
-	                      var concatRsc = wizard.savedBundles.bundles[m.bundleIndex].resources.find(function (r) {
-	                        return r.resourceLabel === transConcatResourceName;
-	                      });
-	                      var concatRscProvider = concatRsc.provider.replace('Reader', '').toLowerCase();
-	                      var concatRscMetadata = concatRscProvider === DP.toLowerCase() ? DM : concatRscProvider === SP.toLowerCase() ? SM : null;
-	                      if (concatRscMetadata) {
-	                        var transConcatResource = concatRscMetadata.find(function (r) {
-	                          return r.type === concatRsc.resourceName;
-	                        });
-	                        var concatLabels = deNest(field, nestedFields, transConcatResource);
-	                        var result = transConcatResource.name + '->';
-	                        concatLabels.parentsArray.forEach(function (p) {
-	                          return result += p + '.';
-	                        });
-	                        result += concatLabels.property;
-	                        transformations = [{ type: 'concat', args: [trans.args[0], result] }];
-	                      }
-	                    })();
-	                  } else {
-	                    transformations = m.transformations;
-	                  }
-	                }
-	
-	                if (sourceResource && sourceProperty && destinationProperty) {
-	                  mappings.push(Object.assign({
-	                    resourceFromName: sourceResource.name,
-	                    propertyFromName: deNestedProp.property
-	                  }, deNestedProp.parentsArray && deNestedProp.parentsArray.length > 0 && { propertyFromParents: deNestedProp.parentsArray }, {
-	                    resourceToName: bundleResource.name,
-	                    propertyToName: destinationProperty.label
-	                  }, m.isDestinationResource && { dataSourceIsDestinationEntity: true }, m.isExternalKeyMapping && { isExternalKeyMapping: true }, m.isUnique && { isUnique: true }, {
-	                    transformations: transformations
-	                  }));
-	                }
-	              }); // end wizard.savedMappings.forEach
-	              resourceGroups.push(Object.assign({
-	                name: bundleResource.name,
-	                resources: resources, mappings: mappings,
-	                customExternalKeys: bundle.customExternalKeys || false
-	              }, bundle.customExternalKeys === true && { sourceKeys: sourceKeys, sourceKeysObjects: sourceKeysObjects, sourceKeysParents: sourceKeysParents, destinationKeys: destinationKeys }, bundle.customExternalKeys === false && { lingkSourceKey: sourceKeys[0], lingkSourceKeyObject: sourceKeysObjects[0],
-	                lingkSourceKeyParents: sourceKeysParents[0] }, {
-	                provider: bundle.provider
-	              }, bundle.recordTypeId && { recordTypeId: bundle.recordTypeId }, {
-	                deleteEnabled: bundle.deleteEnabled || false
-	              })); // end push each bundle (contains resources AND mappings)
-	            })();
-	          } // end if bundleResource
-	        }); // end forEach over bundles
-	
-	        change('resourceGroups', formValues['resourceGroups'] || resourceGroups);
-	      })();
+	      change('resourceGroups', formValues['resourceGroups'] || resourceGroups);
 	    } // end if wizard.savedBundles and metadatas
 	  } // end if (!formValues['resourceGroups']) 
 	
@@ -564,55 +365,10 @@ module.exports =
 	    }
 	  }
 	
-	  //actions.setWizardDataLoaded(true)
-	} /**************************
-	  
-	  Loads data from the 'wizard' reducer in the Redux-Form.
-	  Runs when the first step of the wizard mounts.
-	  
-	  The code in if(!formValues['resourceGroups']){ is especially important:
-	    it converts the values stored in DB into human-readable labels.
-	    if a value exists in DB but not in the pulled metadata, then it skips that value
-	  
-	  **************************/
-	
-	function deNest(prop, parents, rsc) {
-	  var property = '';
-	  var parentsArray = [];
-	  if (rsc) {
-	    if (parents && parents.length > 0) {
-	      (function () {
-	        var nestedRsc = rsc;
-	        var tempParentsArray = [];
-	        parents.forEach(function (ps) {
-	          var pProp = nestedRsc.properties && nestedRsc.properties.find(function (p) {
-	            return p.name === ps;
-	          });
-	          tempParentsArray.push(pProp.label);
-	          nestedRsc = pProp.object;
-	        });
-	        parentsArray = tempParentsArray;
-	        var sourceKeyProperty = nestedRsc.properties && nestedRsc.properties.find(function (p) {
-	          return p.name === prop;
-	        });
-	        if (sourceKeyProperty) {
-	          property = sourceKeyProperty.label;
-	        }
-	      })();
-	    } else {
-	      var sourceKeyProperty = rsc.properties && rsc.properties.find(function (p) {
-	        return p.name === prop;
-	      });
-	      if (sourceKeyProperty) {
-	        property = sourceKeyProperty.label;
-	      }
-	    }
-	  }
-	  if (prop === 'Lingk_External_Id__c') property = 'Lingk External Id';
-	  return { property: property, parentsArray: parentsArray };
+	  actions.setWizardDataLoaded(true);
 	}
 	
-	exports.default = loadData;
+	exports.default = initialize;
 
 /***/ },
 /* 12 */
@@ -631,7 +387,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	var dP         = __webpack_require__(18)
-	  , createDesc = __webpack_require__(34);
+	  , createDesc = __webpack_require__(35);
 	module.exports = __webpack_require__(9) ? function(object, key, value){
 	  return dP.f(object, key, createDesc(1, value));
 	} : function(object, key, value){
@@ -681,8 +437,8 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	var anObject       = __webpack_require__(15)
-	  , IE8_DOM_DEFINE = __webpack_require__(48)
-	  , toPrimitive    = __webpack_require__(52)
+	  , IE8_DOM_DEFINE = __webpack_require__(50)
+	  , toPrimitive    = __webpack_require__(54)
 	  , dP             = Object.defineProperty;
 	
 	exports.f = __webpack_require__(9) ? Object.defineProperty : function defineProperty(O, P, Attributes){
@@ -713,7 +469,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	// to indexed object, toObject with fallback for non-array-like ES3 strings
-	var IObject = __webpack_require__(31)
+	var IObject = __webpack_require__(32)
 	  , defined = __webpack_require__(16);
 	module.exports = function(it){
 	  return IObject(defined(it));
@@ -742,7 +498,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _nestExpand = __webpack_require__(60);
+	var _nestExpand = __webpack_require__(62);
 	
 	var _nestExpand2 = _interopRequireDefault(_nestExpand);
 	
@@ -866,7 +622,7 @@ module.exports =
 
 	var global    = __webpack_require__(6)
 	  , core      = __webpack_require__(8)
-	  , ctx       = __webpack_require__(47)
+	  , ctx       = __webpack_require__(49)
 	  , hide      = __webpack_require__(13)
 	  , PROTOTYPE = 'prototype';
 	
@@ -930,8 +686,8 @@ module.exports =
 /* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var shared = __webpack_require__(35)('keys')
-	  , uid    = __webpack_require__(37);
+	var shared = __webpack_require__(36)('keys')
+	  , uid    = __webpack_require__(38);
 	module.exports = function(key){
 	  return shared[key] || (shared[key] = uid(key));
 	};
@@ -1513,7 +1269,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(40);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
@@ -1525,7 +1281,7 @@ module.exports =
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
-	var _PropTypes = __webpack_require__(73);
+	var _PropTypes = __webpack_require__(74);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -1602,142 +1358,425 @@ module.exports =
 /* 28 */
 /***/ function(module, exports) {
 
-	var toString = {}.toString;
-	
-	module.exports = function(it){
-	  return toString.call(it).slice(8, -1);
-	};
-
-/***/ },
-/* 29 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var isObject = __webpack_require__(14)
-	  , document = __webpack_require__(6).document
-	  // in old IE typeof document.createElement is 'object'
-	  , is = isObject(document) && isObject(document.createElement);
-	module.exports = function(it){
-	  return is ? document.createElement(it) : {};
-	};
-
-/***/ },
-/* 30 */
-/***/ function(module, exports) {
-
-	// IE 8- don't enum bug keys
-	module.exports = (
-	  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
-	).split(',');
-
-/***/ },
-/* 31 */
-/***/ function(module, exports, __webpack_require__) {
-
-	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = __webpack_require__(28);
-	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
-	  return cof(it) == 'String' ? it.split('') : Object(it);
-	};
-
-/***/ },
-/* 32 */,
-/* 33 */
-/***/ function(module, exports, __webpack_require__) {
-
-	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
-	var $keys       = __webpack_require__(49)
-	  , enumBugKeys = __webpack_require__(30);
+	'use strict';
 	
-	module.exports = Object.keys || function keys(O){
-	  return $keys(O, enumBugKeys);
-	};
-
-/***/ },
-/* 34 */
-/***/ function(module, exports) {
-
-	module.exports = function(bitmap, value){
-	  return {
-	    enumerable  : !(bitmap & 1),
-	    configurable: !(bitmap & 2),
-	    writable    : !(bitmap & 4),
-	    value       : value
-	  };
-	};
-
-/***/ },
-/* 35 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var global = __webpack_require__(6)
-	  , SHARED = '__core-js_shared__'
-	  , store  = global[SHARED] || (global[SHARED] = {});
-	module.exports = function(key){
-	  return store[key] || (store[key] = {});
-	};
-
-/***/ },
-/* 36 */
-/***/ function(module, exports, __webpack_require__) {
-
-	// 7.1.13 ToObject(argument)
-	var defined = __webpack_require__(16);
-	module.exports = function(it){
-	  return Object(defined(it));
-	};
-
-/***/ },
-/* 37 */
-/***/ function(module, exports) {
-
-	var id = 0
-	  , px = Math.random();
-	module.exports = function(key){
-	  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
-	};
-
-/***/ },
-/* 38 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
-	  Copyright (c) 2016 Jed Watson.
-	  Licensed under the MIT License (MIT), see
-	  http://jedwatson.github.io/classnames
-	*/
-	/* global define */
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	/**************************
 	
-	(function () {
-		'use strict';
+	Saves data from the Redux-Form and converts it to apiNames, which are used 
+	to generate the recipe and are stored in our DB.
 	
-		var hasOwn = {}.hasOwnProperty;
+	Runs when user click "submit"
 	
-		function classNames () {
-			var classes = [];
+	If a new dropdown with fields is added to the UI, it must be added to this function as well
 	
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
+	sP = sourceProvider
+	tM = targetMetadata
+	**************************/
 	
-				var argType = typeof arg;
+	function saveData(resourceGroups, sP, tP, sM, tM, sourceEndpoint, isReverse) {
 	
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					classes.push(classNames.apply(null, arg));
-				} else if (argType === 'object') {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
+	  // switch providers and metadatas if the wizard is reverse
+	  var sourceProvider = sP;
+	  var targetProvider = tP;
+	  var sourceMetadata = sM;
+	  var targetMetadata = tM;
+	  if (isReverse) {
+	    sourceProvider = tP;
+	    targetProvider = sP;
+	    sourceMetadata = tM;
+	    targetMetadata = sM;
+	  }
 	
-			return classes.join(' ');
-		}
+	  var bundles = resourceGroups || [];
+	  var mappings = [];
+	  var endpoints = {};
+	  bundles && bundles.forEach(function (group, index) {
+	    // first get target resource
+	    var destinationResource = targetMetadata ? targetMetadata.find(function (rsc) {
+	      return rsc.name === group.name;
+	    }) : group;
+	    group.name = destinationResource.type;
+	    group.resourceLabel = destinationResource.name;
+	    group.provider = targetProvider.toLowerCase();
+	    if (destinationResource.recordTypeId) {
+	      group.recordTypeId = destinationResource.recordTypeId;
+	    }
 	
-		if (typeof module !== 'undefined' && module.exports) {
+	    // destination Keys (for de-duplication in the Connect modal)
+	    if (!group.customExternalKeys && group.lingkSourceKey) {
+	      group.sourceKeys = [group.lingkSourceKey];
+	      group.sourceKeysObjects = [group.lingkSourceKeyObject];
+	      group.sourceKeysParents = [group.lingkSourceKeyParents];
+	      group.destinationKeys = ['Lingk_External_Id__c'];
+	    } else {
+	      (function () {
+	        var destinationKeys = [];
+	        if (group.destinationKeys) {
+	          group.destinationKeys.forEach(function (dk) {
+	            if (destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
+	              return prop.label === dk;
+	            })) {
+	              destinationKeys.push(destinationResource.properties.find(function (prop) {
+	                return prop.label === dk;
+	              }).name);
+	            }
+	          });
+	        }
+	        group.destinationKeys = destinationKeys;
+	      })();
+	    }
+	
+	    // get resource + name of sourceKeys
+	    var sourceKeys = [];
+	    var sourceKeysObjects = [];
+	    var sourceKeysParents = [];
+	    group.sourceKeys && group.sourceKeys.forEach(function (sk, i) {
+	      var sourceKeyResourceProvider = group.resources.find(function (r) {
+	        return r.name === group.sourceKeysObjects[i];
+	      }).provider;
+	      var dataSourceMetadata = sourceKeyResourceProvider === targetProvider ? targetMetadata : sourceMetadata;
+	      var sourceResource = dataSourceMetadata.find(function (metaRsc) {
+	        return metaRsc.name === group.sourceKeysObjects[i];
+	      });
+	
+	      if (sourceResource) {
+	
+	        var nestedSourceKey = findNestedProp(sk, group.sourceKeysParents && group.sourceKeysParents[i], sourceResource);
+	        sourceKeys.push(nestedSourceKey.property);
+	        sourceKeysParents.push(JSON.stringify(nestedSourceKey.parentsArray));
+	        sourceKeysObjects.push(sourceResource.type);
+	      }
+	    });
+	    group.sourceKeys = sourceKeys;
+	    group.sourceKeysObjects = sourceKeysObjects;
+	    group.sourceKeysParents = sourceKeysParents;
+	
+	    // MAPPINGS
+	    if (group.mappings) {
+	      group.mappings.forEach(function (singleMapping) {
+	        // get mapping source resource (check both metadatas)
+	        var dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? targetMetadata : sourceMetadata;
+	        if (isReverse) {
+	          dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? sourceMetadata : targetMetadata;
+	        }
+	        var sourceResource = dataSourceMetadata.find(function (rsc) {
+	          return rsc.name === singleMapping.resourceFromName;
+	        });
+	
+	        // get mapping source property
+	        var nestedSourceProp = findNestedProp(singleMapping.propertyFromName, singleMapping.propertyFromParents, sourceResource);
+	        //get mapping destination property
+	        var destinationProperty = destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
+	          return prop.label === singleMapping.propertyToName;
+	        });
+	
+	        //dont save transformation that are just "none"
+	        if (singleMapping.transformations && singleMapping.transformations.length > 0) {
+	          singleMapping.transformations.forEach(function (trans, index) {
+	            if (trans.type === 'none') {
+	              singleMapping.transformations.splice(index, 1);
+	            }
+	            if (trans.type === 'concat') {
+	              var r;
+	
+	              (function () {
+	                var s = trans.args[1].split('->');
+	
+	                var transConcatSourceResourceProvider = group.resources.find(function (r) {
+	                  return r.name === s[0];
+	                }).provider.toLowerCase();
+	                var transConcatSourceMetadata = transConcatSourceResourceProvider === targetProvider.toLowerCase() ? targetMetadata : sourceMetadata;
+	                var transConcatSourceResource = transConcatSourceMetadata.find(function (rsc) {
+	                  return rsc.name === s[0];
+	                });
+	
+	                var nestedFields = s[1].split('.');
+	                var field = nestedFields[nestedFields.length - 1];
+	                nestedFields.pop();
+	                var transSourceApiNames = findNestedProp(field, nestedFields, transConcatSourceResource);
+	                r = transConcatSourceResourceProvider + '->' + transConcatSourceResource.type + '->';
+	
+	                transSourceApiNames.parentsArray.forEach(function (p) {
+	                  return r += p + '.';
+	                });
+	                r += transSourceApiNames.property;
+	                trans.args[1] = r;
+	              })();
+	            }
+	          });
+	        }
+	
+	        if (sourceResource && nestedSourceProp.property && destinationResource && destinationProperty) {
+	          mappings = mappings.concat(Object.assign({ // add to mappings obj
+	            resourceFromLabel: singleMapping.dataSourceIsDestinationEntity ? sourceResource.type + '_' + targetProvider.toLowerCase() : sourceResource.type + '_' + sourceProvider.toLowerCase(),
+	            resourceFromName: sourceResource.type,
+	            propertyFromName: nestedSourceProp.property
+	          }, nestedSourceProp.parentsArray && nestedSourceProp.parentsArray.length > 0 && { propertyFromParents: nestedSourceProp.parentsArray }, {
+	            resourceToName: destinationResource.type,
+	            propertyToName: destinationProperty.name,
+	            bundleIndex: index
+	          }, singleMapping.isExternalKeyMapping && { isExternalKeyMapping: true }, singleMapping.dataSourceIsDestinationEntity && { isDestinationResource: true }, singleMapping.isUnique && { isUnique: true }, singleMapping.transformations && singleMapping.transformations.length > 0 && !singleMapping.transformations.every(function (t) {
+	            return t.type === 'none';
+	          }) && { transformations: singleMapping.transformations }));
+	        }
+	      });
+	      delete group.mappings; // remove the mapping obj from a resourceGroup
+	      if (group.lingkSourceKey) delete group.lingkSourceKey;
+	      if (group.lingkSourceKeyObject) delete group.lingkSourceKeyObject;
+	      if (group.lingkSourceKeyParents) delete group.lingkSourceKeyParents;
+	    }
+	
+	    // BUNDLES
+	    if (group.resources) {
+	      group.resources = group.resources.map(function (rsc, rscIndex) {
+	        //get resource source (check both metadatas)
+	        var dataSourceMetadata = rsc.provider.toLowerCase() === targetProvider.toLowerCase() ? targetMetadata : sourceMetadata;
+	        var sourceResource = dataSourceMetadata.find(function (metaRsc) {
+	          return metaRsc.name === rsc.name;
+	        });
+	        // via parameter, dont change because its already "type"
+	        var nestedJoinKey = { property: rsc.joinKeyName };
+	        var joinKeyResource = rsc.joinKeyResource;
+	        // is from a same resource (not via parameters)
+	        if (sourceResource && sourceResource.name === rsc.joinKeyResource) {
+	          nestedJoinKey = findNestedProp(rsc.joinKeyName, rsc.joinKeyParents, sourceResource);
+	          joinKeyResource = sourceResource.type;
+	        }
+	
+	        //make endpoint
+	        var suffix = sourceResource && sourceResource.endpointSuffix;
+	        if (suffix) {
+	          endpoints['url_' + sourceResource.type + '_' + sourceProvider] = '' + sourceEndpoint + (suffix[0] === '/' ? '' : '/') + suffix;
+	        }
+	
+	        //get first resource in bundle (for primaryKeyName)
+	        var primaryDataSourceMetadata = group.resources[0].provider.toLowerCase() === targetProvider.toLowerCase() ? targetMetadata : sourceMetadata;
+	        var primarySourceResource = primaryDataSourceMetadata.find(function (metaRsc) {
+	          return metaRsc.name === group.resources[0].name;
+	        });
+	
+	        // via parameter, dont change because its already "type"
+	        var nestedPrimaryKey = { property: rsc.primaryKeyName };
+	        var primaryKeyResource = rsc.primaryKeyResource;
+	        // is from a same resource (not via parameters)
+	        if (primarySourceResource && primarySourceResource.name === rsc.primaryKeyResource) {
+	          nestedPrimaryKey = findNestedProp(rsc.primaryKeyName, rsc.primaryKeyParents, primarySourceResource);
+	          primaryKeyResource = primarySourceResource.type;
+	        }
+	
+	        var rscParentProvider = null;
+	        if (rsc.parentNameAndProvider) {
+	          var provArray = rsc.parentNameAndProvider.split('_');
+	          rscParentProvider = provArray[provArray.length - 1];
+	        }
+	
+	        if (sourceResource) {
+	          return Object.assign({
+	            resourceName: sourceResource.type,
+	            resourceLabel: sourceResource.name,
+	            resourceNameAndProvider: sourceResource.type + '_' + rsc.provider.toLowerCase(),
+	            joinKeyName: nestedJoinKey.property,
+	            joinKeyResource: joinKeyResource
+	          }, nestedJoinKey.parentsArray && nestedJoinKey.parentsArray.length > 0 && { joinKeyParents: nestedJoinKey.parentsArray }, {
+	            primaryKeyName: nestedPrimaryKey.property,
+	            primaryKeyResource: primaryKeyResource
+	          }, nestedPrimaryKey.parentsArray && nestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: nestedPrimaryKey.parentsArray }, {
+	            provider: rsc.provider.toLowerCase() + 'Reader',
+	            joinType: rsc.joinType
+	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId }, rsc.parameterFilters && { parameterFilters: rsc.parameterFilters.filter(function (pf) {
+	              return pf.val;
+	            }) }, {
+	            level: rsc.level || (rscIndex === 0 ? 0 : 1)
+	          }, primaryKeyResource && rscParentProvider && { parentNameAndProvider: primaryKeyResource + '_' + rscParentProvider.toLowerCase() });
+	        } else return null;
+	      });
+	    }
+	  }); //end for each bundle
+	  return { bundles: bundles, mappings: mappings, endpoints: endpoints };
+	}
+	
+	function findNestedProp(prop, parents, rsc) {
+	  var property = '';
+	  var parentsArray = [];
+	  if (parents && parents.length > 0) {
+	    (function () {
+	      var nestedRsc = rsc;
+	      var tempParentsArray = [];
+	      parents.forEach(function (pk) {
+	        if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
+	          return p.label === pk;
+	        })) {
+	          var pkProp = nestedRsc.properties.find(function (p) {
+	            return p.label === pk;
+	          });
+	          tempParentsArray.push(pkProp.name);
+	          nestedRsc = pkProp.object;
+	        }
+	      });
+	      parentsArray = tempParentsArray;
+	      if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
+	        return p.label === prop;
+	      })) {
+	        property = nestedRsc.properties.find(function (p) {
+	          return p.label === prop;
+	        }).name;
+	      }
+	    })();
+	  } else {
+	    property = prop && rsc && rsc.properties && rsc.properties.find(function (p) {
+	      return p.label === prop;
+	    }) && rsc.properties.find(function (p) {
+	      return p.label === prop;
+	    }).name;
+	  }
+	  return { property: property, parentsArray: parentsArray };
+	}
+	
+	exports.default = saveData;
+
+/***/ },
+/* 29 */
+/***/ function(module, exports) {
+
+	var toString = {}.toString;
+	
+	module.exports = function(it){
+	  return toString.call(it).slice(8, -1);
+	};
+
+/***/ },
+/* 30 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var isObject = __webpack_require__(14)
+	  , document = __webpack_require__(6).document
+	  // in old IE typeof document.createElement is 'object'
+	  , is = isObject(document) && isObject(document.createElement);
+	module.exports = function(it){
+	  return is ? document.createElement(it) : {};
+	};
+
+/***/ },
+/* 31 */
+/***/ function(module, exports) {
+
+	// IE 8- don't enum bug keys
+	module.exports = (
+	  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+	).split(',');
+
+/***/ },
+/* 32 */
+/***/ function(module, exports, __webpack_require__) {
+
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var cof = __webpack_require__(29);
+	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
+	  return cof(it) == 'String' ? it.split('') : Object(it);
+	};
+
+/***/ },
+/* 33 */,
+/* 34 */
+/***/ function(module, exports, __webpack_require__) {
+
+	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
+	var $keys       = __webpack_require__(51)
+	  , enumBugKeys = __webpack_require__(31);
+	
+	module.exports = Object.keys || function keys(O){
+	  return $keys(O, enumBugKeys);
+	};
+
+/***/ },
+/* 35 */
+/***/ function(module, exports) {
+
+	module.exports = function(bitmap, value){
+	  return {
+	    enumerable  : !(bitmap & 1),
+	    configurable: !(bitmap & 2),
+	    writable    : !(bitmap & 4),
+	    value       : value
+	  };
+	};
+
+/***/ },
+/* 36 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var global = __webpack_require__(6)
+	  , SHARED = '__core-js_shared__'
+	  , store  = global[SHARED] || (global[SHARED] = {});
+	module.exports = function(key){
+	  return store[key] || (store[key] = {});
+	};
+
+/***/ },
+/* 37 */
+/***/ function(module, exports, __webpack_require__) {
+
+	// 7.1.13 ToObject(argument)
+	var defined = __webpack_require__(16);
+	module.exports = function(it){
+	  return Object(defined(it));
+	};
+
+/***/ },
+/* 38 */
+/***/ function(module, exports) {
+
+	var id = 0
+	  , px = Math.random();
+	module.exports = function(key){
+	  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+	};
+
+/***/ },
+/* 39 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+	  Copyright (c) 2016 Jed Watson.
+	  Licensed under the MIT License (MIT), see
+	  http://jedwatson.github.io/classnames
+	*/
+	/* global define */
+	
+	(function () {
+		'use strict';
+	
+		var hasOwn = {}.hasOwnProperty;
+	
+		function classNames () {
+			var classes = [];
+	
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+	
+				var argType = typeof arg;
+	
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					classes.push(classNames.apply(null, arg));
+				} else if (argType === 'object') {
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+	
+			return classes.join(' ');
+		}
+	
+		if (typeof module !== 'undefined' && module.exports) {
 			module.exports = classNames;
 		} else if (true) {
 			// register as 'classnames', consistent with npm package name
@@ -1751,7 +1790,7 @@ module.exports =
 
 
 /***/ },
-/* 39 */
+/* 40 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -1787,8 +1826,8 @@ module.exports =
 
 
 /***/ },
-/* 40 */,
-/* 41 */
+/* 41 */,
+/* 42 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -1814,7 +1853,7 @@ module.exports =
 	var CLEAR_WIZARD = exports.CLEAR_WIZARD = 'CLEAR_WIZARD';
 
 /***/ },
-/* 42 */
+/* 43 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1829,17 +1868,17 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactDropzone = __webpack_require__(58);
+	var _reactDropzone = __webpack_require__(60);
 	
 	var _reactDropzone2 = _interopRequireDefault(_reactDropzone);
 	
-	var _papaparse = __webpack_require__(56);
+	var _papaparse = __webpack_require__(58);
 	
 	var _papaparse2 = _interopRequireDefault(_papaparse);
 	
-	__webpack_require__(55);
+	__webpack_require__(57);
 	
-	var _clipboard = __webpack_require__(43);
+	var _clipboard = __webpack_require__(44);
 	
 	var _clipboard2 = _interopRequireDefault(_clipboard);
 	
@@ -1858,8 +1897,8 @@ module.exports =
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
-	  codemirror = __webpack_require__(57);
-	  __webpack_require__(54);
+	  codemirror = __webpack_require__(59);
+	  __webpack_require__(56);
 	}
 	
 	function unCamelize(text) {
@@ -1907,13 +1946,19 @@ module.exports =
 	          rootUrl: creds.rootUrl || 'https://'
 	        }) });
 	    }
+	  }, {
+	    key: 'componentWillReceiveProps',
+	    value: function componentWillReceiveProps(newProps) {
+	      if (JSON.stringify(this.state.actualCreds) !== JSON.stringify(newProps.creds)) {
+	        this.setState({ actualCreds: newProps.creds });
+	      }
+	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
 	      var _this2 = this;
 	
 	      var _props = this.props,
-	          step = _props.step,
 	          config = _props.config,
 	          tenantKey = _props.tenantKey,
 	          accountKey = _props.accountKey,
@@ -1928,6 +1973,7 @@ module.exports =
 	          inputs = _props.inputs,
 	          envCheckResult = _props.envCheckResult;
 	
+	
 	      var Button = inputs.Button;
 	      var Spinner = inputs.Spinner;
 	      var Input = inputs.Input;
@@ -1959,13 +2005,13 @@ module.exports =
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement('br', null)
 	        ),
-	        isOauth ? _react2.default.createElement(Oauth, { step: step, wizard: wizard, onCheck: check,
+	        isOauth ? _react2.default.createElement(Oauth, { wizard: wizard, onCheck: check,
 	          creds: this.props.creds, providerType: providerType,
 	          onGenerateUrl: function onGenerateUrl(urlType) {
 	            return getOauthUrl(urlType, providerType);
 	          },
 	          checkOauthCreds: checkOauthCreds, envCheckResult: envCheckResult,
-	          checking: checking, inputs: inputs }) : isSFTP ? _react2.default.createElement(SFTP, { step: step, wizard: wizard, onCheck: check,
+	          checking: checking, inputs: inputs }) : isSFTP ? _react2.default.createElement(SFTP, { wizard: wizard, onCheck: check,
 	          checking: checking, setCsvFields: setCsvFields,
 	          providerType: providerType }) : isGoogle ? _react2.default.createElement(Google, { config: config, creds: creds, onChange: this.onChange,
 	          credsDisabledCheck: credsDisabledCheck, inputs: inputs }) : _react2.default.createElement(
@@ -2043,11 +2089,16 @@ module.exports =
 	              })
 	            )
 	          ),
-	          isAdapter && _react2.default.createElement(AdapterSecret, { step: step, inputs: inputs,
+	          isAdapter && _react2.default.createElement(AdapterSecret, { inputs: inputs,
 	            providerType: providerType, secret: adapterSecret,
 	            generateNewAdapterSecret: generateNewAdapterSecret,
 	            tenantKey: tenantKey, accountKey: accountKey })
 	        ),
+	        _react2.default.createElement(
+	          'span',
+	          null,
+	          this.props.children
+	        ),
 	        _react2.default.createElement('br', null)
 	      );
 	    }
@@ -2566,7 +2617,7 @@ module.exports =
 	exports.default = EnvSection;
 
 /***/ },
-/* 43 */
+/* 44 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -2747,7 +2798,274 @@ module.exports =
 	});
 
 /***/ },
-/* 44 */
+/* 45 */
+/***/ function(module, exports) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	function loadData(savedBundles, savedMapping, sourceProvider, destinationProvider, sourceMetadata, destinationMetadata, isReverse) {
+	
+	  var SM = sourceMetadata;
+	  var DM = destinationMetadata;
+	  var SP = sourceProvider;
+	  var DP = destinationProvider;
+	  if (isReverse) {
+	    SM = destinationMetadata;
+	    DM = sourceMetadata;
+	    SP = destinationProvider;
+	    DP = sourceProvider;
+	  }
+	
+	  var resourceGroups = [];
+	  savedBundles.bundles.forEach(function (bundle, index) {
+	    // get bundle resource
+	    var bundleResource = DM.find(function (rsc) {
+	      return rsc.name === bundle.resourceLabel;
+	    });
+	    if (bundleResource) {
+	      (function () {
+	
+	        //get bundle destinationKeys
+	        var destinationKeys = [];
+	        bundle.destinationKeys.forEach(function (dk) {
+	          var bundleDestinationProperty = bundleResource.properties.find(function (prop) {
+	            return prop.name === dk;
+	          });
+	          if (bundleDestinationProperty) {
+	            destinationKeys.push(bundleDestinationProperty.label);
+	          } else {
+	            destinationKeys.push('Lingk External Id');
+	          }
+	        });
+	
+	        var sourceKeys = [];
+	        var sourceKeysObjects = [];
+	        var sourceKeysParents = [];
+	        bundle.sourceKeys.forEach(function (sk, i) {
+	          var sourceKeyResourceObj = bundle.resources.find(function (r) {
+	            return r.resourceName === bundle.sourceKeysObjects[i];
+	          });
+	          if (sourceKeyResourceObj) {
+	            var sourceKeyResourceProvider = sourceKeyResourceObj.provider.replace('Reader', '').toLowerCase();
+	            var primaryDataSourceMetadata = sourceKeyResourceProvider === DP.toLowerCase() ? DM : sourceKeyResourceProvider === SP.toLowerCase() ? SM : null;
+	
+	            if (primaryDataSourceMetadata) {
+	              var sourceKeyResource = primaryDataSourceMetadata.find(function (r) {
+	                return r.type === bundle.sourceKeysObjects[i];
+	              });
+	              if (sourceKeyResource) {
+	                sourceKeysObjects.push(sourceKeyResource.name);
+	                var deNestedProp = deNest(sk, bundle.sourceKeysParents && JSON.parse(bundle.sourceKeysParents[i]), sourceKeyResource);
+	                sourceKeys.push(deNestedProp.property);
+	                sourceKeysParents.push(deNestedProp.parentsArray);
+	              }
+	            }
+	          }
+	        });
+	
+	        var resources = [];
+	        bundle.resources && bundle.resources.forEach(function (rsc, rscIndex) {
+	
+	          //get resource and joinKey for bundleResource (check both metadatas)
+	          var resourceProvider = rsc.provider.replace('Reader', '').toLowerCase();
+	          var dataSourceMetadata = resourceProvider === DP.toLowerCase() ? DM : resourceProvider === SP.toLowerCase() ? SM : null;
+	
+	          var rscResource = null;
+	          var deNestedJoinKey = {};
+	          var joinKeyResourceName = null;
+	          if (dataSourceMetadata) {
+	            rscResource = dataSourceMetadata.find(function (r) {
+	              return r.name === rsc.resourceLabel;
+	            });
+	
+	            if (rsc.joinKeyName) {
+	              // joinKeyName coming from parameter from another resource
+	              deNestedJoinKey = { property: rsc.joinKeyName };
+	              joinKeyResourceName = rsc.joinKeyResource;
+	
+	              // joinKeyName coming from field on this resource
+	              if (rsc.resourceName === rsc.joinKeyResource) {
+	                var joinKeyResource = dataSourceMetadata.find(function (r) {
+	                  return r.type === rsc.joinKeyResource;
+	                });
+	                if (joinKeyResource) {
+	                  deNestedJoinKey = deNest(rsc.joinKeyName, rsc.joinKeyParents, joinKeyResource);
+	                  joinKeyResourceName = joinKeyResource.name;
+	                }
+	              }
+	            }
+	          } // end if dataSourceMetadata
+	
+	          //get resource and primaryKey for first resource in bundle (check both metadatas)
+	          var primaryResourceProvider = bundle.resources[0].provider.replace('Reader', '').toLowerCase();
+	          var primaryDataSourceMetadata = primaryResourceProvider === DP.toLowerCase() ? DM : primaryResourceProvider === SP.toLowerCase() ? SM : null;
+	
+	          var deNestedPrimaryKey = {};
+	          var primaryKeyResourceName = null;
+	          if (primaryDataSourceMetadata) {
+	            if (rsc.primaryKeyName) {
+	              //primaryKeyName coming from parameter (another resource)
+	              deNestedPrimaryKey = { property: rsc.primaryKeyName };
+	              primaryKeyResourceName = rsc.primaryKeyResource;
+	
+	              // primaryKeyName coming from field on this resource
+	              if (bundle.resources[0].resourceLabel === rsc.primaryKeyResource) {
+	                var rscPrimaryResource = primaryDataSourceMetadata.find(function (r) {
+	                  return r.type === rsc.primaryKeyResource;
+	                });
+	                if (rscPrimaryResource) {
+	                  deNestedPrimaryKey = deNest(rsc.primaryKeyName, rsc.primaryKeyParents, rscPrimaryResource);
+	                  primaryKeyResourceName = rscPrimaryResource.name;
+	                }
+	              }
+	            }
+	          }
+	
+	          if (rscResource) {
+	            resources.push(Object.assign({
+	              name: rscResource.name,
+	              provider: resourceProvider
+	            }, deNestedJoinKey.property && { joinKeyName: deNestedJoinKey.property }, joinKeyResourceName && { joinKeyResource: joinKeyResourceName }, deNestedJoinKey.parentsArray && deNestedJoinKey.parentsArray.length > 0 && { joinKeyParents: deNestedJoinKey.parentsArray }, deNestedPrimaryKey.property && { primaryKeyName: deNestedPrimaryKey.property }, primaryKeyResourceName && { primaryKeyResource: primaryKeyResourceName }, deNestedPrimaryKey.parentsArray && deNestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: deNestedPrimaryKey.parentsArray }, {
+	              joinType: rsc.joinType || 'LEFT JOIN'
+	            }, rscResource.parentRef && { parentRef: rscResource.parentRef }, rsc.parameterFilters && { parameterFilters: rsc.parameterFilters }, {
+	              level: rsc.level || (rscIndex === 0 ? 0 : 1)
+	            }, rsc.parentNameAndProvider && { parentNameAndProvider: rsc.parentNameAndProvider }));
+	          }
+	        }); // end bundle.resource.forEach
+	
+	        var mappings = [];
+	        savedMapping.mappings && savedMapping.mappings.filter(function (map) {
+	          return map.bundleIndex === index;
+	        }).forEach(function (m) {
+	          var dataSourceMetadata = m.isDestinationResource ? DM : SM;
+	          if (isReverse) {
+	            dataSourceMetadata = m.isDestinationResource ? SM : DM;
+	          }
+	
+	          var resourceFromBundle = bundle.resources.find(function (br) {
+	            return br.resourceName === m.resourceFromName;
+	          });
+	          var sourceResource = resourceFromBundle && dataSourceMetadata.find(function (rsc) {
+	            return rsc.name === resourceFromBundle.resourceLabel;
+	          });
+	          var deNestedProp = deNest(m.propertyFromName, m.propertyFromParents, sourceResource);
+	
+	          var sourceProperty = null;
+	          if (sourceResource) {
+	            sourceProperty = sourceResource.properties.find(function (prop) {
+	              return prop.name === m.propertyFromName;
+	            });
+	          }
+	
+	          var destinationProperty = bundleResource.properties.find(function (prop) {
+	            return prop.name === m.propertyToName;
+	          });
+	
+	          var transformations = [{ type: 'none' }];
+	          if (m.transformations && m.transformations.length > 0) {
+	            var trans = m.transformations[0];
+	            if (trans.type === 'concat') {
+	              (function () {
+	                var s = trans.args[1].split('->');
+	                var transConcatResourceName = s[s.length - 2];
+	                var nestedFields = s[s.length - 1].split('.');
+	                var field = nestedFields[nestedFields.length - 1];
+	                nestedFields.pop();
+	                var concatRsc = savedBundles.bundles[m.bundleIndex].resources.find(function (r) {
+	                  return r.resourceLabel === transConcatResourceName;
+	                });
+	                var concatRscProvider = concatRsc.provider.replace('Reader', '').toLowerCase();
+	                var concatRscMetadata = concatRscProvider === DP.toLowerCase() ? DM : concatRscProvider === SP.toLowerCase() ? SM : null;
+	                if (concatRscMetadata) {
+	                  var transConcatResource = concatRscMetadata.find(function (r) {
+	                    return r.type === concatRsc.resourceName;
+	                  });
+	                  var concatLabels = deNest(field, nestedFields, transConcatResource);
+	                  var result = transConcatResource.name + '->';
+	                  concatLabels.parentsArray.forEach(function (p) {
+	                    return result += p + '.';
+	                  });
+	                  result += concatLabels.property;
+	                  transformations = [{ type: 'concat', args: [trans.args[0], result] }];
+	                }
+	              })();
+	            } else {
+	              transformations = m.transformations;
+	            }
+	          }
+	
+	          if (sourceResource && sourceProperty && destinationProperty) {
+	            mappings.push(Object.assign({
+	              resourceFromName: sourceResource.name,
+	              propertyFromName: deNestedProp.property
+	            }, deNestedProp.parentsArray && deNestedProp.parentsArray.length > 0 && { propertyFromParents: deNestedProp.parentsArray }, {
+	              resourceToName: bundleResource.name,
+	              propertyToName: destinationProperty.label
+	            }, m.isDestinationResource && { dataSourceIsDestinationEntity: true }, m.isExternalKeyMapping && { isExternalKeyMapping: true }, m.isUnique && { isUnique: true }, {
+	              transformations: transformations
+	            }));
+	          }
+	        }); // end wizard.savedMappings.forEach
+	        resourceGroups.push(Object.assign({
+	          name: bundleResource.name,
+	          resources: resources, mappings: mappings,
+	          customExternalKeys: bundle.customExternalKeys || false
+	        }, bundle.customExternalKeys === true && { sourceKeys: sourceKeys, sourceKeysObjects: sourceKeysObjects, sourceKeysParents: sourceKeysParents, destinationKeys: destinationKeys }, bundle.customExternalKeys === false && { lingkSourceKey: sourceKeys[0], lingkSourceKeyObject: sourceKeysObjects[0],
+	          lingkSourceKeyParents: sourceKeysParents[0] }, {
+	          provider: bundle.provider
+	        }, bundle.recordTypeId && { recordTypeId: bundle.recordTypeId }, {
+	          deleteEnabled: bundle.deleteEnabled || false
+	        })); // end push each bundle (contains resources AND mappings)
+	      })();
+	    } // end if bundleResource
+	  }); // end forEach over bundles
+	
+	  return resourceGroups;
+	}
+	
+	function deNest(prop, parents, rsc) {
+	  var property = '';
+	  var parentsArray = [];
+	  if (rsc) {
+	    if (parents && parents.length > 0) {
+	      (function () {
+	        var nestedRsc = rsc;
+	        var tempParentsArray = [];
+	        parents.forEach(function (ps) {
+	          var pProp = nestedRsc.properties && nestedRsc.properties.find(function (p) {
+	            return p.name === ps;
+	          });
+	          tempParentsArray.push(pProp.label);
+	          nestedRsc = pProp.object;
+	        });
+	        parentsArray = tempParentsArray;
+	        var sourceKeyProperty = nestedRsc.properties && nestedRsc.properties.find(function (p) {
+	          return p.name === prop;
+	        });
+	        if (sourceKeyProperty) {
+	          property = sourceKeyProperty.label;
+	        }
+	      })();
+	    } else {
+	      var sourceKeyProperty = rsc.properties && rsc.properties.find(function (p) {
+	        return p.name === prop;
+	      });
+	      if (sourceKeyProperty) {
+	        property = sourceKeyProperty.label;
+	      }
+	    }
+	  }
+	  if (prop === 'Lingk_External_Id__c') property = 'Lingk External Id';
+	  return { property: property, parentsArray: parentsArray };
+	}
+	
+	exports.default = loadData;
+
+/***/ },
+/* 46 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -2775,7 +3093,7 @@ module.exports =
 	};
 
 /***/ },
-/* 45 */
+/* 47 */
 /***/ function(module, exports) {
 
 	module.exports = function(it){
@@ -2784,14 +3102,14 @@ module.exports =
 	};
 
 /***/ },
-/* 46 */
+/* 48 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// false -> Array#indexOf
 	// true  -> Array#includes
 	var toIObject = __webpack_require__(20)
-	  , toLength  = __webpack_require__(51)
-	  , toIndex   = __webpack_require__(50);
+	  , toLength  = __webpack_require__(53)
+	  , toIndex   = __webpack_require__(52);
 	module.exports = function(IS_INCLUDES){
 	  return function($this, el, fromIndex){
 	    var O      = toIObject($this)
@@ -2810,11 +3128,11 @@ module.exports =
 	};
 
 /***/ },
-/* 47 */
+/* 49 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// optional / simple context binding
-	var aFunction = __webpack_require__(45);
+	var aFunction = __webpack_require__(47);
 	module.exports = function(fn, that, length){
 	  aFunction(fn);
 	  if(that === undefined)return fn;
@@ -2835,20 +3153,20 @@ module.exports =
 	};
 
 /***/ },
-/* 48 */
+/* 50 */
 /***/ function(module, exports, __webpack_require__) {
 
 	module.exports = !__webpack_require__(9) && !__webpack_require__(12)(function(){
-	  return Object.defineProperty(__webpack_require__(29)('div'), 'a', {get: function(){ return 7; }}).a != 7;
+	  return Object.defineProperty(__webpack_require__(30)('div'), 'a', {get: function(){ return 7; }}).a != 7;
 	});
 
 /***/ },
-/* 49 */
+/* 51 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var has          = __webpack_require__(17)
 	  , toIObject    = __webpack_require__(20)
-	  , arrayIndexOf = __webpack_require__(46)(false)
+	  , arrayIndexOf = __webpack_require__(48)(false)
 	  , IE_PROTO     = __webpack_require__(25)('IE_PROTO');
 	
 	module.exports = function(object, names){
@@ -2865,7 +3183,7 @@ module.exports =
 	};
 
 /***/ },
-/* 50 */
+/* 52 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var toInteger = __webpack_require__(19)
@@ -2877,7 +3195,7 @@ module.exports =
 	};
 
 /***/ },
-/* 51 */
+/* 53 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.15 ToLength
@@ -2888,7 +3206,7 @@ module.exports =
 	};
 
 /***/ },
-/* 52 */
+/* 54 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.1 ToPrimitive(input [, PreferredType])
@@ -2905,7 +3223,7 @@ module.exports =
 	};
 
 /***/ },
-/* 53 */
+/* 55 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -12570,7 +12888,7 @@ module.exports =
 
 
 /***/ },
-/* 54 */
+/* 56 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// CodeMirror, copyright (c) by Marijn Haverbeke and others
@@ -12578,7 +12896,7 @@ module.exports =
 	
 	(function(mod) {
 	  if (true) // CommonJS
-	    mod(__webpack_require__(53));
+	    mod(__webpack_require__(55));
 	  else if (typeof define == "function" && define.amd) // AMD
 	    define(["../../lib/codemirror"], mod);
 	  else // Plain browser env
@@ -13431,31 +13749,31 @@ module.exports =
 
 
 /***/ },
-/* 55 */
+/* 57 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 56 */
+/* 58 */
 /***/ function(module, exports) {
 
 	module.exports = require("papaparse");
 
 /***/ },
-/* 57 */
+/* 59 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-codemirror2");
 
 /***/ },
-/* 58 */
+/* 60 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-dropzone");
 
 /***/ },
-/* 59 */
+/* 61 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13860,408 +14178,125 @@ module.exports =
 	              'svg',
 	              { className: 'schema-group-arrow schema-group-arrow-back', viewBox: '0 0 24 24',
 	                onClick: this.decrement, style: resourceGroupIndex < 1 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
-	              _react2.default.createElement('path', { d: 'M8 5v14l11-7z' })
-	            ),
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'schema-groups' },
-	              _react2.default.createElement(
-	                'div',
-	                { className: 'schema-groups-slider', style: {
-	                    width: 600 * resourceGroups.length,
-	                    transform: 'translate(-' + 600 * resourceGroupIndex + 'px)',
-	                    WebkitTransform: 'translate(-' + 600 * resourceGroupIndex + 'px)'
-	                  } },
-	                resourceGroups.map(function (g, i) {
-	                  return _react2.default.createElement(
-	                    'div',
-	                    { className: 'schema-group-name', key: i },
-	                    g.name
-	                  );
-	                })
-	              )
-	            ),
-	            _react2.default.createElement(
-	              'svg',
-	              { className: 'schema-group-arrow schema-group-arrow-forward', viewBox: '0 0 24 24', onClick: this.increment,
-	                style: resourceGroupIndex === resourceGroups.length - 1 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
-	              _react2.default.createElement('path', { d: 'M8 5v14l11-7z' })
-	            ),
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'schema-group-dots' },
-	              resourceGroups.map(function (g, i) {
-	                return _react2.default.createElement('div', { className: 'schema-group-dot', key: i, style: {
-	                    background: resourceGroupIndex !== i ? '#CFCFCF' : '#0070d2',
-	                    marginLeft: i === firstReverseIndex ? 12 : 2
-	                  }, onClick: function onClick() {
-	                    return _this4.clickDot(i);
-	                  } });
-	              })
-	            )
-	          )
-	        ),
-	        _react2.default.Children.count(this.props.children) > 0 ? _react2.default.Children.map(this.props.children, function (child) {
-	          return _react2.default.cloneElement(child, Object.assign({}, propsForChild));
-	        }) : null
-	      );
-	    }
-	  }]);
-	
-	  return GroupNav;
-	}(_react.Component);
-	
-	exports.default = GroupNav;
-
-/***/ },
-/* 60 */
-/***/ function(module, exports) {
-
-	"use strict";
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var nest = {
-	
-	  expand: function expand(v, parents, expandedProp) {
-	    var expanded = Object.assign({}, expandedProp);
-	    if (parents.length === 0) {
-	      if (expanded[v]) delete expanded[v];else expanded[v] = {};
-	    } else if (parents.length === 1) {
-	      if (expanded[parents[0]][v]) delete expanded[parents[0]][v];else expanded[parents[0]][v] = {};
-	    } else if (parents.length === 2) {
-	      if (expanded[parents[0]][parents[1]][v]) delete expanded[parents[0]][parents[1]][v];else expanded[parents[0]][parents[1]][v] = {};
-	    } else if (parents.length === 3) {
-	      if (expanded[parents[0]][parents[1]][parents[2]][v]) delete expanded[parents[0]][parents[1]][parents[2]][v];else expanded[parents[0]][parents[1]][parents[2]][v] = {};
-	    } else if (parents.length === 4) {
-	      if (expanded[parents[0]][parents[1]][parents[2]][parents[3]][v]) delete expanded[parents[0]][parents[1]][parents[2]][parents[3]][v];else expanded[parents[0]][parents[1]][parents[2]][parents[3]][v] = {};
-	    }
-	    return expanded;
-	  },
-	
-	  checkIfExpanded: function checkIfExpanded(v, parents, expandedProp) {
-	    var expanded = Object.assign({}, expandedProp);
-	    if (parents.length === 0) {
-	      if (expanded[v]) return true;
-	    } else if (parents.length === 1) {
-	      if (expanded[parents[0]][v]) return true;
-	    } else if (parents.length === 2) {
-	      if (expanded[parents[0]][parents[1]][v]) return true;
-	    } else if (parents.length === 3) {
-	      if (expanded[parents[0]][parents[1]][parents[2]][v]) return true;
-	    } else if (parents.length === 4) {
-	      if (expanded[parents[0]][parents[1]][parents[2]][parents[3]][v]) return true;
-	    }
-	    return false;
-	  }
-	
-	};
-	
-	exports.default = nest;
-
-/***/ },
-/* 61 */
-/***/ function(module, exports) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.makeContent = makeContent;
-	var css = 'table { font-size: 12px !important; } ' + 'body { margin: 0; padding: 0; color: #16325c; font-family: Arial, sans-serif; font-size: 14px; } ' + 'tr { background: rgb(244, 246, 249); } ' + 'th { border-top: 1px solid #d8dde6; border-bottom: 1px solid #d8dde6; color: #54698d; text-transform: uppercase; letter-spacing: 0.0625rem; font-weight: bold; padding: 6px 10px; text-align: left; } ' + 'td { border-bottom: 1px solid #d8dde6; padding: 6px 10px; } ';
-	
-	function makeContent(url, tenantId, accountId, endpoint, target, targetName, token, envName) {
-	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'' + url + tenantId + '/' + accountId + '/environments/' + envName + '/previewintegration?url=' + endpoint + '&target=' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
-	}
-
-/***/ },
-/* 62 */
-/***/ function(module, exports) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	/**************************
-	
-	Saves data from the Redux-Form and converts it to apiNames, which are used 
-	to generate the recipe and are stored in our DB.
-	
-	Runs when user click "submit"
-	
-	If a new dropdown with fields is added to the UI, it must be added to this function as well
-	
-	sP = sourceProvider
-	tM = targetMetadata
-	**************************/
-	
-	function saveData(resourceGroups, sP, tP, sM, tM, sourceEndpoint, isReverse) {
-	
-	  // switch providers and metadatas if the wizard is reverse
-	  var sourceProvider = sP;
-	  var targetProvider = tP;
-	  var sourceMetadata = sM;
-	  var targetMetadata = tM;
-	  if (isReverse) {
-	    sourceProvider = tP;
-	    targetProvider = sP;
-	    sourceMetadata = tM;
-	    targetMetadata = sM;
-	  }
-	
-	  var bundles = resourceGroups || [];
-	  var mappings = [];
-	  var endpoints = {};
-	  bundles && bundles.forEach(function (group, index) {
-	    // first get target resource
-	    var destinationResource = targetMetadata ? targetMetadata.find(function (rsc) {
-	      return rsc.name === group.name;
-	    }) : group;
-	    group.name = destinationResource.type;
-	    group.resourceLabel = destinationResource.name;
-	    group.provider = targetProvider.toLowerCase();
-	    if (destinationResource.recordTypeId) {
-	      group.recordTypeId = destinationResource.recordTypeId;
-	    }
-	
-	    // destination Keys (for de-duplication in the Connect modal)
-	    if (!group.customExternalKeys && group.lingkSourceKey) {
-	      group.sourceKeys = [group.lingkSourceKey];
-	      group.sourceKeysObjects = [group.lingkSourceKeyObject];
-	      group.sourceKeysParents = [group.lingkSourceKeyParents];
-	      group.destinationKeys = ['Lingk_External_Id__c'];
-	    } else {
-	      (function () {
-	        var destinationKeys = [];
-	        if (group.destinationKeys) {
-	          group.destinationKeys.forEach(function (dk) {
-	            if (destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
-	              return prop.label === dk;
-	            })) {
-	              destinationKeys.push(destinationResource.properties.find(function (prop) {
-	                return prop.label === dk;
-	              }).name);
-	            }
-	          });
-	        }
-	        group.destinationKeys = destinationKeys;
-	      })();
-	    }
-	
-	    // get resource + name of sourceKeys
-	    var sourceKeys = [];
-	    var sourceKeysObjects = [];
-	    var sourceKeysParents = [];
-	    group.sourceKeys && group.sourceKeys.forEach(function (sk, i) {
-	      var sourceKeyResourceProvider = group.resources.find(function (r) {
-	        return r.name === group.sourceKeysObjects[i];
-	      }).provider;
-	      var dataSourceMetadata = sourceKeyResourceProvider === targetProvider ? targetMetadata : sourceMetadata;
-	      var sourceResource = dataSourceMetadata.find(function (metaRsc) {
-	        return metaRsc.name === group.sourceKeysObjects[i];
-	      });
-	
-	      if (sourceResource) {
-	
-	        var nestedSourceKey = findNestedProp(sk, group.sourceKeysParents && group.sourceKeysParents[i], sourceResource);
-	        sourceKeys.push(nestedSourceKey.property);
-	        sourceKeysParents.push(JSON.stringify(nestedSourceKey.parentsArray));
-	        sourceKeysObjects.push(sourceResource.type);
-	      }
-	    });
-	    group.sourceKeys = sourceKeys;
-	    group.sourceKeysObjects = sourceKeysObjects;
-	    group.sourceKeysParents = sourceKeysParents;
-	
-	    // MAPPINGS
-	    if (group.mappings) {
-	      group.mappings.forEach(function (singleMapping) {
-	        // get mapping source resource (check both metadatas)
-	        var dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? targetMetadata : sourceMetadata;
-	        if (isReverse) {
-	          dataSourceMetadata = singleMapping.dataSourceIsDestinationEntity ? sourceMetadata : targetMetadata;
-	        }
-	        var sourceResource = dataSourceMetadata.find(function (rsc) {
-	          return rsc.name === singleMapping.resourceFromName;
-	        });
-	
-	        // get mapping source property
-	        var nestedSourceProp = findNestedProp(singleMapping.propertyFromName, singleMapping.propertyFromParents, sourceResource);
-	        //get mapping destination property
-	        var destinationProperty = destinationResource && destinationResource.properties && destinationResource.properties.find(function (prop) {
-	          return prop.label === singleMapping.propertyToName;
-	        });
-	
-	        //dont save transformation that are just "none"
-	        if (singleMapping.transformations && singleMapping.transformations.length > 0) {
-	          singleMapping.transformations.forEach(function (trans, index) {
-	            if (trans.type === 'none') {
-	              singleMapping.transformations.splice(index, 1);
-	            }
-	            if (trans.type === 'concat') {
-	              var r;
+	              _react2.default.createElement('path', { d: 'M8 5v14l11-7z' })
+	            ),
+	            _react2.default.createElement(
+	              'div',
+	              { className: 'schema-groups' },
+	              _react2.default.createElement(
+	                'div',
+	                { className: 'schema-groups-slider', style: {
+	                    width: 600 * resourceGroups.length,
+	                    transform: 'translate(-' + 600 * resourceGroupIndex + 'px)',
+	                    WebkitTransform: 'translate(-' + 600 * resourceGroupIndex + 'px)'
+	                  } },
+	                resourceGroups.map(function (g, i) {
+	                  return _react2.default.createElement(
+	                    'div',
+	                    { className: 'schema-group-name', key: i },
+	                    g.name
+	                  );
+	                })
+	              )
+	            ),
+	            _react2.default.createElement(
+	              'svg',
+	              { className: 'schema-group-arrow schema-group-arrow-forward', viewBox: '0 0 24 24', onClick: this.increment,
+	                style: resourceGroupIndex === resourceGroups.length - 1 ? { fill: '#CCCCCC', cursor: 'default' } : {} },
+	              _react2.default.createElement('path', { d: 'M8 5v14l11-7z' })
+	            ),
+	            _react2.default.createElement(
+	              'div',
+	              { className: 'schema-group-dots' },
+	              resourceGroups.map(function (g, i) {
+	                return _react2.default.createElement('div', { className: 'schema-group-dot', key: i, style: {
+	                    background: resourceGroupIndex !== i ? '#CFCFCF' : '#0070d2',
+	                    marginLeft: i === firstReverseIndex ? 12 : 2
+	                  }, onClick: function onClick() {
+	                    return _this4.clickDot(i);
+	                  } });
+	              })
+	            )
+	          )
+	        ),
+	        _react2.default.Children.count(this.props.children) > 0 ? _react2.default.Children.map(this.props.children, function (child) {
+	          return _react2.default.cloneElement(child, Object.assign({}, propsForChild));
+	        }) : null
+	      );
+	    }
+	  }]);
 	
-	              (function () {
-	                var s = trans.args[1].split('->');
+	  return GroupNav;
+	}(_react.Component);
 	
-	                var transConcatSourceResourceProvider = group.resources.find(function (r) {
-	                  return r.name === s[0];
-	                }).provider.toLowerCase();
-	                var transConcatSourceMetadata = transConcatSourceResourceProvider === targetProvider.toLowerCase() ? targetMetadata : sourceMetadata;
-	                var transConcatSourceResource = transConcatSourceMetadata.find(function (rsc) {
-	                  return rsc.name === s[0];
-	                });
+	exports.default = GroupNav;
+
+/***/ },
+/* 62 */
+/***/ function(module, exports) {
+
+	"use strict";
 	
-	                var nestedFields = s[1].split('.');
-	                var field = nestedFields[nestedFields.length - 1];
-	                nestedFields.pop();
-	                var transSourceApiNames = findNestedProp(field, nestedFields, transConcatSourceResource);
-	                r = transConcatSourceResourceProvider + '->' + transConcatSourceResource.type + '->';
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
 	
-	                transSourceApiNames.parentsArray.forEach(function (p) {
-	                  return r += p + '.';
-	                });
-	                r += transSourceApiNames.property;
-	                trans.args[1] = r;
-	              })();
-	            }
-	          });
-	        }
+	var nest = {
 	
-	        if (sourceResource && nestedSourceProp.property && destinationResource && destinationProperty) {
-	          mappings = mappings.concat(Object.assign({ // add to mappings obj
-	            resourceFromLabel: singleMapping.dataSourceIsDestinationEntity ? sourceResource.type + '_' + targetProvider.toLowerCase() : sourceResource.type + '_' + sourceProvider.toLowerCase(),
-	            resourceFromName: sourceResource.type,
-	            propertyFromName: nestedSourceProp.property
-	          }, nestedSourceProp.parentsArray && nestedSourceProp.parentsArray.length > 0 && { propertyFromParents: nestedSourceProp.parentsArray }, {
-	            resourceToName: destinationResource.type,
-	            propertyToName: destinationProperty.name,
-	            bundleIndex: index
-	          }, singleMapping.isExternalKeyMapping && { isExternalKeyMapping: true }, singleMapping.dataSourceIsDestinationEntity && { isDestinationResource: true }, singleMapping.isUnique && { isUnique: true }, singleMapping.transformations && singleMapping.transformations.length > 0 && !singleMapping.transformations.every(function (t) {
-	            return t.type === 'none';
-	          }) && { transformations: singleMapping.transformations }));
-	        }
-	      });
-	      delete group.mappings; // remove the mapping obj from a resourceGroup
-	      if (group.lingkSourceKey) delete group.lingkSourceKey;
-	      if (group.lingkSourceKeyObject) delete group.lingkSourceKeyObject;
-	      if (group.lingkSourceKeyParents) delete group.lingkSourceKeyParents;
+	  expand: function expand(v, parents, expandedProp) {
+	    var expanded = Object.assign({}, expandedProp);
+	    if (parents.length === 0) {
+	      if (expanded[v]) delete expanded[v];else expanded[v] = {};
+	    } else if (parents.length === 1) {
+	      if (expanded[parents[0]][v]) delete expanded[parents[0]][v];else expanded[parents[0]][v] = {};
+	    } else if (parents.length === 2) {
+	      if (expanded[parents[0]][parents[1]][v]) delete expanded[parents[0]][parents[1]][v];else expanded[parents[0]][parents[1]][v] = {};
+	    } else if (parents.length === 3) {
+	      if (expanded[parents[0]][parents[1]][parents[2]][v]) delete expanded[parents[0]][parents[1]][parents[2]][v];else expanded[parents[0]][parents[1]][parents[2]][v] = {};
+	    } else if (parents.length === 4) {
+	      if (expanded[parents[0]][parents[1]][parents[2]][parents[3]][v]) delete expanded[parents[0]][parents[1]][parents[2]][parents[3]][v];else expanded[parents[0]][parents[1]][parents[2]][parents[3]][v] = {};
 	    }
+	    return expanded;
+	  },
 	
-	    // BUNDLES
-	    if (group.resources) {
-	      group.resources = group.resources.map(function (rsc, rscIndex) {
-	        //get resource source (check both metadatas)
-	        var dataSourceMetadata = rsc.provider.toLowerCase() === targetProvider.toLowerCase() ? targetMetadata : sourceMetadata;
-	        var sourceResource = dataSourceMetadata.find(function (metaRsc) {
-	          return metaRsc.name === rsc.name;
-	        });
-	        // via parameter, dont change because its already "type"
-	        var nestedJoinKey = { property: rsc.joinKeyName };
-	        var joinKeyResource = rsc.joinKeyResource;
-	        // is from a same resource (not via parameters)
-	        if (sourceResource && sourceResource.name === rsc.joinKeyResource) {
-	          nestedJoinKey = findNestedProp(rsc.joinKeyName, rsc.joinKeyParents, sourceResource);
-	          joinKeyResource = sourceResource.type;
-	        }
-	
-	        //make endpoint
-	        var suffix = sourceResource && sourceResource.endpointSuffix;
-	        if (suffix) {
-	          endpoints['url_' + sourceResource.type + '_' + sourceProvider] = '' + sourceEndpoint + (suffix[0] === '/' ? '' : '/') + suffix;
-	        }
-	
-	        //get first resource in bundle (for primaryKeyName)
-	        var primaryDataSourceMetadata = group.resources[0].provider.toLowerCase() === targetProvider.toLowerCase() ? targetMetadata : sourceMetadata;
-	        var primarySourceResource = primaryDataSourceMetadata.find(function (metaRsc) {
-	          return metaRsc.name === group.resources[0].name;
-	        });
+	  checkIfExpanded: function checkIfExpanded(v, parents, expandedProp) {
+	    var expanded = Object.assign({}, expandedProp);
+	    if (parents.length === 0) {
+	      if (expanded[v]) return true;
+	    } else if (parents.length === 1) {
+	      if (expanded[parents[0]][v]) return true;
+	    } else if (parents.length === 2) {
+	      if (expanded[parents[0]][parents[1]][v]) return true;
+	    } else if (parents.length === 3) {
+	      if (expanded[parents[0]][parents[1]][parents[2]][v]) return true;
+	    } else if (parents.length === 4) {
+	      if (expanded[parents[0]][parents[1]][parents[2]][parents[3]][v]) return true;
+	    }
+	    return false;
+	  }
 	
-	        // via parameter, dont change because its already "type"
-	        var nestedPrimaryKey = { property: rsc.primaryKeyName };
-	        var primaryKeyResource = rsc.primaryKeyResource;
-	        // is from a same resource (not via parameters)
-	        if (primarySourceResource && primarySourceResource.name === rsc.primaryKeyResource) {
-	          nestedPrimaryKey = findNestedProp(rsc.primaryKeyName, rsc.primaryKeyParents, primarySourceResource);
-	          primaryKeyResource = primarySourceResource.type;
-	        }
+	};
 	
-	        var rscParentProvider = null;
-	        if (rsc.parentNameAndProvider) {
-	          var provArray = rsc.parentNameAndProvider.split('_');
-	          rscParentProvider = provArray[provArray.length - 1];
-	        }
+	exports.default = nest;
+
+/***/ },
+/* 63 */
+/***/ function(module, exports) {
+
+	'use strict';
 	
-	        if (sourceResource) {
-	          return Object.assign({
-	            resourceName: sourceResource.type,
-	            resourceLabel: sourceResource.name,
-	            resourceNameAndProvider: sourceResource.type + '_' + rsc.provider.toLowerCase(),
-	            joinKeyName: nestedJoinKey.property,
-	            joinKeyResource: joinKeyResource
-	          }, nestedJoinKey.parentsArray && nestedJoinKey.parentsArray.length > 0 && { joinKeyParents: nestedJoinKey.parentsArray }, {
-	            primaryKeyName: nestedPrimaryKey.property,
-	            primaryKeyResource: primaryKeyResource
-	          }, nestedPrimaryKey.parentsArray && nestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: nestedPrimaryKey.parentsArray }, {
-	            provider: rsc.provider.toLowerCase() + 'Reader',
-	            joinType: rsc.joinType
-	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId }, rsc.parameterFilters && { parameterFilters: rsc.parameterFilters.filter(function (pf) {
-	              return pf.val;
-	            }) }, {
-	            level: rsc.level || (rscIndex === 0 ? 0 : 1)
-	          }, primaryKeyResource && rscParentProvider && { parentNameAndProvider: primaryKeyResource + '_' + rscParentProvider.toLowerCase() });
-	        } else return null;
-	      });
-	    }
-	  }); //end for each bundle
-	  return { bundles: bundles, mappings: mappings, endpoints: endpoints };
-	}
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.makeContent = makeContent;
+	var css = 'table { font-size: 12px !important; } ' + 'body { margin: 0; padding: 0; color: #16325c; font-family: Arial, sans-serif; font-size: 14px; } ' + 'tr { background: rgb(244, 246, 249); } ' + 'th { border-top: 1px solid #d8dde6; border-bottom: 1px solid #d8dde6; color: #54698d; text-transform: uppercase; letter-spacing: 0.0625rem; font-weight: bold; padding: 6px 10px; text-align: left; } ' + 'td { border-bottom: 1px solid #d8dde6; padding: 6px 10px; } ';
 	
-	function findNestedProp(prop, parents, rsc) {
-	  var property = '';
-	  var parentsArray = [];
-	  if (parents && parents.length > 0) {
-	    (function () {
-	      var nestedRsc = rsc;
-	      var tempParentsArray = [];
-	      parents.forEach(function (pk) {
-	        if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
-	          return p.label === pk;
-	        })) {
-	          var pkProp = nestedRsc.properties.find(function (p) {
-	            return p.label === pk;
-	          });
-	          tempParentsArray.push(pkProp.name);
-	          nestedRsc = pkProp.object;
-	        }
-	      });
-	      parentsArray = tempParentsArray;
-	      if (nestedRsc.properties && nestedRsc.properties.find(function (p) {
-	        return p.label === prop;
-	      })) {
-	        property = nestedRsc.properties.find(function (p) {
-	          return p.label === prop;
-	        }).name;
-	      }
-	    })();
-	  } else {
-	    property = prop && rsc && rsc.properties && rsc.properties.find(function (p) {
-	      return p.label === prop;
-	    }) && rsc.properties.find(function (p) {
-	      return p.label === prop;
-	    }).name;
-	  }
-	  return { property: property, parentsArray: parentsArray };
+	function makeContent(url, tenantId, accountId, endpoint, target, targetName, token, envName) {
+	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'' + url + tenantId + '/' + accountId + '/environments/' + envName + '/previewintegration?url=' + endpoint + '&target=' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
 	}
-	
-	exports.default = saveData;
 
 /***/ },
-/* 63 */
+/* 64 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -14290,9 +14325,9 @@ module.exports =
 	};
 
 /***/ },
-/* 64 */,
 /* 65 */,
-/* 66 */
+/* 66 */,
+/* 67 */
 /***/ function(module, exports) {
 
 	module.exports = function(arr, obj){
@@ -14304,7 +14339,7 @@ module.exports =
 	};
 
 /***/ },
-/* 67 */
+/* 68 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14362,7 +14397,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 68 */
+/* 69 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -14394,7 +14429,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 69 */
+/* 70 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14447,7 +14482,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 70 */
+/* 71 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14457,7 +14492,7 @@ module.exports =
 	});
 	exports["default"] = addEventListenerWrap;
 	
-	var _addDomEventListener = __webpack_require__(77);
+	var _addDomEventListener = __webpack_require__(78);
 	
 	var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
 	
@@ -14477,7 +14512,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 71 */
+/* 72 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -16089,7 +16124,7 @@ module.exports =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 72 */
+/* 73 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -16101,7 +16136,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 73 */
+/* 74 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16114,7 +16149,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(40);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
@@ -16155,13 +16190,13 @@ module.exports =
 	})]);
 
 /***/ },
-/* 74 */
+/* 75 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-redux");
 
 /***/ },
-/* 75 */
+/* 76 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -16226,7 +16261,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 76 */
+/* 77 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16235,7 +16270,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _EventBaseObject = __webpack_require__(75);
+	var _EventBaseObject = __webpack_require__(76);
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
@@ -16508,7 +16543,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 77 */
+/* 78 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16518,7 +16553,7 @@ module.exports =
 	});
 	exports["default"] = addEventListener;
 	
-	var _EventObject = __webpack_require__(76);
+	var _EventObject = __webpack_require__(77);
 	
 	var _EventObject2 = _interopRequireDefault(_EventObject);
 	
@@ -16549,7 +16584,6 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 78 */,
 /* 79 */,
 /* 80 */,
 /* 81 */,
@@ -16580,7 +16614,8 @@ module.exports =
 /* 106 */,
 /* 107 */,
 /* 108 */,
-/* 109 */
+/* 109 */,
+/* 110 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16629,7 +16664,7 @@ module.exports =
 	exports.setWizardDataLoaded = setWizardDataLoaded;
 	exports.clearWizardFormData = clearWizardFormData;
 	
-	var _types = __webpack_require__(41);
+	var _types = __webpack_require__(42);
 	
 	var types = _interopRequireWildcard(_types);
 	
@@ -17458,7 +17493,7 @@ module.exports =
 	}
 
 /***/ },
-/* 110 */
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17540,7 +17575,7 @@ module.exports =
 	})(AccountStep);
 
 /***/ },
-/* 111 */
+/* 112 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17555,7 +17590,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactDraggable = __webpack_require__(71);
+	var _reactDraggable = __webpack_require__(72);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -17882,7 +17917,7 @@ module.exports =
 	exports.default = BundleTable;
 
 /***/ },
-/* 112 */
+/* 113 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18315,7 +18350,7 @@ module.exports =
 	exports.default = ConnectModal;
 
 /***/ },
-/* 113 */
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18769,7 +18804,7 @@ module.exports =
 	exports.default = MapAccordion;
 
 /***/ },
-/* 114 */
+/* 115 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19027,7 +19062,7 @@ module.exports =
 	};
 
 /***/ },
-/* 115 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19263,7 +19298,7 @@ module.exports =
 	exports.default = ParameterModal;
 
 /***/ },
-/* 116 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19282,7 +19317,7 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _reactDraggable = __webpack_require__(71);
+	var _reactDraggable = __webpack_require__(72);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -19296,7 +19331,7 @@ module.exports =
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
-	var _parameterModal = __webpack_require__(115);
+	var _parameterModal = __webpack_require__(116);
 	
 	var _parameterModal2 = _interopRequireDefault(_parameterModal);
 	
@@ -20013,7 +20048,7 @@ module.exports =
 	};
 
 /***/ },
-/* 117 */
+/* 118 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20529,209 +20564,6 @@ module.exports =
 	
 	exports.default = TransformModal;
 
-/***/ },
-/* 118 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-	
-	var _react = __webpack_require__(1);
-	
-	var _react2 = _interopRequireDefault(_react);
-	
-	var _reduxForm = __webpack_require__(2);
-	
-	var _validate = __webpack_require__(5);
-	
-	var _validate2 = _interopRequireDefault(_validate);
-	
-	var _navButtons = __webpack_require__(4);
-	
-	var _navButtons2 = _interopRequireDefault(_navButtons);
-	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-	
-	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-	
-	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-	
-	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 AdapterStep = function (_Component) {
-	  _inherits(AdapterStep, _Component);
-	
-	  function AdapterStep() {
-	    _classCallCheck(this, AdapterStep);
-	
-	    var _this = _possibleConstructorReturn(this, (AdapterStep.__proto__ || Object.getPrototypeOf(AdapterStep)).call(this));
-	
-	    _this.state = {
-	      showSecret: false
-	    };
-	    return _this;
-	  }
-	
-	  _createClass(AdapterStep, [{
-	    key: 'render',
-	    value: function render() {
-	      var _this2 = this;
-	
-	      var showSecret = this.state.showSecret;
-	      var _props = this.props,
-	          inputs = _props.inputs,
-	          handleSubmit = _props.handleSubmit,
-	          nav = _props.nav,
-	          reset = _props.reset,
-	          step = _props.step;
-	
-	      var Button = inputs.Button;
-	      return _react2.default.createElement(
-	        'form',
-	        { onKeyPress: function onKeyPress(e) {
-	            return e.charCode === 13 ? e.preventDefault() : null;
-	          } },
-	        _react2.default.createElement(
-	          'div',
-	          { style: { fontSize: 20 } },
-	          'Data Source: Configure ',
-	          '' + step.title
-	        ),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(
-	          'div',
-	          { style: { marginLeft: 16 } },
-	          _react2.default.createElement(
-	            'h5',
-	            null,
-	            'This integration requires ',
-	            '' + step.title,
-	            ' configuration before continuing.'
-	          ),
-	          _react2.default.createElement(
-	            'ul',
-	            { style: { listStyle: 'initial', paddingLeft: 17 } },
-	            _react2.default.createElement(
-	              'li',
-	              null,
-	              _react2.default.createElement(
-	                'h5',
-	                null,
-	                _react2.default.createElement(
-	                  'a',
-	                  { href: '' },
-	                  'Download the ',
-	                  '' + step.title
-	                )
-	              )
-	            ),
-	            _react2.default.createElement(
-	              'li',
-	              null,
-	              _react2.default.createElement(
-	                'h5',
-	                null,
-	                _react2.default.createElement(
-	                  'a',
-	                  { href: '' },
-	                  'Read the ',
-	                  '' + step.title,
-	                  ' Documentation'
-	                )
-	              )
-	            )
-	          ),
-	          _react2.default.createElement('br', null),
-	          _react2.default.createElement(
-	            'strong',
-	            { htmlFor: 'link-banner', style: { marginBottom: 14 } },
-	            'Lingk ',
-	            '' + step.title,
-	            ' Credentials:'
-	          ),
-	          _react2.default.createElement('br', null),
-	          _react2.default.createElement('br', null),
-	          _react2.default.createElement(
-	            'div',
-	            { style: { marginLeft: 18 } },
-	            _react2.default.createElement(
-	              'span',
-	              null,
-	              'Client ID'
-	            ),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement('input', {
-	              readOnly: true,
-	              type: 'text',
-	              placeholder: 'Client ID',
-	              size: '60',
-	              defaultValue: '55e65cc3d2f8e50001000020df27e6d908da4bf15832e459d2240dfb'
-	            }),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement(
-	              'span',
-	              null,
-	              'Client Secret'
-	            ),
-	            _react2.default.createElement('br', null),
-	            _react2.default.createElement('input', {
-	              readOnly: true,
-	              placeholder: 'Client Secret',
-	              size: '60',
-	              defaultValue: 'ZTFlNjg2NjQ0MWQwNDI3ODRmMGQ3YmYzOTM0OWQxNTM=',
-	              onBlur: function onBlur() {
-	                _this2.setState({ showSecret: false });
-	              },
-	              style: { display: 'inline-block' },
-	              type: showSecret ? 'text' : 'password'
-	            }),
-	            _react2.default.createElement(
-	              Button,
-	              {
-	                type: 'brand',
-	                iconAlign: 'right',
-	                onClick: function onClick() {
-	                  return _this2.setState({ showSecret: !showSecret });
-	                },
-	                style: {
-	                  height: 23,
-	                  width: 55,
-	                  paddingLeft: 11,
-	                  lineHeight: '9px',
-	                  fontSize: 11,
-	                  marginLeft: 4,
-	                  marginBottom: 3
-	                }
-	              },
-	              this.state.showSecret ? 'Hide' : 'Show'
-	            )
-	          )
-	        ),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement('br', null)
-	      );
-	    }
-	  }]);
-	
-	  return AdapterStep;
-	}(_react.Component);
-	
-	exports.default = (0, _reduxForm.reduxForm)({
-	  form: 'wizard',
-	  destroyOnUnmount: false,
-	  forceUnregisterOnUnmount: true,
-	  touchOnBlur: false,
-	  validate: _validate2.default
-	})(AdapterStep);
-
 /***/ },
 /* 119 */
 /***/ function(module, exports, __webpack_require__) {
@@ -20758,9 +20590,9 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
 	var _moment = __webpack_require__(22);
 	
@@ -20816,7 +20648,7 @@ module.exports =
 				    actions = _props.actions;
 	
 				if (!wizard.dataLoaded) {
-					(0, _loadData2.default)(step, wizard, change, formValues, actions);
+					(0, _initialize2.default)(step, wizard, change, formValues, actions);
 				}
 			}
 		}, {
@@ -21006,11 +20838,11 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
-	var _previewTabContent = __webpack_require__(61);
+	var _previewTabContent = __webpack_require__(63);
 	
 	var _CSSTransitionGroup = __webpack_require__(27);
 	
@@ -21020,7 +20852,7 @@ module.exports =
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
-	var _credSections = __webpack_require__(42);
+	var _credSections = __webpack_require__(43);
 	
 	var _credSections2 = _interopRequireDefault(_credSections);
 	
@@ -21058,7 +20890,12 @@ module.exports =
 	      });
 	      console.log(env, config);
 	      if (phase === 'start') {
-	        change(mode + 'Credentials', {});
+	        var c = formValues[mode + 'Credentials'];
+	        change(mode + 'Credentials', Object.assign({}, c, {
+	          credentialsJson: Object.assign({}, c && c.credentialsJson, {
+	            userName: '_' // this is for oauth DotDot
+	          })
+	        }));
 	      } else {
 	        actions.tryGetCredential(tenantId, accountId, config.type, config.credentials, env.name).then(function (c) {
 	          change(mode + 'Credentials', c);
@@ -21107,7 +20944,7 @@ module.exports =
 	          actions = _props2.actions;
 	
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	        (0, _initialize2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
 	  }, {
@@ -21141,6 +20978,7 @@ module.exports =
 	
 	      actions.callGetMetadata(tenantId, accountId, mode, step[mode + 'Provider'], config.metadataEndpoint, config.metadataApi, endpoint || '_blank', config.credentials, step.isFramework, credentials, env).then(function () {
 	        _this2.setState(_defineProperty({}, mode + 'EnvChecking', false));
+	        change(mode + 'Credentials', credentials);
 	      });
 	    }
 	  }, {
@@ -21267,21 +21105,45 @@ module.exports =
 	    value: function setCsvFields(metadata, mode, providerType) {
 	      this.props.actions.setCsvFields(metadata, mode, providerType);
 	    }
+	  }, {
+	    key: 'createCustomSettings',
+	    value: function createCustomSettings(mode) {
+	      var _props8 = this.props,
+	          wizard = _props8.wizard,
+	          step = _props8.step,
+	          inputs = _props8.inputs,
+	          formValues = _props8.formValues;
+	
+	      var config = step[mode + 'Config'];
+	      var customSettings = null;
+	      var POSTS = wizard[mode + 'Metadata'] && wizard[mode + 'Metadata'].filter(function (m) {
+	        return m.method === 'POST' || m.method === 'PUT';
+	      });
+	
+	      if (wizard[mode + 'Metadata'] && mode === 'source' && config.bidirectional && POSTS && POSTS.length > 0) {
+	        customSettings = _react2.default.createElement(CustomAdapterSettings, { provider: step[mode + 'Provider'],
+	          clickDirection: this.clickDirection, inputs: inputs });
+	      } else if (config.type === 'Salesforce') {
+	        customSettings = _react2.default.createElement(CustomSalesforceSettings, { inputs: inputs, formValues: formValues });
+	      }
+	
+	      return customSettings;
+	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
 	      var _this4 = this;
 	
-	      var _props8 = this.props,
-	          inputs = _props8.inputs,
-	          step = _props8.step,
-	          handleSubmit = _props8.handleSubmit,
-	          nav = _props8.nav,
-	          reset = _props8.reset,
-	          wizard = _props8.wizard,
-	          formValues = _props8.formValues,
-	          tenantKey = _props8.tenantKey,
-	          accountKey = _props8.accountKey;
+	      var _props9 = this.props,
+	          inputs = _props9.inputs,
+	          step = _props9.step,
+	          handleSubmit = _props9.handleSubmit,
+	          nav = _props9.nav,
+	          reset = _props9.reset,
+	          wizard = _props9.wizard,
+	          formValues = _props9.formValues,
+	          tenantKey = _props9.tenantKey,
+	          accountKey = _props9.accountKey;
 	
 	      var modes = ['source', 'destination'];
 	      var selectedProvider = this.state.selectedProvider;
@@ -21338,6 +21200,7 @@ module.exports =
 	              var isSelected = step[m + 'Provider'] === selectedProvider;
 	              var checking = _this4.state[m + 'EnvChecking'];
 	              var adapterSecret = wizard.savedCredentials && wizard.savedCredentials[m + 'AdapterSecret'] && wizard.savedCredentials[m + 'AdapterSecret'].credentials;
+	              var customSettings = _this4.createCustomSettings(m);
 	              return _react2.default.createElement(
 	                'div',
 	                { key: m, className: 'env-section' },
@@ -21379,23 +21242,26 @@ module.exports =
 	                  isSelected && _react2.default.createElement(
 	                    'div',
 	                    { className: 'env-creds' },
-	                    _react2.default.createElement(_credSections2.default, { config: step[m + 'Config'], checking: checking,
-	                      wizard: wizard, getOauthUrl: _this4.getOauthUrl.bind(_this4),
-	                      formValues: formValues, inputs: inputs, step: step,
-	                      generateNewAdapterSecret: _this4.generateNewAdapterSecret.bind(_this4),
-	                      clickDirection: _this4.clickDirection.bind(_this4),
-	                      seeFields: _this4.seeFields.bind(_this4),
-	                      check: function check(actualCreds) {
-	                        return _this4.check(m, null, actualCreds);
-	                      },
-	                      tenantKey: tenantKey, accountKey: accountKey,
-	                      setCsvFields: _this4.setCsvFields.bind(_this4),
-	                      creds: formValues[m + 'Credentials'],
-	                      envCheckResult: wizard[m + 'CheckResult'],
-	                      adapterSecret: adapterSecret,
-	                      checkOauthCreds: function checkOauthCreds(phase) {
-	                        return _this4.checkOauthCreds(phase, m);
-	                      } })
+	                    _react2.default.createElement(
+	                      _credSections2.default,
+	                      { config: step[m + 'Config'], checking: checking,
+	                        wizard: wizard, getOauthUrl: _this4.getOauthUrl.bind(_this4),
+	                        formValues: formValues, inputs: inputs,
+	                        generateNewAdapterSecret: _this4.generateNewAdapterSecret.bind(_this4),
+	                        seeFields: _this4.seeFields.bind(_this4),
+	                        check: function check(actualCreds) {
+	                          return _this4.check(m, null, actualCreds);
+	                        },
+	                        tenantKey: tenantKey, accountKey: accountKey,
+	                        setCsvFields: _this4.setCsvFields.bind(_this4),
+	                        creds: formValues[m + 'Credentials'],
+	                        envCheckResult: wizard[m + 'CheckResult'],
+	                        adapterSecret: adapterSecret,
+	                        checkOauthCreds: function checkOauthCreds(phase) {
+	                          return _this4.checkOauthCreds(phase, m);
+	                        } },
+	                      _react2.default.isValidElement(customSettings) ? _react2.default.cloneElement(customSettings) : null
+	                    )
 	                  )
 	                )
 	              );
@@ -21553,6 +21419,96 @@ module.exports =
 	  );
 	};
 	
+	var CustomSalesforceSettings = function (_Component2) {
+	  _inherits(CustomSalesforceSettings, _Component2);
+	
+	  function CustomSalesforceSettings() {
+	    _classCallCheck(this, CustomSalesforceSettings);
+	
+	    var _this5 = _possibleConstructorReturn(this, (CustomSalesforceSettings.__proto__ || Object.getPrototypeOf(CustomSalesforceSettings)).call(this));
+	
+	    _this5.state = {
+	      custom: false
+	    };
+	    return _this5;
+	  }
+	
+	  _createClass(CustomSalesforceSettings, [{
+	    key: 'componentWillMount',
+	    value: function componentWillMount() {
+	      var formValues = this.props.formValues;
+	
+	      if (formValues && formValues.batchSize) {
+	        this.setState({ custom: true });
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this6 = this;
+	
+	      var inputs = this.props.inputs;
+	      var Radio = inputs.Radio;
+	
+	
+	      return _react2.default.createElement(
+	        'div',
+	        { style: { marginTop: 23 } },
+	        _react2.default.createElement(
+	          'label',
+	          { className: 'labelz', style: { fontWeight: 'bold' } },
+	          'Bulk Upload Batch Size:'
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(Radio, { onChange: function onChange() {
+	            return _this6.setState({ custom: false });
+	          },
+	          label: 'Default Batch Size (10,000)',
+	          checked: this.state.custom === false,
+	          style: { cursor: 'pointer', fontWeight: 'normal' }
+	        }),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(Radio, { onChange: function onChange() {
+	            return _this6.setState({ custom: true });
+	          },
+	          label: 'Custom Batch Size',
+	          checked: this.state.custom === true,
+	          style: { cursor: 'pointer', fontWeight: 'normal' }
+	        }),
+	        this.state.custom === true && _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(_reduxForm.Field, { name: 'batchSize', type: 'number', component: inputs.rfInput,
+	            label: 'Set Batch Size:', placeholder: 'Number of Records' })
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return CustomSalesforceSettings;
+	}(_react.Component);
+	
+	var CustomAdapterSettings = function CustomAdapterSettings(_ref3) {
+	  var provider = _ref3.provider,
+	      clickDirection = _ref3.clickDirection,
+	      inputs = _ref3.inputs;
+	
+	  return _react2.default.createElement(
+	    'div',
+	    null,
+	    _react2.default.createElement('br', null),
+	    _react2.default.createElement(_reduxForm.Field, { name: 'direction', component: inputs.rfRadioGroup,
+	      label: 'Integration Direction',
+	      onClickOption: clickDirection,
+	      options: {
+	        'normal': 'Read Data from ' + provider,
+	        'reverse': 'Write Data to ' + provider
+	      }
+	    })
+	  );
+	};
+	
 	exports.default = (0, _reduxForm.reduxForm)({
 	  form: 'wizard',
 	  destroyOnUnmount: false,
@@ -21587,11 +21543,11 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
-	var _previewTabContent = __webpack_require__(61);
+	var _previewTabContent = __webpack_require__(63);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -21660,7 +21616,7 @@ module.exports =
 	          actions = _props2.actions;
 	
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	        (0, _initialize2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
 	  }, {
@@ -22061,9 +22017,9 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
 	var _CSSTransitionGroup = __webpack_require__(27);
 	
@@ -22114,7 +22070,7 @@ module.exports =
 	          actions = _props.actions;
 	
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	        (0, _initialize2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
 	  }, {
@@ -22286,23 +22242,23 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
-	var _groupNav = __webpack_require__(59);
+	var _groupNav = __webpack_require__(61);
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(117);
+	var _transformModal = __webpack_require__(118);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
-	var _mapAccordion = __webpack_require__(113);
+	var _mapAccordion = __webpack_require__(114);
 	
 	var _mapAccordion2 = _interopRequireDefault(_mapAccordion);
 	
-	var _mapTableRows = __webpack_require__(114);
+	var _mapTableRows = __webpack_require__(115);
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
@@ -22354,7 +22310,7 @@ module.exports =
 	          actions = _props.actions;
 	
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	        (0, _initialize2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
 	  }, {
@@ -22573,9 +22529,9 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -22605,7 +22561,7 @@ module.exports =
 	          actions = _props.actions;
 	
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	        (0, _initialize2.default)(step, wizard, change, formValues, actions);
 	      }
 	    }
 	  }, {
@@ -22910,9 +22866,9 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -23003,7 +22959,7 @@ module.exports =
 	
 	      if (!wizard.dataLoaded) {
 	        (function () {
-	          (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	          (0, _initialize2.default)(step, wizard, change, formValues, actions);
 	          var scenario = formValues['scenario'];
 	          if (scenario && !(step.options && step.options.find(function (o) {
 	            return o.id === scenario;
@@ -23166,23 +23122,23 @@ module.exports =
 	
 	var _navButtons2 = _interopRequireDefault(_navButtons);
 	
-	var _loadData = __webpack_require__(11);
+	var _initialize = __webpack_require__(11);
 	
-	var _loadData2 = _interopRequireDefault(_loadData);
+	var _initialize2 = _interopRequireDefault(_initialize);
 	
-	var _schemaAccordion = __webpack_require__(116);
+	var _schemaAccordion = __webpack_require__(117);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
-	var _groupNav = __webpack_require__(59);
+	var _groupNav = __webpack_require__(61);
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _connectModal = __webpack_require__(112);
+	var _connectModal = __webpack_require__(113);
 	
 	var _connectModal2 = _interopRequireDefault(_connectModal);
 	
-	var _bundleTable = __webpack_require__(111);
+	var _bundleTable = __webpack_require__(112);
 	
 	var _bundleTable2 = _interopRequireDefault(_bundleTable);
 	
@@ -23241,7 +23197,7 @@ module.exports =
 	
 	      var isReverse = formValues.direction === 'reverse';
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions, isReverse);
+	        (0, _initialize2.default)(step, wizard, change, formValues, actions, isReverse);
 	      }
 	      if (formValues['resourceGroups']) {
 	        var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
@@ -23726,7 +23682,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _nestExpand = __webpack_require__(60);
+	var _nestExpand = __webpack_require__(62);
 	
 	var _nestExpand2 = _interopRequireDefault(_nestExpand);
 	
@@ -23840,7 +23796,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _saveData2 = __webpack_require__(62);
+	var _saveData2 = __webpack_require__(28);
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
@@ -24274,9 +24230,9 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _reactRedux = __webpack_require__(74);
+	var _reactRedux = __webpack_require__(75);
 	
-	var _accountStep = __webpack_require__(110);
+	var _accountStep = __webpack_require__(111);
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
@@ -24312,10 +24268,6 @@ module.exports =
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(118);
-	
-	var _adapterStep2 = _interopRequireDefault(_adapterStep);
-	
 	var _scenarioStep = __webpack_require__(127);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
@@ -24324,7 +24276,7 @@ module.exports =
 	
 	var _envStep2 = _interopRequireDefault(_envStep);
 	
-	var _saveData2 = __webpack_require__(62);
+	var _saveData2 = __webpack_require__(28);
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
@@ -24378,7 +24330,6 @@ module.exports =
 	      map: _mapStep2.default,
 	      preview: _previewStep2.default,
 	      deploy: _deployStep2.default,
-	      adapter: _adapterStep2.default,
 	      name: _nameStep2.default,
 	      scenario: _scenarioStep2.default,
 	      env: _envStep2.default
@@ -24620,9 +24571,9 @@ module.exports =
 	
 	var _redux = __webpack_require__(219);
 	
-	var _reactRedux = __webpack_require__(74);
+	var _reactRedux = __webpack_require__(75);
 	
-	var _wizard = __webpack_require__(109);
+	var _wizard = __webpack_require__(110);
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
@@ -24861,11 +24812,11 @@ module.exports =
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var getKeys  = __webpack_require__(33)
+	var getKeys  = __webpack_require__(34)
 	  , gOPS     = __webpack_require__(153)
 	  , pIE      = __webpack_require__(155)
-	  , toObject = __webpack_require__(36)
-	  , IObject  = __webpack_require__(31)
+	  , toObject = __webpack_require__(37)
+	  , IObject  = __webpack_require__(32)
 	  , $assign  = Object.assign;
 	
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -24969,9 +24920,9 @@ module.exports =
 	 */
 	
 	try {
-	  var index = __webpack_require__(66);
+	  var index = __webpack_require__(67);
 	} catch (err) {
-	  var index = __webpack_require__(66);
+	  var index = __webpack_require__(67);
 	}
 	
 	/**
@@ -25646,7 +25597,7 @@ module.exports =
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
-	var _getOffsetParent = __webpack_require__(67);
+	var _getOffsetParent = __webpack_require__(68);
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
@@ -25727,7 +25678,7 @@ module.exports =
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
-	var _getOffsetParent = __webpack_require__(67);
+	var _getOffsetParent = __webpack_require__(68);
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
@@ -26061,9 +26012,9 @@ module.exports =
 
 /***/ },
 /* 178 */
-55,
+57,
 /* 179 */
-55,
+57,
 /* 180 */,
 /* 181 */,
 /* 182 */
@@ -26364,7 +26315,7 @@ module.exports =
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
-	var _addEventListener = __webpack_require__(70);
+	var _addEventListener = __webpack_require__(71);
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
@@ -26560,7 +26511,7 @@ module.exports =
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
-	var _util = __webpack_require__(68);
+	var _util = __webpack_require__(69);
 	
 	var _util2 = _interopRequireDefault(_util);
 	
@@ -26898,7 +26849,7 @@ module.exports =
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
-	var _util = __webpack_require__(68);
+	var _util = __webpack_require__(69);
 	
 	var _util2 = _interopRequireDefault(_util);
 	
@@ -27559,7 +27510,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _defineProperty2 = __webpack_require__(63);
+	var _defineProperty2 = __webpack_require__(64);
 	
 	var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 	
@@ -27579,7 +27530,7 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	var _classnames = __webpack_require__(38);
+	var _classnames = __webpack_require__(39);
 	
 	var _classnames2 = _interopRequireDefault(_classnames);
 	
@@ -27753,7 +27704,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _defineProperty2 = __webpack_require__(63);
+	var _defineProperty2 = __webpack_require__(64);
 	
 	var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 	
@@ -27765,7 +27716,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _classnames3 = __webpack_require__(38);
+	var _classnames3 = __webpack_require__(39);
 	
 	var _classnames4 = _interopRequireDefault(_classnames3);
 	
@@ -28282,7 +28233,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _extends2 = __webpack_require__(44);
+	var _extends2 = __webpack_require__(46);
 	
 	var _extends3 = _interopRequireDefault(_extends2);
 	
@@ -28306,7 +28257,7 @@ module.exports =
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
-	var _LazyRenderBox = __webpack_require__(69);
+	var _LazyRenderBox = __webpack_require__(70);
 	
 	var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
 	
@@ -28517,7 +28468,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _LazyRenderBox = __webpack_require__(69);
+	var _LazyRenderBox = __webpack_require__(70);
 	
 	var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
 	
@@ -28570,7 +28521,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _extends2 = __webpack_require__(44);
+	var _extends2 = __webpack_require__(46);
 	
 	var _extends3 = _interopRequireDefault(_extends2);
 	
@@ -28586,7 +28537,7 @@ module.exports =
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
-	var _addEventListener = __webpack_require__(70);
+	var _addEventListener = __webpack_require__(71);
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
@@ -29077,7 +29028,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _extends2 = __webpack_require__(44);
+	var _extends2 = __webpack_require__(46);
 	
 	var _extends3 = _interopRequireDefault(_extends2);
 	
@@ -29264,13 +29215,13 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(40);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
 	var _reactDom = __webpack_require__(10);
 	
-	var _PropTypes = __webpack_require__(73);
+	var _PropTypes = __webpack_require__(74);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -29488,7 +29439,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(40);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
@@ -29805,7 +29756,7 @@ module.exports =
 	});
 	exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
 	
-	var _inDOM = __webpack_require__(72);
+	var _inDOM = __webpack_require__(73);
 	
 	var _inDOM2 = _interopRequireDefault(_inDOM);
 	
@@ -29919,7 +29870,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _inDOM = __webpack_require__(72);
+	var _inDOM = __webpack_require__(73);
 	
 	var _inDOM2 = _interopRequireDefault(_inDOM);