@lingk/sync 0.1.54 → 0.1.56

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(124);
+	module.exports = __webpack_require__(125);
 
 
 /***/ },
@@ -335,7 +335,7 @@ module.exports =
 	                    provider: resourceProvider
 	                  }, deNestedJoinKey.property && { joinKeyName: deNestedJoinKey.property }, deNestedJoinKey.parentsArray && deNestedJoinKey.parentsArray.length > 0 && { joinKeyParents: deNestedJoinKey.parentsArray }, deNestedPrimaryKey.property && { primaryKeyName: deNestedPrimaryKey.property }, deNestedPrimaryKey.parentsArray && deNestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: deNestedPrimaryKey.parentsArray }, {
 	                    joinType: rsc.joinType || 'LEFT JOIN'
-	                  }));
+	                  }, rscResource.parentRef && { parentRef: rscResource.parentRef }));
 	                }
 	              }); // end bundle.resource.forEach
 	
@@ -480,7 +480,16 @@ 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 = '';
@@ -720,7 +729,7 @@ module.exports =
 	
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 	
-	var _propertyUtils = __webpack_require__(167);
+	var _propertyUtils = __webpack_require__(168);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -1317,9 +1326,6 @@ module.exports =
 	  }
 	
 	  _createClass(SelectWrapper, [{
-	    key: 'componentDidMount',
-	    value: function componentDidMount() {}
-	  }, {
 	    key: 'expand',
 	    value: function expand(v, parents) {
 	      this.setState({ expanded: _nestExpand2.default.expand(v, parents, this.state.expanded) });
@@ -1583,7 +1589,7 @@ module.exports =
 	} else {
 	  // By explicitly using `prop-types` you are opting into new production behavior.
 	  // http://fb.me/prop-types-in-prod
-	  module.exports = __webpack_require__(173)();
+	  module.exports = __webpack_require__(174)();
 	}
 
 
@@ -1605,11 +1611,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _TransitionGroup = __webpack_require__(200);
+	var _TransitionGroup = __webpack_require__(201);
 	
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 	
-	var _CSSTransitionGroupChild = __webpack_require__(199);
+	var _CSSTransitionGroupChild = __webpack_require__(200);
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
@@ -1701,16 +1707,15 @@ module.exports =
 	var SET_WIZARD_TRIGGER = exports.SET_WIZARD_TRIGGER = 'SET_WIZARD_TRIGGER';
 	var SET_WIZARD_LOADED = exports.SET_WIZARD_LOADED = 'SET_WIZARD_LOADED';
 	var SET_WIZARD_DATA_LOADED = exports.SET_WIZARD_DATA_LOADED = 'SET_WIZARD_DATA_LOADED';
-	var START_ENV_CHECK = exports.START_ENV_CHECK = 'START_ENV_CHECK';
-	var FINISH_ENV_CHECK = exports.FINISH_ENV_CHECK = 'FINISH_ENV_CHECK';
-	var START_PREVIEW = exports.START_PREVIEW = 'START_PREVIEW';
-	var FINISH_PREVIEW = exports.FINISH_PREVIEW = 'FINISH_PREVIEW';
-	var START_GET_SCENARIO = exports.START_GET_SCENARIO = 'START_GET_SCENARIO';
-	var FINISH_GET_SCENARIO = exports.FINISH_GET_SCENARIO = 'FINISH_GET_SCENARIO';
-	var CLEAR_WIZARD = exports.CLEAR_WIZARD = 'CLEAR_WIZARD';
-	var SET_OAUTH_URL = exports.SET_OAUTH_URL = 'SET_OAUTH_URL';
-	var GETTING_OAUTH_URL = exports.GETTING_OAUTH_URL = 'GETTING_OAUTH_URL';
+	var START_WIZARD_ENV_CHECK = exports.START_WIZARD_ENV_CHECK = 'START_WIZARD_ENV_CHECK';
+	var FINISH_WIZARD_ENV_CHECK = exports.FINISH_WIZARD_ENV_CHECK = 'FINISH_WIZARD_ENV_CHECK';
+	var START_WIZARD_GET_SCENARIO = exports.START_WIZARD_GET_SCENARIO = 'START_WIZARD_GET_SCENARIO';
+	var FINISH_WIZARD_GET_SCENARIO = exports.FINISH_WIZARD_GET_SCENARIO = 'FINISH_WIZARD_GET_SCENARIO';
+	var SET_WIZARD_OAUTH_URL = exports.SET_WIZARD_OAUTH_URL = 'SET_WIZARD_OAUTH_URL';
+	var GETTING_WIZARD_OAUTH_URL = exports.GETTING_WIZARD_OAUTH_URL = 'GETTING_WIZARD_OAUTH_URL';
 	var SET_WIZARD_SAVED_CREDENTIALS = exports.SET_WIZARD_SAVED_CREDENTIALS = 'SET_WIZARD_SAVED_CREDENTIALS';
+	
+	var CLEAR_WIZARD = exports.CLEAR_WIZARD = 'CLEAR_WIZARD';
 
 /***/ },
 /* 41 */
@@ -1720,7 +1725,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(126);
+	var _assign = __webpack_require__(127);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -2036,7 +2041,8 @@ module.exports =
 	    }
 	  }, {
 	    key: 'addDefaultResourceGroup',
-	    value: function addDefaultResourceGroup(v, selectIdx, id, section) {
+	    value: function addDefaultResourceGroup(v, selectIdx, newGroup) {
+	      var section = newGroup.section;
 	      var _props = this.props,
 	          addGroup = _props.addGroup,
 	          resourceGroups = _props.resourceGroups,
@@ -2060,7 +2066,7 @@ module.exports =
 	      if (!(resourceGroups && resourceGroups.length === 0)) {
 	        this.go(false, finalIndex);
 	      }
-	      addGroup(v, finalIndex, id, section);
+	      addGroup(v, finalIndex, newGroup);
 	    }
 	  }, {
 	    key: 'pickEntity',
@@ -2072,7 +2078,7 @@ module.exports =
 	    }
 	  }, {
 	    key: 'addDefaultEntity',
-	    value: function addDefaultEntity(groupIndex, v, rscIndex, section, rtid, parentRef) {
+	    value: function addDefaultEntity(v, rscIndex, entity, groupIndex) {
 	      var _this3 = this;
 	
 	      var resourceGroups = this.props.resourceGroups;
@@ -2086,7 +2092,7 @@ module.exports =
 	        }, 40);
 	      }
 	
-	      this.props.addDefaultEntity(groupIndex, v, rscIndex, section, rtid, parentRef);
+	      this.props.addDefaultEntity(v, rscIndex, entity, groupIndex);
 	    }
 	  }, {
 	    key: 'unPick',
@@ -2383,8 +2389,18 @@ module.exports =
 	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.
 	
-	function saveData(resourceGroups, providers, sourceMetadata, destinationMetadata, sourceEndpoint) {
+	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
+	
+	**************************/
+	
+	function saveData(resourceGroups, targetProvider, sourceMetadata, destinationMetadata, sourceEndpoint) {
 	  var bundles = resourceGroups || [];
 	  var mappings = [];
 	  var endpoints = {};
@@ -2395,7 +2411,7 @@ module.exports =
 	    }) : group;
 	    group.name = destinationResource.type;
 	    group.resourceLabel = destinationResource.name;
-	    group.provider = providers['destination'].toLowerCase();
+	    group.provider = targetProvider.toLowerCase();
 	    if (destinationResource.recordTypeId) {
 	      group.recordTypeId = destinationResource.recordTypeId;
 	    }
@@ -2432,7 +2448,7 @@ module.exports =
 	      var sourceKeyResourceProvider = group.resources.find(function (r) {
 	        return r.name === group.sourceKeysObjects[i];
 	      }).provider;
-	      var dataSourceMetadata = sourceKeyResourceProvider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	      var dataSourceMetadata = sourceKeyResourceProvider === targetProvider ? destinationMetadata : sourceMetadata;
 	      var sourceResource = dataSourceMetadata.find(function (metaRsc) {
 	        return metaRsc.name === group.sourceKeysObjects[i];
 	      });
@@ -2480,7 +2496,7 @@ module.exports =
 	                var transConcatSourceResourceProvider = group.resources.find(function (r) {
 	                  return r.name === s[0];
 	                }).provider;
-	                var transConcatSourceMetadata = transConcatSourceResourceProvider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	                var transConcatSourceMetadata = transConcatSourceResourceProvider === targetProvider ? destinationMetadata : sourceMetadata;
 	                var transConcatSourceResource = transConcatSourceMetadata.find(function (rsc) {
 	                  return rsc.name === s[0];
 	                });
@@ -2525,7 +2541,7 @@ module.exports =
 	      group.resources = group.resources.map(function (rsc) {
 	
 	        //get resource source (check both metadatas)
-	        var dataSourceMetadata = rsc.provider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	        var dataSourceMetadata = rsc.provider === targetProvider ? destinationMetadata : sourceMetadata;
 	        var sourceResource = dataSourceMetadata.find(function (metaRsc) {
 	          return metaRsc.name === rsc.name;
 	        });
@@ -2537,7 +2553,7 @@ module.exports =
 	        }
 	
 	        //get first resource in bundle (for primaryKeyName)
-	        var primaryDataSourceMetadata = group.resources[0].provider === providers['destination'] ? destinationMetadata : sourceMetadata;
+	        var primaryDataSourceMetadata = group.resources[0].provider === targetProvider ? destinationMetadata : sourceMetadata;
 	        var primarySourceResource = primaryDataSourceMetadata.find(function (metaRsc) {
 	          return metaRsc.name === group.resources[0].name;
 	        });
@@ -2556,7 +2572,9 @@ module.exports =
 	          }, nestedPrimaryKey.parentsArray && nestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: nestedPrimaryKey.parentsArray }, {
 	            provider: rsc.provider.toLowerCase() + 'Reader',
 	            joinType: rsc.joinType
-	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId });
+	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId }, rsc.parameterFilters && { parameterFilters: rsc.parameterFilters.filter(function (pf) {
+	              return pf.val;
+	            }) });
 	        } else return null;
 	      });
 	    }
@@ -2611,7 +2629,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(127);
+	var _defineProperty = __webpack_require__(128);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -2746,7 +2764,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(129);
+	var _objectWithoutProperties2 = __webpack_require__(130);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -4582,7 +4600,7 @@ module.exports =
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(172);
+	var _objectAssign = __webpack_require__(173);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -4932,17 +4950,14 @@ module.exports =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
-	exports.getMetadataFromEnvStep = getMetadataFromEnvStep;
-	exports.callCheckConnection = callCheckConnection;
-	exports.callCheckConnectionForProvider = callCheckConnectionForProvider;
+	exports.callGetMetadata = callGetMetadata;
+	exports.tryCheckConnection = tryCheckConnection;
 	exports.callGetProviderMetadata = callGetProviderMetadata;
 	exports.getOauthUrl = getOauthUrl;
 	exports.createLingkExternalIds = createLingkExternalIds;
-	exports.callTest = callTest;
 	exports.callAddCustomField = callAddCustomField;
 	exports.gotEmptyScenario = gotEmptyScenario;
 	exports.callGetScenario = callGetScenario;
-	exports.callPreviewIntegration = callPreviewIntegration;
 	exports.callGetScenarioList = callGetScenarioList;
 	exports.callCreateScenario = callCreateScenario;
 	exports.callUpdateScenarioList = callUpdateScenarioList;
@@ -4958,12 +4973,13 @@ module.exports =
 	exports.callDeployTrigger = callDeployTrigger;
 	exports.callInit = callInit;
 	exports.callGetPiConfig = callGetPiConfig;
+	exports.tryGetMetadataIntro = tryGetMetadataIntro;
+	exports.callGetCredentials = callGetCredentials;
+	exports.tryGetCredentials = tryGetCredentials;
 	exports.tryGetMetadata = tryGetMetadata;
 	exports.callGetBundles = callGetBundles;
 	exports.callGetMapping = callGetMapping;
 	exports.postCredentials = postCredentials;
-	exports.callGetCredentials = callGetCredentials;
-	exports.tryGetCredentials = tryGetCredentials;
 	exports.callGetTrigger = callGetTrigger;
 	exports.setWizardLoaded = setWizardLoaded;
 	exports.setWizardDataLoaded = setWizardDataLoaded;
@@ -4983,82 +4999,55 @@ module.exports =
 	
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 	
-	// runs when "checkconnection" is clicked in environment step
-	function getMetadataFromEnvStep(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, creds) {
+	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig, isFramework) {
 	  return function (dispatch) {
-	    if (urlSuffix) {
-	      dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType));
-	    }
-	    if (endpoint && endpoint.length > 8) {
-	      //dont check if its just https://
-	      dispatch(callCheckConnection(tenantId, appId, endpoint, mode, providerType, creds));
-	    }
-	  };
-	}
-	
-	function callCheckConnection(tenantId, appId, url, mode, providerType, creds) {
-	  return function (dispatch, getState, api) {
 	    dispatch({
-	      type: types.START_ENV_CHECK,
+	      type: types.START_WIZARD_ENV_CHECK,
 	      mode: mode
 	    });
-	    return dispatch(callCheckConnectionForProvider(tenantId, appId, url, mode, providerType, creds)).then(function (res) {
+	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework)).then(function (r) {
+	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint));
+	    }).then(function (res) {
 	      dispatch({
-	        type: types.FINISH_ENV_CHECK,
+	        type: types.FINISH_WIZARD_ENV_CHECK,
 	        data: { res: res, mode: mode, code: '200 OK', providerType: providerType }
 	      });
 	    }).catch(function (err) {
 	      dispatch({
-	        type: types.FINISH_ENV_CHECK,
+	        type: types.FINISH_WIZARD_ENV_CHECK,
 	        data: { res: null, mode: mode, code: '404 Error', providerType: providerType }
 	      });
 	    });
 	  };
 	}
 	
-	function callCheckConnectionForProvider(tenantId, appId, url, mode, providerType, creds) {
+	function tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework) {
 	  return function (dispatch, getState, api) {
+	    var needsCredentials = credsConfig && credsConfig.length > 0 && credsConfig[0] !== 'Oauth';
+	
 	    var _getState = getState(),
 	        config = _getState.config;
 	
-	    if (creds && creds.Token) {
-	      // if creds exist, check connection
-	      return api.post(tenantId + '/' + appId + '/testconnection/canvas', {
+	    if (needsCredentials && !isFramework) {
+	      return api.post(tenantId + '/' + appId + '/testconnection/' + providerType.toLowerCase(), {
 	        endpoint: config.TRANS_API_URL
 	      });
-	    } else {
-	      // else just check for adapter connection
-	      return api.get(tenantId + '/' + appId + '/testconnection?url=' + url, {
-	        endpoint: config.TRANS_API_URL
-	      });
-	    }
+	    } else return Promise.resolve(null);
 	  };
 	}
 	
-	function callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType) {
+	function callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint) {
 	  return function (dispatch, getState, api) {
-	    dispatch({
-	      type: types.START_ENV_CHECK,
-	      mode: mode
-	    });
-	
 	    var _getState2 = getState(),
 	        config = _getState2.config;
+	    // 'testconnection ' GET route is for adapter only. Should be called 'metadata/adapter'
+	
 	
+	    if (urlSuffix === 'testconnection') {
+	      urlSuffix = 'testconnection?url=' + endpoint;
+	    }
 	    return api.get(tenantId + '/' + appId + '/' + urlSuffix, {
 	      endpoint: config[apiUrl]
-	    }).then(function (res) {
-	      dispatch({
-	        type: types.FINISH_ENV_CHECK,
-	        data: { res: res, mode: mode, code: '200 OK', providerType: providerType }
-	      });
-	      return true;
-	    }).catch(function (err) {
-	      console.log(err);
-	      dispatch({
-	        type: types.FINISH_ENV_CHECK,
-	        data: { res: null, mode: mode, code: '404 Error' }
-	      });
 	    });
 	  };
 	}
@@ -5066,7 +5055,7 @@ module.exports =
 	function getOauthUrl(tenantId, appId, typeGuid, orgType, mode) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
-	      type: types.GETTING_OAUTH_URL,
+	      type: types.GETTING_WIZARD_OAUTH_URL,
 	      bool: true,
 	      mode: mode
 	    });
@@ -5078,7 +5067,7 @@ module.exports =
 	      endpoint: config.SF_AGENT_API_URL
 	    }).then(function (data) {
 	      dispatch({
-	        type: types.SET_OAUTH_URL,
+	        type: types.SET_WIZARD_OAUTH_URL,
 	        data: data.url
 	      });
 	    }).catch(function (err) {
@@ -5133,19 +5122,6 @@ module.exports =
 	  };
 	}
 	
-	function asyncFunction(v, callback) {
-	  setTimeout(function () {
-	    return callback(v * 2);
-	  }, 1000);
-	}
-	function callTest(v, completedCallback) {
-	  return new Promise(function (resolve) {
-	    return asyncFunction(v, function (r) {
-	      return resolve(r * 2);
-	    });
-	  });
-	}
-	
 	function callAddCustomField(tenantId, appId, objectType, fieldName, completedCallback) {
 	  return function (dispatch, getState, api) {
 	    var _getState5 = getState(),
@@ -5167,7 +5143,7 @@ module.exports =
 	function gotEmptyScenario() {
 	  return function (dispatch) {
 	    dispatch({
-	      type: types.FINISH_GET_SCENARIO
+	      type: types.FINISH_WIZARD_GET_SCENARIO
 	    });
 	    dispatch({
 	      type: types.SET_WIZARD_SAVED_BUNDLES,
@@ -5183,13 +5159,13 @@ module.exports =
 	function callGetScenario(magicNumber, bundleGuid, mappingGuid, completedCallback) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
-	      type: types.START_GET_SCENARIO
+	      type: types.START_WIZARD_GET_SCENARIO
 	    });
 	    var tenantId = magicNumber;
 	    var accountId = magicNumber;
 	    return Promise.all([dispatch(callGetBundles(tenantId, accountId, bundleGuid)), dispatch(callGetMapping(tenantId, accountId, mappingGuid))]).then(function (res) {
 	      dispatch({
-	        type: types.FINISH_GET_SCENARIO
+	        type: types.FINISH_WIZARD_GET_SCENARIO
 	      });
 	      completedCallback();
 	    }).catch(function (err) {
@@ -5199,31 +5175,11 @@ module.exports =
 	  };
 	}
 	
-	function callPreviewIntegration(tenantId, appId, url) {
+	function callGetScenarioList(tenantId, appId, typeGuid) {
 	  return function (dispatch, getState, api) {
-	    dispatch({
-	      type: types.START_PREVIEW
-	    });
-	
 	    var _getState6 = getState(),
 	        config = _getState6.config;
 	
-	    return api.get(tenantId + '/' + appId + '/previewintegration?url=' + url, {
-	      endpoint: config.TRANS_API_URL
-	    }).then(function (res) {
-	      dispatch({
-	        type: types.FINISH_PREVIEW,
-	        data: res
-	      });
-	    });
-	  };
-	}
-	
-	function callGetScenarioList(tenantId, appId, typeGuid) {
-	  return function (dispatch, getState, api) {
-	    var _getState7 = getState(),
-	        config = _getState7.config;
-	
 	    return api.get(tenantId + '/' + appId + '/scenarios/' + typeGuid, {
 	      endpoint: config.TRANS_API_URL
 	    });
@@ -5232,8 +5188,8 @@ module.exports =
 	
 	function callCreateScenario(tenantId, appId, data) {
 	  return function (dispatch, getState, api) {
-	    var _getState8 = getState(),
-	        config = _getState8.config;
+	    var _getState7 = getState(),
+	        config = _getState7.config;
 	
 	    return api.post(tenantId + '/' + appId + '/scenario', {
 	      endpoint: config.TRANS_API_URL,
@@ -5244,8 +5200,8 @@ module.exports =
 	
 	function callUpdateScenarioList(tenantId, appId, typeGuid, scenarioIds) {
 	  return function (dispatch, getState, api) {
-	    var _getState9 = getState(),
-	        config = _getState9.config;
+	    var _getState8 = getState(),
+	        config = _getState8.config;
 	
 	    return api.post(tenantId + '/' + appId + '/scenarios/' + typeGuid, {
 	      endpoint: config.TRANS_API_URL,
@@ -5258,8 +5214,8 @@ module.exports =
 	
 	function callPostBundles(tenantId, appId, bundles) {
 	  return function (dispatch, getState, api) {
-	    var _getState10 = getState(),
-	        config = _getState10.config;
+	    var _getState9 = getState(),
+	        config = _getState9.config;
 	
 	    var data = { bundles: bundles };
 	    return api.post(tenantId + '/' + appId + '/bundle', {
@@ -5273,8 +5229,8 @@ module.exports =
 	
 	function callPostMapping(tenantId, appId, mappings) {
 	  return function (dispatch, getState, api) {
-	    var _getState11 = getState(),
-	        config = _getState11.config;
+	    var _getState10 = getState(),
+	        config = _getState10.config;
 	
 	    var data = { mappings: mappings };
 	    return api.post(tenantId + '/' + appId + '/schemamappings', {
@@ -5288,8 +5244,8 @@ module.exports =
 	
 	function callPostProductizedIntegration(tenantId, appId, schemaMappingGuid, bundlePackGuid, configuration, title, typeGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState12 = getState(),
-	        config = _getState12.config;
+	    var _getState11 = getState(),
+	        config = _getState11.config;
 	
 	    var data = {
 	      schemaMappingGuid: schemaMappingGuid,
@@ -5309,8 +5265,8 @@ module.exports =
 	
 	function callUpdateProductizedIntegration(tenantId, appId, schemaMappingGuid, bundlePackGuid, configuration, title, typeGuid, piGuid) {
 	  return function (dispatch, getState, api) {
-	    var _getState13 = getState(),
-	        config = _getState13.config;
+	    var _getState12 = getState(),
+	        config = _getState12.config;
 	
 	    var data = {
 	      schemaMappingGuid: schemaMappingGuid,
@@ -5330,8 +5286,8 @@ module.exports =
 	
 	function callGenerateRecipe(tenantId, appId, typeId, typeGuid, title, piGuid, mappingGuid, sourceMetadata, destinationMetadata, isManagedPackage) {
 	  return function (dispatch, getState, api) {
-	    var _getState14 = getState(),
-	        config = _getState14.config;
+	    var _getState13 = getState(),
+	        config = _getState13.config;
 	
 	    return api.post(tenantId + '/' + appId + '/productizedintegrations/' + piGuid + '/generate', {
 	      endpoint: config.TRANS_API_URL,
@@ -5387,8 +5343,8 @@ module.exports =
 	
 	function callExecuteTransformer(transId) {
 	  return function (dispatch, getState, api) {
-	    var _getState15 = getState(),
-	        config = _getState15.config;
+	    var _getState14 = getState(),
+	        config = _getState14.config;
 	
 	    var query = '';
 	    var d = new Date();
@@ -5412,8 +5368,8 @@ module.exports =
 	
 	function callLookupLogData(externalExecutionId, index, onFinish, generatedRecipe, pi) {
 	  return function (dispatch, getState, api) {
-	    var _getState16 = getState(),
-	        config = _getState16.config;
+	    var _getState15 = getState(),
+	        config = _getState15.config;
 	
 	    return api.get('logs/transformers/externalExecutionId/' + externalExecutionId, {
 	      endpoint: config.TRANS_API_URL
@@ -5456,8 +5412,8 @@ module.exports =
 	    };
 	  }
 	  return function (dispatch, getState, api) {
-	    var _getState17 = getState(),
-	        config = _getState17.config;
+	    var _getState16 = getState(),
+	        config = _getState16.config;
 	
 	    return api.post('createtrigger', {
 	      endpoint: config.TRANS_API_URL,
@@ -5470,8 +5426,8 @@ module.exports =
 	
 	function callDeployTrigger(generatedRecipe, pi, onFinish) {
 	  return function (dispatch, getState, api) {
-	    var _getState18 = getState(),
-	        config = _getState18.config;
+	    var _getState17 = getState(),
+	        config = _getState17.config;
 	
 	    return api.put('transformer/deploy/' + generatedRecipe.Id, {
 	      endpoint: config.TRANS_API_URL,
@@ -5486,13 +5442,14 @@ module.exports =
 	
 	/* LOADING PROCESS */
 	
-	function callInit(tenantId, accountId, piGuid, providers, metadataEndpoints) {
+	function callInit(tenantId, accountId, piGuid, wiz) {
+	  //"wiz" is the full piType configuration, with providers and scenarios
 	  return function (dispatch, getState, api) {
 	    dispatch({
 	      type: types.SET_WIZARD_LOADED,
 	      bool: false
 	    });
-	    dispatch(callGetPiConfig(tenantId, accountId, piGuid, providers, metadataEndpoints)).then(function () {
+	    dispatch(callGetPiConfig(tenantId, accountId, piGuid, wiz)).then(function () {
 	      setTimeout(function () {
 	        dispatch({
 	          type: types.SET_WIZARD_LOADED,
@@ -5503,66 +5460,104 @@ module.exports =
 	  };
 	}
 	
-	function callGetPiConfig(tenantId, accountId, piGuid, providers, metadataEndpoints) {
-	  // a wizard config already exists
-	  var source = metadataEndpoints.source,
-	      sourceApi = metadataEndpoints.sourceApi,
-	      destination = metadataEndpoints.destination,
-	      destinationApi = metadataEndpoints.destinationApi;
-	  var skipSourceEnv = providers.skipSourceEnv,
-	      skipDestinationEnv = providers.skipDestinationEnv;
+	function callGetPiConfig(tenantId, accountId, piGuid, wiz) {
+	  var source = wiz.source,
+	      destination = wiz.destination;
 	
 	
 	  if (piGuid && piGuid !== '_') {
 	    return function (dispatch, getState, api) {
-	      var _getState19 = getState(),
-	          config = _getState19.config;
+	      var _getState18 = getState(),
+	          config = _getState18.config;
 	
 	      return api.get(tenantId + '/' + accountId + '/productizedintegration/' + piGuid, {
 	        endpoint: config.TRANS_API_URL
 	      }).then(function (pi) {
-	        var config = pi.configuration;
-	        config['title'] = pi.name;
+	        var piconfig = pi.configuration;
+	        piconfig['title'] = pi.name;
 	        var savedSourceEndpoint = null;
 	        var savedDestinationEndpoint = null;
-	        if (config.hasOwnProperty('sourceEndpoint')) {
-	          savedSourceEndpoint = config.sourceEndpoint;
+	        if (piconfig.hasOwnProperty('sourceEndpoint')) {
+	          savedSourceEndpoint = piconfig.sourceEndpoint;
 	        }
-	        if (config.hasOwnProperty('destinationEndpoint')) {
-	          savedDestinationEndpoint = config.destinationEndpoint;
+	        if (piconfig.hasOwnProperty('destinationEndpoint')) {
+	          savedDestinationEndpoint = piconfig.destinationEndpoint;
 	        }
 	        dispatch({
 	          type: types.SET_WIZARD_SAVED_CONFIGURATION,
-	          data: config
+	          data: piconfig
 	        });
-	        return Promise.all([dispatch(tryGetMetadata(tenantId, accountId, 'source', providers.source, source, sourceApi, savedSourceEndpoint, skipSourceEnv)), dispatch(tryGetMetadata(tenantId, accountId, 'destination', providers.destination, destination, destinationApi, savedDestinationEndpoint, skipDestinationEnv)), dispatch(callGetMapping(tenantId, accountId, pi.schemaMappingGuid)), dispatch(callGetBundles(tenantId, accountId, pi.bundlePackGuid)), dispatch(callGetCredentials(tenantId, accountId, providers)), dispatch(callGetTrigger(pi.transformerBaseId))]);
+	        return Promise.all([dispatch(callGetMapping(tenantId, accountId, pi.schemaMappingGuid)), dispatch(callGetBundles(tenantId, accountId, pi.bundlePackGuid)), dispatch(callGetCredentials(tenantId, accountId, wiz)), dispatch(tryGetMetadata(tenantId, accountId, 'source', source, savedSourceEndpoint)), dispatch(tryGetMetadata(tenantId, accountId, 'destination', destination, savedDestinationEndpoint)), dispatch(callGetTrigger(pi.transformerBaseId))]);
 	      });
 	    };
 	  } else return function (dispatch) {
 	    // FIRST TIME!
-	    return Promise.all([dispatch(tryGetMetadata(tenantId, accountId, 'source', providers.source, source, sourceApi, null, skipSourceEnv)), dispatch(tryGetMetadata(tenantId, accountId, 'destination', providers.destination, destination, destinationApi, null, skipDestinationEnv))]);
+	    return Promise.all([dispatch(tryGetMetadataIntro(tenantId, accountId, 'source', source)), dispatch(tryGetMetadataIntro(tenantId, accountId, 'destination', destination))]);
 	  };
 	}
 	
-	// this function runs when wizard first loads
-	function tryGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, savedEndpoint, skipEnvStep) {
-	  // if its first time AND there is no env step, automatically pull metadata (SF app)
-	  if (!savedEndpoint && !skipEnvStep) return function () {
-	    return Promise.resolve(null);
-	  };
-	  if (urlSuffix) {
-	    return function (dispatch) {
-	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType));
-	    };
-	  } else if (savedEndpoint && savedEndpoint !== 'https://' && savedEndpoint !== 'http://' && savedEndpoint !== '_blank') {
+	// this function runs when a NEW wizard first loads ONLY in Salesforce App (no env step)
+	function tryGetMetadataIntro(tenantId, appId, mode, wiz) {
+	  var type = wiz.type,
+	      metadataEndpoint = wiz.metadataEndpoint,
+	      metadataApi = wiz.metadataApi,
+	      skipEnvStep = wiz.skipEnvStep,
+	      credentials = wiz.credentials;
+	  // automatically pull metadata (SF app)
+	
+	  if (skipEnvStep) {
 	    return function (dispatch) {
-	      return dispatch(callCheckConnection(tenantId, appId, savedEndpoint, mode, providerType));
+	      return dispatch(callGetMetadata(tenantId, appId, mode, type, metadataEndpoint, metadataApi, '_blank', credentials));
 	    };
 	  } else return function () {
 	    return Promise.resolve(null);
 	  };
 	}
 	
+	function callGetCredentials(tenantId, appId, wiz) {
+	  var source = wiz.source,
+	      destination = wiz.destination;
+	
+	  return function (dispatch, getState, api) {
+	    return Promise.all([dispatch(tryGetCredentials(tenantId, appId, source.type, source.credentials)), dispatch(tryGetCredentials(tenantId, appId, destination.type, destination.credentials))]).then(function (res) {
+	      dispatch({
+	        type: types.SET_WIZARD_SAVED_CREDENTIALS,
+	        data: {
+	          source: res[0] && res[0].credentialsJson,
+	          destination: res[1] && res[1].credentialsJson
+	        }
+	      });
+	    });
+	  };
+	}
+	
+	function tryGetCredentials(tenantId, appId, credentialType, credsConfig) {
+	  return function (dispatch, getState, api) {
+	    var _getState19 = getState(),
+	        config = _getState19.config;
+	
+	    if (credsConfig && credsConfig.length > 0 && credsConfig[0] !== 'Oauth') {
+	      return api.get(tenantId + '/' + appId + '/credentials/' + credentialType, {
+	        endpoint: config.TRANS_API_URL
+	      });
+	    } else return Promise.resolve(null);
+	  };
+	}
+	
+	function tryGetMetadata(tenantId, appId, mode, wiz, savedEndpoint) {
+	  return function (dispatch, getState, api) {
+	    // if skipEnvStep (as in SF App), auto pull SF metadata
+	    var type = wiz.type,
+	        credentials = wiz.credentials,
+	        metadataEndpoint = wiz.metadataEndpoint,
+	        metadataApi = wiz.metadataApi;
+	
+	    if (savedEndpoint && savedEndpoint.length > 8 || wiz.skipEnvStep) {
+	      return dispatch(callGetMetadata(tenantId, appId, mode, type, metadataEndpoint, metadataApi, savedEndpoint, credentials));
+	    } else return Promise.resolve(null);
+	  };
+	}
+	
 	function callGetBundles(tenantId, accountId, bundlePackGuid) {
 	  if (bundlePackGuid) {
 	    return function (dispatch, getState, api) {
@@ -5578,9 +5573,7 @@ module.exports =
 	        });
 	      });
 	    };
-	  } else return function () {
-	    return Promise.resolve(null);
-	  };
+	  } else return Promise.resolve(null);
 	}
 	
 	function callGetMapping(tenantId, accountId, mappingGuid) {
@@ -5598,15 +5591,13 @@ module.exports =
 	        });
 	      });
 	    };
-	  } else return function () {
-	    return Promise.resolve(null);
-	  };
+	  } else return Promise.resolve(null);
 	}
 	
 	function postCredentials(tenantId, appId, providerType, url, credentials, mode) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
-	      type: types.START_ENV_CHECK,
+	      type: types.START_WIZARD_ENV_CHECK,
 	      mode: mode
 	    });
 	
@@ -5641,40 +5632,11 @@ module.exports =
 	  return data;
 	}
 	
-	function callGetCredentials(tenantId, appId, providers) {
-	  return function (dispatch, getState, api) {
-	    return Promise.all([dispatch(tryGetCredentials(tenantId, appId, providers.source, providers.sourceCredentials)), dispatch(tryGetCredentials(tenantId, appId, providers.destination, providers.destinationCredentials))]).then(function (res) {
-	      dispatch({
-	        type: types.SET_WIZARD_SAVED_CREDENTIALS,
-	        data: {
-	          source: res[0] && res[0].credentialsJson,
-	          destination: res[1] && res[1].credentialsJson
-	        }
-	      });
-	    });
-	  };
-	}
-	
-	function tryGetCredentials(tenantId, appId, credentialType, creds) {
+	function callGetTrigger(transBaseId) {
 	  return function (dispatch, getState, api) {
 	    var _getState23 = getState(),
 	        config = _getState23.config;
 	
-	    if (creds && creds.length > 0 && creds[0] !== 'Oauth') {
-	      return api.get(tenantId + '/' + appId + '/credentials/' + credentialType, {
-	        endpoint: config.TRANS_API_URL
-	      });
-	    } else {
-	      return Promise.resolve(null);
-	    }
-	  };
-	}
-	
-	function callGetTrigger(transBaseId) {
-	  return function (dispatch, getState, api) {
-	    var _getState24 = getState(),
-	        config = _getState24.config;
-	
 	    if (transBaseId) {
 	      return api.get('gettrigger/' + transBaseId, {
 	        endpoint: config.TRANS_API_URL
@@ -5684,9 +5646,7 @@ module.exports =
 	          data: data
 	        });
 	      });
-	    } else return function () {
-	      return Promise.resolve(null);
-	    };
+	    } else return Promise.resolve(null);
 	  };
 	}
 	
@@ -5988,7 +5948,7 @@ module.exports =
 	          _react2.default.createElement(
 	            'div',
 	            { style: { display: 'inline-block', width: 'calc(50% - 120px)' } },
-	            'Destination Objects'
+	            'Target Objects'
 	          )
 	        ),
 	        _react2.default.createElement(
@@ -6154,7 +6114,13 @@ module.exports =
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
-	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } /**************************
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    Modal that opens when the link icon is clicked in the Object Mapping table
+	                                                                                                                                                                                                    links the source with the destination, so on subsequent runs, we know 
+	                                                                                                                                                                                                    whether to Update or Insert data.
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    **************************/
 	
 	var ConnectModal = function ConnectModal(props) {
 	  var inputs = props.inputs,
@@ -6244,41 +6210,41 @@ module.exports =
 	    props.update();
 	  };
 	
-	  var selectSourceKeyForLingk = function selectSourceKeyForLingk(key, section, parents) {
+	  var selectSourceKeyForLingk = function selectSourceKeyForLingk(key, i, field) {
 	    var rgs = [].concat(_toConsumableArray(resourceGroups));
 	    var group = rgs[bundleIndex];
 	    group.lingkSourceKey = key;
-	    group.lingkSourceKeyObject = section;
-	    group.lingkSourceKeyParents = parents;
+	    group.lingkSourceKeyObject = field.section;
+	    group.lingkSourceKeyParents = field.parents;
 	    change('resourceGroups', rgs);
 	    props.update();
 	  };
 	
-	  var selectCustomSourceKey = function selectCustomSourceKey(key, section, i, parents) {
+	  var selectCustomSourceKey = function selectCustomSourceKey(key, i, field) {
 	    var rgs = [].concat(_toConsumableArray(resourceGroups));
 	    var group = rgs[bundleIndex];
 	    if (i === 0) {
 	      group.sourceKeys = [key];
-	      group.sourceKeysObjects = [section];
-	      group.sourceKeysParents = [parents];
+	      group.sourceKeysObjects = [field.section];
+	      group.sourceKeysParents = [field.parents];
 	    } else {
 	      group.sourceKeys[i] = key;
-	      group.sourceKeysObjects[i] = section;
-	      group.sourceKeysParents[i] = parents;
+	      group.sourceKeysObjects[i] = field.section;
+	      group.sourceKeysParents[i] = field.parents;
 	    }
 	    change('resourceGroups', rgs);
 	    props.update();
 	  };
 	
-	  var selectCustomDestinationKey = function selectCustomDestinationKey(key, i, parents) {
+	  var selectCustomDestinationKey = function selectCustomDestinationKey(key, i, field) {
 	    var rgs = [].concat(_toConsumableArray(resourceGroups));
 	    var group = rgs[bundleIndex];
 	    if (i === 0) {
 	      group.destinationKeys = [key];
-	      group.destinationKeysParents = [parents];
+	      group.destinationKeysParents = [field.parents];
 	    } else {
 	      group.destinationKeys[i] = key;
-	      group.destinationKeysParents[i] = parents;
+	      group.destinationKeysParents[i] = field.parents;
 	    }
 	    change('resourceGroups', rgs);
 	    props.update();
@@ -6400,9 +6366,10 @@ module.exports =
 	                'div',
 	                { className: 'external-keys-column' },
 	                _react2.default.createElement(_selectWrapper2.default, { label: sourceLabel || 'Choose Key',
-	                  onSelect: function onSelect(v, iii, rtid, section, parents) {
-	                    return selectCustomSourceKey(v, section, i, parents);
-	                  }, inputs: inputs,
+	                  onSelect: function onSelect(v, iii, field) {
+	                    return selectCustomSourceKey(v, i, field);
+	                  },
+	                  inputs: inputs,
 	                  type: 'brand', fieldPropLabel: 'label',
 	                  values: vals, sectionLabels: sectionLabels,
 	                  selectedValues: group.sourceKeys && [{
@@ -6422,9 +6389,10 @@ module.exports =
 	                'div',
 	                { className: 'external-keys-column' },
 	                _react2.default.createElement(_selectWrapper2.default, { label: group.destinationKeys && group.destinationKeys[i] || 'Choose Key',
-	                  onSelect: function onSelect(v, iii, rtid, section, parents) {
-	                    return selectCustomDestinationKey(v, i, parents);
-	                  }, type: 'brand', inputs: inputs,
+	                  onSelect: function onSelect(v, iii, field) {
+	                    return selectCustomDestinationKey(v, i, field);
+	                  },
+	                  type: 'brand', inputs: inputs,
 	                  values: destinationVals,
 	                  sectionLabels: [bundle.name], fieldPropLabel: 'label',
 	                  selectedValues: group.destinationKeys && [{
@@ -6441,7 +6409,7 @@ module.exports =
 	                  } },
 	                _react2.default.createElement(
 	                  'svg',
-	                  { xmlns: 'http://www.w3.org/2000/svg', className: 'delete-external-key-svg',
+	                  { className: 'delete-external-key-svg',
 	                    style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
 	                  _react2.default.createElement('path', { style: { strokeWidth: 5, strokeLinecap: 'round' },
 	                    d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
@@ -6520,9 +6488,10 @@ module.exports =
 	                { className: 'external-keys-column' },
 	                _react2.default.createElement(_selectWrapper2.default, { label: sourceLabel || 'Choose Key',
 	                  menuItemStyle: { height: 20, padding: '1px 8px' },
-	                  onSelect: function onSelect(v, i, rtid, section, parents) {
-	                    return selectSourceKeyForLingk(v, section, parents);
-	                  }, type: 'brand', inputs: inputs,
+	                  onSelect: function onSelect(v, i, field) {
+	                    return selectSourceKeyForLingk(v, i, field);
+	                  },
+	                  type: 'brand', inputs: inputs,
 	                  values: vals, sectionLabels: sectionLabels,
 	                  fieldPropLabel: 'label',
 	                  selectedValues: [{
@@ -6574,7 +6543,7 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _nestedField = __webpack_require__(119);
+	var _nestedField = __webpack_require__(120);
 	
 	var _nestedField2 = _interopRequireDefault(_nestedField);
 	
@@ -7248,6 +7217,242 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	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; }
+	
+	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } /**************************
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    Modal that opens when the gear icon of a resource is clicked in the object mappings step.
+	                                                                                                                                                                                                    If a resource has parameters, then their values can be filtered here
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    **************************/
+	
+	var ParameterModal = function ParameterModal(props) {
+	  var inputs = props.inputs,
+	      resourceIndex = props.resourceIndex,
+	      resourceGroups = props.resourceGroups,
+	      resourceGroupIndex = props.resourceGroupIndex,
+	      hideModal = props.hideModal,
+	      change = props.change;
+	
+	  var Modal = inputs.Modal;
+	
+	  var rgs = [].concat(_toConsumableArray(resourceGroups));
+	  var group = rgs[resourceGroupIndex];
+	  var resource = group.resources[resourceIndex];
+	
+	  var addRow = function addRow(e, param, filterIndex) {
+	    if (e) {
+	      e.target.blur();
+	    }
+	    if (!resource.parameterFilters) resource.parameterFilters = [];
+	    resource.parameterFilters.splice(filterIndex, 0, {
+	      param: param, val: ''
+	    });
+	    change('resourceGroups', rgs);
+	    props.update();
+	  };
+	
+	  var updateParam = function updateParam(val, param, filterIndex) {
+	    resource.parameterFilters[filterIndex] = { param: param, val: val };
+	    change('resourceGroups', rgs);
+	    props.update();
+	  };
+	
+	  var deleteRow = function deleteRow(param, filterIndex) {
+	    resource.parameterFilters.splice(filterIndex, 1);
+	    change('resourceGroups', rgs);
+	    props.update();
+	  };
+	
+	  var pasteIntoParamTable = function pasteIntoParamTable(e, param, filterIndex) {
+	    e.clipboardData.items[0].getAsString(function (txt) {
+	      if (txt) {
+	        var columns = txt.split('\n');
+	        columns.forEach(function (c, idx) {
+	          var rows = c.split('\t');
+	          resource.parameterFilters[filterIndex + idx] = rows[0] ? {
+	            param: param, val: rows[0].trim()
+	          } : { param: param, val: '' };
+	        });
+	        change('resourceGroups', rgs);
+	        props.update();
+	      }
+	    });
+	  };
+	
+	  // do we need "parent rsc" of each foreign key field?
+	  var params = [];
+	  resource.parentRef.forEach(function (pr) {
+	    pr.foreignKeyFields.forEach(function (fkf) {
+	      params.push(fkf);
+	    });
+	  });
+	
+	  var totalFilterIndex = 0;
+	
+	  return _react2.default.createElement(
+	    Modal,
+	    { opened: resource ? true : false, hideModal: hideModal, submitModal: hideModal,
+	      title: resource.name + ' Parameters' },
+	    _react2.default.createElement(
+	      'div',
+	      { style: { overflow: 'scroll', maxHeight: '69vh', padding: '1em 2em' } },
+	      params.map(function (param, i) {
+	        var filtersForThisParam = resource.parameterFilters && resource.parameterFilters.filter(function (pf) {
+	          return pf.param === param;
+	        }) || [];
+	        totalFilterIndex += filtersForThisParam.length;
+	        return _react2.default.createElement(FilterGroup, { key: i, filtersForThisParam: filtersForThisParam,
+	          param: param, addRow: addRow, totalFilterIndex: totalFilterIndex,
+	          deleteRow: deleteRow, updateParam: updateParam, inputs: inputs,
+	          pasteIntoParamTable: pasteIntoParamTable });
+	      })
+	    )
+	  );
+	};
+	
+	var FilterGroup = function FilterGroup(props) {
+	  var filtersForThisParam = props.filtersForThisParam,
+	      param = props.param,
+	      addRow = props.addRow,
+	      updateParam = props.updateParam,
+	      deleteRow = props.deleteRow,
+	      pasteIntoParamTable = props.pasteIntoParamTable,
+	      inputs = props.inputs,
+	      totalFilterIndex = props.totalFilterIndex;
+	
+	  var Button = inputs.Button;
+	
+	  var addDisabled = filtersForThisParam && filtersForThisParam[filtersForThisParam.length - 1] && !filtersForThisParam[filtersForThisParam.length - 1].val ? true : false;
+	
+	  var groupStartIndex = totalFilterIndex - filtersForThisParam.length;
+	
+	  var addNewRowToEnd = function addNewRowToEnd(e, param) {
+	    return addRow(e, param, totalFilterIndex);
+	  };
+	
+	  return _react2.default.createElement(
+	    'div',
+	    { style: { marginBottom: 8 }, className: 'add-param-filter' },
+	    _react2.default.createElement(
+	      Button,
+	      {
+	        onClick: function onClick() {
+	          return addNewRowToEnd(null, param);
+	        },
+	        disabled: addDisabled },
+	      'Add ',
+	      param,
+	      ' Filter'
+	    ),
+	    filtersForThisParam && filtersForThisParam.map(function (pf, ii) {
+	      return _react2.default.createElement(ParameterFilter, { key: ii, addRow: addNewRowToEnd,
+	        updateParam: updateParam, pf: pf,
+	        filterIndex: groupStartIndex + ii,
+	        inputs: inputs, addDisabled: addDisabled, deleteRow: deleteRow,
+	        pasteIntoParamTable: pasteIntoParamTable });
+	    })
+	  );
+	};
+	
+	var ParameterFilter = function (_Component) {
+	  _inherits(ParameterFilter, _Component);
+	
+	  function ParameterFilter() {
+	    _classCallCheck(this, ParameterFilter);
+	
+	    return _possibleConstructorReturn(this, (ParameterFilter.__proto__ || Object.getPrototypeOf(ParameterFilter)).apply(this, arguments));
+	  }
+	
+	  _createClass(ParameterFilter, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      this.incoming.focus();
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props = this.props,
+	          addRow = _props.addRow,
+	          updateParam = _props.updateParam,
+	          inputs = _props.inputs,
+	          filterIndex = _props.filterIndex,
+	          pf = _props.pf,
+	          pasteIntoParamTable = _props.pasteIntoParamTable,
+	          addDisabled = _props.addDisabled,
+	          deleteRow = _props.deleteRow;
+	
+	      var Input = inputs.Input;
+	      return _react2.default.createElement(
+	        'div',
+	        { style: { margin: '2px 0 3px 9px' } },
+	        _react2.default.createElement(
+	          'span',
+	          null,
+	          pf.param,
+	          '\xA0\xA0=\xA0\xA0'
+	        ),
+	        _react2.default.createElement(Input, { type: 'text', style: { display: 'inline-block', width: 200 },
+	          onChange: function onChange(e, v) {
+	            return updateParam(v, pf.param, filterIndex);
+	          }, value: pf.val,
+	          onKeyPress: function onKeyPress(e) {
+	            if (e.key === 'Enter' && !addDisabled) addRow(e, pf.param);
+	          },
+	          inputRef: function inputRef(ref) {
+	            return _this2.incoming = ref;
+	          },
+	          onPaste: function onPaste(e) {
+	            return pasteIntoParamTable(e, pf.param, filterIndex);
+	          }
+	        }),
+	        _react2.default.createElement(
+	          'div',
+	          { className: 'delete-parameter-row',
+	            onClick: function onClick() {
+	              return deleteRow(pf.param, filterIndex);
+	            } },
+	          _react2.default.createElement(
+	            'svg',
+	            { className: 'delete-parameter-row-svg',
+	              style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
+	            _react2.default.createElement('path', { style: { strokeWidth: 5, strokeLinecap: 'round' },
+	              d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return ParameterFilter;
+	}(_react.Component);
+	
+	exports.default = ParameterModal;
+
+/***/ },
+/* 107 */
+/***/ 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 _CSSTransitionGroup = __webpack_require__(39);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
@@ -7258,7 +7463,7 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _joinVenn = __webpack_require__(118);
+	var _joinVenn = __webpack_require__(119);
 	
 	var _joinVenn2 = _interopRequireDefault(_joinVenn);
 	
@@ -7266,6 +7471,10 @@ module.exports =
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
+	var _parameterModal = __webpack_require__(106);
+	
+	var _parameterModal2 = _interopRequireDefault(_parameterModal);
+	
 	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"); } }
@@ -7285,16 +7494,25 @@ module.exports =
 	    _this.state = {
 	      yPositions: [],
 	      currentlyBeingDragged: null,
-	      zIndexes: []
+	      zIndexes: [],
+	      parameterModalResourceIndex: null
 	    };
 	    _this.handleDragStart = _this.handleDragStart.bind(_this);
 	    _this.handleDrag = _this.handleDrag.bind(_this);
 	    _this.handleDragEnd = _this.handleDragEnd.bind(_this);
 	    _this.raiseUp = _this.raiseUp.bind(_this);
+	    _this.hideModal = _this.hideModal.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(SchemaAccordion, [{
+	    key: 'hideModal',
+	    value: function hideModal() {
+	      this.setState({
+	        parameterModalResourceIndex: null
+	      });
+	    }
+	  }, {
 	    key: 'raiseUp',
 	    value: function raiseUp(index) {
 	      var _props = this.props,
@@ -7411,6 +7629,7 @@ module.exports =
 	          overflowHidden = _props3.overflowHidden,
 	          showOverflow = _props3.showOverflow,
 	          step = _props3.step;
+	      var parameterModalResourceIndex = this.state.parameterModalResourceIndex;
 	
 	
 	      var Tooltip = inputs.Tooltip;
@@ -7582,8 +7801,30 @@ module.exports =
 	                          ),
 	                          _react2.default.createElement(
 	                            'div',
-	                            { style: { padding: '7px 0px 0px 5px', fontSize: '14px', overflow: 'hidden', display: 'inline-block', width: 300, textOverflow: 'ellipsis', whiteSpace: 'nowrap' } },
-	                            rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name
+	                            { style: { padding: '7px 0px 0px 5px', fontSize: '14px',
+	                                display: 'inline-block' } },
+	                            _react2.default.createElement(
+	                              'span',
+	                              { style: { maxWidth: 260, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'inline-block' } },
+	                              rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name
+	                            ),
+	                            rsc.parentRef && rsc.parentRef.length > 0 && rsc.parentRef.some(function (pr) {
+	                              return pr.foreignKeyFields && pr.foreignKeyFields.length > 0;
+	                            }) && _react2.default.createElement(
+	                              'div',
+	                              { className: 'accordion-panel-parameters',
+	                                onClick: function onClick() {
+	                                  return _this3.setState({
+	                                    parameterModalResourceIndex: i
+	                                  });
+	                                } },
+	                              _react2.default.createElement(
+	                                'svg',
+	                                { fill: '#FFFFFF', height: '28', viewBox: '0 0 24 24', width: '28' },
+	                                _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	                                _react2.default.createElement('path', { d: 'M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h-2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-.34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.69 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z' })
+	                              )
+	                            )
 	                          ),
 	                          _react2.default.createElement(
 	                            'div',
@@ -7640,8 +7881,8 @@ module.exports =
 	                                )
 	                              ),
 	                              _react2.default.createElement(_selectWrapper2.default, { label: primaryKeyLabel || 'Primary Join Key',
-	                                onSelect: function onSelect(v, a, b, c, parents) {
-	                                  return selectPrimaryKey(v, parents, resourceGroupIndex, i);
+	                                onSelect: function onSelect(v, idx, field) {
+	                                  selectPrimaryKey(v, field, resourceGroupIndex, i);
 	                                },
 	                                onClick: showOverflow,
 	                                type: 'neutral', inputs: inputs,
@@ -7676,8 +7917,8 @@ module.exports =
 	                                )
 	                              ),
 	                              _react2.default.createElement(_selectWrapper2.default, { label: joinKeyLabel || 'Join Key',
-	                                onSelect: function onSelect(v, a, b, c, parents) {
-	                                  return selectJoinKey(v, parents, resourceGroupIndex, i);
+	                                onSelect: function onSelect(v, idx, field) {
+	                                  selectJoinKey(v, field, resourceGroupIndex, i);
 	                                },
 	                                onClick: showOverflow,
 	                                type: 'neutral', inputs: inputs,
@@ -7729,9 +7970,10 @@ module.exports =
 	                  'div',
 	                  { style: { display: 'inline-block', marginLeft: 11 } },
 	                  _react2.default.createElement(_selectWrapper2.default, { label: 'Add Data Source', style: { height: 40 }, onClick: showOverflow,
-	                    onSelect: function onSelect(v, i, rtid, section, parents, parentRef) {
-	                      addDefaultEntity(resourceGroupIndex, v, i, section, rtid, parentRef);
-	                    }, type: 'neutral', inputs: inputs
+	                    onSelect: function onSelect(v, i, entity) {
+	                      return addDefaultEntity(v, i, entity, resourceGroupIndex);
+	                    },
+	                    type: 'neutral', inputs: inputs
 	                    //selectedValues={resourceGroups && resourceGroups[resourceGroupIndex] && 
 	                    //resourceGroups[resourceGroupIndex].resources} 
 	                    , values: !isReverse ? [sourceSchema, destinationSchema] : [destinationSchema, sourceSchema],
@@ -7796,6 +8038,17 @@ module.exports =
 	              )
 	            ) : null
 	          )
+	        ),
+	        _react2.default.createElement(
+	          'div',
+	          { className: 'parameter-modal' },
+	          resourceGroups && resourceGroups.length > 0 && (parameterModalResourceIndex || parameterModalResourceIndex === 0) && _react2.default.createElement(_parameterModal2.default, { inputs: inputs, hideModal: this.hideModal,
+	            resourceIndex: parameterModalResourceIndex,
+	            resourceGroups: resourceGroups, step: step, update: function update() {
+	              return _this3.forceUpdate();
+	            },
+	            resourceGroupIndex: resourceGroupIndex, change: this.props.change
+	          })
 	        )
 	      );
 	    }
@@ -7807,7 +8060,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7836,7 +8089,13 @@ module.exports =
 	
 	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; }
+	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; } /**************************
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               Modal that opens when a transformation icon is clicked in the Field Mapping table
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               transformations are an array on the mapping object
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               each transformation also has an array of args
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               **************************/
 	
 	var TransformModal = function (_Component) {
 	  _inherits(TransformModal, _Component);
@@ -7892,7 +8151,9 @@ module.exports =
 	    }
 	  }, {
 	    key: 'changeConcatField',
-	    value: function changeConcatField(field, resource, parents, mappingIndex) {
+	    value: function changeConcatField(v, field, mappingIndex) {
+	      var section = field.section,
+	          parents = field.parents;
 	      var _props2 = this.props,
 	          change = _props2.change,
 	          resourceGroups = _props2.resourceGroups,
@@ -7900,11 +8161,11 @@ module.exports =
 	
 	      var groups = [].concat(_toConsumableArray(resourceGroups));
 	      var trans = resourceGroups[resourceGroupIndex].mappings[mappingIndex].transformations[0];
-	      var s = resource + '->';
+	      var s = section + '->';
 	      parents && parents.forEach(function (p) {
 	        s += p + '.';
 	      });
-	      s += field;
+	      s += v;
 	      trans.args = trans.args || [];
 	      trans.args[1] = s;
 	      change('resourceGroups', groups);
@@ -8247,8 +8508,8 @@ module.exports =
 	                if (label) sourceLabel += label;
 	
 	                return _react2.default.createElement(_selectWrapper2.default, { key: ta, label: sourceLabel || 'Choose Field',
-	                  onSelect: function onSelect(v, iii, rtid, section, parents) {
-	                    return _this3.changeConcatField(v, section, parents, mappingIndex);
+	                  onSelect: function onSelect(v, iii, field) {
+	                    return _this3.changeConcatField(v, field, mappingIndex);
 	                  },
 	                  inputs: inputs,
 	                  type: 'brand', fieldPropLabel: 'label',
@@ -8316,7 +8577,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8519,7 +8780,7 @@ module.exports =
 	})(AdapterStep);
 
 /***/ },
-/* 109 */
+/* 110 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8552,11 +8813,11 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(208);
+	__webpack_require__(209);
 	
-	__webpack_require__(168);
+	__webpack_require__(169);
 	
-	var _rcTimePicker = __webpack_require__(189);
+	var _rcTimePicker = __webpack_require__(190);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -8767,7 +9028,7 @@ module.exports =
 	})(DeployStep);
 
 /***/ },
-/* 110 */
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8796,7 +9057,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _previewTabContent = __webpack_require__(122);
+	var _previewTabContent = __webpack_require__(123);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -8903,10 +9164,10 @@ module.exports =
 	
 	      if (credentials) {
 	        actions.postCredentials(tenantId, accountId, step.providerType, endpoint, credentials, step.mode).then(function () {
-	          actions.getMetadataFromEnvStep(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', credentials);
+	          actions.callGetMetadata(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
 	        });
 	      } else {
-	        actions.getMetadataFromEnvStep(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', credentials);
+	        actions.callGetMetadata(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
 	      }
 	    }
 	  }, {
@@ -8945,6 +9206,8 @@ module.exports =
 	        return m.method === 'POST' || m.method === 'PUT';
 	      });
 	
+	      var hasEndpoint = formValues[step.mode + 'Endpoint'] && formValues[step.mode + 'Endpoint'].length > 8;
+	
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -9072,7 +9335,8 @@ module.exports =
 	                  onClick: function onClick() {
 	                    return _this2.check();
 	                  },
-	                  style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' } },
+	                  style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
+	                  disabled: !hasEndpoint },
 	                'Test Connection'
 	              ) : null,
 	              _react2.default.createElement(
@@ -9124,7 +9388,7 @@ module.exports =
 	                disabled: step.credentials.some(function (c) {
 	                  var formCreds = formValues[step.mode + 'Credentials'];
 	                  return !(formCreds && Object.keys(formCreds).includes(c.split(' ').join('')));
-	                }) },
+	                }) || !hasEndpoint },
 	              'Test Connection'
 	            )
 	          )
@@ -9138,7 +9402,12 @@ module.exports =
 	            { className: 'labelz' },
 	            'Available ',
 	            step[step.mode + 'Provider'],
-	            ' Data Objects (click to preview data):'
+	            ' Data Objects',
+	            step.metadataEndpoint === 'testconnection' && _react2.default.createElement(
+	              'span',
+	              null,
+	              '\xA0(click to preview data):'
+	            )
 	          ),
 	          _react2.default.createElement(
 	            'ul',
@@ -9149,12 +9418,16 @@ module.exports =
 	              return _react2.default.createElement(
 	                'li',
 	                { key: i, style: { paddingLeft: rsc.parentRef ? rsc.parentRef.length * 12 + 10 : 10 } },
-	                _react2.default.createElement(
+	                step.metadataEndpoint === 'testconnection' ? _react2.default.createElement(
 	                  'a',
 	                  { onClick: function onClick() {
 	                      return _this2.seeFields(rsc);
 	                    }, style: { textDecoration: 'none', cursor: 'pointer' } },
 	                  rsc.name
+	                ) : _react2.default.createElement(
+	                  'div',
+	                  null,
+	                  rsc.name
 	                )
 	              );
 	            })
@@ -9215,7 +9488,7 @@ module.exports =
 	})(EnvironmentStep);
 
 /***/ },
-/* 111 */
+/* 112 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9440,7 +9713,7 @@ module.exports =
 	})(FilterStep);
 
 /***/ },
-/* 112 */
+/* 113 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9473,7 +9746,7 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(107);
+	var _transformModal = __webpack_require__(108);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
@@ -9485,7 +9758,7 @@ module.exports =
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
-	var _newScenarioModal = __webpack_require__(120);
+	var _newScenarioModal = __webpack_require__(121);
 	
 	var _newScenarioModal2 = _interopRequireDefault(_newScenarioModal);
 	
@@ -9729,7 +10002,7 @@ module.exports =
 	})(MapStep);
 
 /***/ },
-/* 113 */
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9855,7 +10128,7 @@ module.exports =
 	})(NameStep);
 
 /***/ },
-/* 114 */
+/* 115 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9953,7 +10226,7 @@ module.exports =
 	})(PhaseStep);
 
 /***/ },
-/* 115 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10088,7 +10361,7 @@ module.exports =
 	})(PreviewStep);
 
 /***/ },
-/* 116 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10324,7 +10597,7 @@ module.exports =
 	})(DefaultDatasetStep);
 
 /***/ },
-/* 117 */
+/* 118 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10353,7 +10626,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _schemaAccordion = __webpack_require__(106);
+	var _schemaAccordion = __webpack_require__(107);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -10474,7 +10747,7 @@ module.exports =
 	    }
 	  }, {
 	    key: 'addGroup',
-	    value: function addGroup(v, index, recordTypeId, section) {
+	    value: function addGroup(v, index, newGroup) {
 	      var _props4 = this.props,
 	          change = _props4.change,
 	          formValues = _props4.formValues;
@@ -10485,15 +10758,15 @@ module.exports =
 	      resourceGroups.splice(index, 0, {
 	        name: v,
 	        resources: null,
-	        recordTypeId: recordTypeId,
-	        provider: section
+	        recordTypeId: newGroup.recordTypeId,
+	        provider: newGroup.section
 	      });
 	
 	      change('resourceGroups', resourceGroups);
 	    }
 	  }, {
 	    key: 'addDefaultEntity',
-	    value: function addDefaultEntity(groupIndex, v, rscIndex, section, rtid, parentRef) {
+	    value: function addDefaultEntity(v, rscIndex, entity, groupIndex) {
 	      var _props5 = this.props,
 	          change = _props5.change,
 	          formValues = _props5.formValues;
@@ -10510,7 +10783,7 @@ module.exports =
 	        group.resources = [];
 	        this.openConnectionModal(group, groupIndex);
 	      }
-	      // ADD PARENTS AS WELL
+	      // ADD PARENTS AS WELL ?
 	      /*if(parentRef && parentRef.length>0){
 	        parentRef.forEach((pr,i)=>{
 	          if(!(group.resources.find(r=>r.name===pr))){
@@ -10525,9 +10798,9 @@ module.exports =
 	      }*/
 	      group.resources.push(Object.assign({
 	        name: v,
-	        provider: section,
+	        provider: entity.section,
 	        joinType: 'LEFT JOIN'
-	      }, parentRef && { parentRef: parentRef }, rtid && { recordTypeId: rtid }));
+	      }, entity.parentRef && { parentRef: entity.parentRef }, entity.recordTypeId && { recordTypeId: entity.rtid }));
 	      change('resourceGroups', resourceGroups);
 	      this.forceUpdate();
 	    }
@@ -10621,7 +10894,7 @@ module.exports =
 	    }
 	  }, {
 	    key: 'selectPrimaryKey',
-	    value: function selectPrimaryKey(v, parents, rgi, i) {
+	    value: function selectPrimaryKey(v, field, rgi, i) {
 	      var _props10 = this.props,
 	          change = _props10.change,
 	          formValues = _props10.formValues;
@@ -10629,13 +10902,13 @@ module.exports =
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	      var rsc = resourceGroups[rgi].resources[i];
 	      rsc.primaryKeyName = v;
-	      rsc.primaryKeyParents = parents;
+	      rsc.primaryKeyParents = field.parents;
 	      change('resourceGroups', resourceGroups);
 	      this.forceUpdate();
 	    }
 	  }, {
 	    key: 'selectJoinKey',
-	    value: function selectJoinKey(v, parents, rgi, i) {
+	    value: function selectJoinKey(v, field, rgi, i) {
 	      var _props11 = this.props,
 	          change = _props11.change,
 	          formValues = _props11.formValues;
@@ -10643,7 +10916,7 @@ module.exports =
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	      var rsc = resourceGroups[rgi].resources[i];
 	      rsc.joinKeyName = v;
-	      rsc.joinKeyParents = parents;
+	      rsc.joinKeyParents = field.parents;
 	      change('resourceGroups', resourceGroups);
 	      this.forceUpdate();
 	    }
@@ -10737,7 +11010,8 @@ module.exports =
 	          { className: 'connect-modal' },
 	          resourceGroups && resourceGroups.length > 0 && this.state.showModal && _react2.default.createElement(_connectModal2.default, { inputs: inputs, hideModal: this.hideModal,
 	            bundle: this.state.selectedBundle, opened: this.state.showModal, change: change,
-	            resourceGroups: resourceGroups, step: step, bundleIndex: this.state.selectedBundleIndex,
+	            resourceGroups: resourceGroups, step: step,
+	            bundleIndex: this.state.selectedBundleIndex,
 	            sourceSchema: sourceSchema, destinationSchema: destinationSchema,
 	            update: function update() {
 	              return _this2.forceUpdate();
@@ -10763,7 +11037,7 @@ module.exports =
 	})(SchemaStep);
 
 /***/ },
-/* 118 */
+/* 119 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10814,7 +11088,7 @@ module.exports =
 	exports.default = JoinVenn;
 
 /***/ },
-/* 119 */
+/* 120 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10926,7 +11200,7 @@ module.exports =
 	exports.default = SourceField;
 
 /***/ },
-/* 120 */
+/* 121 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10945,7 +11219,7 @@ module.exports =
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
-	var _objectAssignDeep = __webpack_require__(121);
+	var _objectAssignDeep = __webpack_require__(122);
 	
 	var _objectAssignDeep2 = _interopRequireDefault(_objectAssignDeep);
 	
@@ -11027,10 +11301,9 @@ module.exports =
 	            destinationMetadata = _props3.destinationMetadata,
 	            sourceEndpoint = _props3.sourceEndpoint;
 	
-	        var providers = { source: step.sourceProvider, destination: step.destinationProvider };
 	        var clone = (0, _objectAssignDeep2.default)({}, { bundles: resourceGroups });
 	
-	        var _saveData = (0, _saveData3.default)(clone.bundles, providers, sourceMetadata, destinationMetadata, sourceEndpoint),
+	        var _saveData = (0, _saveData3.default)(clone.bundles, step.destinationProvider, sourceMetadata, destinationMetadata, sourceEndpoint),
 	            bundles = _saveData.bundles,
 	            mappings = _saveData.mappings;
 	
@@ -11215,7 +11488,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 121 */
+/* 122 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -11355,7 +11628,7 @@ module.exports =
 	exports.default = objectAssignDeep;
 
 /***/ },
-/* 122 */
+/* 123 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -11371,7 +11644,7 @@ module.exports =
 	}
 
 /***/ },
-/* 123 */
+/* 124 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11396,43 +11669,43 @@ module.exports =
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
-	var _phaseStep = __webpack_require__(114);
+	var _phaseStep = __webpack_require__(115);
 	
 	var _phaseStep2 = _interopRequireDefault(_phaseStep);
 	
-	var _environmentStep = __webpack_require__(110);
+	var _environmentStep = __webpack_require__(111);
 	
 	var _environmentStep2 = _interopRequireDefault(_environmentStep);
 	
-	var _schemaStep = __webpack_require__(117);
+	var _schemaStep = __webpack_require__(118);
 	
 	var _schemaStep2 = _interopRequireDefault(_schemaStep);
 	
-	var _filterStep = __webpack_require__(111);
+	var _filterStep = __webpack_require__(112);
 	
 	var _filterStep2 = _interopRequireDefault(_filterStep);
 	
-	var _mapStep = __webpack_require__(112);
+	var _mapStep = __webpack_require__(113);
 	
 	var _mapStep2 = _interopRequireDefault(_mapStep);
 	
-	var _previewStep = __webpack_require__(115);
+	var _previewStep = __webpack_require__(116);
 	
 	var _previewStep2 = _interopRequireDefault(_previewStep);
 	
-	var _deployStep = __webpack_require__(109);
+	var _deployStep = __webpack_require__(110);
 	
 	var _deployStep2 = _interopRequireDefault(_deployStep);
 	
-	var _nameStep = __webpack_require__(113);
+	var _nameStep = __webpack_require__(114);
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(108);
+	var _adapterStep = __webpack_require__(109);
 	
 	var _adapterStep2 = _interopRequireDefault(_adapterStep);
 	
-	var _scenarioStep = __webpack_require__(116);
+	var _scenarioStep = __webpack_require__(117);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
 	
@@ -11459,10 +11732,9 @@ module.exports =
 	          actions = _props.actions,
 	          tenantId = _props.tenantId,
 	          accountId = _props.accountId,
-	          metadataEndpoints = _props.metadataEndpoints,
-	          providers = _props.providers;
+	          wizardConfig = _props.wizardConfig;
 	
-	      actions.callInit(tenantId, accountId, piGuid, providers, metadataEndpoints);
+	      actions.callInit(tenantId, accountId, piGuid, wizardConfig);
 	    }
 	  }]);
 	
@@ -11508,7 +11780,7 @@ module.exports =
 	      //resources: Type is the real value, Name is the displayed value
 	      //properties: Name is the real value, Label is the displayed value
 	
-	      var _saveData = (0, _saveData3.default)(formValues['resourceGroups'], this.props.providers, this.props.wizard.sourceMetadata, this.props.wizard.destinationMetadata, formValues.sourceEndpoint),
+	      var _saveData = (0, _saveData3.default)(formValues['resourceGroups'], this.props.wizardConfig.destination.type, this.props.wizard.sourceMetadata, this.props.wizard.destinationMetadata, formValues.sourceEndpoint),
 	          bundles = _saveData.bundles,
 	          mappings = _saveData.mappings,
 	          endpoints = _saveData.endpoints;
@@ -11699,7 +11971,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 124 */
+/* 125 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11714,7 +11986,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(209);
+	var _redux = __webpack_require__(210);
 	
 	var _reactRedux = __webpack_require__(64);
 	
@@ -11722,9 +11994,9 @@ module.exports =
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(169);
+	__webpack_require__(170);
 	
-	var _wizardForm = __webpack_require__(123);
+	var _wizardForm = __webpack_require__(124);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -11767,7 +12039,7 @@ module.exports =
 	      mode: 'source'
 	    }, {
 	      type: 'environment',
-	      title: 'Destination Environment',
+	      title: 'Target Environment',
 	      mode: 'destination'
 	    }, {
 	      type: 'filter',
@@ -11847,33 +12119,14 @@ module.exports =
 	          stepList.push(step);
 	        }
 	      }
-	      var providers = {
-	        source: wizard.source.type,
-	        destination: wizard.destination.type,
-	        sourceCredentials: wizard.source.credentials,
-	        destinationCredentials: wizard.destination.credentials,
-	        skipSourceEnv: wizard.source.skipEnvStep,
-	        skipDestinationEnv: wizard.destination.skipEnvStep
-	      };
-	      var metadataEndpoints = {
-	        source: wizard.source.metadataEndpoint || null,
-	        sourceApi: wizard.source.metadataApi || null,
-	        destination: wizard.destination.metadataEndpoint || null,
-	        destinationApi: wizard.destination.metadataApi || null
-	      };
 	      this.setState({
-	        steps: stepList,
-	        providers: providers,
-	        metadataEndpoints: metadataEndpoints
+	        steps: stepList
 	      });
 	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var _state = this.state,
-	          steps = _state.steps,
-	          providers = _state.providers,
-	          metadataEndpoints = _state.metadataEndpoints;
+	      var steps = this.state.steps;
 	
 	      if (!steps) return _react2.default.createElement('div', null);
 	      return _react2.default.createElement(
@@ -11884,9 +12137,7 @@ module.exports =
 	            height: '100%'
 	          } },
 	        _react2.default.createElement(_wizardForm2.default, Object.assign({
-	          steps: steps,
-	          providers: providers,
-	          metadataEndpoints: metadataEndpoints
+	          steps: steps
 	        }, this.props))
 	      );
 	    }
@@ -11910,21 +12161,21 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 125 */,
-/* 126 */
+/* 126 */,
+/* 127 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(131), __esModule: true };
+	module.exports = { "default": __webpack_require__(132), __esModule: true };
 
 /***/ },
-/* 127 */
+/* 128 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(132), __esModule: true };
+	module.exports = { "default": __webpack_require__(133), __esModule: true };
 
 /***/ },
-/* 128 */,
-/* 129 */
+/* 129 */,
+/* 130 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -11944,39 +12195,39 @@ module.exports =
 	};
 
 /***/ },
-/* 130 */,
-/* 131 */
+/* 131 */,
+/* 132 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(152);
+	__webpack_require__(153);
 	module.exports = __webpack_require__(8).Object.assign;
 
 /***/ },
-/* 132 */
+/* 133 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(153);
+	__webpack_require__(154);
 	var $Object = __webpack_require__(8).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 133 */,
 /* 134 */,
 /* 135 */,
 /* 136 */,
 /* 137 */,
 /* 138 */,
 /* 139 */,
-/* 140 */
+/* 140 */,
+/* 141 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
 	var getKeys  = __webpack_require__(32)
-	  , gOPS     = __webpack_require__(143)
-	  , pIE      = __webpack_require__(145)
+	  , gOPS     = __webpack_require__(144)
+	  , pIE      = __webpack_require__(146)
 	  , toObject = __webpack_require__(35)
 	  , IObject  = __webpack_require__(30)
 	  , $assign  = Object.assign;
@@ -12007,37 +12258,37 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 141 */,
 /* 142 */,
-/* 143 */
+/* 143 */,
+/* 144 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 144 */,
-/* 145 */
+/* 145 */,
+/* 146 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 146 */,
 /* 147 */,
 /* 148 */,
 /* 149 */,
 /* 150 */,
 /* 151 */,
-/* 152 */
+/* 152 */,
+/* 153 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
 	var $export = __webpack_require__(23);
 	
-	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(140)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(141)});
 
 /***/ },
-/* 153 */
+/* 154 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var $export = __webpack_require__(23);
@@ -12045,10 +12296,10 @@ module.exports =
 	$export($export.S + $export.F * !__webpack_require__(9), 'Object', {defineProperty: __webpack_require__(18).f});
 
 /***/ },
-/* 154 */,
 /* 155 */,
 /* 156 */,
-/* 157 */
+/* 157 */,
+/* 158 */
 /***/ function(module, exports) {
 
 	
@@ -12074,7 +12325,7 @@ module.exports =
 
 
 /***/ },
-/* 158 */
+/* 159 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12271,7 +12522,7 @@ module.exports =
 
 
 /***/ },
-/* 159 */
+/* 160 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -12364,7 +12615,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 160 */
+/* 161 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12375,11 +12626,11 @@ module.exports =
 	
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 	
-	var _Event = __webpack_require__(159);
+	var _Event = __webpack_require__(160);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(158);
+	var _componentClasses = __webpack_require__(159);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -12559,7 +12810,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 161 */
+/* 162 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12619,7 +12870,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 162 */
+/* 163 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -12664,7 +12915,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 163 */
+/* 164 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12673,7 +12924,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(162);
+	var _getAlignOffset = __webpack_require__(163);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -12705,7 +12956,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 164 */
+/* 165 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12746,7 +12997,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 165 */
+/* 166 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12827,7 +13078,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 166 */
+/* 167 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12844,19 +13095,19 @@ module.exports =
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(165);
+	var _getVisibleRectForElement = __webpack_require__(166);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(161);
+	var _adjustForViewport = __webpack_require__(162);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(164);
+	var _getRegion = __webpack_require__(165);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(163);
+	var _getElFuturePos = __webpack_require__(164);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -13058,7 +13309,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 167 */
+/* 168 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13173,17 +13424,17 @@ module.exports =
 	}
 
 /***/ },
-/* 168 */
+/* 169 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 169 */
-168,
-/* 170 */,
+/* 170 */
+169,
 /* 171 */,
-/* 172 */
+/* 172 */,
+/* 173 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13272,7 +13523,7 @@ module.exports =
 
 
 /***/ },
-/* 173 */
+/* 174 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13286,9 +13537,9 @@ module.exports =
 	
 	'use strict';
 	
-	var emptyFunction = __webpack_require__(175);
-	var invariant = __webpack_require__(176);
-	var ReactPropTypesSecret = __webpack_require__(174);
+	var emptyFunction = __webpack_require__(176);
+	var invariant = __webpack_require__(177);
+	var ReactPropTypesSecret = __webpack_require__(175);
 	
 	module.exports = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
@@ -13337,7 +13588,7 @@ module.exports =
 
 
 /***/ },
-/* 174 */
+/* 175 */
 /***/ function(module, exports) {
 
 	/**
@@ -13357,7 +13608,7 @@ module.exports =
 
 
 /***/ },
-/* 175 */
+/* 176 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -13400,7 +13651,7 @@ module.exports =
 	module.exports = emptyFunction;
 
 /***/ },
-/* 176 */
+/* 177 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13460,7 +13711,7 @@ module.exports =
 	module.exports = invariant;
 
 /***/ },
-/* 177 */
+/* 178 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13477,7 +13728,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(166);
+	var _domAlign = __webpack_require__(167);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
@@ -13485,7 +13736,7 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(179);
+	var _isWindow = __webpack_require__(180);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -13619,7 +13870,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 178 */
+/* 179 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13628,7 +13879,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(177);
+	var _Align = __webpack_require__(178);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -13639,7 +13890,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 179 */
+/* 180 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -13656,7 +13907,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 180 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13671,9 +13922,9 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(182);
+	var _ChildrenUtils = __webpack_require__(183);
 	
-	var _AnimateChild = __webpack_require__(181);
+	var _AnimateChild = __webpack_require__(182);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
@@ -13992,7 +14243,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 181 */
+/* 182 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14011,7 +14262,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(160);
+	var _cssAnimation = __webpack_require__(161);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
@@ -14103,7 +14354,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 182 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14225,16 +14476,16 @@ module.exports =
 	}
 
 /***/ },
-/* 183 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(180);
+	module.exports = __webpack_require__(181);
 
 /***/ },
-/* 184 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14247,7 +14498,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(187);
+	var _Select = __webpack_require__(188);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -14471,7 +14722,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 185 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14667,7 +14918,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 186 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14684,11 +14935,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(185);
+	var _Header = __webpack_require__(186);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(184);
+	var _Combobox = __webpack_require__(185);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -14861,7 +15112,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 187 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15022,7 +15273,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 188 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15035,15 +15286,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(194);
+	var _rcTrigger = __webpack_require__(195);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(186);
+	var _Panel = __webpack_require__(187);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(190);
+	var _placements = __webpack_require__(191);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -15325,7 +15576,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 189 */
+/* 190 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15334,7 +15585,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(188);
+	var _TimePicker = __webpack_require__(189);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -15344,7 +15595,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 190 */
+/* 191 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -15390,7 +15641,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 191 */
+/* 192 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15411,15 +15662,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(178);
+	var _rcAlign = __webpack_require__(179);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(183);
+	var _rcAnimate = __webpack_require__(184);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(192);
+	var _PopupInner = __webpack_require__(193);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
@@ -15621,7 +15872,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 192 */
+/* 193 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15678,7 +15929,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 193 */
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15699,7 +15950,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(196);
+	var _contains = __webpack_require__(197);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
@@ -15707,13 +15958,13 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(191);
+	var _Popup = __webpack_require__(192);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(195);
+	var _utils = __webpack_require__(196);
 	
-	var _getContainerRenderMixin = __webpack_require__(197);
+	var _getContainerRenderMixin = __webpack_require__(198);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -16177,15 +16428,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 194 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(193);
+	module.exports = __webpack_require__(194);
 
 /***/ },
-/* 195 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16225,7 +16476,7 @@ module.exports =
 	}
 
 /***/ },
-/* 196 */
+/* 197 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -16248,7 +16499,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 197 */
+/* 198 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16353,8 +16604,8 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 198 */,
-/* 199 */
+/* 199 */,
+/* 200 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16363,19 +16614,19 @@ module.exports =
 	
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 	
-	var _addClass = __webpack_require__(201);
+	var _addClass = __webpack_require__(202);
 	
 	var _addClass2 = _interopRequireDefault(_addClass);
 	
-	var _removeClass = __webpack_require__(203);
+	var _removeClass = __webpack_require__(204);
 	
 	var _removeClass2 = _interopRequireDefault(_removeClass);
 	
-	var _requestAnimationFrame = __webpack_require__(205);
+	var _requestAnimationFrame = __webpack_require__(206);
 	
 	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
 	
-	var _properties = __webpack_require__(204);
+	var _properties = __webpack_require__(205);
 	
 	var _react = __webpack_require__(1);
 	
@@ -16588,7 +16839,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 200 */
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16597,7 +16848,7 @@ module.exports =
 	
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 	
-	var _chainFunction = __webpack_require__(157);
+	var _chainFunction = __webpack_require__(158);
 	
 	var _chainFunction2 = _interopRequireDefault(_chainFunction);
 	
@@ -16609,11 +16860,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _warning = __webpack_require__(207);
+	var _warning = __webpack_require__(208);
 	
 	var _warning2 = _interopRequireDefault(_warning);
 	
-	var _ChildMapping = __webpack_require__(206);
+	var _ChildMapping = __webpack_require__(207);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -16865,7 +17116,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 201 */
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16875,7 +17126,7 @@ module.exports =
 	});
 	exports.default = addClass;
 	
-	var _hasClass = __webpack_require__(202);
+	var _hasClass = __webpack_require__(203);
 	
 	var _hasClass2 = _interopRequireDefault(_hasClass);
 	
@@ -16887,7 +17138,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 202 */
+/* 203 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -16902,7 +17153,7 @@ module.exports =
 	module.exports = exports["default"];
 
 /***/ },
-/* 203 */
+/* 204 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -16912,7 +17163,7 @@ module.exports =
 	};
 
 /***/ },
-/* 204 */
+/* 205 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17027,7 +17278,7 @@ module.exports =
 	}
 
 /***/ },
-/* 205 */
+/* 206 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17085,7 +17336,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17181,7 +17432,7 @@ module.exports =
 	}
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17247,13 +17498,13 @@ module.exports =
 
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports) {
 
 	module.exports = require("moment-timezone");
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");