@lingk/sync 0.1.64 → 0.1.66

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(125);
+	module.exports = __webpack_require__(126);
 
 
 /***/ },
@@ -780,7 +780,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__(168);
+	var _propertyUtils = __webpack_require__(169);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -1640,7 +1640,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__(174)();
+	  module.exports = __webpack_require__(175)();
 	}
 
 
@@ -1662,15 +1662,15 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _TransitionGroup = __webpack_require__(201);
+	var _TransitionGroup = __webpack_require__(202);
 	
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 	
-	var _CSSTransitionGroupChild = __webpack_require__(200);
+	var _CSSTransitionGroupChild = __webpack_require__(201);
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
-	var _PropTypes = __webpack_require__(63);
+	var _PropTypes = __webpack_require__(64);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -1776,7 +1776,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(127);
+	var _assign = __webpack_require__(128);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -2439,6 +2439,22 @@ module.exports =
 
 	'use strict';
 	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.makeContent = makeContent;
+	var css = 'table { font-size: 12px !important; } ' + 'body { margin: 0; padding: 0; color: #16325c; font-family: Arial, sans-serif; font-size: 14px; } ' + 'tr { background: rgb(244, 246, 249); } ' + 'th { border-top: 1px solid #d8dde6; border-bottom: 1px solid #d8dde6; color: #54698d; text-transform: uppercase; letter-spacing: 0.0625rem; font-weight: bold; padding: 6px 10px; text-align: left; } ' + 'td { border-bottom: 1px solid #d8dde6; padding: 6px 10px; } ';
+	
+	function makeContent(url, tenantId, accountId, endpoint, target, targetName, token) {
+	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'' + url + tenantId + '/' + accountId + '/previewintegration?url=' + endpoint + '&target=' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
+	}
+
+/***/ },
+/* 53 */
+/***/ function(module, exports) {
+
+	'use strict';
+	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
@@ -2463,7 +2479,6 @@ module.exports =
 	  var sourceMetadata = sM;
 	  var targetMetadata = tM;
 	  if (isReverse) {
-	    // switch em!
 	    sourceProvider = tP;
 	    targetProvider = sP;
 	    sourceMetadata = tM;
@@ -2630,7 +2645,7 @@ module.exports =
 	        //make endpoint
 	        var suffix = sourceResource.endpointSuffix;
 	        if (suffix) {
-	          endpoints['url_' + sourceResource.type] = '' + sourceEndpoint + (suffix[0] === '/' ? '' : '/') + suffix;
+	          endpoints['url_' + sourceResource.type + '_' + sourceProvider] = '' + sourceEndpoint + (suffix[0] === '/' ? '' : '/') + suffix;
 	        }
 	
 	        //get first resource in bundle (for primaryKeyName)
@@ -2711,14 +2726,14 @@ module.exports =
 	exports.default = saveData;
 
 /***/ },
-/* 53 */
+/* 54 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(128);
+	var _defineProperty = __webpack_require__(129);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -2740,9 +2755,9 @@ module.exports =
 	};
 
 /***/ },
-/* 54 */,
 /* 55 */,
-/* 56 */
+/* 56 */,
+/* 57 */
 /***/ function(module, exports) {
 
 	module.exports = function(arr, obj){
@@ -2754,7 +2769,7 @@ module.exports =
 	};
 
 /***/ },
-/* 57 */
+/* 58 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -2812,7 +2827,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 58 */
+/* 59 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -2844,7 +2859,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 59 */
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -2853,7 +2868,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(130);
+	var _objectWithoutProperties2 = __webpack_require__(131);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -2897,7 +2912,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 60 */
+/* 61 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -2907,7 +2922,7 @@ module.exports =
 	});
 	exports["default"] = addEventListenerWrap;
 	
-	var _addDomEventListener = __webpack_require__(67);
+	var _addDomEventListener = __webpack_require__(68);
 	
 	var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
 	
@@ -2927,7 +2942,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 61 */
+/* 62 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -4539,7 +4554,7 @@ module.exports =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 62 */
+/* 63 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -4551,7 +4566,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 63 */
+/* 64 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4605,13 +4620,13 @@ module.exports =
 	})]);
 
 /***/ },
-/* 64 */
+/* 65 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-redux");
 
 /***/ },
-/* 65 */
+/* 66 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -4676,7 +4691,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 66 */
+/* 67 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4685,11 +4700,11 @@ module.exports =
 	  value: true
 	});
 	
-	var _EventBaseObject = __webpack_require__(65);
+	var _EventBaseObject = __webpack_require__(66);
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(173);
+	var _objectAssign = __webpack_require__(174);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -4958,7 +4973,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 67 */
+/* 68 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -4968,7 +4983,7 @@ module.exports =
 	});
 	exports["default"] = addEventListener;
 	
-	var _EventObject = __webpack_require__(66);
+	var _EventObject = __webpack_require__(67);
 	
 	var _EventObject2 = _interopRequireDefault(_EventObject);
 	
@@ -4999,7 +5014,6 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 68 */,
 /* 69 */,
 /* 70 */,
 /* 71 */,
@@ -5031,7 +5045,8 @@ module.exports =
 /* 97 */,
 /* 98 */,
 /* 99 */,
-/* 100 */
+/* 100 */,
+/* 101 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5759,7 +5774,7 @@ module.exports =
 	}
 
 /***/ },
-/* 101 */
+/* 102 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5841,7 +5856,7 @@ module.exports =
 	})(AccountStep);
 
 /***/ },
-/* 102 */
+/* 103 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -5856,7 +5871,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactDraggable = __webpack_require__(61);
+	var _reactDraggable = __webpack_require__(62);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
@@ -6183,7 +6198,7 @@ module.exports =
 	exports.default = BundleTable;
 
 /***/ },
-/* 103 */
+/* 104 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6314,10 +6329,12 @@ module.exports =
 	    var rgs = [].concat(_toConsumableArray(resourceGroups));
 	    var group = rgs[bundleIndex];
 	    if (i === 0) {
+	      // create array
 	      group.sourceKeys = [key];
 	      group.sourceKeysObjects = [field.section];
 	      group.sourceKeysParents = [field.parents];
 	    } else {
+	      // add to array
 	      group.sourceKeys[i] = key;
 	      group.sourceKeysObjects[i] = field.section;
 	      group.sourceKeysParents[i] = field.parents;
@@ -6614,7 +6631,7 @@ module.exports =
 	exports.default = ConnectModal;
 
 /***/ },
-/* 104 */
+/* 105 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -6633,7 +6650,7 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _nestedField = __webpack_require__(120);
+	var _nestedField = __webpack_require__(122);
 	
 	var _nestedField2 = _interopRequireDefault(_nestedField);
 	
@@ -7079,7 +7096,7 @@ module.exports =
 	exports.default = MapAccordion;
 
 /***/ },
-/* 105 */
+/* 106 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7337,7 +7354,7 @@ module.exports =
 	};
 
 /***/ },
-/* 106 */
+/* 107 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7573,7 +7590,7 @@ module.exports =
 	exports.default = ParameterModal;
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7592,13 +7609,13 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _reactDraggable = __webpack_require__(61);
+	var _reactDraggable = __webpack_require__(62);
 	
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _joinVenn = __webpack_require__(119);
+	var _joinVenn = __webpack_require__(121);
 	
 	var _joinVenn2 = _interopRequireDefault(_joinVenn);
 	
@@ -7606,7 +7623,7 @@ module.exports =
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
-	var _parameterModal = __webpack_require__(106);
+	var _parameterModal = __webpack_require__(107);
 	
 	var _parameterModal2 = _interopRequireDefault(_parameterModal);
 	
@@ -7795,7 +7812,8 @@ module.exports =
 	
 	      var primaryRscVals = null;
 	      var primaryRscSectionLabels = null;
-	      if (group && group.resources) {
+	
+	      if (group && group.resources && group.resources[0]) {
 	        var primaryResourceSchema = group.resources[0].provider === step.destinationProvider ? destinationSchema : sourceSchema;
 	        primaryRscVals = primaryResourceSchema && primaryResourceSchema.find(function (defaultRsc) {
 	          return defaultRsc.name === group.resources[0].name;
@@ -8237,7 +8255,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8754,7 +8772,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 109 */
+/* 110 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8957,7 +8975,7 @@ module.exports =
 	})(AdapterStep);
 
 /***/ },
-/* 110 */
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8990,11 +9008,11 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(209);
+	__webpack_require__(210);
 	
-	__webpack_require__(169);
+	__webpack_require__(170);
 	
-	var _rcTimePicker = __webpack_require__(190);
+	var _rcTimePicker = __webpack_require__(191);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -9193,19 +9211,504 @@ module.exports =
 			}
 		}]);
 	
-		return DeployStep;
+		return DeployStep;
+	}(_react.Component);
+	
+	exports.default = (0, _reduxForm.reduxForm)({
+		form: 'wizard',
+		destroyOnUnmount: false,
+		forceUnregisterOnUnmount: true,
+		touchOnBlur: false,
+		validate: _validate2.default
+	})(DeployStep);
+
+/***/ },
+/* 112 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reduxForm = __webpack_require__(2);
+	
+	var _validate = __webpack_require__(5);
+	
+	var _validate2 = _interopRequireDefault(_validate);
+	
+	var _navButtons = __webpack_require__(4);
+	
+	var _navButtons2 = _interopRequireDefault(_navButtons);
+	
+	var _loadData = __webpack_require__(11);
+	
+	var _loadData2 = _interopRequireDefault(_loadData);
+	
+	var _previewTabContent = __webpack_require__(52);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	
+	var renderError = function renderError(_ref) {
+	  var _ref$meta = _ref.meta,
+	      touched = _ref$meta.touched,
+	      error = _ref$meta.error;
+	  return touched && error ? _react2.default.createElement(
+	    'div',
+	    null,
+	    _react2.default.createElement(
+	      'span',
+	      null,
+	      error
+	    ),
+	    _react2.default.createElement('br', null),
+	    _react2.default.createElement('br', null)
+	  ) : false;
+	};
+	
+	var EnvStep = function (_Component) {
+	  _inherits(EnvStep, _Component);
+	
+	  function EnvStep() {
+	    _classCallCheck(this, EnvStep);
+	
+	    var _this = _possibleConstructorReturn(this, (EnvStep.__proto__ || Object.getPrototypeOf(EnvStep)).call(this));
+	
+	    _this.seeFields = _this.seeFields.bind(_this);
+	    _this.startOauth = _this.startOauth.bind(_this);
+	    return _this;
+	  }
+	
+	  _createClass(EnvStep, [{
+	    key: 'seeFields',
+	    value: function seeFields(target) {
+	      var _props = this.props,
+	          tenantId = _props.tenantId,
+	          accountId = _props.accountId,
+	          formValues = _props.formValues,
+	          step = _props.step,
+	          configUrls = _props.configUrls;
+	
+	      var endpoint = formValues[step.mode + 'Endpoint'];
+	      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));
+	      x.document.title = 'Preview Data (' + target.name + ')';
+	      x.document.close();
+	      x.focus();
+	    }
+	  }, {
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      var _props2 = this.props,
+	          step = _props2.step,
+	          change = _props2.change,
+	          formValues = _props2.formValues,
+	          wizard = _props2.wizard,
+	          actions = _props2.actions;
+	
+	      if (!wizard.dataLoaded) {
+	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
+	      }
+	    }
+	  }, {
+	    key: 'check',
+	    value: function check() {
+	      var _props3 = this.props,
+	          actions = _props3.actions,
+	          tenantId = _props3.tenantId,
+	          accountId = _props3.accountId,
+	          formValues = _props3.formValues,
+	          step = _props3.step,
+	          change = _props3.change;
+	
+	      var endpoint = formValues[step.mode + 'Endpoint'];
+	      var credentials = formValues[step.mode + 'Credentials'];
+	      //remove trailing slash if exists
+	      if (endpoint && endpoint[endpoint.length - 1] === '/' && endpoint.length > 8) {
+	        endpoint = endpoint.slice(0, -1);
+	        change(step.mode + 'Endpoint', endpoint);
+	      }
+	
+	      if (credentials) {
+	        actions.postCredentials(tenantId, accountId, step[step.mode + 'Provider'], endpoint, credentials, step.mode).then(function () {
+	          actions.callGetMetadata(tenantId, accountId, step.mode, step[step.mode + 'Provider'], step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework, credentials);
+	        });
+	      } else {
+	        actions.callGetMetadata(tenantId, accountId, step.mode, step[step.mode + 'Provider'], step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
+	      }
+	    }
+	  }, {
+	    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();
+	    }
+	
+	    // turns camel-case cred names into human-readable
+	
+	  }, {
+	    key: 'unCamelize',
+	    value: function unCamelize(text) {
+	      return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+	        return str.toUpperCase();
+	      });
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props4 = this.props,
+	          inputs = _props4.inputs,
+	          step = _props4.step,
+	          handleSubmit = _props4.handleSubmit,
+	          nav = _props4.nav,
+	          reset = _props4.reset,
+	          wizard = _props4.wizard,
+	          formValues = _props4.formValues,
+	          actions = _props4.actions,
+	          tenantId = _props4.tenantId,
+	          accountId = _props4.accountId,
+	          change = _props4.change;
+	
+	      var Button = inputs.Button;
+	      var Spinner = inputs.Spinner;
+	
+	      var envCheckResult = wizard[step.mode + 'CheckResult'];
+	
+	      var POSTS = wizard[step.mode + 'Metadata'] && wizard[step.mode + 'Metadata'].filter(function (m) {
+	        return m.method === 'POST' || m.method === 'PUT';
+	      });
+	
+	      var hasEndpoint = formValues[step.mode + 'Endpoint'] && formValues[step.mode + 'Endpoint'].length > 8;
+	
+	      var isOauth = step.credentials && step.credentials.length === 1 && step.credentials[0] === 'Oauth';
+	
+	      return _react2.default.createElement(
+	        'form',
+	        { onKeyPress: function onKeyPress(e) {
+	            return e.charCode === 13 ? e.preventDefault() : null;
+	          } },
+	        _react2.default.createElement(
+	          'div',
+	          { style: { fontSize: 20, display: 'inline-block' } },
+	          'Define ',
+	          step[step.mode + 'Provider'],
+	          ' Environment'
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement('br', null),
+	        step.message && _react2.default.createElement(
+	          'p',
+	          null,
+	          step.message
+	        ),
+	        _react2.default.createElement('br', null),
+	        isOauth ? _react2.default.createElement(Oauth, { step: step, wizard: wizard, onCheck: this.check, onStart: this.startOauth,
+	          onSandbox: function onSandbox() {
+	            return actions.getOauthUrl(tenantId, accountId, step.typeGuid, 'sandbox', step.mode);
+	          },
+	          onProd: function onProd() {
+	            return actions.getOauthUrl(tenantId, accountId, step.typeGuid, 'production', step.mode);
+	          } }) : _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: step.mode + 'Endpoint', type: 'text', component: inputs.rfInput, label: 'Data Source Endpoint' })
+	              ),
+	              !step.credentials ? _react2.default.createElement(
+	                Button,
+	                {
+	                  icon: 'sync',
+	                  iconAlign: 'left',
+	                  onClick: function onClick() {
+	                    return _this2.check();
+	                  },
+	                  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
+	                )
+	              )
+	            )
+	          ),
+	          step.credentials && _react2.default.createElement(
+	            'div',
+	            { style: { marginLeft: 16 } },
+	            _react2.default.createElement('br', null),
+	            _react2.default.createElement(
+	              'label',
+	              null,
+	              step[step.mode + 'Provider'],
+	              ' Credentials'
+	            ),
+	            _react2.default.createElement('br', null),
+	            _react2.default.createElement(
+	              'div',
+	              { style: { display: 'inline-block', marginLeft: 16 } },
+	              step.credentials.map(function (cred, index) {
+	                return _react2.default.createElement(
+	                  'div',
+	                  { key: index, style: { marginTop: 8 } },
+	                  _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Credentials.' + cred,
+	                    label: step[step.mode + 'Provider'] + ' ' + _this2.unCamelize(cred), type: 'text',
+	                    component: inputs.rfInput })
+	                );
+	              })
+	            ),
+	            _react2.default.createElement(
+	              Button,
+	              {
+	                icon: 'sync',
+	                iconAlign: 'left',
+	                onClick: function onClick() {
+	                  return _this2.check();
+	                },
+	                type: 'neutral',
+	                style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' },
+	                disabled: step.credentials.some(function (c) {
+	                  var formCreds = formValues[step.mode + 'Credentials'];
+	                  return !(formCreds && Object.keys(formCreds).includes(c.split(' ').join('')));
+	                }) || !hasEndpoint },
+	              'Test Connection'
+	            )
+	          )
+	        ),
+	        wizard[step.mode + 'Metadata'] && step.mode === 'source' && step.bidirectional && _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(_reduxForm.Field, { name: 'direction', component: inputs.rfRadioGroup,
+	            label: 'Integration Direction',
+	            onClickOption: function onClickOption(v) {
+	              change('resourceGroups', []);
+	              change('scenario', null);
+	              if (_this2.props.nav.limitBackToCurrentPage) {
+	                _this2.props.nav.limitBackToCurrentPage();
+	              }
+	            },
+	            options: {
+	              'normal': 'Read Data from ' + step[step.mode + 'Provider'],
+	              'reverse': 'Write Data to ' + step[step.mode + 'Provider']
+	            }
+	          })
+	        ),
+	        wizard[step.mode + 'Metadata'] && formValues.direction === 'normal' ? _react2.default.createElement(
+	          'div',
+	          null,
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(
+	            'span',
+	            { className: 'labelz' },
+	            'Available ',
+	            step[step.mode + 'Provider'],
+	            ' Data Objects',
+	            step.metadataEndpoint === 'testconnection' && _react2.default.createElement(
+	              'span',
+	              null,
+	              '\xA0(click to preview data):'
+	            )
+	          ),
+	          _react2.default.createElement(
+	            'ul',
+	            { style: { listStyle: 'none', paddingLeft: 5 } },
+	            wizard[step.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 } },
+	                step.metadataEndpoint === 'testconnection' ? _react2.default.createElement(
+	                  'a',
+	                  { onClick: function onClick() {
+	                      return _this2.seeFields(rsc);
+	                    }, style: { textDecoration: 'none', cursor: 'pointer' } },
+	                  rsc.name
+	                ) : _react2.default.createElement(
+	                  'div',
+	                  null,
+	                  rsc.name
+	                )
+	              );
+	            })
+	          )
+	        ) : null,
+	        _react2.default.createElement('br', null),
+	        wizard[step.mode + 'Metadata'] && step.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[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
+	                  )
+	                );
+	              })
+	            )
+	          )
+	        ),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement(_reduxForm.Field, { name: step.mode + 'Environment', component: renderError }),
+	        _react2.default.createElement(_navButtons2.default, { nextDisabled: !wizard[step.mode + 'Metadata'], handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
+	        _react2.default.createElement('br', null),
+	        _react2.default.createElement('br', null)
+	      );
+	    }
+	  }]);
+	
+	  return EnvStep;
 	}(_react.Component);
 	
+	var Oauth = function Oauth(_ref2) {
+	  var step = _ref2.step,
+	      wizard = _ref2.wizard,
+	      onSandbox = _ref2.onSandbox,
+	      onProd = _ref2.onProd,
+	      onStart = _ref2.onStart,
+	      onCheck = _ref2.onCheck,
+	      inputs = _ref2.inputs;
+	  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(
+	        '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[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 you have completed the ',
+	            step[step.mode + 'Provider'],
+	            ' authorization process: '
+	          ),
+	          _react2.default.createElement(
+	            inputs.Button,
+	            {
+	              icon: 'sync',
+	              iconAlign: 'left',
+	              onClick: onCheck,
+	              style: { marginLeft: 8, marginBottom: 2, height: 30, lineHeight: '10px' } },
+	            'Test Connection'
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { style: { display: 'inline-block', marginLeft: 12 } },
+	            wizard.envChecking && _react2.default.createElement(inputs.Spinner, null),
+	            wizard[step.mode + 'CheckResult'] && _react2.default.createElement(
+	              'span',
+	              null,
+	              wizard[step.mode + 'CheckResult']
+	            )
+	          )
+	        )
+	      )
+	    )
+	  );
+	};
+	
 	exports.default = (0, _reduxForm.reduxForm)({
-		form: 'wizard',
-		destroyOnUnmount: false,
-		forceUnregisterOnUnmount: true,
-		touchOnBlur: false,
-		validate: _validate2.default
-	})(DeployStep);
+	  form: 'wizard',
+	  destroyOnUnmount: false,
+	  forceUnregisterOnUnmount: true,
+	  touchOnBlur: false,
+	  validate: _validate2.default
+	})(EnvStep);
 
 /***/ },
-/* 111 */
+/* 113 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9234,7 +9737,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _previewTabContent = __webpack_require__(123);
+	var _previewTabContent = __webpack_require__(52);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -9679,7 +10182,7 @@ module.exports =
 	})(EnvironmentStep);
 
 /***/ },
-/* 112 */
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9904,7 +10407,7 @@ module.exports =
 	})(FilterStep);
 
 /***/ },
-/* 113 */
+/* 115 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9937,19 +10440,19 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(108);
+	var _transformModal = __webpack_require__(109);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
-	var _mapAccordion = __webpack_require__(104);
+	var _mapAccordion = __webpack_require__(105);
 	
 	var _mapAccordion2 = _interopRequireDefault(_mapAccordion);
 	
-	var _mapTableRows = __webpack_require__(105);
+	var _mapTableRows = __webpack_require__(106);
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
-	var _newScenarioModal = __webpack_require__(121);
+	var _newScenarioModal = __webpack_require__(123);
 	
 	var _newScenarioModal2 = _interopRequireDefault(_newScenarioModal);
 	
@@ -10190,7 +10693,7 @@ module.exports =
 	})(MapStep);
 
 /***/ },
-/* 114 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10298,7 +10801,7 @@ module.exports =
 	})(NameStep);
 
 /***/ },
-/* 115 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10396,7 +10899,7 @@ module.exports =
 	})(PhaseStep);
 
 /***/ },
-/* 116 */
+/* 118 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10531,7 +11034,7 @@ module.exports =
 	})(PreviewStep);
 
 /***/ },
-/* 117 */
+/* 119 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10775,7 +11278,7 @@ module.exports =
 	})(DefaultDatasetStep);
 
 /***/ },
-/* 118 */
+/* 120 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10804,7 +11307,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _schemaAccordion = __webpack_require__(107);
+	var _schemaAccordion = __webpack_require__(108);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -10812,11 +11315,11 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _connectModal = __webpack_require__(103);
+	var _connectModal = __webpack_require__(104);
 	
 	var _connectModal2 = _interopRequireDefault(_connectModal);
 	
-	var _bundleTable = __webpack_require__(102);
+	var _bundleTable = __webpack_require__(103);
 	
 	var _bundleTable2 = _interopRequireDefault(_bundleTable);
 	
@@ -10936,6 +11439,7 @@ module.exports =
 	
 	      resourceGroups.splice(index, 0, {
 	        name: v,
+	        __name: newGroup.type,
 	        resources: null,
 	        recordTypeId: newGroup.recordTypeId,
 	        provider: newGroup.section,
@@ -10978,6 +11482,7 @@ module.exports =
 	      }*/
 	      group.resources.push(Object.assign({
 	        name: v,
+	        __name: entity.type,
 	        provider: entity.section,
 	        joinType: 'LEFT JOIN'
 	      }, entity.parentRef && { parentRef: entity.parentRef }, entity.recordTypeId && { recordTypeId: entity.rtid }));
@@ -11080,6 +11585,7 @@ module.exports =
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	      var rsc = resourceGroups[rgi].resources[i];
 	      rsc.primaryKeyName = v;
+	      rsc.__primaryKeyName = field.name;
 	      rsc.primaryKeyResource = field.section;
 	      rsc.primaryKeyParents = field.parents;
 	      change('resourceGroups', resourceGroups);
@@ -11095,6 +11601,7 @@ module.exports =
 	      var resourceGroups = [].concat(_toConsumableArray(formValues['resourceGroups']));
 	      var rsc = resourceGroups[rgi].resources[i];
 	      rsc.joinKeyName = v;
+	      rsc.__joinKeyName = field.name;
 	      rsc.joinKeyResource = field.section;
 	      rsc.joinKeyParents = field.parents;
 	      change('resourceGroups', resourceGroups);
@@ -11216,7 +11723,7 @@ module.exports =
 	})(SchemaStep);
 
 /***/ },
-/* 119 */
+/* 121 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11267,7 +11774,7 @@ module.exports =
 	exports.default = JoinVenn;
 
 /***/ },
-/* 120 */
+/* 122 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11379,7 +11886,7 @@ module.exports =
 	exports.default = SourceField;
 
 /***/ },
-/* 121 */
+/* 123 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11394,11 +11901,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _saveData2 = __webpack_require__(52);
+	var _saveData2 = __webpack_require__(53);
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
-	var _objectAssignDeep = __webpack_require__(122);
+	var _objectAssignDeep = __webpack_require__(124);
 	
 	var _objectAssignDeep2 = _interopRequireDefault(_objectAssignDeep);
 	
@@ -11473,6 +11980,7 @@ module.exports =
 	        this.setState({ loading: true });
 	        actions.callUpdateScenarioList(tenantId, accountId, step.typeGuid, scenarioOrder).then(function (r) {
 	          _this3.setState({ loading: false });
+	          _this3.props.hideModal();
 	        });
 	      } else {
 	        var _props3 = this.props,
@@ -11493,6 +12001,7 @@ module.exports =
 	          _this3.setState({ loading: true });
 	          actions.callGetScenarioList(tenantId, accountId, step.typeGuid).then(function (r) {
 	            _this3.setState({ loading: false });
+	            _this3.props.hideModal();
 	          });
 	        });
 	        /*var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(data));
@@ -11668,7 +12177,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 122 */
+/* 124 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -11682,6 +12191,8 @@ 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
 	 */
 	
 	/*
@@ -11745,9 +12256,6 @@ module.exports =
 		return output;
 	}
 	
-	/*
-	 * Does the actual deep merging.
-	 */
 	function executeDeepMerge(target) {
 		var _objects = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 	
@@ -11808,23 +12316,7 @@ module.exports =
 	exports.default = objectAssignDeep;
 
 /***/ },
-/* 123 */
-/***/ function(module, exports) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.makeContent = makeContent;
-	var css = 'table { font-size: 12px !important; } ' + 'body { margin: 0; padding: 0; color: #16325c; font-family: Arial, sans-serif; font-size: 14px; } ' + 'tr { background: rgb(244, 246, 249); } ' + 'th { border-top: 1px solid #d8dde6; border-bottom: 1px solid #d8dde6; color: #54698d; text-transform: uppercase; letter-spacing: 0.0625rem; font-weight: bold; padding: 6px 10px; text-align: left; } ' + 'td { border-bottom: 1px solid #d8dde6; padding: 6px 10px; } ';
-	
-	function makeContent(url, tenantId, accountId, endpoint, target, targetName, token) {
-	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'' + url + tenantId + '/' + accountId + '/previewintegration?url=' + endpoint + '&target=' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
-	}
-
-/***/ },
-/* 124 */
+/* 125 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11843,53 +12335,57 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _reactRedux = __webpack_require__(64);
+	var _reactRedux = __webpack_require__(65);
 	
-	var _accountStep = __webpack_require__(101);
+	var _accountStep = __webpack_require__(102);
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
-	var _phaseStep = __webpack_require__(115);
+	var _phaseStep = __webpack_require__(117);
 	
 	var _phaseStep2 = _interopRequireDefault(_phaseStep);
 	
-	var _environmentStep = __webpack_require__(111);
+	var _environmentStep = __webpack_require__(113);
 	
 	var _environmentStep2 = _interopRequireDefault(_environmentStep);
 	
-	var _schemaStep = __webpack_require__(118);
+	var _schemaStep = __webpack_require__(120);
 	
 	var _schemaStep2 = _interopRequireDefault(_schemaStep);
 	
-	var _filterStep = __webpack_require__(112);
+	var _filterStep = __webpack_require__(114);
 	
 	var _filterStep2 = _interopRequireDefault(_filterStep);
 	
-	var _mapStep = __webpack_require__(113);
+	var _mapStep = __webpack_require__(115);
 	
 	var _mapStep2 = _interopRequireDefault(_mapStep);
 	
-	var _previewStep = __webpack_require__(116);
+	var _previewStep = __webpack_require__(118);
 	
 	var _previewStep2 = _interopRequireDefault(_previewStep);
 	
-	var _deployStep = __webpack_require__(110);
+	var _deployStep = __webpack_require__(111);
 	
 	var _deployStep2 = _interopRequireDefault(_deployStep);
 	
-	var _nameStep = __webpack_require__(114);
+	var _nameStep = __webpack_require__(116);
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(109);
+	var _adapterStep = __webpack_require__(110);
 	
 	var _adapterStep2 = _interopRequireDefault(_adapterStep);
 	
-	var _scenarioStep = __webpack_require__(117);
+	var _scenarioStep = __webpack_require__(119);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
 	
-	var _saveData2 = __webpack_require__(52);
+	var _envStep = __webpack_require__(112);
+	
+	var _envStep2 = _interopRequireDefault(_envStep);
+	
+	var _saveData2 = __webpack_require__(53);
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
@@ -11944,7 +12440,8 @@ module.exports =
 	      deploy: _deployStep2.default,
 	      adapter: _adapterStep2.default,
 	      name: _nameStep2.default,
-	      scenario: _scenarioStep2.default
+	      scenario: _scenarioStep2.default,
+	      env: _envStep2.default
 	    };
 	    return _this;
 	  }
@@ -12156,7 +12653,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 125 */
+/* 126 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12171,17 +12668,17 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(210);
+	var _redux = __webpack_require__(211);
 	
-	var _reactRedux = __webpack_require__(64);
+	var _reactRedux = __webpack_require__(65);
 	
-	var _wizard = __webpack_require__(100);
+	var _wizard = __webpack_require__(101);
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(170);
+	__webpack_require__(171);
 	
-	var _wizardForm = __webpack_require__(124);
+	var _wizardForm = __webpack_require__(125);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -12218,7 +12715,12 @@ module.exports =
 	    {
 	      type: 'name',
 	      title: 'Name'
-	    }, {
+	    },
+	    /*{
+	      type: 'env',
+	      title: 'Environments'
+	    },*/
+	    {
 	      type: 'environment',
 	      title: 'Source Environment',
 	      mode: 'source'
@@ -12264,6 +12766,8 @@ module.exports =
 	        if (step.type === 'name') {
 	          step.name = wizard.title;
 	          stepList.push(step);
+	        } else if (step.type === 'env') {
+	          stepList.push(step);
 	        } else if (step.type === 'scenario') {
 	          step.options = wizard.scenarios;
 	          step.scenarioOrder = wizard.scenarioIds;
@@ -12348,21 +12852,21 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 126 */,
-/* 127 */
+/* 127 */,
+/* 128 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(132), __esModule: true };
+	module.exports = { "default": __webpack_require__(133), __esModule: true };
 
 /***/ },
-/* 128 */
+/* 129 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(133), __esModule: true };
+	module.exports = { "default": __webpack_require__(134), __esModule: true };
 
 /***/ },
-/* 129 */,
-/* 130 */
+/* 130 */,
+/* 131 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -12382,39 +12886,39 @@ module.exports =
 	};
 
 /***/ },
-/* 131 */,
-/* 132 */
+/* 132 */,
+/* 133 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(153);
+	__webpack_require__(154);
 	module.exports = __webpack_require__(8).Object.assign;
 
 /***/ },
-/* 133 */
+/* 134 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(154);
+	__webpack_require__(155);
 	var $Object = __webpack_require__(8).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 134 */,
 /* 135 */,
 /* 136 */,
 /* 137 */,
 /* 138 */,
 /* 139 */,
 /* 140 */,
-/* 141 */
+/* 141 */,
+/* 142 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
 	var getKeys  = __webpack_require__(32)
-	  , gOPS     = __webpack_require__(144)
-	  , pIE      = __webpack_require__(146)
+	  , gOPS     = __webpack_require__(145)
+	  , pIE      = __webpack_require__(147)
 	  , toObject = __webpack_require__(35)
 	  , IObject  = __webpack_require__(30)
 	  , $assign  = Object.assign;
@@ -12445,37 +12949,37 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 142 */,
 /* 143 */,
-/* 144 */
+/* 144 */,
+/* 145 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 145 */,
-/* 146 */
+/* 146 */,
+/* 147 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 147 */,
 /* 148 */,
 /* 149 */,
 /* 150 */,
 /* 151 */,
 /* 152 */,
-/* 153 */
+/* 153 */,
+/* 154 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
 	var $export = __webpack_require__(23);
 	
-	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(141)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(142)});
 
 /***/ },
-/* 154 */
+/* 155 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var $export = __webpack_require__(23);
@@ -12483,10 +12987,10 @@ module.exports =
 	$export($export.S + $export.F * !__webpack_require__(9), 'Object', {defineProperty: __webpack_require__(18).f});
 
 /***/ },
-/* 155 */,
 /* 156 */,
 /* 157 */,
-/* 158 */
+/* 158 */,
+/* 159 */
 /***/ function(module, exports) {
 
 	
@@ -12512,7 +13016,7 @@ module.exports =
 
 
 /***/ },
-/* 159 */
+/* 160 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12520,9 +13024,9 @@ module.exports =
 	 */
 	
 	try {
-	  var index = __webpack_require__(56);
+	  var index = __webpack_require__(57);
 	} catch (err) {
-	  var index = __webpack_require__(56);
+	  var index = __webpack_require__(57);
 	}
 	
 	/**
@@ -12709,7 +13213,7 @@ module.exports =
 
 
 /***/ },
-/* 160 */
+/* 161 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -12802,7 +13306,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 161 */
+/* 162 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12813,11 +13317,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__(160);
+	var _Event = __webpack_require__(161);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(159);
+	var _componentClasses = __webpack_require__(160);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -12997,7 +13501,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 162 */
+/* 163 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13057,7 +13561,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 163 */
+/* 164 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13102,7 +13606,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 164 */
+/* 165 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13111,7 +13615,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(163);
+	var _getAlignOffset = __webpack_require__(164);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -13143,7 +13647,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 165 */
+/* 166 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13184,7 +13688,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 166 */
+/* 167 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13197,7 +13701,7 @@ module.exports =
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
-	var _getOffsetParent = __webpack_require__(57);
+	var _getOffsetParent = __webpack_require__(58);
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
@@ -13265,7 +13769,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 167 */
+/* 168 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13278,23 +13782,23 @@ module.exports =
 	
 	var _utils2 = _interopRequireDefault(_utils);
 	
-	var _getOffsetParent = __webpack_require__(57);
+	var _getOffsetParent = __webpack_require__(58);
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(166);
+	var _getVisibleRectForElement = __webpack_require__(167);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(162);
+	var _adjustForViewport = __webpack_require__(163);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(165);
+	var _getRegion = __webpack_require__(166);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(164);
+	var _getElFuturePos = __webpack_require__(165);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -13496,7 +14000,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 168 */
+/* 169 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13611,17 +14115,17 @@ module.exports =
 	}
 
 /***/ },
-/* 169 */
+/* 170 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 170 */
-169,
-/* 171 */,
+/* 171 */
+170,
 /* 172 */,
-/* 173 */
+/* 173 */,
+/* 174 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13710,7 +14214,7 @@ module.exports =
 
 
 /***/ },
-/* 174 */
+/* 175 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13724,9 +14228,9 @@ module.exports =
 	
 	'use strict';
 	
-	var emptyFunction = __webpack_require__(176);
-	var invariant = __webpack_require__(177);
-	var ReactPropTypesSecret = __webpack_require__(175);
+	var emptyFunction = __webpack_require__(177);
+	var invariant = __webpack_require__(178);
+	var ReactPropTypesSecret = __webpack_require__(176);
 	
 	module.exports = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
@@ -13775,7 +14279,7 @@ module.exports =
 
 
 /***/ },
-/* 175 */
+/* 176 */
 /***/ function(module, exports) {
 
 	/**
@@ -13795,7 +14299,7 @@ module.exports =
 
 
 /***/ },
-/* 176 */
+/* 177 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -13838,7 +14342,7 @@ module.exports =
 	module.exports = emptyFunction;
 
 /***/ },
-/* 177 */
+/* 178 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13898,7 +14402,7 @@ module.exports =
 	module.exports = invariant;
 
 /***/ },
-/* 178 */
+/* 179 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13915,15 +14419,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(167);
+	var _domAlign = __webpack_require__(168);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
-	var _addEventListener = __webpack_require__(60);
+	var _addEventListener = __webpack_require__(61);
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(180);
+	var _isWindow = __webpack_require__(181);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -14057,7 +14561,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 179 */
+/* 180 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14066,7 +14570,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(178);
+	var _Align = __webpack_require__(179);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -14077,7 +14581,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 180 */
+/* 181 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -14094,7 +14598,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 181 */
+/* 182 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14109,13 +14613,13 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(183);
+	var _ChildrenUtils = __webpack_require__(184);
 	
-	var _AnimateChild = __webpack_require__(182);
+	var _AnimateChild = __webpack_require__(183);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
-	var _util = __webpack_require__(58);
+	var _util = __webpack_require__(59);
 	
 	var _util2 = _interopRequireDefault(_util);
 	
@@ -14430,7 +14934,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 182 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14449,11 +14953,11 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(161);
+	var _cssAnimation = __webpack_require__(162);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
-	var _util = __webpack_require__(58);
+	var _util = __webpack_require__(59);
 	
 	var _util2 = _interopRequireDefault(_util);
 	
@@ -14541,7 +15045,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 183 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14663,16 +15167,16 @@ module.exports =
 	}
 
 /***/ },
-/* 184 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(181);
+	module.exports = __webpack_require__(182);
 
 /***/ },
-/* 185 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14685,7 +15189,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(188);
+	var _Select = __webpack_require__(189);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -14909,7 +15413,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 186 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15105,7 +15609,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 187 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15114,7 +15618,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _defineProperty2 = __webpack_require__(53);
+	var _defineProperty2 = __webpack_require__(54);
 	
 	var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 	
@@ -15122,11 +15626,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(186);
+	var _Header = __webpack_require__(187);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(185);
+	var _Combobox = __webpack_require__(186);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -15299,7 +15803,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 188 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15308,7 +15812,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _defineProperty2 = __webpack_require__(53);
+	var _defineProperty2 = __webpack_require__(54);
 	
 	var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 	
@@ -15460,7 +15964,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 189 */
+/* 190 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15473,15 +15977,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(195);
+	var _rcTrigger = __webpack_require__(196);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(187);
+	var _Panel = __webpack_require__(188);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(191);
+	var _placements = __webpack_require__(192);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -15763,7 +16267,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 190 */
+/* 191 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15772,7 +16276,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(189);
+	var _TimePicker = __webpack_require__(190);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -15782,7 +16286,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 191 */
+/* 192 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -15828,7 +16332,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 192 */
+/* 193 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15849,19 +16353,19 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(179);
+	var _rcAlign = __webpack_require__(180);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(184);
+	var _rcAnimate = __webpack_require__(185);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(193);
+	var _PopupInner = __webpack_require__(194);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
-	var _LazyRenderBox = __webpack_require__(59);
+	var _LazyRenderBox = __webpack_require__(60);
 	
 	var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
 	
@@ -16059,7 +16563,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 193 */
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16072,7 +16576,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _LazyRenderBox = __webpack_require__(59);
+	var _LazyRenderBox = __webpack_require__(60);
 	
 	var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
 	
@@ -16116,7 +16620,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 194 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16137,21 +16641,21 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(197);
+	var _contains = __webpack_require__(198);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
-	var _addEventListener = __webpack_require__(60);
+	var _addEventListener = __webpack_require__(61);
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(192);
+	var _Popup = __webpack_require__(193);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(196);
+	var _utils = __webpack_require__(197);
 	
-	var _getContainerRenderMixin = __webpack_require__(198);
+	var _getContainerRenderMixin = __webpack_require__(199);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -16615,15 +17119,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 195 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(194);
+	module.exports = __webpack_require__(195);
 
 /***/ },
-/* 196 */
+/* 197 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16663,7 +17167,7 @@ module.exports =
 	}
 
 /***/ },
-/* 197 */
+/* 198 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -16686,7 +17190,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 198 */
+/* 199 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16791,8 +17295,8 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 199 */,
-/* 200 */
+/* 200 */,
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16801,19 +17305,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__(202);
+	var _addClass = __webpack_require__(203);
 	
 	var _addClass2 = _interopRequireDefault(_addClass);
 	
-	var _removeClass = __webpack_require__(204);
+	var _removeClass = __webpack_require__(205);
 	
 	var _removeClass2 = _interopRequireDefault(_removeClass);
 	
-	var _requestAnimationFrame = __webpack_require__(206);
+	var _requestAnimationFrame = __webpack_require__(207);
 	
 	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
 	
-	var _properties = __webpack_require__(205);
+	var _properties = __webpack_require__(206);
 	
 	var _react = __webpack_require__(1);
 	
@@ -16825,7 +17329,7 @@ module.exports =
 	
 	var _reactDom = __webpack_require__(10);
 	
-	var _PropTypes = __webpack_require__(63);
+	var _PropTypes = __webpack_require__(64);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -17026,7 +17530,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 201 */
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17035,7 +17539,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__(158);
+	var _chainFunction = __webpack_require__(159);
 	
 	var _chainFunction2 = _interopRequireDefault(_chainFunction);
 	
@@ -17047,11 +17551,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _warning = __webpack_require__(208);
+	var _warning = __webpack_require__(209);
 	
 	var _warning2 = _interopRequireDefault(_warning);
 	
-	var _ChildMapping = __webpack_require__(207);
+	var _ChildMapping = __webpack_require__(208);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -17303,7 +17807,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 202 */
+/* 203 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17313,7 +17817,7 @@ module.exports =
 	});
 	exports.default = addClass;
 	
-	var _hasClass = __webpack_require__(203);
+	var _hasClass = __webpack_require__(204);
 	
 	var _hasClass2 = _interopRequireDefault(_hasClass);
 	
@@ -17325,7 +17829,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 203 */
+/* 204 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -17340,7 +17844,7 @@ module.exports =
 	module.exports = exports["default"];
 
 /***/ },
-/* 204 */
+/* 205 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -17350,7 +17854,7 @@ module.exports =
 	};
 
 /***/ },
-/* 205 */
+/* 206 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17360,7 +17864,7 @@ module.exports =
 	});
 	exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
 	
-	var _inDOM = __webpack_require__(62);
+	var _inDOM = __webpack_require__(63);
 	
 	var _inDOM2 = _interopRequireDefault(_inDOM);
 	
@@ -17465,7 +17969,7 @@ module.exports =
 	}
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17474,7 +17978,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _inDOM = __webpack_require__(62);
+	var _inDOM = __webpack_require__(63);
 	
 	var _inDOM2 = _interopRequireDefault(_inDOM);
 	
@@ -17523,7 +18027,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17619,7 +18123,7 @@ module.exports =
 	}
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17685,13 +18189,13 @@ module.exports =
 
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports) {
 
 	module.exports = require("moment-timezone");
 
 /***/ },
-/* 210 */
+/* 211 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");