@lingk/sync 0.1.71 → 0.1.73

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(126);
+	module.exports = __webpack_require__(127);
 
 
 /***/ },
@@ -246,8 +246,10 @@ module.exports =
 	function loadData(step, wizard, change, formValues, actions, isReverse) {
 	
 	  var defaults = {
-	    sourceEndpoint: 'https://',
-	    destinationEndpoint: 'https://',
+	    //sourceEndpoint: 'https://',
+	    //destinationEndpoint: 'https://',
+	    sourceCredentials: { rootUrl: 'https://' },
+	    destinationCredentials: { rootUrl: 'https://' },
 	    title: step.name,
 	    direction: 'normal'
 	  };
@@ -498,6 +500,14 @@ module.exports =
 	      change('scenario', wizard.savedConfiguration['scenario']);
 	    }
 	
+	    if (wizard.savedConfiguration['environment'] && !formValues['environment']) {
+	      change('environment', wizard.savedConfiguration['environment']);
+	    }
+	
+	    if (wizard.savedConfiguration['batchSize'] && !formValues['batchSize']) {
+	      change('batchSize', wizard.savedConfiguration['batchSize']);
+	    }
+	
 	    if (wizard.savedConfiguration['isBidirectional'] && !formValues['bidirectional'] && typeof formValues['bidirectional'] === 'undefined') {
 	      change('bidirectional', wizard.savedConfiguration['isBidirectional'] === 'true');
 	    }
@@ -506,13 +516,13 @@ module.exports =
 	  var modes = ['source', 'destination'];
 	  modes.forEach(function (mode) {
 	
-	    if (!formValues[mode + 'Endpoint']) {
-	      if (wizard.savedConfiguration && wizard.savedConfiguration[mode + 'Endpoint']) {
-	        change(mode + 'Endpoint', wizard.savedConfiguration[mode + 'Endpoint']);
+	    /*if(!formValues[`${mode}Endpoint`]){
+	      if(wizard.savedConfiguration && wizard.savedConfiguration[`${mode}Endpoint`]){
+	        change(`${mode}Endpoint`, wizard.savedConfiguration[`${mode}Endpoint`])
 	      } else {
-	        change(mode + 'Endpoint', defaults[mode + 'Endpoint']);
+	        change(`${mode}Endpoint`, defaults[`${mode}Endpoint`])
 	      }
-	    }
+	    }*/
 	
 	    if (!formValues[mode + 'Credentials']) {
 	      if (wizard.savedCredentials && wizard.savedCredentials['' + mode]) {
@@ -521,6 +531,8 @@ module.exports =
 	          ClientSecret: wizard.savedCredentials[`${mode}`].secret,
 	        }*/
 	        change(mode + 'Credentials', wizard.savedCredentials['' + mode]);
+	      } else {
+	        change(mode + 'Credentials', defaults[mode + 'Credentials']);
 	      }
 	    }
 	  }); // end mode forEach
@@ -710,6 +722,140 @@ module.exports =
 
 /***/ },
 /* 23 */
+/***/ 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 _nestExpand = __webpack_require__(51);
+	
+	var _nestExpand2 = _interopRequireDefault(_nestExpand);
+	
+	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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	
+	var SelectWrapper = function (_Component) {
+	  _inherits(SelectWrapper, _Component);
+	
+	  function SelectWrapper() {
+	    _classCallCheck(this, SelectWrapper);
+	
+	    var _this = _possibleConstructorReturn(this, (SelectWrapper.__proto__ || Object.getPrototypeOf(SelectWrapper)).call(this));
+	
+	    _this.state = {
+	      expanded: {}
+	    };
+	    _this.expand = _this.expand.bind(_this);
+	    return _this;
+	  }
+	
+	  _createClass(SelectWrapper, [{
+	    key: 'expand',
+	    value: function expand(v, parents) {
+	      this.setState({ expanded: _nestExpand2.default.expand(v, parents, this.state.expanded) });
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _props = this.props,
+	          values = _props.values,
+	          inputs = _props.inputs,
+	          selectedValues = _props.selectedValues,
+	          sectionLabels = _props.sectionLabels,
+	          fieldPropLabel = _props.fieldPropLabel;
+	
+	      var iterator = function (sectionValues, entity, sectionLabel, iteration, parents, newParent) {
+	        if (newParent) {
+	          parents = parents.concat(newParent);
+	        }
+	
+	        var title = '';
+	        parents && parents.forEach(function (pt) {
+	          title += pt;
+	          title += ': ';
+	        });
+	        title += entity[fieldPropLabel];
+	
+	        var isExpanded = _nestExpand2.default.checkIfExpanded(entity[fieldPropLabel], parents, this.state.expanded);
+	        var isSelected = false;
+	        isSelected = selectedValues && selectedValues.length > 0 && selectedValues.some(function (rsc) {
+	          return rsc[fieldPropLabel] === entity[fieldPropLabel] && (!(parents && rsc.parents) || JSON.stringify(rsc.parents) === JSON.stringify(parents)) && (!rsc.section || sectionLabel === rsc.section);
+	        });
+	
+	        sectionValues.push(Object.assign({}, entity, {
+	          title: title,
+	          section: sectionLabel,
+	          iteration: iteration,
+	          parents: parents,
+	          isExpanded: isExpanded,
+	          isSelected: isSelected
+	        }));
+	
+	        if (entity.object && isExpanded) {
+	          entity.object.properties.forEach(function (p) {
+	            iterator(sectionValues, p, sectionLabel, iteration + 1, parents, entity[fieldPropLabel]);
+	          });
+	        }
+	        return sectionValues;
+	      }.bind(this);
+	
+	      var vals = [].concat(_toConsumableArray(values));
+	      if (sectionLabels) {
+	        var v = [];
+	        sectionLabels.forEach(function (s, i) {
+	          if (values[i] && values[i].length > 0) {
+	            (function () {
+	              v = v.concat(sectionLabels[i]);
+	              var sectionValues = [];
+	              values[i].forEach(function (entity) {
+	                iterator(sectionValues, entity, sectionLabels[i], 0, []);
+	              });
+	              v = v.concat(sectionValues);
+	            })();
+	          }
+	        });
+	        vals = v;
+	      } else {
+	        (function () {
+	          var sectionValues = [];
+	          values.forEach(function (entity) {
+	            iterator(sectionValues, entity, '', 0, []);
+	          });
+	          vals = sectionValues;
+	        })();
+	      }
+	
+	      return _react2.default.createElement(
+	        'div',
+	        null,
+	        _react2.default.createElement(inputs.Select, Object.assign({}, this.props, { vals: vals, expand: this.expand }))
+	      );
+	    }
+	  }]);
+	
+	  return SelectWrapper;
+	}(_react.Component);
+	
+	exports.default = SelectWrapper;
+
+/***/ },
+/* 24 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var global    = __webpack_require__(6)
@@ -775,7 +921,7 @@ module.exports =
 	module.exports = $export;
 
 /***/ },
-/* 24 */
+/* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var shared = __webpack_require__(35)('keys')
@@ -785,7 +931,7 @@ module.exports =
 	};
 
 /***/ },
-/* 25 */
+/* 26 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -796,7 +942,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__(169);
+	var _propertyUtils = __webpack_require__(170);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -1348,7 +1494,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 26 */
+/* 27 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1365,11 +1511,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _TransitionGroup = __webpack_require__(202);
+	var _TransitionGroup = __webpack_require__(203);
 	
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 	
-	var _CSSTransitionGroupChild = __webpack_require__(201);
+	var _CSSTransitionGroupChild = __webpack_require__(202);
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
@@ -1447,246 +1593,121 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 27 */
-/***/ function(module, exports, __webpack_require__) {
+/* 28 */
+/***/ function(module, exports) {
 
-	'use strict';
+	var toString = {}.toString;
 	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
+	module.exports = function(it){
+	  return toString.call(it).slice(8, -1);
+	};
+
+/***/ },
+/* 29 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var isObject = __webpack_require__(14)
+	  , document = __webpack_require__(6).document
+	  // in old IE typeof document.createElement is 'object'
+	  , is = isObject(document) && isObject(document.createElement);
+	module.exports = function(it){
+	  return is ? document.createElement(it) : {};
+	};
+
+/***/ },
+/* 30 */
+/***/ function(module, exports) {
+
+	// IE 8- don't enum bug keys
+	module.exports = (
+	  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+	).split(',');
+
+/***/ },
+/* 31 */
+/***/ function(module, exports, __webpack_require__) {
+
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var cof = __webpack_require__(28);
+	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
+	  return cof(it) == 'String' ? it.split('') : Object(it);
+	};
+
+/***/ },
+/* 32 */,
+/* 33 */
+/***/ function(module, exports, __webpack_require__) {
+
+	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
+	var $keys       = __webpack_require__(46)
+	  , enumBugKeys = __webpack_require__(30);
 	
-	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; }; }();
+	module.exports = Object.keys || function keys(O){
+	  return $keys(O, enumBugKeys);
+	};
+
+/***/ },
+/* 34 */
+/***/ function(module, exports) {
+
+	module.exports = function(bitmap, value){
+	  return {
+	    enumerable  : !(bitmap & 1),
+	    configurable: !(bitmap & 2),
+	    writable    : !(bitmap & 4),
+	    value       : value
+	  };
+	};
+
+/***/ },
+/* 35 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var global = __webpack_require__(6)
+	  , SHARED = '__core-js_shared__'
+	  , store  = global[SHARED] || (global[SHARED] = {});
+	module.exports = function(key){
+	  return store[key] || (store[key] = {});
+	};
+
+/***/ },
+/* 36 */
+/***/ function(module, exports, __webpack_require__) {
+
+	// 7.1.13 ToObject(argument)
+	var defined = __webpack_require__(16);
+	module.exports = function(it){
+	  return Object(defined(it));
+	};
+
+/***/ },
+/* 37 */
+/***/ function(module, exports) {
+
+	var id = 0
+	  , px = Math.random();
+	module.exports = function(key){
+	  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+	};
+
+/***/ },
+/* 38 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+	  Copyright (c) 2016 Jed Watson.
+	  Licensed under the MIT License (MIT), see
+	  http://jedwatson.github.io/classnames
+	*/
+	/* global define */
 	
-	var _react = __webpack_require__(1);
+	(function () {
+		'use strict';
 	
-	var _react2 = _interopRequireDefault(_react);
+		var hasOwn = {}.hasOwnProperty;
 	
-	var _nestExpand = __webpack_require__(51);
-	
-	var _nestExpand2 = _interopRequireDefault(_nestExpand);
-	
-	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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-	
-	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-	
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-	
-	var SelectWrapper = function (_Component) {
-	  _inherits(SelectWrapper, _Component);
-	
-	  function SelectWrapper() {
-	    _classCallCheck(this, SelectWrapper);
-	
-	    var _this = _possibleConstructorReturn(this, (SelectWrapper.__proto__ || Object.getPrototypeOf(SelectWrapper)).call(this));
-	
-	    _this.state = {
-	      expanded: {}
-	    };
-	    _this.expand = _this.expand.bind(_this);
-	    return _this;
-	  }
-	
-	  _createClass(SelectWrapper, [{
-	    key: 'expand',
-	    value: function expand(v, parents) {
-	      this.setState({ expanded: _nestExpand2.default.expand(v, parents, this.state.expanded) });
-	    }
-	  }, {
-	    key: 'render',
-	    value: function render() {
-	      var _props = this.props,
-	          values = _props.values,
-	          inputs = _props.inputs,
-	          selectedValues = _props.selectedValues,
-	          sectionLabels = _props.sectionLabels,
-	          fieldPropLabel = _props.fieldPropLabel;
-	
-	
-	      var iterator = function (sectionValues, entity, sectionLabel, iteration, parents, newParent) {
-	
-	        if (newParent) {
-	          parents = parents.concat(newParent);
-	        }
-	
-	        var title = '';
-	        parents && parents.forEach(function (pt) {
-	          title += pt;
-	          title += ': ';
-	        });
-	        title += entity[fieldPropLabel];
-	
-	        var isExpanded = _nestExpand2.default.checkIfExpanded(entity[fieldPropLabel], parents, this.state.expanded);
-	
-	        sectionValues.push(Object.assign({}, entity, {
-	          title: title,
-	          section: sectionLabel,
-	          iteration: iteration,
-	          parents: parents,
-	          isExpanded: isExpanded,
-	          isSelected: selectedValues && selectedValues.length > 0 && selectedValues.some(function (rsc) {
-	            return rsc[fieldPropLabel] === entity[fieldPropLabel] && (!(parents && rsc.parents) || JSON.stringify(rsc.parents) === JSON.stringify(parents)) && (!(sectionLabel && rsc.section) || sectionLabel === rsc.section);
-	          })
-	        }));
-	        if (entity.object && isExpanded) {
-	          entity.object.properties.forEach(function (p) {
-	            iterator(sectionValues, p, sectionLabel, iteration + 1, parents, entity[fieldPropLabel]);
-	          });
-	        }
-	        return sectionValues;
-	      }.bind(this);
-	
-	      var vals = [].concat(_toConsumableArray(values));
-	      if (sectionLabels) {
-	        var v = [];
-	        sectionLabels.forEach(function (s, i) {
-	          if (values[i] && values[i].length > 0) {
-	            (function () {
-	              v = v.concat(sectionLabels[i]);
-	              var sectionValues = [];
-	              values[i].forEach(function (entity) {
-	                iterator(sectionValues, entity, sectionLabels[i], 0, []);
-	              });
-	              v = v.concat(sectionValues);
-	            })();
-	          }
-	        });
-	        vals = v;
-	      }
-	
-	      return _react2.default.createElement(
-	        'div',
-	        null,
-	        _react2.default.createElement(inputs.Select, Object.assign({}, this.props, { vals: vals, expand: this.expand }))
-	      );
-	    }
-	  }]);
-	
-	  return SelectWrapper;
-	}(_react.Component);
-	
-	exports.default = SelectWrapper;
-
-/***/ },
-/* 28 */
-/***/ function(module, exports) {
-
-	var toString = {}.toString;
-	
-	module.exports = function(it){
-	  return toString.call(it).slice(8, -1);
-	};
-
-/***/ },
-/* 29 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var isObject = __webpack_require__(14)
-	  , document = __webpack_require__(6).document
-	  // in old IE typeof document.createElement is 'object'
-	  , is = isObject(document) && isObject(document.createElement);
-	module.exports = function(it){
-	  return is ? document.createElement(it) : {};
-	};
-
-/***/ },
-/* 30 */
-/***/ function(module, exports) {
-
-	// IE 8- don't enum bug keys
-	module.exports = (
-	  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
-	).split(',');
-
-/***/ },
-/* 31 */
-/***/ function(module, exports, __webpack_require__) {
-
-	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = __webpack_require__(28);
-	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
-	  return cof(it) == 'String' ? it.split('') : Object(it);
-	};
-
-/***/ },
-/* 32 */,
-/* 33 */
-/***/ function(module, exports, __webpack_require__) {
-
-	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
-	var $keys       = __webpack_require__(46)
-	  , enumBugKeys = __webpack_require__(30);
-	
-	module.exports = Object.keys || function keys(O){
-	  return $keys(O, enumBugKeys);
-	};
-
-/***/ },
-/* 34 */
-/***/ function(module, exports) {
-
-	module.exports = function(bitmap, value){
-	  return {
-	    enumerable  : !(bitmap & 1),
-	    configurable: !(bitmap & 2),
-	    writable    : !(bitmap & 4),
-	    value       : value
-	  };
-	};
-
-/***/ },
-/* 35 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var global = __webpack_require__(6)
-	  , SHARED = '__core-js_shared__'
-	  , store  = global[SHARED] || (global[SHARED] = {});
-	module.exports = function(key){
-	  return store[key] || (store[key] = {});
-	};
-
-/***/ },
-/* 36 */
-/***/ function(module, exports, __webpack_require__) {
-
-	// 7.1.13 ToObject(argument)
-	var defined = __webpack_require__(16);
-	module.exports = function(it){
-	  return Object(defined(it));
-	};
-
-/***/ },
-/* 37 */
-/***/ function(module, exports) {
-
-	var id = 0
-	  , px = Math.random();
-	module.exports = function(key){
-	  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
-	};
-
-/***/ },
-/* 38 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
-	  Copyright (c) 2016 Jed Watson.
-	  Licensed under the MIT License (MIT), see
-	  http://jedwatson.github.io/classnames
-	*/
-	/* global define */
-	
-	(function () {
-		'use strict';
-	
-		var hasOwn = {}.hasOwnProperty;
-	
-		function classNames () {
-			var classes = [];
+		function classNames () {
+			var classes = [];
 	
 			for (var i = 0; i < arguments.length; i++) {
 				var arg = arguments[i];
@@ -1755,7 +1776,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__(175)();
+	  module.exports = __webpack_require__(176)();
 	}
 
 
@@ -1781,6 +1802,7 @@ module.exports =
 	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 SET_WIZARD_ENVIRONMENTS = exports.SET_WIZARD_ENVIRONMENTS = 'SET_WIZARD_ENVIRONMENTS';
 	
 	var CLEAR_WIZARD = exports.CLEAR_WIZARD = 'CLEAR_WIZARD';
 
@@ -1792,7 +1814,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(128);
+	var _assign = __webpack_require__(129);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -1887,7 +1909,7 @@ module.exports =
 	var has          = __webpack_require__(17)
 	  , toIObject    = __webpack_require__(20)
 	  , arrayIndexOf = __webpack_require__(43)(false)
-	  , IE_PROTO     = __webpack_require__(24)('IE_PROTO');
+	  , IE_PROTO     = __webpack_require__(25)('IE_PROTO');
 	
 	module.exports = function(object, names){
 	  var O      = toIObject(object)
@@ -1958,7 +1980,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _selectWrapper = __webpack_require__(27);
+	var _selectWrapper = __webpack_require__(23);
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
@@ -2748,7 +2770,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(129);
+	var _defineProperty = __webpack_require__(130);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -2793,7 +2815,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _utils = __webpack_require__(25);
+	var _utils = __webpack_require__(26);
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
@@ -2883,7 +2905,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(131);
+	var _objectWithoutProperties2 = __webpack_require__(132);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -4719,7 +4741,7 @@ module.exports =
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(174);
+	var _objectAssign = __webpack_require__(175);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -5094,11 +5116,14 @@ module.exports =
 	exports.callGetPiConfig = callGetPiConfig;
 	exports.tryGetMetadataIntro = tryGetMetadataIntro;
 	exports.callGetCredentials = callGetCredentials;
+	exports.getCredentialForEnvironment = getCredentialForEnvironment;
 	exports.tryGetCredentials = tryGetCredentials;
-	exports.tryGetMetadata = tryGetMetadata;
+	exports.tryGetMetadataReload = tryGetMetadataReload;
 	exports.callGetBundles = callGetBundles;
 	exports.callGetMapping = callGetMapping;
 	exports.postCredentials = postCredentials;
+	exports.getEnvironments = getEnvironments;
+	exports.postEnvironment = postEnvironment;
 	exports.callGetTrigger = callGetTrigger;
 	exports.setWizardLoaded = setWizardLoaded;
 	exports.setWizardDataLoaded = setWizardDataLoaded;
@@ -5118,20 +5143,30 @@ module.exports =
 	
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 	
-	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig, isFramework, creds) {
+	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig, isFramework, creds, environment, isReload) {
+	  var metadata = null;
+	  var isOauth = credsConfig && credsConfig[0] === 'Oauth';
 	  return function (dispatch) {
 	    dispatch({
 	      type: types.START_WIZARD_ENV_CHECK,
 	      mode: mode
 	    });
-	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds)).then(function (r) {
-	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint));
+	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds, urlSuffix)).then(function (r) {
+	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint, isOauth, environment.name));
+	    }).then(function (m) {
+	      metadata = m;
+	      var isIntro = endpoint === '_blank';
+	      var envId = environment.environmentId;
+	      if (isOauth || isIntro || isReload) return Promise.resolve(null);
+	      return dispatch(postCredentials(tenantId, appId, providerType, creds, mode, envId));
 	    }).then(function (res) {
 	      dispatch({
 	        type: types.FINISH_WIZARD_ENV_CHECK,
-	        data: { res: res, mode: mode, code: '200 OK', providerType: providerType }
+	        data: { metadata: metadata, mode: mode, code: '200 OK', providerType: providerType }
 	      });
+	      return res;
 	    }).catch(function (err) {
+	      console.log(err);
 	      dispatch({
 	        type: types.FINISH_WIZARD_ENV_CHECK,
 	        data: { res: null, mode: mode, code: '404 Error', providerType: providerType }
@@ -5141,7 +5176,7 @@ module.exports =
 	}
 	
 	// "fake" credentials for demo purposes
-	function demoCreds(creds, providerType) {
+	function isDemoCreds(creds, providerType) {
 	  if (creds && providerType) {
 	    switch (providerType) {
 	      case 'Blackboard':
@@ -5156,40 +5191,55 @@ module.exports =
 	  } else return false;
 	}
 	
-	function tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds) {
+	function tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework, creds, urlSuffix) {
 	  return function (dispatch, getState, api) {
-	    var needsCredentials = credsConfig && credsConfig.length > 0 && credsConfig[0] !== 'Oauth';
+	    var isOauth = credsConfig && credsConfig[0] === 'Oauth';
+	    var isAdapter = urlSuffix === 'testconnection' || urlSuffix === 'adaptermetadata';
 	
 	    var _getState = getState(),
 	        config = _getState.config;
 	    // if demo creds are entered, skip this
+	    // ADD: OR IF adaptermetadata SKIP THIS
 	
 	
-	    if (needsCredentials && !demoCreds(creds, providerType) && !isFramework) {
+	    if (!isOauth && !isAdapter && !isDemoCreds(creds, providerType)) {
 	      return api.post(tenantId + '/' + appId + '/testconnection/' + providerType.toLowerCase(), {
-	        endpoint: config.TRANS_API_URL
+	        endpoint: config.TRANS_API_URL,
+	        data: {
+	          credentialType: providerType,
+	          credentialsJson: creds
+	        }
 	      });
 	    } else return Promise.resolve(null);
 	  };
 	}
 	
-	function callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint) {
+	function callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint, isOauth, envName) {
 	  return function (dispatch, getState, api) {
 	    var _getState2 = getState(),
 	        config = _getState2.config;
-	    // 'testconnection ' GET route is for adapter only. Should be called 'metadata/adapter'
+	    // 'testconnection ' GET route is for adapter only. Should be called 'adaptermetadata'
 	
 	
 	    if (urlSuffix === 'testconnection') {
 	      urlSuffix = 'testconnection?url=' + endpoint;
 	    }
-	    return api.get(tenantId + '/' + appId + '/' + urlSuffix, {
-	      endpoint: config[apiUrl]
-	    });
+	    if (urlSuffix === 'adaptermetadata') {
+	      urlSuffix = 'adaptermetadata?url=' + endpoint;
+	    }
+	    if (isOauth) {
+	      return api.get(tenantId + '/' + appId + '/environments/' + envName + '/' + urlSuffix, {
+	        endpoint: config[apiUrl]
+	      });
+	    } else {
+	      return api.get(tenantId + '/' + appId + '/' + urlSuffix, {
+	        endpoint: config[apiUrl]
+	      });
+	    }
 	  };
 	}
 	
-	function getOauthUrl(tenantId, appId, typeGuid, orgType, mode) {
+	function getOauthUrl(tenantId, appId, typeGuid, orgType, mode, envName) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
 	      type: types.GETTING_WIZARD_OAUTH_URL,
@@ -5200,9 +5250,10 @@ module.exports =
 	    var _getState3 = getState(),
 	        config = _getState3.config;
 	
-	    return api.get(tenantId + '/' + appId + '/oauthurl/' + typeGuid + '/' + orgType, {
+	    return api.get(tenantId + '/' + appId + '/environments/' + envName + '/oauthurl/' + typeGuid + '/' + orgType, {
 	      endpoint: config.SF_AGENT_API_URL
 	    }).then(function (data) {
+	      //console.log(data)
 	      dispatch({
 	        type: types.SET_WIZARD_OAUTH_URL,
 	        data: data.url
@@ -5213,7 +5264,7 @@ module.exports =
 	  };
 	}
 	
-	function createLingkExternalIds(tenantId, appId, bundles, mappings, destinationMetadata) {
+	function createLingkExternalIds(tenantId, appId, bundles, mappings, metadata, envName) {
 	  return function (dispatch, getState, api) {
 	    var _getState4 = getState(),
 	        config = _getState4.config;
@@ -5223,7 +5274,7 @@ module.exports =
 	    bundles && bundles.filter(function (b) {
 	      return b.provider === 'Salesforce';
 	    }).forEach(function (b) {
-	      var rsc = destinationMetadata.find(function (r) {
+	      var rsc = metadata.find(function (r) {
 	        return r.type === b.name;
 	      });
 	      var externalIdProp = rsc && rsc.properties && rsc.properties.find(function (p) {
@@ -5237,7 +5288,7 @@ module.exports =
 	
 	    if (externalIdlessObjects.length > 0) {
 	      console.log('Adding Lingk External Id field to: ', externalIdlessObjects);
-	      return api.post(tenantId + '/' + appId + '/salesforceschema/field', {
+	      return api.post(tenantId + '/' + appId + '/environments/' + envName + '/salesforceschema/field', {
 	        endpoint: config.SF_AGENT_API_URL,
 	        data: externalIdlessObjects.map(function (o) {
 	          return {
@@ -5252,12 +5303,12 @@ module.exports =
 	  };
 	}
 	
-	function callAddCustomField(tenantId, appId, objectType, fieldName, completedCallback) {
+	function callAddCustomField(tenantId, appId, objectType, fieldName, completedCallback, envName) {
 	  return function (dispatch, getState, api) {
 	    var _getState5 = getState(),
 	        config = _getState5.config;
 	
-	    return api.post(tenantId + '/' + appId + '/salesforceschema/field', {
+	    return api.post(tenantId + '/' + appId + '/environments/' + envName + '/salesforceschema/field', {
 	      endpoint: config.SF_AGENT_API_URL,
 	      data: [{
 	        type: objectType,
@@ -5446,10 +5497,12 @@ module.exports =
 	  };
 	}
 	
-	function submitWizardData(tenantId, appId, bundles, mappings, configuration, title, deployment, typeId, typeGuid, piGuid, onPiPost, onGenerate, onFinish, sourceMetadata, destinationMetadata, isManagedPackage, onGenerationError) {
+	function submitWizardData(tenantId, appId, bundles, mappings, configuration, title, deployment, typeId, typeGuid, piGuid, onPiPost, onGenerate, onFinish, sourceMetadata, destinationMetadata, isManagedPackage, onGenerationError, envName) {
 	  return function (dispatch) {
 	    var map = {};
-	    return Promise.all([dispatch(callPostBundles(tenantId, appId, bundles, onGenerationError)), dispatch(callPostMapping(tenantId, appId, mappings, onGenerationError)), dispatch(createLingkExternalIds(tenantId, appId, bundles, mappings, destinationMetadata))]).then(function (r) {
+	    return Promise.all([dispatch(callPostBundles(tenantId, appId, bundles, onGenerationError)), dispatch(callPostMapping(tenantId, appId, mappings, onGenerationError)),
+	    // IF REVERSE USE CORRECT METADATA
+	    dispatch(createLingkExternalIds(tenantId, appId, bundles, mappings, destinationMetadata, envName))]).then(function (r) {
 	      map = r[1];
 	      var bundle = r[0];
 	      if (piGuid && piGuid !== '_') {
@@ -5539,7 +5592,6 @@ module.exports =
 	}
 	
 	function callSaveTrigger(deployment, onFinish, generatedRecipe, pi) {
-	  console.log(deployment);
 	  var triggerData = {
 	    baseid: generatedRecipe.BaseId,
 	    isrecurring: true
@@ -5590,6 +5642,7 @@ module.exports =
 	      type: types.SET_WIZARD_LOADED,
 	      bool: false
 	    });
+	    dispatch(getEnvironments(tenantId, accountId));
 	    dispatch(callGetPiConfig(tenantId, accountId, piGuid, wiz)).then(function () {
 	      setTimeout(function () {
 	        dispatch({
@@ -5616,19 +5669,19 @@ module.exports =
 	      }).then(function (pi) {
 	        var piconfig = pi.configuration;
 	        piconfig['title'] = pi.name;
-	        var savedSourceEndpoint = null;
-	        var savedDestinationEndpoint = null;
-	        if (piconfig.hasOwnProperty('sourceEndpoint')) {
-	          savedSourceEndpoint = piconfig.sourceEndpoint;
-	        }
-	        if (piconfig.hasOwnProperty('destinationEndpoint')) {
-	          savedDestinationEndpoint = piconfig.destinationEndpoint;
-	        }
 	        dispatch({
 	          type: types.SET_WIZARD_SAVED_CONFIGURATION,
 	          data: piconfig
 	        });
-	        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))]);
+	        var envName = piconfig['environment'];
+	        return Promise.all([dispatch(callGetCredentials(tenantId, accountId, wiz, envName)), dispatch(callGetMapping(tenantId, accountId, pi.schemaMappingGuid)), dispatch(callGetBundles(tenantId, accountId, pi.bundlePackGuid)), dispatch(callGetTrigger(pi.transformerBaseId))]).then(function (res) {
+	          var creds = res[0];
+	          var sourceCreds = creds[0] && creds[0].credentialsJson;
+	          var destCreds = creds[1] && creds[1].credentialsJson;
+	          var savedSourceEndpoint = sourceCreds && sourceCreds.rootUrl;
+	          var savedDestinationEndpoint = destCreds && destCreds.rootUrl;
+	          return Promise.all([dispatch(tryGetMetadataReload(tenantId, accountId, 'source', source, savedSourceEndpoint, sourceCreds, envName)), dispatch(tryGetMetadataReload(tenantId, accountId, 'destination', destination, savedDestinationEndpoint, destCreds, envName))]);
+	        });
 	      });
 	    };
 	  } else return function (dispatch) {
@@ -5655,12 +5708,12 @@ module.exports =
 	  };
 	}
 	
-	function callGetCredentials(tenantId, appId, wiz) {
+	function callGetCredentials(tenantId, appId, wiz, envName) {
 	  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) {
+	    return Promise.all([dispatch(tryGetCredentials(tenantId, appId, source.type, source.credentials, envName)), dispatch(tryGetCredentials(tenantId, appId, destination.type, destination.credentials, envName))]).then(function (res) {
 	      dispatch({
 	        type: types.SET_WIZARD_SAVED_CREDENTIALS,
 	        data: {
@@ -5668,24 +5721,39 @@ module.exports =
 	          destination: res[1] && res[1].credentialsJson
 	        }
 	      });
+	      return res;
 	    });
 	  };
 	}
 	
-	function tryGetCredentials(tenantId, appId, credentialType, credsConfig) {
+	function getCredentialForEnvironment(tenantId, appId, credentialType, envName, mode) {
 	  return function (dispatch, getState, api) {
+	    if (mode) {
+	      dispatch({
+	        type: types.START_WIZARD_ENV_CHECK,
+	        mode: mode
+	      });
+	    }
+	
 	    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
-	      });
+	    return api.get(tenantId + '/' + appId + '/credentials/' + credentialType + '/' + envName, {
+	      endpoint: config.TRANS_API_URL
+	    });
+	  };
+	}
+	
+	function tryGetCredentials(tenantId, appId, credentialType, credsConfig, envName) {
+	  return function (dispatch, getState, api) {
+	    var isOauth = credsConfig && credsConfig.length === 1 && credsConfig[0] === 'Oauth';
+	    if (!isOauth) {
+	      return dispatch(getCredentialForEnvironment(tenantId, appId, credentialType, envName));
 	    } else return Promise.resolve(null);
 	  };
 	}
 	
-	function tryGetMetadata(tenantId, appId, mode, wiz, savedEndpoint) {
+	function tryGetMetadataReload(tenantId, appId, mode, wiz, savedEndpoint, actualCreds, envName) {
 	  return function (dispatch, getState, api) {
 	    // if skipEnvStep (as in SF App), auto pull SF metadata
 	    var type = wiz.type,
@@ -5693,8 +5761,11 @@ module.exports =
 	        metadataEndpoint = wiz.metadataEndpoint,
 	        metadataApi = wiz.metadataApi;
 	
-	    if (savedEndpoint && savedEndpoint.length > 8 || wiz.skipEnvStep) {
-	      return dispatch(callGetMetadata(tenantId, appId, mode, type, metadataEndpoint, metadataApi, savedEndpoint, credentials));
+	    var isOauth = credentials && credentials[0] === 'Oauth';
+	    if (savedEndpoint && savedEndpoint.length > 8 || isOauth) {
+	      var isReload = true;
+	      var environment = { name: envName };
+	      return dispatch(callGetMetadata(tenantId, appId, mode, type, metadataEndpoint, metadataApi, savedEndpoint, credentials, null, actualCreds, environment, isReload));
 	    } else return Promise.resolve(null);
 	  };
 	}
@@ -5735,7 +5806,7 @@ module.exports =
 	  } else return Promise.resolve(null);
 	}
 	
-	function postCredentials(tenantId, appId, providerType, url, credentials, mode) {
+	function postCredentials(tenantId, appId, providerType, credentials, mode, envId) {
 	  return function (dispatch, getState, api) {
 	    dispatch({
 	      type: types.START_WIZARD_ENV_CHECK,
@@ -5745,28 +5816,61 @@ module.exports =
 	    var _getState22 = getState(),
 	        config = _getState22.config;
 	
-	    return api.post(tenantId + '/' + appId + '/credentials', {
+	    return api.post(tenantId + '/' + appId + '/environments/' + envId + '/credentials', {
 	      endpoint: config.TRANS_API_URL,
 	      data: {
 	        credentialType: providerType,
-	        credentialsJson: Object.assign({}, credentials, {
-	          rootUrl: url
-	        })
+	        credentialsJson: credentials
 	      }
 	    });
 	  };
 	}
 	
-	function callGetTrigger(transBaseId) {
+	function getEnvironments(tenantId, appId) {
 	  return function (dispatch, getState, api) {
 	    var _getState23 = getState(),
 	        config = _getState23.config;
 	
-	    if (transBaseId) {
-	      return api.get('gettrigger/' + transBaseId, {
-	        endpoint: config.TRANS_API_URL
-	      }).then(function (data) {
-	        dispatch({
+	    return api.get(tenantId + '/' + appId + '/environments', {
+	      endpoint: config.TRANS_API_URL
+	    }).then(function (data) {
+	      dispatch({
+	        type: types.SET_WIZARD_ENVIRONMENTS,
+	        data: data.map(function (e) {
+	          return {
+	            environmentId: e.Id,
+	            name: e.Name
+	          };
+	        })
+	      });
+	    });
+	  };
+	}
+	
+	function postEnvironment(tenantId, appId, name) {
+	  return function (dispatch, getState, api) {
+	    var _getState24 = getState(),
+	        config = _getState24.config;
+	
+	    return api.post(tenantId + '/' + appId + '/environments', {
+	      endpoint: config.TRANS_API_URL,
+	      data: { name: name }
+	    }).then(function (res) {
+	      return dispatch(getEnvironments(tenantId, appId));
+	    });
+	  };
+	}
+	
+	function callGetTrigger(transBaseId) {
+	  return function (dispatch, getState, api) {
+	    var _getState25 = getState(),
+	        config = _getState25.config;
+	
+	    if (transBaseId) {
+	      return api.get('gettrigger/' + transBaseId, {
+	        endpoint: config.TRANS_API_URL
+	      }).then(function (data) {
+	        dispatch({
 	          type: types.SET_WIZARD_TRIGGER,
 	          data: data
 	        });
@@ -6236,7 +6340,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _selectWrapper = __webpack_require__(27);
+	var _selectWrapper = __webpack_require__(23);
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
@@ -6671,122 +6775,529 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _CSSTransitionGroup = __webpack_require__(26);
-	
-	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
-	
-	var _nestedField = __webpack_require__(122);
-	
-	var _nestedField2 = _interopRequireDefault(_nestedField);
-	
 	var _reduxForm = __webpack_require__(2);
 	
 	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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 	
 	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 	
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 	
-	var MapAccordion = function (_React$Component) {
-	  _inherits(MapAccordion, _React$Component);
+	var EnvSection = function EnvSection(props) {
+	  var formValues = props.formValues,
+	      inputs = props.inputs,
+	      mode = props.mode,
+	      wizard = props.wizard,
+	      step = props.step,
+	      clickDirection = props.clickDirection,
+	      getOauthUrl = props.getOauthUrl,
+	      config = props.config,
+	      check = props.check,
+	      checking = props.checking;
 	
-	  function MapAccordion() {
-	    _classCallCheck(this, MapAccordion);
 	
-	    var _this = _possibleConstructorReturn(this, (MapAccordion.__proto__ || Object.getPrototypeOf(MapAccordion)).call(this));
+	  if (config.skipEnvStep) return _react2.default.createElement(
+	    'div',
+	    { className: 'env-section-body', style: { paddingBottom: 11 } },
+	    wizard[mode + 'Metadata'] ? _react2.default.createElement(
+	      'span',
+	      null,
+	      'Your Salesforce Org is connected. Click Inspect to explore your available Salesforce resources.'
+	    ) : _react2.default.createElement(
+	      'span',
+	      null,
+	      'Your Salesforce Org is not connected. Please revoke all Oauth grants and reauthorize this managed package.'
+	    )
+	  );
+	
+	  var Button = inputs.Button;
+	  var Spinner = inputs.Spinner;
+	
+	  var envCheckResult = wizard[mode + 'CheckResult'];
+	
+	  var hasEndpoint = formValues[mode + 'Credentials'] && formValues[mode + 'Credentials'].rootUrl && formValues[mode + 'Credentials'].rootUrl.length > 8;
+	
+	  // turns camel-case cred names into human-readable
+	  var unCamelize = function unCamelize(text) {
+	    return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+	      return str.toUpperCase();
+	    });
+	  };
+	
+	  var rootUrlkeyPress = function rootUrlkeyPress(e) {
+	    if (e.key === 'Enter' && checking !== true) {
+	      check(mode);
+	    }
+	  };
+	
+	  // all credential fields are filled
+	  var credsDisabledCheck = config.credentials && config.credentials.some(function (c) {
+	    var formCreds = formValues[mode + 'Credentials'];
+	    return !(formCreds && Object.keys(formCreds).includes(c.split(' ').join('')));
+	  });
+	
+	  var isOauth = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'Oauth';
+	
+	  var isSFTP = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'SFTP';
+	
+	  var POSTS = wizard[mode + 'Metadata'] && wizard[mode + 'Metadata'].filter(function (m) {
+	    return m.method === 'POST' || m.method === 'PUT';
+	  });
+	
+	  return _react2.default.createElement(
+	    'div',
+	    { className: 'env-section-body' },
+	    config.message && _react2.default.createElement(
+	      'p',
+	      null,
+	      config.message
+	    ),
+	    _react2.default.createElement('br', null),
+	    isOauth ? _react2.default.createElement(Oauth, { step: step, wizard: wizard, onCheck: check,
+	      onGenerateUrl: function onGenerateUrl(urlType) {
+	        return getOauthUrl(urlType, mode);
+	      },
+	      mode: mode, inputs: inputs, checking: checking }) : isSFTP ? _react2.default.createElement(SFTP, { step: step, wizard: wizard, onCheck: check, onPasteHeader: true,
+	      mode: mode, inputs: inputs, checking: checking }) : _react2.default.createElement(
+	      'div',
+	      null,
+	      _react2.default.createElement(
+	        'div',
+	        { style: { marginLeft: 16 } },
+	        _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', width: 300 } },
+	            _react2.default.createElement(_reduxForm.Field, { name: mode + 'Credentials.rootUrl', type: 'text', component: inputs.rfInput, label: 'Data Source Endpoint', onKeyPress: rootUrlkeyPress })
+	          ),
+	          _react2.default.createElement(
+	            Button,
+	            {
+	              icon: 'sync',
+	              iconAlign: 'left',
+	              onClick: function onClick() {
+	                return check(mode);
+	              },
+	              style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
+	              disabled: !hasEndpoint || credsDisabledCheck },
+	            'Test Connection'
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', marginLeft: 12 } },
+	            checking && _react2.default.createElement(Spinner, null),
+	            envCheckResult && _react2.default.createElement(
+	              'span',
+	              null,
+	              envCheckResult
+	            )
+	          )
+	        )
+	      ),
+	      config.credentials && _react2.default.createElement(
+	        'div',
+	        { style: { marginLeft: 16 } },
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(
+	          'label',
+	          null,
+	          step[mode + 'Provider'],
+	          ' Credentials'
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(
+	          'div',
+	          { style: { display: 'inline-block', marginLeft: 16 } },
+	          config.credentials.map(function (cred, index) {
+	            return _react2.default.createElement(
+	              'div',
+	              { key: index, style: { marginTop: 8 } },
+	              _react2.default.createElement(_reduxForm.Field, { name: mode + 'Credentials.' + cred,
+	                label: step[mode + 'Provider'] + ' ' + unCamelize(cred), type: 'text',
+	                component: inputs.rfInput })
+	            );
+	          })
+	        )
+	      )
+	    ),
+	    wizard[mode + 'Metadata'] && mode === 'source' && config.bidirectional && POSTS && POSTS.length > 0 && _react2.default.createElement(
+	      'div',
+	      null,
+	      _react2.default.createElement('br', null),
+	      _react2.default.createElement(_reduxForm.Field, { name: 'direction', component: inputs.rfRadioGroup,
+	        label: 'Integration Direction',
+	        onClickOption: clickDirection,
+	        options: {
+	          'normal': 'Read Data from ' + step[mode + 'Provider'],
+	          'reverse': 'Write Data to ' + step[mode + 'Provider']
+	        }
+	      })
+	    ),
+	    config.type === 'Salesforce' && _react2.default.createElement(CustomSalesforceSettings, {
+	      inputs: inputs, formValues: formValues
+	    }),
+	    _react2.default.createElement('br', null)
+	  );
+	};
+	
+	var SFTP = function (_Component) {
+	  _inherits(SFTP, _Component);
+	
+	  function SFTP() {
+	    _classCallCheck(this, SFTP);
+	
+	    var _this = _possibleConstructorReturn(this, (SFTP.__proto__ || Object.getPrototypeOf(SFTP)).call(this));
 	
 	    _this.state = {
-	      selectedField: null,
-	      selectedFieldParents: null,
-	      customFieldValue: '',
-	      addNewButtonText: 'Add New',
-	      setDuplicateRules: false,
-	      expanded: {}
+	      resources: []
 	    };
-	    _this.onSelectDestinationField = _this.onSelectDestinationField.bind(_this);
-	    _this.customize = _this.customize.bind(_this);
-	    _this.submitCustomField = _this.submitCustomField.bind(_this);
-	    _this.changeCustomFieldValue = _this.changeCustomFieldValue.bind(_this);
-	    _this.completedCallback = _this.completedCallback.bind(_this);
-	    _this.goLoading = _this.goLoading.bind(_this);
 	    return _this;
 	  }
 	
-	  _createClass(MapAccordion, [{
-	    key: 'customize',
-	    value: function customize(groupName) {
-	      var _this2 = this;
-	
-	      this.props.customize(groupName);
-	      setTimeout(function () {
-	        if (_this2.customFieldInput) {
-	          _this2.customFieldInput.focus();
+	  _createClass(SFTP, [{
+	    key: 'pasteHeader',
+	    value: function pasteHeader(e) {
+	      e.clipboardData.items[0].getAsString(function (txt) {
+	        if (txt) {
+	          // split on tab (coming out of google sheets or excel... maybe check for commas too?)
+	          var rows = txt.split('\t');
+	          console.log(rows);
 	        }
-	      }, 100);
-	    }
-	  }, {
-	    key: 'changeCustomFieldValue',
-	    value: function changeCustomFieldValue(e) {
-	      var last = e.target.value[e.target.value.length - 1];
-	      if (!(last === ' ' && (this.state.customFieldValue.length === 0 || this.state.customFieldValue[this.state.customFieldValue.length - 1] === ' '))) {
-	        this.setState({ customFieldValue: e.target.value });
-	      }
-	    }
-	  }, {
-	    key: 'submitCustomField',
-	    value: function submitCustomField() {
-	      var _props = this.props,
-	          destinationSchema = _props.destinationSchema,
-	          customizingGroup = _props.customizingGroup,
-	          actions = _props.actions;
-	
-	      var fieldLabel = this.state.customFieldValue;
-	      if (fieldLabel[fieldLabel.length - 1] === ' ') {
-	        fieldLabel = fieldLabel.slice(0, -1);
-	      }
-	      var fieldName = fieldLabel.replace(' ', '_') + '__c';
-	      var object = destinationSchema.find(function (o) {
-	        return o.name === customizingGroup;
 	      });
-	      actions.callAddCustomField(object.type, fieldName, this.completedCallback);
-	      this.goLoading();
 	    }
 	  }, {
-	    key: 'goLoading',
-	    value: function goLoading() {
-	      var _this3 = this;
+	    key: 'render',
+	    value: function render() {
+	      var inputs = this.props.inputs;
 	
-	      this.setState({ addNewButtonText: '.' });
-	      this.loadingInterval = setInterval(function () {
-	        if (_this3.state.addNewButtonText.length <= 10) {
-	          _this3.setState({ addNewButtonText: _this3.state.addNewButtonText + '.' });
-	        } else {
-	          _this3.setState({ addNewButtonText: '.' });
-	        }
-	      }, 150);
-	    }
-	  }, {
-	    key: 'completedCallback',
-	    value: function completedCallback() {
-	      this.setState({ customFieldValue: '', addNewButtonText: 'Add New' });
-	      clearInterval(this.loadingInterval);
+	      var Textarea = inputs.Textarea;
+	      return _react2.default.createElement(
+	        'div',
+	        null,
+	        'Paste the Header Row of your CSV here, to',
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(Textarea, { onPaste: this.pasteHeader })
+	      );
 	    }
-	  }, {
-	    key: 'scrollToTop',
-	    value: function scrollToTop(element, scrollDuration, scrollTarget) {
-	      var initial = element.scrollTop,
-	          distance = scrollTarget - initial;
-	      var step = distance / scrollDuration;
-	      var scrollCount = initial,
-	          count = scrollDuration;
-	      function go(newTimestamp) {
-	        scrollCount += step;
-	        element.scrollTop = Math.round(scrollCount);
-	        count--;
+	  }]);
+	
+	  return SFTP;
+	}(_react.Component);
+	
+	var Oauth = function Oauth(_ref) {
+	  var step = _ref.step,
+	      wizard = _ref.wizard,
+	      onGenerateUrl = _ref.onGenerateUrl,
+	      onCheck = _ref.onCheck,
+	      inputs = _ref.inputs,
+	      mode = _ref.mode,
+	      checking = _ref.checking;
+	
+	
+	  var startOauth = function startOauth() {
+	    console.log(wizard.oauthUrl);
+	    var width = 600;
+	    var height = 600;
+	    var left = window.screenX + (window.outerWidth - width) / 2;
+	    var top = window.screenY + (window.outerHeight - height) / 2.5;
+	    var popup = window.open(wizard.oauthUrl, 'Oauth', 'width=' + width + ',height=' + height + ',top=' + top + ',left=' + left);
+	    popup.focus();
+	  };
+	
+	  return _react2.default.createElement(
+	    'div',
+	    null,
+	    _react2.default.createElement(
+	      'div',
+	      null,
+	      'Are you connecting to a Sandbox or Production Org?'
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { style: { marginTop: 12 } },
+	      _react2.default.createElement(
+	        inputs.Button,
+	        { type: 'brand',
+	          onClick: function onClick() {
+	            return onGenerateUrl('sandbox');
+	          } },
+	        'Sandbox'
+	      ),
+	      _react2.default.createElement(
+	        inputs.Button,
+	        { type: 'brand', style: { margin: '0 12px' },
+	          onClick: function onClick() {
+	            return onGenerateUrl('production');
+	          } },
+	        'Production'
+	      ),
+	      wizard.gettingOauthUrl && _react2.default.createElement(inputs.Spinner, null),
+	      wizard.oauthUrl && _react2.default.createElement(
+	        'div',
+	        null,
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            'strong',
+	            null,
+	            _react2.default.createElement(
+	              'a',
+	              { onClick: startOauth },
+	              'Click Here'
+	            )
+	          ),
+	          ' to authorize your ',
+	          step[mode + 'Provider'],
+	          ' Org.'
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement(
+	            'span',
+	            null,
+	            'After completing the authorization process: '
+	          ),
+	          _react2.default.createElement(
+	            inputs.Button,
+	            {
+	              icon: 'sync',
+	              iconAlign: 'left',
+	              onClick: function onClick() {
+	                return onCheck(mode);
+	              },
+	              style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' } },
+	            'Test Connection'
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', marginLeft: 12 } },
+	            checking && _react2.default.createElement(inputs.Spinner, null),
+	            wizard[mode + 'CheckResult'] && _react2.default.createElement(
+	              'span',
+	              null,
+	              wizard[mode + 'CheckResult']
+	            )
+	          )
+	        )
+	      )
+	    )
+	  );
+	};
+	
+	var CustomSalesforceSettings = function (_Component2) {
+	  _inherits(CustomSalesforceSettings, _Component2);
+	
+	  function CustomSalesforceSettings() {
+	    _classCallCheck(this, CustomSalesforceSettings);
+	
+	    var _this2 = _possibleConstructorReturn(this, (CustomSalesforceSettings.__proto__ || Object.getPrototypeOf(CustomSalesforceSettings)).call(this));
+	
+	    _this2.state = {
+	      custom: false
+	    };
+	    return _this2;
+	  }
+	
+	  _createClass(CustomSalesforceSettings, [{
+	    key: 'componentWillMount',
+	    value: function componentWillMount() {
+	      var formValues = this.props.formValues;
+	
+	      if (formValues && formValues.batchSize) {
+	        this.setState({ custom: true });
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this3 = this;
+	
+	      var inputs = this.props.inputs;
+	      var Radio = inputs.Radio;
+	
+	
+	      return _react2.default.createElement(
+	        'div',
+	        { style: { marginTop: 23 } },
+	        _react2.default.createElement(
+	          'label',
+	          { className: 'labelz', style: { fontWeight: 'bold' } },
+	          'Bulk Upload Batch Size:'
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(Radio, { onChange: function onChange() {
+	            return _this3.setState({ custom: false });
+	          },
+	          label: 'Default Batch Size (10,000)',
+	          checked: this.state.custom === false,
+	          style: { cursor: 'pointer', fontWeight: 'normal' }
+	        }),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(Radio, { onChange: function onChange() {
+	            return _this3.setState({ custom: true });
+	          },
+	          label: 'Custom Batch Size',
+	          checked: this.state.custom === true,
+	          style: { cursor: 'pointer', fontWeight: 'normal' }
+	        }),
+	        this.state.custom === true && _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(_reduxForm.Field, { name: 'batchSize', type: 'number', component: inputs.rfInput,
+	            label: 'Set Batch Size:', placeholder: 'Number of Records' })
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return CustomSalesforceSettings;
+	}(_react.Component);
+	
+	exports.default = EnvSection;
+
+/***/ },
+/* 106 */
+/***/ 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__(27);
+	
+	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
+	
+	var _nestedField = __webpack_require__(123);
+	
+	var _nestedField2 = _interopRequireDefault(_nestedField);
+	
+	var _reduxForm = __webpack_require__(2);
+	
+	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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	
+	var MapAccordion = function (_React$Component) {
+	  _inherits(MapAccordion, _React$Component);
+	
+	  function MapAccordion() {
+	    _classCallCheck(this, MapAccordion);
+	
+	    var _this = _possibleConstructorReturn(this, (MapAccordion.__proto__ || Object.getPrototypeOf(MapAccordion)).call(this));
+	
+	    _this.state = {
+	      selectedField: null,
+	      selectedFieldParents: null,
+	      customFieldValue: '',
+	      addNewButtonText: 'Add New',
+	      setDuplicateRules: false,
+	      expanded: {}
+	    };
+	    _this.onSelectDestinationField = _this.onSelectDestinationField.bind(_this);
+	    _this.customize = _this.customize.bind(_this);
+	    _this.submitCustomField = _this.submitCustomField.bind(_this);
+	    _this.changeCustomFieldValue = _this.changeCustomFieldValue.bind(_this);
+	    _this.completedCallback = _this.completedCallback.bind(_this);
+	    _this.goLoading = _this.goLoading.bind(_this);
+	    return _this;
+	  }
+	
+	  _createClass(MapAccordion, [{
+	    key: 'customize',
+	    value: function customize(groupName) {
+	      var _this2 = this;
+	
+	      this.props.customize(groupName);
+	      setTimeout(function () {
+	        if (_this2.customFieldInput) {
+	          _this2.customFieldInput.focus();
+	        }
+	      }, 100);
+	    }
+	  }, {
+	    key: 'changeCustomFieldValue',
+	    value: function changeCustomFieldValue(e) {
+	      var last = e.target.value[e.target.value.length - 1];
+	      if (!(last === ' ' && (this.state.customFieldValue.length === 0 || this.state.customFieldValue[this.state.customFieldValue.length - 1] === ' '))) {
+	        this.setState({ customFieldValue: e.target.value });
+	      }
+	    }
+	  }, {
+	    key: 'submitCustomField',
+	    value: function submitCustomField() {
+	      var _props = this.props,
+	          destinationSchema = _props.destinationSchema,
+	          customizingGroup = _props.customizingGroup,
+	          actions = _props.actions;
+	
+	      var fieldLabel = this.state.customFieldValue;
+	      if (fieldLabel[fieldLabel.length - 1] === ' ') {
+	        fieldLabel = fieldLabel.slice(0, -1);
+	      }
+	      var fieldName = fieldLabel.replace(' ', '_') + '__c';
+	      var object = destinationSchema.find(function (o) {
+	        return o.name === customizingGroup;
+	      });
+	      var ENVNAME = null;
+	      actions.callAddCustomField(object.type, fieldName, this.completedCallback, ENVNAME);
+	      this.goLoading();
+	    }
+	  }, {
+	    key: 'goLoading',
+	    value: function goLoading() {
+	      var _this3 = this;
+	
+	      this.setState({ addNewButtonText: '.' });
+	      this.loadingInterval = setInterval(function () {
+	        if (_this3.state.addNewButtonText.length <= 10) {
+	          _this3.setState({ addNewButtonText: _this3.state.addNewButtonText + '.' });
+	        } else {
+	          _this3.setState({ addNewButtonText: '.' });
+	        }
+	      }, 150);
+	    }
+	  }, {
+	    key: 'completedCallback',
+	    value: function completedCallback() {
+	      this.setState({ customFieldValue: '', addNewButtonText: 'Add New' });
+	      clearInterval(this.loadingInterval);
+	    }
+	  }, {
+	    key: 'scrollToTop',
+	    value: function scrollToTop(element, scrollDuration, scrollTarget) {
+	      var initial = element.scrollTop,
+	          distance = scrollTarget - initial;
+	      var step = distance / scrollDuration;
+	      var scrollCount = initial,
+	          count = scrollDuration;
+	      function go(newTimestamp) {
+	        scrollCount += step;
+	        element.scrollTop = Math.round(scrollCount);
+	        count--;
 	        if (count === 0) return;
 	        window.requestAnimationFrame(go);
 	      }
@@ -7121,7 +7632,7 @@ module.exports =
 	exports.default = MapAccordion;
 
 /***/ },
-/* 106 */
+/* 107 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7379,7 +7890,7 @@ module.exports =
 	};
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7615,7 +8126,7 @@ module.exports =
 	exports.default = ParameterModal;
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7630,7 +8141,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _CSSTransitionGroup = __webpack_require__(26);
+	var _CSSTransitionGroup = __webpack_require__(27);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -7640,15 +8151,15 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _joinVenn = __webpack_require__(121);
+	var _joinVenn = __webpack_require__(122);
 	
 	var _joinVenn2 = _interopRequireDefault(_joinVenn);
 	
-	var _selectWrapper = __webpack_require__(27);
+	var _selectWrapper = __webpack_require__(23);
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
-	var _parameterModal = __webpack_require__(107);
+	var _parameterModal = __webpack_require__(108);
 	
 	var _parameterModal2 = _interopRequireDefault(_parameterModal);
 	
@@ -8280,7 +8791,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 109 */
+/* 110 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8297,7 +8808,7 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _selectWrapper = __webpack_require__(27);
+	var _selectWrapper = __webpack_require__(23);
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
@@ -8797,7 +9308,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 110 */
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9000,7 +9511,7 @@ module.exports =
 	})(AdapterStep);
 
 /***/ },
-/* 111 */
+/* 112 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9033,11 +9544,11 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(210);
+	__webpack_require__(211);
 	
-	__webpack_require__(170);
+	__webpack_require__(171);
 	
-	var _rcTimePicker = __webpack_require__(191);
+	var _rcTimePicker = __webpack_require__(192);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -9248,7 +9759,7 @@ module.exports =
 	})(DeployStep);
 
 /***/ },
-/* 112 */
+/* 113 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9279,12 +9790,22 @@ module.exports =
 	
 	var _previewTabContent = __webpack_require__(52);
 	
-	var _CSSTransitionGroup = __webpack_require__(26);
+	var _CSSTransitionGroup = __webpack_require__(27);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
+	var _selectWrapper = __webpack_require__(23);
+	
+	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
+	
+	var _envSections = __webpack_require__(105);
+	
+	var _envSections2 = _interopRequireDefault(_envSections);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
+	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; }
@@ -9300,17 +9821,34 @@ module.exports =
 	    var _this = _possibleConstructorReturn(this, (EnvStep.__proto__ || Object.getPrototypeOf(EnvStep)).call(this));
 	
 	    _this.state = {
-	      showCreds: null
+	      selectedProvider: null,
+	      sourceEnvChecking: null,
+	      destinationEnvChecking: null,
+	      savingEnv: false,
+	      selectedEnvironment: null,
+	      newEnvName: ''
 	    };
 	    _this.check = _this.check.bind(_this);
 	    _this.seeFields = _this.seeFields.bind(_this);
-	    _this.startOauth = _this.startOauth.bind(_this);
 	    _this.getOauthUrl = _this.getOauthUrl.bind(_this);
 	    _this.clickDirection = _this.clickDirection.bind(_this);
+	    _this.selectProvider = _this.selectProvider.bind(_this);
+	    //this.saveEnvironment = this.saveEnvironment.bind(this)
+	    _this.selectEnvironment = _this.selectEnvironment.bind(_this);
+	    _this.tryGetCredentialAndCheck = _this.tryGetCredentialAndCheck.bind(_this);
+	    _this.createEnvironment = _this.createEnvironment.bind(_this);
+	    _this.changeEnvName = _this.changeEnvName.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(EnvStep, [{
+	    key: 'changeEnvName',
+	    value: function changeEnvName(e) {
+	      if (/^$|^[a-z0-9_-]+$/i.test(e.target.value)) {
+	        this.setState({ newEnvName: e.target.value });
+	      }
+	    }
+	  }, {
 	    key: 'seeFields',
 	    value: function seeFields(target, mode) {
 	      var _props = this.props,
@@ -9320,7 +9858,7 @@ module.exports =
 	          step = _props.step,
 	          configUrls = _props.configUrls;
 	
-	      var endpoint = formValues[mode + 'Endpoint'];
+	      var endpoint = formValues[mode + 'Credentials'].rootUrl;
 	      var x = window.open();
 	      x.document.open('', '_blank');
 	      x.document.write((0, _previewTabContent.makeContent)(configUrls.TRANS_API_URL, tenantId, accountId, endpoint, target.endpointSuffix, target.name, step.previewToken));
@@ -9344,41 +9882,36 @@ module.exports =
 	    }
 	  }, {
 	    key: 'check',
-	    value: function check(mode) {
+	    value: function check(mode, environment) {
+	      var _this2 = this;
+	
 	      var _props3 = this.props,
 	          actions = _props3.actions,
 	          tenantId = _props3.tenantId,
 	          accountId = _props3.accountId,
 	          formValues = _props3.formValues,
 	          step = _props3.step,
-	          change = _props3.change;
+	          change = _props3.change,
+	          wizard = _props3.wizard;
 	
 	      var config = step[mode + 'Config'];
-	      var endpoint = formValues[mode + 'Endpoint'];
 	      var credentials = formValues[mode + 'Credentials'];
+	      var endpoint = credentials && credentials.rootUrl;
 	      //remove trailing slash if exists
 	      if (endpoint && endpoint[endpoint.length - 1] === '/' && endpoint.length > 8) {
 	        endpoint = endpoint.slice(0, -1);
-	        change(mode + 'Endpoint', endpoint);
+	        change(mode + 'Credentials.rootUrl', endpoint);
 	      }
 	
-	      if (credentials) {
-	        actions.postCredentials(tenantId, accountId, step[mode + 'Provider'], endpoint, credentials, mode).then(function () {
-	          actions.callGetMetadata(tenantId, accountId, mode, step[mode + 'Provider'], config.metadataEndpoint, config.metadataApi, endpoint || '_blank', config.credentials, config.isFramework, credentials);
-	        });
-	      } else {
-	        actions.callGetMetadata(tenantId, accountId, mode, step[mode + 'Provider'], config.metadataEndpoint, config.metadataApi, endpoint || '_blank', config.credentials, config.isFramework, null);
-	      }
-	    }
-	  }, {
-	    key: 'startOauth',
-	    value: function startOauth() {
-	      var width = 600;
-	      var height = 600;
-	      var left = window.screenX + (window.outerWidth - width) / 2;
-	      var top = window.screenY + (window.outerHeight - height) / 2.5;
-	      var popup = window.open(this.props.wizard.oauthUrl, 'Oauth', 'width=' + width + ',height=' + height + ',top=' + top + ',left=' + left);
-	      popup.focus();
+	      var env = environment || wizard.environments.find(function (e) {
+	        return e.name === formValues['environment'];
+	      });
+	
+	      this.setState(_defineProperty({}, mode + 'EnvChecking', true));
+	
+	      actions.callGetMetadata(tenantId, accountId, mode, step[mode + 'Provider'], config.metadataEndpoint, config.metadataApi, endpoint || '_blank', config.credentials, step.isFramework, credentials, env).then(function () {
+	        _this2.setState(_defineProperty({}, mode + 'EnvChecking', false));
+	      });
 	    }
 	  }, {
 	    key: 'getOauthUrl',
@@ -9387,9 +9920,11 @@ module.exports =
 	          actions = _props4.actions,
 	          tenantId = _props4.tenantId,
 	          accountId = _props4.accountId,
-	          step = _props4.step;
+	          step = _props4.step,
+	          formValues = _props4.formValues;
 	
-	      actions.getOauthUrl(tenantId, accountId, step.typeGuid, type, mode);
+	      var envName = formValues['environment'];
+	      actions.getOauthUrl(tenantId, accountId, step.typeGuid, type, mode, envName);
 	    }
 	  }, {
 	    key: 'clickDirection',
@@ -9405,377 +9940,377 @@ module.exports =
 	      }
 	    }
 	  }, {
-	    key: 'render',
-	    value: function render() {
-	      var _this2 = this;
-	
-	      var _props6 = this.props,
-	          inputs = _props6.inputs,
-	          step = _props6.step,
-	          handleSubmit = _props6.handleSubmit,
-	          nav = _props6.nav,
-	          reset = _props6.reset,
-	          wizard = _props6.wizard,
-	          formValues = _props6.formValues;
+	    key: 'selectProvider',
+	    value: function selectProvider(provider) {
+	      var selectedProvider = this.state.selectedProvider;
 	
-	      var modes = ['source', 'destination'];
-	      return _react2.default.createElement(
-	        'form',
-	        { onKeyPress: function onKeyPress(e) {
-	            return e.charCode === 13 ? e.preventDefault() : null;
-	          } },
-	        _react2.default.createElement(
-	          'div',
-	          { style: { fontSize: 20, display: 'inline-block' } },
-	          'Connect to Data Environments'
-	        ),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement('br', null),
-	        modes.map(function (m) {
-	          return _react2.default.createElement(
-	            'div',
-	            null,
-	            _react2.default.createElement(
-	              'div',
-	              { onClick: function onClick() {
-	                  return _this2.setState({ showSourceCreds: !_this2.state.showSourceCreds });
-	                } },
-	              'PeopleSoft'
-	            ),
-	            _react2.default.createElement(
-	              _CSSTransitionGroup2.default,
-	              { transitionName: 'env-creds',
-	                transitionEnterTimeout: 250, transitionLeaveTimeout: 250 },
-	              _this2.state.showSourceCreds && _react2.default.createElement(
-	                'div',
-	                { className: 'env-creds' },
-	                _react2.default.createElement(EnvSection, { config: step[m + 'Config'], mode: m, key: m,
-	                  wizard: wizard, getOauthUrl: _this2.getOauthUrl, formValues: formValues,
-	                  clickDirection: _this2.clickDirection, inputs: inputs, step: step,
-	                  seeFields: _this2.seeFields, check: _this2.check, startOauth: _this2.startOauth })
-	              )
-	            )
-	          );
-	        }),
-	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !wizard['sourceMetadata'] || !wizard['destinationMetadata'],
-	          handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement('br', null)
-	      );
+	      this.setState({ selectedProvider: provider === selectedProvider ? null : provider });
 	    }
-	  }]);
-	
-	  return EnvStep;
-	}(_react.Component);
+	  }, {
+	    key: 'createEnvironment',
+	    value: function createEnvironment(envName) {
+	      var _this3 = this;
 	
-	var EnvSection = function EnvSection(props) {
-	  var formValues = props.formValues,
-	      inputs = props.inputs,
-	      mode = props.mode,
-	      wizard = props.wizard,
-	      step = props.step,
-	      clickDirection = props.clickDirection,
-	      getOauthUrl = props.getOauthUrl,
-	      config = props.config,
-	      seeFields = props.seeFields,
-	      check = props.check,
-	      startOauth = props.startOauth;
+	      var _props6 = this.props,
+	          actions = _props6.actions,
+	          tenantId = _props6.tenantId,
+	          accountId = _props6.accountId;
+	
+	      this.setState({ savingEnv: true });
+	      actions.postEnvironment(tenantId, accountId, envName).then(function (res) {
+	        _this3.setState({ savingEnv: false, newEnvName: '' });
+	        _this3.props.change('environment', envName);
+	        _this3.envNameInput.blur();
+	      });
+	    }
 	
+	    /*saveEnvironment(envName){
+	      const { actions, tenantId, accountId, formValues, step } = this.props
+	      const mode = 'source'
+	      const credentials = formValues[`${mode}Credentials`]
+	      let endpoint = credentials.rootUrl
+	      if(endpoint && endpoint[endpoint.length-1]==='/' && endpoint.length>8){
+	        endpoint = endpoint.slice(0, -1);
+	      }
+	      this.setState({savingEnv:true})
+	      actions.postEnvironment(tenantId, accountId, envName, step[`${mode}Provider`], endpoint, 
+	          credentials)
+	      .then(savedEnvName=>{
+	        this.props.change('environment', savedEnvName)
+	        this.setState({savingEnv:false})
+	      })
+	    }*/
 	
-	  if (config.skipEnvStep) return _react2.default.createElement('div', null);
+	  }, {
+	    key: 'selectEnvironment',
+	    value: function selectEnvironment(v, i, env) {
+	      this.props.change('environment', env.name);
+	      if (env.environmentId > -1) {
+	        this.tryGetCredentialAndCheck('source', env);
+	        this.tryGetCredentialAndCheck('destination', env);
+	      }
+	    }
+	  }, {
+	    key: 'tryGetCredentialAndCheck',
+	    value: function tryGetCredentialAndCheck(m, env) {
+	      var _this4 = this;
 	
-	  var Button = inputs.Button;
-	  var Spinner = inputs.Spinner;
+	      var _props7 = this.props,
+	          step = _props7.step,
+	          actions = _props7.actions,
+	          tenantId = _props7.tenantId,
+	          accountId = _props7.accountId,
+	          change = _props7.change;
+	
+	      var config = step[m + 'Config'];
+	      var credentials = config.credentials;
+	      //dont load creds for oauth, since there are none
+	
+	      var isOauth = credentials && credentials.length === 1 && credentials[0] === 'Oauth';
+	      this.setState(_defineProperty({}, m + 'EnvChecking', true));
+	      if (!isOauth) {
+	        actions.getCredentialForEnvironment(tenantId, accountId, step[m + 'Provider'], env.name, m).then(function (cred) {
+	          if (cred && cred.credentialsJson && cred.credentialsJson.rootUrl) {
+	            (function () {
+	              var modeCreds = {};
+	              modeCreds['rootUrl'] = cred.credentialsJson.rootUrl;
+	              credentials && credentials.length > 0 && credentials.forEach(function (credType) {
+	                if (cred.credentialsJson[credType]) {
+	                  modeCreds[credType] = cred.credentialsJson[credType];
+	                }
+	              });
+	              change(m + 'Credentials', modeCreds);
+	              _this4.check(m, env);
+	            })();
+	          }
+	        }).catch(function (err) {
+	          _this4.setState(_defineProperty({}, m + 'EnvChecking', false));
+	        });
+	        // if oauth, just go ahead and check
+	      } else {
+	        this.check(m, env);
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this5 = this;
 	
-	  var envCheckResult = wizard[mode + 'CheckResult'];
+	      var _props8 = this.props,
+	          inputs = _props8.inputs,
+	          step = _props8.step,
+	          handleSubmit = _props8.handleSubmit,
+	          nav = _props8.nav,
+	          reset = _props8.reset,
+	          wizard = _props8.wizard,
+	          formValues = _props8.formValues;
 	
-	  var POSTS = wizard[mode + 'Metadata'] && wizard[mode + 'Metadata'].filter(function (m) {
-	    return m.method === 'POST' || m.method === 'PUT';
-	  });
+	      var modes = ['source', 'destination'];
+	      var _state = this.state,
+	          selectedProvider = _state.selectedProvider,
+	          newEnvName = _state.newEnvName;
 	
-	  var hasEndpoint = formValues[mode + 'Endpoint'] && formValues[mode + 'Endpoint'].length > 8;
+	      var Button = inputs.Button;
+	      var Input = inputs.Input;
 	
-	  var isOauth = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'Oauth';
+	      var notAllMetadata = !(wizard['sourceMetadata'] && wizard['sourceMetadata'].length > 0) || !(wizard['destinationMetadata'] && wizard['destinationMetadata'].length > 0);
 	
-	  // turns camel-case cred names into human-readable
-	  var unCamelize = function unCamelize(text) {
-	    return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
-	      return str.toUpperCase();
-	    });
-	  };
+	      var disableCreateEnv = true;
+	      if (wizard.environments && wizard.environments.length > 0 && newEnvName) {
+	        disableCreateEnv = wizard.environments.find(function (o) {
+	          return o.name === newEnvName;
+	        }) ? true : false;
+	      }
 	
-	  return _react2.default.createElement(
-	    'div',
-	    null,
-	    config.message && _react2.default.createElement(
-	      'p',
-	      null,
-	      config.message
-	    ),
-	    _react2.default.createElement('br', null),
-	    isOauth ? _react2.default.createElement(Oauth, { step: step, wizard: wizard, onCheck: check, onStart: startOauth,
-	      onSandbox: function onSandbox() {
-	        return getOauthUrl('sandbox', mode);
-	      }, onProd: function onProd() {
-	        return getOauthUrl('production', mode);
-	      },
-	      mode: mode, inputs: inputs }) : _react2.default.createElement(
-	      'div',
-	      null,
-	      _react2.default.createElement(
-	        'div',
-	        { style: { marginLeft: 16 } },
+	      return _react2.default.createElement(
+	        'form',
+	        { onKeyPress: function onKeyPress(e) {
+	            return e.charCode === 13 ? e.preventDefault() : null;
+	          } },
 	        _react2.default.createElement(
 	          'div',
-	          null,
-	          _react2.default.createElement(
-	            'div',
-	            { style: { display: 'inline-block', width: 300 } },
-	            _react2.default.createElement(_reduxForm.Field, { name: mode + 'Endpoint', type: 'text', component: inputs.rfInput, label: 'Data Source Endpoint' })
-	          ),
-	          !config.credentials ? _react2.default.createElement(
-	            Button,
-	            {
-	              icon: 'sync',
-	              iconAlign: 'left',
-	              onClick: function onClick() {
-	                return check(mode);
-	              },
-	              style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
-	              disabled: !hasEndpoint },
-	            'Test Connection'
-	          ) : null,
-	          _react2.default.createElement(
-	            'div',
-	            { style: { display: 'inline-block', marginLeft: 12 } },
-	            wizard.envChecking && _react2.default.createElement(Spinner, null),
-	            envCheckResult && _react2.default.createElement(
-	              'span',
-	              null,
-	              envCheckResult
-	            )
-	          )
-	        )
-	      ),
-	      config.credentials && _react2.default.createElement(
-	        'div',
-	        { style: { marginLeft: 16 } },
+	          { style: { fontSize: 20, display: 'inline-block' } },
+	          'Connect to Data Environments'
+	        ),
+	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
-	          'label',
+	          'p',
 	          null,
-	          step[mode + 'Provider'],
-	          ' Credentials'
+	          'Connect to sources of data and inspect available resources. You can save data environments for later re-use.'
 	        ),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
 	          'div',
-	          { style: { display: 'inline-block', marginLeft: 16 } },
-	          config.credentials.map(function (cred, index) {
-	            return _react2.default.createElement(
+	          { style: { height: 52 } },
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', width: 196, verticalAlign: 'top' } },
+	            _react2.default.createElement(_selectWrapper2.default, { type: 'neutral',
+	              label: formValues['environment'] || 'Existing Environments',
+	              minWidth: 260, fieldPropLabel: 'name',
+	              style: { minWidth: 200, textAlign: 'left' },
+	              values: wizard.environments,
+	              title: 'Choose Environment', inputs: inputs, sectionLabelSuffix: '',
+	              onSelect: this.selectEnvironment,
+	              selectedValues: [formValues['environment'] ? { name: formValues['environment'] } : {}],
+	              disabled: wizard.environments && wizard.environments.length > 0 ? false : true
+	            })
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', marginLeft: 10 } },
+	            _react2.default.createElement(
 	              'div',
-	              { key: index, style: { marginTop: 8 } },
-	              _react2.default.createElement(_reduxForm.Field, { name: mode + 'Credentials.' + cred,
-	                label: step[mode + 'Provider'] + ' ' + unCamelize(cred), type: 'text',
-	                component: inputs.rfInput })
-	            );
-	          })
-	        ),
-	        _react2.default.createElement(
-	          Button,
-	          {
-	            icon: 'sync',
-	            iconAlign: 'left',
-	            onClick: function onClick() {
-	              return check(mode);
-	            },
-	            type: 'neutral',
-	            style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
-	            disabled: config.credentials.some(function (c) {
-	              var formCreds = formValues[mode + 'Credentials'];
-	              return !(formCreds && Object.keys(formCreds).includes(c.split(' ').join('')));
-	            }) || !hasEndpoint },
-	          'Test Connection'
-	        )
-	      )
-	    ),
-	    wizard[mode + 'Metadata'] && mode === 'source' && config.bidirectional && _react2.default.createElement(
-	      'div',
-	      null,
-	      _react2.default.createElement('br', null),
-	      _react2.default.createElement(_reduxForm.Field, { name: 'direction', component: inputs.rfRadioGroup,
-	        label: 'Integration Direction',
-	        onClickOption: clickDirection,
-	        options: {
-	          'normal': 'Read Data from ' + step[mode + 'Provider'],
-	          'reverse': 'Write Data to ' + step[mode + 'Provider']
-	        }
-	      })
-	    ),
-	    false && _react2.default.createElement(
-	      'div',
-	      null,
-	      wizard[mode + 'Metadata'] && formValues.direction === 'normal' ? _react2.default.createElement(
-	        'div',
-	        null,
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(
-	          'span',
-	          { className: 'labelz' },
-	          'Available ',
-	          step[mode + 'Provider'],
-	          ' Data Objects',
-	          config.metadataEndpoint === 'testconnection' && _react2.default.createElement(
-	            'span',
-	            null,
-	            '\xA0(click to preview data):'
+	              { style: { width: 200, display: 'inline-block' } },
+	              _react2.default.createElement(Input, { type: 'text', label: 'New Environment', value: newEnvName,
+	                onChange: this.changeEnvName, style: { width: 200 },
+	                onKeyPress: function onKeyPress(e) {
+	                  if (e.key === 'Enter' && !disableCreateEnv) _this5.createEnvironment(newEnvName);
+	                },
+	                inputRef: function inputRef(ref) {
+	                  return _this5.envNameInput = ref;
+	                }
+	              })
+	            ),
+	            _react2.default.createElement(
+	              Button,
+	              {
+	                type: 'brand',
+	                onClick: function onClick() {
+	                  return _this5.createEnvironment(newEnvName);
+	                },
+	                style: { marginLeft: 10, marginTop: -2 },
+	                disabled: disableCreateEnv
+	              },
+	              ' Create '
+	            )
+	          ),
+	          this.state.savingEnv && _react2.default.createElement(
+	            'div',
+	            {
+	              style: { margin: '31px 18px', display: 'inline-block', verticalAlign: 'top' } },
+	            _react2.default.createElement(inputs.Spinner, null)
 	          )
 	        ),
+	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(
-	          'ul',
-	          { style: { listStyle: 'none', paddingLeft: 5 } },
-	          wizard[mode + 'Metadata'].filter(function (m) {
-	            return m.method !== 'POST';
-	          }).map(function (rsc, i) {
-	            return _react2.default.createElement(
-	              'li',
-	              { key: i, style: { paddingLeft: rsc.parentRef ? rsc.parentRef.length * 12 + 10 : 10 } },
-	              config.metadataEndpoint === 'testconnection' ? _react2.default.createElement(
-	                'a',
-	                { onClick: function onClick() {
-	                    return seeFields(rsc, mode);
-	                  },
-	                  style: { textDecoration: 'none', cursor: 'pointer' } },
-	                rsc.name
-	              ) : _react2.default.createElement(
-	                'div',
-	                null,
-	                rsc.name
-	              )
-	            );
-	          })
-	        )
-	      ) : null,
-	      _react2.default.createElement('br', null),
-	      wizard[mode + 'Metadata'] && mode === 'source' && POSTS && POSTS.length > 0 && _react2.default.createElement(
-	        'div',
-	        null,
-	        formValues.direction === 'reverse' && _react2.default.createElement(
-	          'div',
-	          null,
-	          _react2.default.createElement(
-	            'span',
-	            { className: 'labelz' },
-	            'Available ',
-	            step[mode + 'Provider'],
-	            ' Data Target Objects:'
-	          ),
-	          _react2.default.createElement(
-	            'ul',
-	            { style: { listStyle: 'none', paddingLeft: 5 } },
-	            POSTS.map(function (rsc, i) {
+	          _CSSTransitionGroup2.default,
+	          { transitionName: 'env-content',
+	            transitionEnterTimeout: 250, transitionLeaveTimeout: 250 },
+	          formValues['environment'] && _react2.default.createElement(
+	            'div',
+	            { className: 'env-content' },
+	            _react2.default.createElement('br', null),
+	            modes.map(function (m) {
+	              var isSelected = step[m + 'Provider'] === selectedProvider;
+	              var checking = _this5.state[m + 'EnvChecking'];
+	
 	              return _react2.default.createElement(
-	                'li',
-	                { key: i, style: { paddingLeft: rsc.parentRef ? rsc.parentRef.length * 12 + 10 : 10 } },
+	                'div',
+	                { key: m, className: 'env-section' },
 	                _react2.default.createElement(
-	                  'a',
-	                  { style: { textDecoration: 'none', cursor: 'default' } },
-	                  rsc.name
+	                  'div',
+	                  { onClick: function onClick() {
+	                      return _this5.selectProvider(step[m + 'Provider']);
+	                    },
+	                    className: 'env-section-header' },
+	                  _react2.default.createElement(EnvCheckIcons, { wizard: wizard, inputs: inputs, mode: m, checking: checking }),
+	                  _react2.default.createElement(
+	                    'div',
+	                    { className: 'env-section-header-title' },
+	                    step[m + 'Provider']
+	                  )
+	                ),
+	                wizard[m + 'Metadata'] && _react2.default.createElement(
+	                  'div',
+	                  { className: 'env-inspect-button',
+	                    onClick: function onClick() {
+	                      return _this5.setState({ showResources: m });
+	                    } },
+	                  _react2.default.createElement(
+	                    'span',
+	                    null,
+	                    'Inspect'
+	                  ),
+	                  _react2.default.createElement(
+	                    'svg',
+	                    { fill: '#333333', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	                    _react2.default.createElement('path', { d: 'M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' }),
+	                    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	                  )
+	                ),
+	                _react2.default.createElement(
+	                  _CSSTransitionGroup2.default,
+	                  { transitionName: 'env-creds',
+	                    transitionEnterTimeout: 250, transitionLeaveTimeout: 250 },
+	                  isSelected && _react2.default.createElement(
+	                    'div',
+	                    { className: 'env-creds' },
+	                    _react2.default.createElement(_envSections2.default, { config: step[m + 'Config'], mode: m, checking: checking,
+	                      wizard: wizard, getOauthUrl: _this5.getOauthUrl, formValues: formValues,
+	                      clickDirection: _this5.clickDirection, inputs: inputs, step: step,
+	                      seeFields: _this5.seeFields, check: _this5.check })
+	                  )
 	                )
 	              );
 	            })
 	          )
-	        )
-	      )
-	    ),
-	    _react2.default.createElement('br', null)
-	  );
-	};
+	        ),
+	        _react2.default.createElement(PreviewModal, { onHide: function onHide() {
+	            return _this5.setState({ showResources: null });
+	          },
+	          mode: this.state.showResources, wizard: wizard, step: step, inputs: inputs,
+	          seeFields: this.seeFields, isReverse: formValues.direction === 'reverse' }),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(_navButtons2.default, { nextDisabled: notAllMetadata || !formValues['environment'],
+	          handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement('br', null)
+	      );
+	    }
+	  }]);
 	
-	var Oauth = function Oauth(_ref) {
-	  var step = _ref.step,
+	  return EnvStep;
+	}(_react.Component);
+	
+	var PreviewModal = function PreviewModal(_ref) {
+	  var inputs = _ref.inputs,
+	      onHide = _ref.onHide,
 	      wizard = _ref.wizard,
-	      onSandbox = _ref.onSandbox,
-	      onProd = _ref.onProd,
-	      onStart = _ref.onStart,
-	      onCheck = _ref.onCheck,
-	      inputs = _ref.inputs,
-	      mode = _ref.mode;
+	      mode = _ref.mode,
+	      step = _ref.step,
+	      seeFields = _ref.seeFields,
+	      isReverse = _ref.isReverse;
+	
+	  var Modal = inputs.Modal;
+	  var config = step[mode + 'Config'];
+	
+	  var POSTS = wizard[mode + 'Metadata'] && wizard[mode + 'Metadata'].filter(function (m) {
+	    return m.method === 'POST' || m.method === 'PUT';
+	  });
+	
+	  // "testconnection" will be deprecated
+	  var isFromAdapter = config && (config.metadataEndpoint === 'testconnection' || config.metadataEndpoint === 'adaptermetadata');
+	
 	  return _react2.default.createElement(
-	    'div',
-	    null,
-	    _react2.default.createElement(
-	      'div',
-	      null,
-	      'Are you connecting to a Sandbox or Production Org?'
-	    ),
-	    _react2.default.createElement(
-	      'div',
-	      { style: { marginTop: 12 } },
-	      _react2.default.createElement(
-	        inputs.Button,
-	        { type: 'brand',
-	          onClick: onSandbox },
-	        'Sandbox'
-	      ),
-	      _react2.default.createElement(
-	        inputs.Button,
-	        { type: 'brand', style: { margin: '0 12px' },
-	          onClick: onProd },
-	        'Production'
-	      ),
-	      wizard.gettingOauthUrl && _react2.default.createElement(inputs.Spinner, null),
-	      wizard.oauthUrl && _react2.default.createElement(
+	    Modal,
+	    { opened: mode ? true : false, hideModal: onHide, submitModal: onHide,
+	      title: 'Available ' + step[mode + 'Provider'] + ' Resources' },
+	    _react2.default.createElement(
+	      'div',
+	      { style: { overflow: 'scroll', maxHeight: '69vh', padding: '1em 2em' } },
+	      _react2.default.createElement(
 	        'div',
 	        null,
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(
-	          'div',
-	          null,
-	          _react2.default.createElement(
-	            'strong',
-	            null,
-	            _react2.default.createElement(
-	              'a',
-	              { onClick: onStart },
-	              'Click Here'
-	            )
-	          ),
-	          ' to authorize your ',
-	          step[mode + 'Provider'],
-	          ' Org.'
-	        ),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(
+	        wizard[mode + 'Metadata'] && !isReverse ? _react2.default.createElement(
 	          'div',
 	          null,
 	          _react2.default.createElement(
 	            'span',
-	            null,
-	            'After you have completed the ',
+	            { className: 'labelz' },
+	            'Available ',
 	            step[mode + 'Provider'],
-	            ' authorization process: '
-	          ),
-	          _react2.default.createElement(
-	            inputs.Button,
-	            {
-	              icon: 'sync',
-	              iconAlign: 'left',
-	              onClick: function onClick() {
-	                return onCheck(mode);
-	              },
-	              style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' } },
-	            'Test Connection'
+	            ' Data Objects',
+	            isFromAdapter && _react2.default.createElement(
+	              'span',
+	              null,
+	              '\xA0(click to preview data):'
+	            )
 	          ),
 	          _react2.default.createElement(
+	            'ul',
+	            { style: { listStyle: 'none', paddingLeft: 5 } },
+	            wizard[mode + 'Metadata'].filter(function (m) {
+	              return m.method !== 'POST';
+	            }).map(function (rsc, i) {
+	              return _react2.default.createElement(
+	                'li',
+	                { key: i, style: { paddingLeft: rsc.parentRef ? rsc.parentRef.length * 12 + 10 : 10 } },
+	                isFromAdapter ? _react2.default.createElement(
+	                  'a',
+	                  { onClick: function onClick() {
+	                      return seeFields(rsc, mode);
+	                    },
+	                    style: { textDecoration: 'none', cursor: 'pointer' } },
+	                  rsc.name
+	                ) : _react2.default.createElement(
+	                  'div',
+	                  null,
+	                  rsc.name
+	                )
+	              );
+	            })
+	          )
+	        ) : null,
+	        wizard[mode + 'Metadata'] && mode === 'source' && POSTS && POSTS.length > 0 && _react2.default.createElement(
+	          'div',
+	          null,
+	          isReverse && _react2.default.createElement(
 	            'div',
-	            { style: { display: 'inline-block', marginLeft: 12 } },
-	            wizard.envChecking && _react2.default.createElement(inputs.Spinner, null),
-	            wizard[mode + 'CheckResult'] && _react2.default.createElement(
+	            null,
+	            _react2.default.createElement(
 	              'span',
-	              null,
-	              wizard[mode + 'CheckResult']
+	              { className: 'labelz' },
+	              'Available ',
+	              step[mode + 'Provider'],
+	              ' Data Target Objects:'
+	            ),
+	            _react2.default.createElement(
+	              'ul',
+	              { style: { listStyle: 'none', paddingLeft: 5 } },
+	              POSTS.map(function (rsc, i) {
+	                return _react2.default.createElement(
+	                  'li',
+	                  { key: i, style: { paddingLeft: rsc.parentRef ? rsc.parentRef.length * 12 + 10 : 10 } },
+	                  _react2.default.createElement(
+	                    'a',
+	                    { style: { textDecoration: 'none', cursor: 'default' } },
+	                    rsc.name
+	                  )
+	                );
+	              })
 	            )
 	          )
 	        )
@@ -9784,6 +10319,35 @@ module.exports =
 	  );
 	};
 	
+	var EnvCheckIcons = function EnvCheckIcons(_ref2) {
+	  var wizard = _ref2.wizard,
+	      inputs = _ref2.inputs,
+	      mode = _ref2.mode,
+	      checking = _ref2.checking;
+	
+	  var envCheckResult = wizard[mode + 'CheckResult'];
+	  return _react2.default.createElement(
+	    'div',
+	    { className: 'env-section-icon' },
+	    checking && _react2.default.createElement(inputs.Spinner, null),
+	    envCheckResult && _react2.default.createElement(
+	      'span',
+	      null,
+	      envCheckResult === '200 OK' ? _react2.default.createElement(
+	        'svg',
+	        { fill: '#019644', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('path', { d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' })
+	      ) : _react2.default.createElement(
+	        'svg',
+	        { fill: '#EA5A5A', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('path', { d: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z' })
+	      )
+	    )
+	  );
+	};
+	
 	exports.default = (0, _reduxForm.reduxForm)({
 	  form: 'wizard',
 	  destroyOnUnmount: false,
@@ -9793,7 +10357,7 @@ module.exports =
 	})(EnvStep);
 
 /***/ },
-/* 113 */
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10020,7 +10584,7 @@ module.exports =
 	              'Production'
 	            ),
 	            wizard.gettingOauthUrl && _react2.default.createElement(Spinner, null),
-	            wizard.oauthUrl && _react2.default.createElement(
+	            (wizard.oauthUrl || true) && _react2.default.createElement(
 	              'div',
 	              null,
 	              _react2.default.createElement('br', null),
@@ -10267,7 +10831,7 @@ module.exports =
 	})(EnvironmentStep);
 
 /***/ },
-/* 114 */
+/* 115 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10296,7 +10860,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _CSSTransitionGroup = __webpack_require__(26);
+	var _CSSTransitionGroup = __webpack_require__(27);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -10492,7 +11056,7 @@ module.exports =
 	})(FilterStep);
 
 /***/ },
-/* 115 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10525,19 +11089,19 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(109);
+	var _transformModal = __webpack_require__(110);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
-	var _mapAccordion = __webpack_require__(105);
+	var _mapAccordion = __webpack_require__(106);
 	
 	var _mapAccordion2 = _interopRequireDefault(_mapAccordion);
 	
-	var _mapTableRows = __webpack_require__(106);
+	var _mapTableRows = __webpack_require__(107);
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
-	var _newScenarioModal = __webpack_require__(123);
+	var _newScenarioModal = __webpack_require__(124);
 	
 	var _newScenarioModal2 = _interopRequireDefault(_newScenarioModal);
 	
@@ -10712,7 +11276,8 @@ module.exports =
 	                actions: actions, isReverse: isReverse }),
 	              _react2.default.createElement(
 	                MapTable,
-	                { clearOneMapping: this.clearOneMapping, selectMapping: this.selectMapping,
+	                { clearOneMapping: this.clearOneMapping,
+	                  selectMapping: this.selectMapping,
 	                  mode: formValues.direction, step: step },
 	                _react2.default.createElement(Rows.MapTableSourceRow, null),
 	                _react2.default.createElement(Rows.MapTableMappingRow, null),
@@ -10754,7 +11319,7 @@ module.exports =
 	            opened: this.state.showScenarioModal,
 	            sourceMetadata: sourceSchema, step: step,
 	            destinationMetadata: destinationSchema,
-	            sourceEndpoint: formValues.sourceEndpoint,
+	            sourceEndpoint: formValues.sourceCredentials && formValues.sourceCredentials.rootUrl,
 	            accountId: this.props.accountId,
 	            tenantId: this.props.tenantId, actions: this.props.actions,
 	            isReverse: isReverse
@@ -10778,7 +11343,7 @@ module.exports =
 	})(MapStep);
 
 /***/ },
-/* 116 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10886,7 +11451,7 @@ module.exports =
 	})(NameStep);
 
 /***/ },
-/* 117 */
+/* 118 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10984,7 +11549,7 @@ module.exports =
 	})(PhaseStep);
 
 /***/ },
-/* 118 */
+/* 119 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11039,7 +11604,7 @@ module.exports =
 	          formValues = _props.formValues,
 	          wizard = _props.wizard;
 	
-	      var endpoint = wizard.savedConfiguration && wizard.savedConfiguration['sourceEndpoint'] || formValues['sourceEndpoint'];
+	      var endpoint = wizard.savedConfiguration && wizard.savedConfiguration['sourceCredentials'] && wizard.savedConfiguration['sourceCredentials'].rootUrl || formValues['sourceCredentials'] && formValues['sourceCredentials'].rootUrl;
 	      actions.callPreviewIntegration(tenantId, accountId, endpoint + '/preview');
 	    }
 	  }, {
@@ -11119,7 +11684,7 @@ module.exports =
 	})(PreviewStep);
 
 /***/ },
-/* 119 */
+/* 120 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11232,7 +11797,15 @@ module.exports =
 	          actions = _props.actions;
 	
 	      if (!wizard.dataLoaded) {
-	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	        (function () {
+	          (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	          var scenario = formValues['scenario'];
+	          if (scenario && !(step.options && step.options.find(function (o) {
+	            return o.id === scenario;
+	          }))) {
+	            change('scenario', '0');
+	          }
+	        })();
 	      }
 	    }
 	  }, {
@@ -11363,7 +11936,7 @@ module.exports =
 	})(DefaultDatasetStep);
 
 /***/ },
-/* 120 */
+/* 121 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11392,7 +11965,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _schemaAccordion = __webpack_require__(108);
+	var _schemaAccordion = __webpack_require__(109);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -11808,7 +12381,7 @@ module.exports =
 	})(SchemaStep);
 
 /***/ },
-/* 121 */
+/* 122 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11859,7 +12432,7 @@ module.exports =
 	exports.default = JoinVenn;
 
 /***/ },
-/* 122 */
+/* 123 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11876,7 +12449,7 @@ module.exports =
 	
 	var _nestExpand2 = _interopRequireDefault(_nestExpand);
 	
-	var _CSSTransitionGroup = __webpack_require__(26);
+	var _CSSTransitionGroup = __webpack_require__(27);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -11971,7 +12544,7 @@ module.exports =
 	exports.default = SourceField;
 
 /***/ },
-/* 123 */
+/* 124 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11990,7 +12563,7 @@ module.exports =
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
-	var _objectAssignDeep = __webpack_require__(124);
+	var _objectAssignDeep = __webpack_require__(125);
 	
 	var _objectAssignDeep2 = _interopRequireDefault(_objectAssignDeep);
 	
@@ -12262,7 +12835,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 124 */
+/* 125 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -12277,7 +12850,7 @@ module.exports =
 	 * OBJECT ASSIGN DEEP
 	 * Allows deep cloning of plain objects that contain primitives, nested plain objects, or nested plain arrays.
 	
-	 BE CAREFUL! no weird objects like arrayBuffers or functions
+	 BE CAREFUL! no weird objects like arrayBuffers or dates
 	 */
 	
 	/*
@@ -12401,7 +12974,7 @@ module.exports =
 	exports.default = objectAssignDeep;
 
 /***/ },
-/* 125 */
+/* 126 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12426,47 +12999,47 @@ module.exports =
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
-	var _phaseStep = __webpack_require__(117);
+	var _phaseStep = __webpack_require__(118);
 	
 	var _phaseStep2 = _interopRequireDefault(_phaseStep);
 	
-	var _environmentStep = __webpack_require__(113);
+	var _environmentStep = __webpack_require__(114);
 	
 	var _environmentStep2 = _interopRequireDefault(_environmentStep);
 	
-	var _schemaStep = __webpack_require__(120);
+	var _schemaStep = __webpack_require__(121);
 	
 	var _schemaStep2 = _interopRequireDefault(_schemaStep);
 	
-	var _filterStep = __webpack_require__(114);
+	var _filterStep = __webpack_require__(115);
 	
 	var _filterStep2 = _interopRequireDefault(_filterStep);
 	
-	var _mapStep = __webpack_require__(115);
+	var _mapStep = __webpack_require__(116);
 	
 	var _mapStep2 = _interopRequireDefault(_mapStep);
 	
-	var _previewStep = __webpack_require__(118);
+	var _previewStep = __webpack_require__(119);
 	
 	var _previewStep2 = _interopRequireDefault(_previewStep);
 	
-	var _deployStep = __webpack_require__(111);
+	var _deployStep = __webpack_require__(112);
 	
 	var _deployStep2 = _interopRequireDefault(_deployStep);
 	
-	var _nameStep = __webpack_require__(116);
+	var _nameStep = __webpack_require__(117);
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(110);
+	var _adapterStep = __webpack_require__(111);
 	
 	var _adapterStep2 = _interopRequireDefault(_adapterStep);
 	
-	var _scenarioStep = __webpack_require__(119);
+	var _scenarioStep = __webpack_require__(120);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
 	
-	var _envStep = __webpack_require__(112);
+	var _envStep = __webpack_require__(113);
 	
 	var _envStep2 = _interopRequireDefault(_envStep);
 	
@@ -12544,7 +13117,7 @@ module.exports =
 	      //properties: Name is the real value, Label is the displayed value
 	      var isReverse = formValues['direction'] === 'reverse';
 	
-	      var _saveData = (0, _saveData3.default)(formValues['resourceGroups'], this.props.wizardConfig.source.type, this.props.wizardConfig.destination.type, this.props.wizard.sourceMetadata, this.props.wizard.destinationMetadata, formValues.sourceEndpoint, isReverse),
+	      var _saveData = (0, _saveData3.default)(formValues['resourceGroups'], this.props.wizardConfig.source.type, this.props.wizardConfig.destination.type, this.props.wizard.sourceMetadata, this.props.wizard.destinationMetadata, formValues.sourceCredentials && formValues.sourceCredentials.rootUrl, isReverse),
 	          bundles = _saveData.bundles,
 	          mappings = _saveData.mappings,
 	          endpoints = _saveData.endpoints;
@@ -12554,15 +13127,17 @@ module.exports =
 	      //----------------------------------
 	      // Create configuration
 	      //----------------------------------
-	      if (formValues.sourceEndpoint) {
-	        endpoints.sourceEndpoint = formValues.sourceEndpoint;
-	      }
-	      if (formValues.destinationEndpoint) {
-	        endpoints.destinationEndpoint = formValues.destinationEndpoint;
+	      /*if(formValues.sourceEndpoint){
+	        endpoints.sourceEndpoint = formValues.sourceEndpoint
 	      }
+	      if(formValues.destinationEndpoint){
+	        endpoints.destinationEndpoint = formValues.destinationEndpoint
+	      }*/
+	
 	      var configuration = Object.assign({}, endpoints, formValues['scenario'] && { scenario: String(formValues['scenario']) }, { // integer of id
-	        direction: formValues['direction'] // 'normal' or 'reverse'
-	      });
+	        direction: formValues['direction'], // 'normal' or 'reverse'
+	        environment: formValues['environment']
+	      }, formValues['batchSize'] && { batchSize: formValues['batchSize'] });
 	      //----------------------------------
 	      // Post
 	      //----------------------------------
@@ -12581,7 +13156,7 @@ module.exports =
 	          onGenerationError = _props2.onGenerationError;
 	
 	      if (true) {
-	        actions.submitWizardData(tenantId, accountId, bundles, mappings, configuration, formValues.title || wizardConfig.title || 'LingkSync', formValues.deployment || null, wizardConfig.typeId, wizardConfig.typeGuid, piGuid, onPiPost, onGenerate, onFinish, wizard.sourceMetadata || [], wizard.destinationMetadata || [], isManagedPackage, onGenerationError);
+	        actions.submitWizardData(tenantId, accountId, bundles, mappings, configuration, formValues.title || wizardConfig.title || 'LingkSync', formValues.deployment || null, wizardConfig.typeId, wizardConfig.typeGuid, piGuid, onPiPost, onGenerate, onFinish, wizard.sourceMetadata || [], wizard.destinationMetadata || [], isManagedPackage, onGenerationError, formValues['environment']);
 	        onSubmit({ complete: formValues.hasOwnProperty('deployment') });
 	      }
 	    }
@@ -12713,25 +13288,25 @@ module.exports =
 	var selector = (0, _reduxForm.formValueSelector)('wizard');
 	WizardForm = (0, _reactRedux.connect)(function (state) {
 	  var title = selector(state, 'title');
-	  var sourceEndpoint = selector(state, 'sourceEndpoint');
 	  var sourceCredentials = selector(state, 'sourceCredentials');
-	  var destinationEndpoint = selector(state, 'destinationEndpoint');
 	  var destinationCredentials = selector(state, 'destinationCredentials');
 	  var deployment = selector(state, 'deployment');
 	  var resourceGroups = selector(state, 'resourceGroups');
 	  var scenario = selector(state, 'scenario');
 	  var direction = selector(state, 'direction');
+	  var environment = selector(state, 'environment');
+	  var batchSize = selector(state, 'batchSize');
 	  return Object.assign({}, state, {
 	    formValues: {
 	      title: title,
-	      sourceEndpoint: sourceEndpoint,
 	      sourceCredentials: sourceCredentials,
-	      destinationEndpoint: destinationEndpoint,
 	      destinationCredentials: destinationCredentials,
 	      deployment: deployment,
 	      resourceGroups: resourceGroups,
 	      scenario: scenario,
-	      direction: direction
+	      direction: direction,
+	      environment: environment,
+	      batchSize: batchSize
 	    }
 	  });
 	})(WizardForm);
@@ -12739,7 +13314,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 126 */
+/* 127 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12754,7 +13329,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(211);
+	var _redux = __webpack_require__(212);
 	
 	var _reactRedux = __webpack_require__(65);
 	
@@ -12762,9 +13337,9 @@ module.exports =
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(171);
+	__webpack_require__(172);
 	
-	var _wizardForm = __webpack_require__(125);
+	var _wizardForm = __webpack_require__(126);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -12800,23 +13375,15 @@ module.exports =
 	    {
 	      type: 'name',
 	      title: 'Name'
-	    },
-	    /*{
+	    }, {
 	      type: 'env',
 	      title: 'Environments'
-	    },*/
-	    {
-	      type: 'environment',
-	      title: 'Source Environment',
-	      mode: 'source'
-	    }, {
-	      type: 'environment',
-	      title: 'Target Environment',
-	      mode: 'destination'
-	    }, {
+	    },
+	    /*{
 	      type: 'filter',
 	      title: 'Source Filter'
-	    }, {
+	    },*/
+	    {
 	      type: 'scenario',
 	      title: 'Data Scenario'
 	    }, {
@@ -12941,21 +13508,21 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 127 */,
-/* 128 */
+/* 128 */,
+/* 129 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(133), __esModule: true };
+	module.exports = { "default": __webpack_require__(134), __esModule: true };
 
 /***/ },
-/* 129 */
+/* 130 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(134), __esModule: true };
+	module.exports = { "default": __webpack_require__(135), __esModule: true };
 
 /***/ },
-/* 130 */,
-/* 131 */
+/* 131 */,
+/* 132 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -12975,39 +13542,39 @@ module.exports =
 	};
 
 /***/ },
-/* 132 */,
-/* 133 */
+/* 133 */,
+/* 134 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(154);
+	__webpack_require__(155);
 	module.exports = __webpack_require__(8).Object.assign;
 
 /***/ },
-/* 134 */
+/* 135 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(155);
+	__webpack_require__(156);
 	var $Object = __webpack_require__(8).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 135 */,
 /* 136 */,
 /* 137 */,
 /* 138 */,
 /* 139 */,
 /* 140 */,
 /* 141 */,
-/* 142 */
+/* 142 */,
+/* 143 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
 	var getKeys  = __webpack_require__(33)
-	  , gOPS     = __webpack_require__(145)
-	  , pIE      = __webpack_require__(147)
+	  , gOPS     = __webpack_require__(146)
+	  , pIE      = __webpack_require__(148)
 	  , toObject = __webpack_require__(36)
 	  , IObject  = __webpack_require__(31)
 	  , $assign  = Object.assign;
@@ -13038,48 +13605,48 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 143 */,
 /* 144 */,
-/* 145 */
+/* 145 */,
+/* 146 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 146 */,
-/* 147 */
+/* 147 */,
+/* 148 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 148 */,
 /* 149 */,
 /* 150 */,
 /* 151 */,
 /* 152 */,
 /* 153 */,
-/* 154 */
+/* 154 */,
+/* 155 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
-	var $export = __webpack_require__(23);
+	var $export = __webpack_require__(24);
 	
-	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(142)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(143)});
 
 /***/ },
-/* 155 */
+/* 156 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var $export = __webpack_require__(23);
+	var $export = __webpack_require__(24);
 	// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
 	$export($export.S + $export.F * !__webpack_require__(9), 'Object', {defineProperty: __webpack_require__(18).f});
 
 /***/ },
-/* 156 */,
 /* 157 */,
 /* 158 */,
-/* 159 */
+/* 159 */,
+/* 160 */
 /***/ function(module, exports) {
 
 	
@@ -13105,7 +13672,7 @@ module.exports =
 
 
 /***/ },
-/* 160 */
+/* 161 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13302,7 +13869,7 @@ module.exports =
 
 
 /***/ },
-/* 161 */
+/* 162 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13395,7 +13962,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 162 */
+/* 163 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13406,11 +13973,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__(161);
+	var _Event = __webpack_require__(162);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(160);
+	var _componentClasses = __webpack_require__(161);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -13590,7 +14157,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 163 */
+/* 164 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13599,7 +14166,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _utils = __webpack_require__(25);
+	var _utils = __webpack_require__(26);
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
@@ -13650,7 +14217,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 164 */
+/* 165 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13695,7 +14262,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 165 */
+/* 166 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13704,7 +14271,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(164);
+	var _getAlignOffset = __webpack_require__(165);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -13736,7 +14303,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 166 */
+/* 167 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13745,7 +14312,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _utils = __webpack_require__(25);
+	var _utils = __webpack_require__(26);
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
@@ -13777,7 +14344,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 167 */
+/* 168 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13786,7 +14353,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _utils = __webpack_require__(25);
+	var _utils = __webpack_require__(26);
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
@@ -13858,7 +14425,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 168 */
+/* 169 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13867,7 +14434,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _utils = __webpack_require__(25);
+	var _utils = __webpack_require__(26);
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
@@ -13875,19 +14442,19 @@ module.exports =
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(167);
+	var _getVisibleRectForElement = __webpack_require__(168);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(163);
+	var _adjustForViewport = __webpack_require__(164);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(166);
+	var _getRegion = __webpack_require__(167);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(165);
+	var _getElFuturePos = __webpack_require__(166);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -14089,7 +14656,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 169 */
+/* 170 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -14204,17 +14771,17 @@ module.exports =
 	}
 
 /***/ },
-/* 170 */
+/* 171 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 171 */
-170,
-/* 172 */,
+/* 172 */
+171,
 /* 173 */,
-/* 174 */
+/* 174 */,
+/* 175 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -14303,7 +14870,7 @@ module.exports =
 
 
 /***/ },
-/* 175 */
+/* 176 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14317,9 +14884,9 @@ module.exports =
 	
 	'use strict';
 	
-	var emptyFunction = __webpack_require__(177);
-	var invariant = __webpack_require__(178);
-	var ReactPropTypesSecret = __webpack_require__(176);
+	var emptyFunction = __webpack_require__(178);
+	var invariant = __webpack_require__(179);
+	var ReactPropTypesSecret = __webpack_require__(177);
 	
 	module.exports = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
@@ -14368,7 +14935,7 @@ module.exports =
 
 
 /***/ },
-/* 176 */
+/* 177 */
 /***/ function(module, exports) {
 
 	/**
@@ -14388,7 +14955,7 @@ module.exports =
 
 
 /***/ },
-/* 177 */
+/* 178 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -14431,7 +14998,7 @@ module.exports =
 	module.exports = emptyFunction;
 
 /***/ },
-/* 178 */
+/* 179 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14491,7 +15058,7 @@ module.exports =
 	module.exports = invariant;
 
 /***/ },
-/* 179 */
+/* 180 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14508,7 +15075,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(168);
+	var _domAlign = __webpack_require__(169);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
@@ -14516,7 +15083,7 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(181);
+	var _isWindow = __webpack_require__(182);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -14650,7 +15217,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 180 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14659,7 +15226,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(179);
+	var _Align = __webpack_require__(180);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -14670,7 +15237,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 181 */
+/* 182 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -14687,7 +15254,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 182 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14702,9 +15269,9 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(184);
+	var _ChildrenUtils = __webpack_require__(185);
 	
-	var _AnimateChild = __webpack_require__(183);
+	var _AnimateChild = __webpack_require__(184);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
@@ -15023,7 +15590,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 183 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15042,7 +15609,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(162);
+	var _cssAnimation = __webpack_require__(163);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
@@ -15134,7 +15701,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 184 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15256,16 +15823,16 @@ module.exports =
 	}
 
 /***/ },
-/* 185 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(182);
+	module.exports = __webpack_require__(183);
 
 /***/ },
-/* 186 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15278,7 +15845,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(189);
+	var _Select = __webpack_require__(190);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -15502,7 +16069,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 187 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15698,7 +16265,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 188 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15715,11 +16282,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(187);
+	var _Header = __webpack_require__(188);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(186);
+	var _Combobox = __webpack_require__(187);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -15892,7 +16459,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 189 */
+/* 190 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16053,7 +16620,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 190 */
+/* 191 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16066,15 +16633,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(196);
+	var _rcTrigger = __webpack_require__(197);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(188);
+	var _Panel = __webpack_require__(189);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(192);
+	var _placements = __webpack_require__(193);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -16356,7 +16923,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 191 */
+/* 192 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16365,7 +16932,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(190);
+	var _TimePicker = __webpack_require__(191);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -16375,7 +16942,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 192 */
+/* 193 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -16421,7 +16988,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 193 */
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16442,15 +17009,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(180);
+	var _rcAlign = __webpack_require__(181);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(185);
+	var _rcAnimate = __webpack_require__(186);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(194);
+	var _PopupInner = __webpack_require__(195);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
@@ -16652,7 +17219,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 194 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16709,7 +17276,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 195 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16730,7 +17297,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(198);
+	var _contains = __webpack_require__(199);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
@@ -16738,13 +17305,13 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(193);
+	var _Popup = __webpack_require__(194);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(197);
+	var _utils = __webpack_require__(198);
 	
-	var _getContainerRenderMixin = __webpack_require__(199);
+	var _getContainerRenderMixin = __webpack_require__(200);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -17208,15 +17775,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 196 */
+/* 197 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(195);
+	module.exports = __webpack_require__(196);
 
 /***/ },
-/* 197 */
+/* 198 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17256,7 +17823,7 @@ module.exports =
 	}
 
 /***/ },
-/* 198 */
+/* 199 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -17279,7 +17846,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 199 */
+/* 200 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17384,8 +17951,8 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 200 */,
-/* 201 */
+/* 201 */,
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17394,19 +17961,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__(203);
+	var _addClass = __webpack_require__(204);
 	
 	var _addClass2 = _interopRequireDefault(_addClass);
 	
-	var _removeClass = __webpack_require__(205);
+	var _removeClass = __webpack_require__(206);
 	
 	var _removeClass2 = _interopRequireDefault(_removeClass);
 	
-	var _requestAnimationFrame = __webpack_require__(207);
+	var _requestAnimationFrame = __webpack_require__(208);
 	
 	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
 	
-	var _properties = __webpack_require__(206);
+	var _properties = __webpack_require__(207);
 	
 	var _react = __webpack_require__(1);
 	
@@ -17619,7 +18186,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 202 */
+/* 203 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17628,7 +18195,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__(159);
+	var _chainFunction = __webpack_require__(160);
 	
 	var _chainFunction2 = _interopRequireDefault(_chainFunction);
 	
@@ -17640,11 +18207,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _warning = __webpack_require__(209);
+	var _warning = __webpack_require__(210);
 	
 	var _warning2 = _interopRequireDefault(_warning);
 	
-	var _ChildMapping = __webpack_require__(208);
+	var _ChildMapping = __webpack_require__(209);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -17896,7 +18463,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 203 */
+/* 204 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17906,7 +18473,7 @@ module.exports =
 	});
 	exports.default = addClass;
 	
-	var _hasClass = __webpack_require__(204);
+	var _hasClass = __webpack_require__(205);
 	
 	var _hasClass2 = _interopRequireDefault(_hasClass);
 	
@@ -17918,7 +18485,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 204 */
+/* 205 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -17933,7 +18500,7 @@ module.exports =
 	module.exports = exports["default"];
 
 /***/ },
-/* 205 */
+/* 206 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -17943,7 +18510,7 @@ module.exports =
 	};
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18058,7 +18625,7 @@ module.exports =
 	}
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18116,7 +18683,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18212,7 +18779,7 @@ module.exports =
 	}
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -18278,13 +18845,13 @@ module.exports =
 
 
 /***/ },
-/* 210 */
+/* 211 */
 /***/ function(module, exports) {
 
 	module.exports = require("moment-timezone");
 
 /***/ },
-/* 211 */
+/* 212 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");